/*****************************************************************************************
		CONNEXION INSCRIPTION
*****************************************************************************************/

/*****************************************************************************
				CONNEXION INSCRIPTION GENERAL
*****************************************************************************/


body.new_body #content #tb.connexion_et_inscription{
	position: relative;

	margin: 0 auto;

	max-width: 1000px;
	max-width: 100rem;

	font-size: 14px;
	font-size: 1.4rem;
}

body.new_body #content #tb.connexion_et_inscription.resetpassword{
	font-size: 16px;
	font-size: 1.6rem;
}

body.new_body #content #tb.connexion_et_inscription.resetpassword em{
	font-size: 12px;
	font-size: 1.2rem;
}

#tb.connexion_et_inscription #user_action_connexion,
#tb.connexion_et_inscription #user_action_inscription,
#tb.connexion_et_inscription #user_action_resetpassword{
	display: none;
}

body.new_body #content #tb.connexion_et_inscription .desktop{
	display: none;
}

body.new_body #content #tb.connexion_et_inscription .mobile{
	display: block;
}

#tb.connexion_et_inscription .form_alert,
#tb.connexion_et_inscription .form_success{
	border: none;
}

#tb.connexion_et_inscription label{
	margin: 0;
	font-weight: 300;
}

#tb.connexion_et_inscription .inscription{
	margin: 0;
	color: #525151;
	font-weight: 300;
}

#tb.connexion_et_inscription button.btn-green{
	display: block;
	
	width: 100%;

	height: 42px;
	height: 4.2rem;

	padding: 7px 10px 9px 10px;
	padding: 0.7rem 1rem 0.8rem 1rem;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	background: #2AAF52;

	border: 1px solid #2AAF52;
	border: 0.1rem solid #2AAF52;

	-webkit-box-shadow: none;

	        -moz-box-shadow: none;

	     box-shadow: none;

	font-size: 20px;
	font-size: 2rem;

	color: #FFFFFF;

	line-height: normal;

	cursor: pointer;
}

#tb.connexion_et_inscription button.btn-green:hover{
	background: #20843e;
}

#tb.connexion_et_inscription a:hover{
	color: #F37023;
}

#tb.connexion_et_inscription a.disabled{
	color: #DFDFDF;
	cursor: not-allowed;
}

#tb.connexion_et_inscription a.disabled:hover{
	/* color: #DFDFDF; */
}

#tb.connexion_et_inscription label.btn-aspect{
	display: inline-block;

	width: 100%;

	text-align: center;

	color: #333333;
	
	padding: 10px;
	padding: 1rem;

	background: #FFFFFF;

	border: 1px solid #FFFFFF;
	border: 0.1rem solid #FFFFFF;
	
	-webkit-border-radius: 5px;
	
	   -moz-border-radius: 5px;
	
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	cursor: pointer;
}

#tb.connexion_et_inscription label.btn-aspect:hover{
	background: transparent;
	color: #FFFFFF;
}

#tb.connexion_et_inscription label.btn-aspect-small{
	display: inline-block;

	text-align: center;
	
	padding: 10px 20px;
	padding: 1rem 2rem;

	background: transparent;
	color: #333333;

	border: 1px solid #333333;
	border: 0.1rem solid #333333;
	
	-webkit-border-radius: 5px;
	
	   -moz-border-radius: 5px;
	
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
	cursor: pointer;
}

#tb.connexion_et_inscription label.btn-aspect-small:hover{
	background: #333333;
	color: #FFFFFF;
}

#tb.connexion_et_inscription #erreur_non_loggue,
#tb.connexion_et_inscription #erreur_non_loggue_mobile{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	border: none;
}

#tb.connexion_et_inscription form .forget-password{
	cursor: pointer;
}

#tb.connexion_et_inscription form .forget-password:hover{
	color: #F37023;
}

#tb.connexion_et_inscription .choix{
	margin-top: 10px;
	margin-top: 1rem;
}

#tb.connexion_et_inscription .choix label{
	color: #2AAF52;
	text-decoration: underline;
	cursor: pointer;
}

#tb.connexion_et_inscription .choix label:hover{
	color: #20843E;
}



/**********************************************
				DIV .ICONE
**********************************************/
#tb.connexion_et_inscription .icone{
	position: relative;

	margin: 0;
	/*
	margin-bottom: 10px;
	margin-bottom: 1rem;
	/*  */
	padding: 0;

	border: none;
}
#tb.connexion_et_inscription.resetpassword .icone{
	margin: 15px 0;
}

#tb.connexion_et_inscription .icone::before{
	position: absolute;

	font-family: "Font Awesome 5 Pro";

	font-size: 20px;
	font-size: 2rem;

	font-weight: 600;

	top: 10px;
	top: 1rem;
	
	left: 0;

	color: #707070;

	width: 1.25em;		/* équivalent à la classe fa-fw */
	text-align: center; /* équivalent à la classe fa-fw */
}

#tb.connexion_et_inscription .icone_letter::before{
	content: "\f0e0";
}

#tb.connexion_et_inscription .icone_lock::before{
	content: "\f30d";
}

#tb.connexion_et_inscription .icone_mobile_phone::before{
	content: "\f3cd";
}

#tb.connexion_et_inscription .icone_phone::before{
	content: "\f879";
	font-size: 18px;
	font-size: 1.8rem;
}

#tb.connexion_et_inscription .icone_user::before{
	/*content: "\f4fc";*/  /* user-check */
	content: "\f508";      /* user-check */
}

/**********************************************
				/DIV .ICONE
**********************************************/
/**********************************************
				CHECKBOX FLEX
**********************************************/

#tb.connexion_et_inscription .keep_connected{
	margin-bottom: 80px;
	margin-bottom: 8rem;

	margin-bottom: 120px;
	margin-bottom: 12rem;
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile{
	display: none;
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup + label,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile + label{
	position: relative;

	display: inline-block;
	
	width: 30px;
	width: 3rem;

	height: 16px;
	height: 1.6rem;
	
	margin: 2px 10px 0 0;
	margin: 0.2rem 1rem 0 0;

	background: #DDDDDD;

	-webkit-border-radius: 20px;

	   -moz-border-radius: 20px;

	        border-radius: 20px;
	-webkit-border-radius: 2rem;
	   -moz-border-radius: 2rem;
	        border-radius: 2rem;
	
	-webkit-transition: 0.3s;
	
	-o-transition: 0.3s;
	
	-moz-transition: 0.3s;
	
	transition: 0.3s;

	cursor: pointer;
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup + label:after,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup + label:before,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile + label:after,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile + label:before{
	position: absolute;
	
	top: 2px;
	top: 0.2rem;

	left: 2px;
	left: 0.2rem;

	display: block;
	
	content: '';
	
	width: 12px;
	width: 1.2rem;

	height: 12px;
	height: 1.2rem;
	
	-webkit-border-radius: 10px;
	
	   -moz-border-radius: 10px;
	
	        border-radius: 10px;
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
	        border-radius: 1rem;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;
	
	cursor: pointer;
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup + label:after,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile + label:after{
	background: #FFFFFF;
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup:checked + label,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile:checked + label{
	background: #AEDCAE;
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup:checked + label:active:after,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile:checked + label:active:after{
	left: -webkit-calc(100% - 28px);
	left: -moz-calc(100% - 28px);
	left: calc(100% - 28px);
}

#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup:checked + label:after,
#tb.connexion_et_inscription .keep_connected #connexion_cookie_popup_mobile:checked + label:after{
	left: -webkit-calc(100% - 14px);
	left: -moz-calc(100% - 14px);
	left: calc(100% - 14px);
	background: #5CB85C;
}


#tb.connexion_et_inscription label.label_text{
	vertical-align: top;
	cursor: pointer;
}

/**********************************************
				/CHECKBOX FLEX
**********************************************/
/****************************************************
				RADIO CHECKBOX-ASPECT
****************************************************/

#tb.connexion_et_inscription input[type="radio"].checkbox_aspect{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	position: relative;

	background-color: #efebea;

	border-radius: 2px;
	border-radius: 0.2rem;
	-webkit-border-radius: 2px;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 2px;
	-moz-border-radius: 0.2rem;
	-ms-border-radius: 2px;
	-ms-border-radius: 0.2rem;
	-o-border-radius: 2px;
	-o-border-radius: 0.2rem;

	width: 18px;
	width: 1.8rem;

	height: 18px;
	height: 1.8rem;

	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
}

#tb.connexion_et_inscription input[type="radio"].checkbox_aspect::-ms-check{
	/* display: none; */
	color: #2aaf52;

	background-color: #efebea;

	border: none;

	border-radius: 2px;
	border-radius: 0.2rem;

	position: relative;
}

#tb.connexion_et_inscription input[type="radio"].checkbox_aspect:hover{
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.3);
}

#tb.connexion_et_inscription input[type="radio"].checkbox_aspect:checked{
	background-color: #2aaf52;
}

#tb.connexion_et_inscription input[type="radio"].checkbox_aspect:checked::after{
	position: absolute;

	top: -webkit-calc(50% - 8px);

	top: -moz-calc(50% - 8px);

	top: calc(50% - 8px);
	top: -webkit-calc(50% - 0.8rem);
	top: -moz-calc(50% - 0.8rem);
	top: calc(50% - 0.8rem);

	left: -webkit-calc(50% - 8px);

	left: -moz-calc(50% - 8px);

	left: calc(50% - 8px);
	left: -webkit-calc(50% - 0.8rem);
	left: -moz-calc(50% - 0.8rem);
	left: calc(50% - 0.8rem);

	font-family: "Font Awesome 5 Pro";

	content: "\f00c";

	color: #FFFFFF;

	font-size: 16px;
	font-size: 1.6rem;

	font-weight: 400;
}



/******************************************************
				/RADIO CHECKBOX-ASPECT
******************************************************/
/****************************************************
				CHAMPS FORMULAIRE
****************************************************/

#tb.connexion_et_inscription .icone_lock input[type="checkbox"]{
	display: none;
}

#tb.connexion_et_inscription .icone_lock label.btn-password-view{
	position: absolute;

	top: 10px;
	top: 1rem;

	right: 10px;
	right: 1rem;

	font-size: 18px;
	font-size: 1.8rem;

	color: #707070;

	margin-left: 5px;
	margin-left: 0.5rem;

	vertical-align: top;

	cursor: pointer;
}

#tb.connexion_et_inscription .icone_lock label.btn-password-view:hover{
	opacity: 0.9;
}

#tb.connexion_et_inscription .icone_lock input[type="checkbox"]:checked + label.btn-password-view{
	color: #F37023;
}

#tb.connexion_et_inscription input[type="tel"],
#tb.connexion_et_inscription input[type="text"],
#tb.connexion_et_inscription input[type="email"],
#tb.connexion_et_inscription input[type="password"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.5);
	-moz-box-shadow: none;
	     box-shadow: none;

	border: none;
	border-bottom: 2px solid #D5D5D5;
	border-bottom: 0.2rem solid #D5D5D5;
	
	height: auto;
	
	/*
	padding: 0 35px 10px 35px;
	padding: 0 3.5rem 1rem 3.5rem;
	/*  */
	padding: 10px 35px 10px 35px;
	padding: 1rem 3.5rem 1rem 3.5rem;

	margin-bottom: 10px;
	margin-bottom: 1rem;

	font-family: pangram, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}

#tb.connexion_et_inscription input[type="tel"]:invalid,
#tb.connexion_et_inscription input[type="text"]:invalid,
#tb.connexion_et_inscription input[type="email"]:invalid,
#tb.connexion_et_inscription input[type="password"]:invalid{
	color: #990000;
}

#tb.connexion_et_inscription input[type="tel"]{
	padding: 10px 10px 10px 35px;
	padding: 1rem 1rem 1rem 3.5rem;
}

#tb.connexion_et_inscription input[type="tel"],
#tb.connexion_et_inscription input[type="text"],
#tb.connexion_et_inscription input[type="email"]{
	width: 100%;
}

#tb.connexion_et_inscription .icone_lock input[type="tel"],
#tb.connexion_et_inscription .icone_lock input[type="text"],
#tb.connexion_et_inscription .icone_lock input[type="password"]{
	/* width: calc(100% - 35px);
	width: calc(100% - 3.5rem); */
	width: 100%;
}

#tb.connexion_et_inscription input[type="tel"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="text"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="email"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="password"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="tel"]:-ms-input-placeholder,
#tb.connexion_et_inscription input[type="text"]:-ms-input-placeholder,
#tb.connexion_et_inscription input[type="email"]:-ms-input-placeholder,
#tb.connexion_et_inscription input[type="password"]:-ms-input-placeholder{
	font-family: pangram, sans-serif;
}

#tb.connexion_et_inscription input[type="tel"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="text"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="email"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="password"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-ms-input-placeholder{
	font-family: pangram, sans-serif;
}

#tb.connexion_et_inscription input[type="tel"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-ms-input-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="text"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="email"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="password"]::-moz-placeholder,
#tb.connexion_et_inscription input[type="tel"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="text"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="email"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="password"]::-webkit-input-placeholder,
#tb.connexion_et_inscription input[type="tel"]::placeholder,
#tb.connexion_et_inscription input[type="text"]::placeholder,
#tb.connexion_et_inscription input[type="email"]::placeholder,
#tb.connexion_et_inscription input[type="password"]::placeholder{
	font-family: pangram, sans-serif;
}

#tb.connexion_et_inscription .prenom_nom,
#tb.connexion_et_inscription .mobile_phone_phone{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;	
}

#tb.connexion_et_inscription .prenom_nom .div_client_civilite{
	position: relative;
	width: 15%;
	padding: 0;
	padding-top: 10px;
	padding-top: 1rem;
	margin: 0;
}

#tb.connexion_et_inscription .prenom_nom .div_client_civilite::after{
	position: absolute;
	top: -webkit-calc(50% - 4px);
	top: -moz-calc(50% - 4px);
	top: calc(50% - 4px);
	top: -webkit-calc(50% - 0.4rem);
	top: -moz-calc(50% - 0.4rem);
	top: calc(50% - 0.4rem);
	right: 7px;
	right: 0.7rem;
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #F37023;
	content: '\f078';
	z-index: 1;
}

#tb.connexion_et_inscription .prenom_nom select{
	position: relative;
	width: 100%;
	height: 32px;
	height: 3.2rem;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	border: none;
	border-bottom: 2px solid #D5D5D5;
	border-bottom: 0.2rem solid #D5D5D5;
	background: transparent;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	font-family: pangram, sans-serif;
	z-index: 2;
}

#tb.connexion_et_inscription .prenom_nom select::-ms-expand{
	display: none;
}

#tb.connexion_et_inscription .prenom_nom input{
	width: 40%;
	
	margin-bottom: 2px;
	margin-bottom: 0.2rem;
	
	padding-left: 0;
	padding-right: 0;

	text-align: center;
}

#tb.connexion_et_inscription .mobile_phone_phone > div{
	width: calc(50% - 5px);
	width: calc(50% - 0.5rem);
}

#tb.connexion_et_inscription .status_client{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
	
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;

	margin: 10px 0 30px 0;
	margin: 1rem 0 3rem 0;
}

#tb.connexion_et_inscription .status_client > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	        align-items: flex-end;
}

#tb.connexion_et_inscription .status_client > .text-box{
	height: 55px;
	height: 5.5rem;
	width: 100%;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	        align-items: flex-start;
}

#tb.connexion_et_inscription .status_client > div > *{
	cursor: pointer;
}

#tb.connexion_et_inscription .status_client label{
	font-weight: 300;
	color: #525151;
	margin-left: 10px;
	margin-left: 1rem;
}

#tb.connexion_et_inscription .status_client .text{
	margin: 10px auto 0;
	margin: 1rem auto 0;
	font-weight: 400;
	font-size: 12px;
	font-size: 1.2rem;
}

#tb.connexion_et_inscription .status_client .revendeur{
	/*color: #F37023;*/
}

#tb.connexion_et_inscription .status_client .non_revendeur{
	color: #CC0000;
}


/****************************************************
				/CHAMPS FORMULAIRE
****************************************************/

#tb.connexion_et_inscription .separateur_ligne{
	background-image: url('/site/charte/images/tb/point_1x1_707070.jpg');
	/* background-position: center center; */
	background-position: 50% 60%;
	background-repeat: repeat-x;
}

#tb.connexion_et_inscription .separateur_ligne span{
	display: inline-block;
	background: #FFFFFF;
	padding: 0 20px;
	padding: 0 2rem;
}

/*****************************************************************************
				CONNEXION INSCRIPTION GENERAL
*****************************************************************************/
/*********************************************************************
				CONNEXION INSCRIPTION DESKTOP
*********************************************************************/


#tb.connexion_et_inscription .desktop #choix{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	margin-top: 100px;
	margin-top: 10rem;

	margin-top: 120px;
	margin-top: 12rem;

	color: #FFFFFF;
	/*background: #333333;*/
	background: #f37023;
}

#tb.connexion_et_inscription .desktop #choix > div{
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
	
	color: #FFFFFF;
	font-weight: 300;

	min-height: 435px;
	min-height: 43.5rem;
}

#tb.connexion_et_inscription.resetpassword .desktop #choix > div{
	width: 33%;
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}

#tb.connexion_et_inscription .desktop #choix .inscription{
	/* background: #707070; */

	padding: 20px 40px 20px 60px;
	padding: 2rem 4rem 2rem 6rem;

}

#tb.connexion_et_inscription.resetpassword .desktop #choix .inscription{
	padding: 20px;
	padding: 2rem;

}

#tb.connexion_et_inscription .desktop #choix h1,
#tb.connexion_et_inscription .desktop #choix h2{
	text-align: center;

	font-weight: 400;

	text-transform: none;

	margin: 0 0 4px 0;
	margin: 0 0 0.4rem 0;
}

#tb.connexion_et_inscription .desktop #choix .inscription h1,
#tb.connexion_et_inscription .desktop #choix .connexion h2{
	font-size: 26px;
	font-size: 2.6rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription h1{
	font-size: 70px;
	font-size: 7rem;
	font-weight: 500;
	/*color: #2AAF52;*/
	color: #ffffff;
}

.lang_es #tb.connexion_et_inscription .desktop #choix .inscription h1{
	font-size: 60px;
	font-size: 6rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription h1 sup{
	font-family: Roboto;
	font-size: 24px;
	font-size: 2.4rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription h2{
	font-size: 18px;
	font-size: 1.8rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription .raisons{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;

	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	        justify-content: flex-start;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;

	margin-top: 25px;
	margin-top: 2.5rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription .raisons span{
	font-size: 60px;
	font-size: 6rem;

	font-weight: 400;
}

#tb.connexion_et_inscription .desktop #choix .inscription .raisons p{
	font-size: 20px;
	font-size: 2rem;

	font-weight: 400;

	margin: 5px 15px;
	margin: 0.5rem 1.5rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription ul{
	/* margin: 50px 0; */
	/* margin: 5rem 0; */
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription ul li{
	position: relative;

	font-size: 16px;
	font-size: 1.6rem;

	line-height: 22px;
	line-height: 2.2rem;
}

#tb.connexion_et_inscription .desktop #choix .inscription ul li::before{
	/* position: absolute; */
	content: "\f00c";
	
	font-family: "Font Awesome 5 Pro";

	font-size: 20px;
	font-size: 2.0rem;

	font-weight: 400;

	/*color: #2AAF52;*/
	color: #ffffff;

	padding-right: 15px;
	padding-right: 1.5rem;
}



#tb.connexion_et_inscription .desktop #choix .connexion{
	/* background: #909090; */
	padding: 20px 60px 20px 40px;
	padding: 2rem 6rem 2rem 4rem;
}
#tb.connexion_et_inscription.resetpassword .desktop #choix .connexion{
	padding: 20px 30px 20px 40px;
	padding: 2rem 3rem 2rem 4rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion p{
	margin: 0;
}

#tb.connexion_et_inscription .desktop #choix .connexion a{
	color: #FFFFFF;
}



#tb.connexion_et_inscription .desktop #choix .connexion .contact{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	margin: 20px 0 0 0;
	margin: 2rem 0 0 0;

	font-size: 15px;
	font-size: 1.5rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .contact > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;

	margin-bottom: 20px;
	margin-bottom: 2rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .contact > div > *:nth-child(2){
	margin-left: 10px;
	margin-left: 1rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .contact a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
}

#tb.connexion_et_inscription .desktop #choix .connexion .contact i{
	font-size: 18px;
	font-size: 1.8rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .contact span{
	margin-left: 10px;
	margin-left: 1rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .aide{
	text-align: center;
}

#tb.connexion_et_inscription .desktop #choix .connexion .aide p{
	font-size: 16px;
	font-size: 1.6rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .aide div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	width: 60%;

	margin: 20px auto 0;
	margin: 2rem auto 0;
}

#tb.connexion_et_inscription .desktop #choix .connexion .aide div{
	width: 100%;
}

#tb.connexion_et_inscription.resetpassword .desktop #choix .connexion .aide a{
	display: inline-block;

	padding: 5px 25px;
	padding: 0.5rem 2.5rem;

	background: transparent;

	border: 1px solid #FFFFFF;
	border: 0.1rem solid #FFFFFF;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	font-size: 15px;
	font-size: 1.5rem;

	width: 110px;
	width: 11rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .aide a:hover{
	background-color: #FFFFFF;

	color: #333333;
}

#tb.connexion_et_inscription .desktop #choix .connexion .aide a i{
	margin-right: 5px;
	margin-right: 0.5rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .reseaux_sociaux{
	text-align: center;

	margin: 20px 0 0 0;
	margin: 2rem 0 0 0;

	font-size: 20px;
	font-size: 2rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .reseaux_sociaux a{
	margin: 0 5px;
	margin: 0 0.5rem;
}

#tb.connexion_et_inscription .desktop #choix .connexion .reseaux_sociaux a:hover{
	color: #F37023;
}

#tb.connexion_et_inscription .desktop #action{
	position: absolute;

	top: -50px;
	top: -5rem;

	top: -70px;
	top: -7rem;

	left: 20px;
	left: 2rem;

	width: -webkit-calc(100% - 40px);

	width: -moz-calc(100% - 40px);

	width: calc(100% - 40px);
	width: -webkit-calc(100% - 4rem);
	width: -moz-calc(100% - 4rem);
	width: calc(100% - 4rem);
	color: #333333;

	background: transparent;
	/* border: 0.1rem solid deepskyblue; */
}

#tb.connexion_et_inscription .desktop #action label{
	display: inline-block;
	font-weight: 300;
}


#tb.connexion_et_inscription .desktop #action > input[type="radio"]{
	display: none;
}

#tb.connexion_et_inscription .desktop #action .slidebox{
	position: absolute;

	top: 0;

	background: #FFFFFF;
	
	border: 1px solid #D1D1D1;
	border: 0.1rem solid #D1D1D1;

	width: 50%;

	height: 540px;
	height: 54rem;

	height: 640px;
	height: 64rem;

	overflow: hidden;

	-webkit-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	-o-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	-moz-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);

	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0.5rem 0.5rem 0.5rem 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	     box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0.5rem 0.5rem 0.5rem 0 rgba(0,0,0,0.2);
	     box-shadow: 0.5rem 0.5rem 0.5rem 0 rgba(0,0,0,0.2);
}

#tb.connexion_et_inscription.resetpassword .desktop #action .slidebox{
	height: 550px;
	height: 55rem;
	top: 15px;
	width: 40%;
}
#tb.connexion_et_inscription.resetpassword #user_action_resetpassword:checked ~ .desktop .slidebox {
  left: 0;
  right: 0;
  margin: 0 auto;
}

#tb.connexion_et_inscription .desktop #action .slidebox .wrapper{
	display: block;
	position: relative;
	background: transparent;
	/* border: 0.1rem solid cyan; */
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	height: 100%;
}

#tb.connexion_et_inscription .desktop #action .slidebox .wrapper > div{
	position: absolute;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
			
	width: 100%;
	height: 100%;
	
	padding: 30px 40px 3px 40px;
	padding: 3rem 4rem 3rem 4rem;

	/* background: #FFFFFF; */
	
	-webkit-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	-o-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	-moz-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
}

#tb.connexion_et_inscription.resetpassword .desktop #action .slidebox .wrapper > div{
	-webkit-justify-content: center;
	justify-content: center;
	padding: 30px 20px 3px 20px;
	padding: 3rem 2rem 3rem 2rem;
}

#tb.connexion_et_inscription .desktop #action .slidebox .wrapper .connexion{
	/* background: green; */
	/* padding: 90px 40px;
	padding: 9rem 4rem; */
}

#tb.connexion_et_inscription .desktop #action .slidebox .wrapper .inscription{
	/* background: red; */
	/* padding: 90px 40px;
	padding: 9rem 4rem; */
}

#tb.connexion_et_inscription .desktop #action .slidebox .wrapper > div h3{
	text-align: center;

	text-transform: none;
	
	font-size: 25px;
	font-size: 2.5rem;
	
	font-weight: 500;
	
	color: #F37023;

	/* margin-bottom: 35px; */
	/* margin-bottom: 3.5rem; */
}

#tb.connexion_et_inscription.resetpassword .desktop #action .slidebox .wrapper > div h3{
	font-size: 18px;
	font-size: 1.8rem;
}



#tb.connexion_et_inscription .desktop #action .slidebox .wrapper > div form{
	margin: 0;
}

#tb.connexion_et_inscription .desktop .slidebox .choix{
	margin-top: 10px;
	margin-top: 1rem;
}

#tb.connexion_et_inscription .desktop .slidebox .choix > *:not(:last-child) {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

/* 
#tb.connexion_et_inscription .desktop #action .slidebox .wrapper > div input[type="text"].required,
#tb.connexion_et_inscription .desktop #action .slidebox .wrapper > div input[type="password"].required{
	border-color: #CC0000;
} */








/**************************
		INTERACTION
**************************/

#tb.connexion_et_inscription #user_action_connexion:checked ~ .desktop .slidebox{
	left: 0;
}

#tb.connexion_et_inscription #user_action_connexion:checked ~ .desktop .slidebox .wrapper .connexion{
	left: 0;
}

#tb.connexion_et_inscription #user_action_connexion:checked ~ .desktop .slidebox .wrapper .inscription{
	left: 100%;
}



#tb.connexion_et_inscription #user_action_inscription:checked ~ .desktop .slidebox,
#tb.connexion_et_inscription #user_action_resetpassword:checked ~ .desktop .slidebox{
	left: 50%;
}

#tb.connexion_et_inscription #user_action_inscription:checked ~ .desktop .slidebox .wrapper .connexion,
#tb.connexion_et_inscription #user_action_resetpassword:checked ~ .desktop .slidebox .wrapper .connexion{
	left: -100%;
}

#tb.connexion_et_inscription #user_action_inscription:checked ~ .desktop .slidebox .wrapper .inscription,
#tb.connexion_et_inscription #user_action_resetpassword:checked ~ .desktop .slidebox .wrapper .inscription{
	left: 0;
}

/*****************************************************************************
				/CONNEXION INSCRIPTION DESKTOP
*****************************************************************************/
/***************************************************************************
				/CONNEXION INSCRIPTION MOBILE
**************************************************************************/

#tb.connexion_et_inscription .mobile form{
	margin: 25px 0 0 0;
	margin: 2.5rem 0 0 0;
}

#tb.connexion_et_inscription .mobile label{
	display: inline-block;
}

#tb.connexion_et_inscription .mobile label.btn-aspect{
	display: inline-block;
	width: auto;
	text-align: center;
	
	padding: 10px 40px;
	padding: 1rem 4rem;
	
	color: #333333;

	background: transparent;
	
	border: 1px solid #333333;
	border: 0.1rem solid #333333;
	
	-webkit-border-radius: 5px;
	
	   -moz-border-radius: 5px;
	
	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	cursor: pointer;
}

#tb.connexion_et_inscription .mobile label.btn-aspect:hover{
	color: #FFFFFF;
	background: #333333;
}

#tb.connexion_et_inscription .mobile .slidebox{
	position: relative;
	display: block;

	width: 100%;

	min-height: 550px;
	
	height: calc(100vh - 72px);
	height: calc(100vh - 7.2rem);

	overflow: hidden;
	/* background: red; */
}

#tb.connexion_et_inscription .mobile .slidebox .wrapper{
	position: absolute;
	top: 0;
	
	display: block;

	width: 100%;
	height: 100%;

	padding-top: 20px;
	padding-top: 2rem;
	
	overflow: auto;

	-webkit-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	-o-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	-moz-transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
	transition: left 1s cubic-bezier(0.8, 0.07, 0.71, 1.39);
}

#tb.connexion_et_inscription .mobile .slidebox .wrapper > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
	
	margin: 0 auto;

	max-width: 340px;
	max-width: 34rem;

	/* height: 53rem; */
}

#tb.connexion_et_inscription .mobile .slidebox .wrapper h3{
	color: #F37023;
	text-transform: none;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 400;
}

#tb.connexion_et_inscription .mobile .choix > *:not(:last-child){
	margin-bottom: 20px;
	margin-bottom: 2rem;
}



/**************************
		INTERACTION
**************************/

#tb.connexion_et_inscription #user_action_connexion:checked ~ .mobile .slidebox .wrapper:first-child{
	left: 0;
}

#tb.connexion_et_inscription #user_action_connexion:checked ~ .mobile .slidebox .wrapper:last-child{
	left: 100%;
}



#tb.connexion_et_inscription #user_action_inscription:checked ~ .mobile .slidebox .wrapper:first-child,
#tb.connexion_et_inscription #user_action_resetpassword:checked ~ .mobile .slidebox .wrapper:first-child{
	left: -100%;
}

#tb.connexion_et_inscription #user_action_inscription:checked ~ .mobile .slidebox .wrapper:last-child,
#tb.connexion_et_inscription #user_action_resetpassword:checked ~ .mobile .slidebox .wrapper:last-child{
	left: 0;
}


/***************************************************************************
				/CONNEXION INSCRIPTION MOBILE
**************************************************************************/

@media all and (min-width: 900px){
	body.new_body #content #tb.connexion_et_inscription .desktop{
		display: block;
	}
	
	body.new_body #content #tb.connexion_et_inscription .mobile{
		display: none;
	}
	
}

@media all and (min-width: 990px){
	#tb.connexion_et_inscription #choix > div{
		min-height: 415px;
		min-height: 41.5rem;
	}
	
	#tb.connexion_et_inscription #action .slidebox{
		height: 510px;
		height: 51rem;
	}
	
}


/*****************************************************************************************
		/CONNEXION INSCRIPTION
*****************************************************************************************/
/*****************************************************************************************
		INSCRIPTION
*****************************************************************************************/

body.new_body #content > #message_before_inscription{
	width: 100%;
	max-width: 1000px;
	max-width: 100rem;
	margin: 10px auto;
	margin: 1rem auto;
	color: #707070;
}

#message_before_inscription p{
	font-size: 18px;
	font-size: 1.8rem;
}

#message_before_inscription p:first-child{
	font-weight: 600;
}

body.new_body #content > #tb.inscription{
	width: 100%;
	max-width: 1000px;
	max-width: 100rem;
	margin-top: 10px;
	margin-top: 1rem;
}

#tb.inscription > .wrapper{
	position: relative;
	
	padding: 20px;
	padding: 2rem;

	margin-bottom: 10px;
	margin-bottom: 1rem;

	/* border: 1px solid #D1D1D1; */
	/* border: 0.1rem solid #D1D1D1; */

	-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10),
						-10px -10px 20px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
						-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10),
				-10px -10px 20px 0 rgba(0,0,0,0.05);
	     box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10),
				-10px -10px 20px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
				-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
	        -moz-box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
				-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
	     box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
				-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
}

#tb.inscription input{
	margin: 0;
}

#tb.inscription input[type="checkbox"]{
	display: none;
}

#tb.inscription input[type="checkbox"].checkbox_aspect{
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	position: relative;

	background-color: #efebea;

	border-radius: 2px;
	border-radius: 0.2rem;
	-webkit-border-radius: 2px;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 2px;
	-moz-border-radius: 0.2rem;
	-ms-border-radius: 2px;
	-ms-border-radius: 0.2rem;
	-o-border-radius: 2px;
	-o-border-radius: 0.2rem;

	width: 18px;
	width: 1.8rem;

	height: 18px;
	height: 1.8rem;

	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.3);
}

#tb.inscription input[type="checkbox"].checkbox_aspect::-ms-check{
	/* display: none; */
	color: #2aaf52;

	background-color: #efebea;

	border: none;

	border-radius: 2px;
	border-radius: 0.2rem;

	position: relative;
}

#tb.inscription input[type="checkbox"].checkbox_aspect:hover{
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.3);
	     box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.3);
}

#tb.inscription input[type="checkbox"].checkbox_aspect:checked{
	background-color: #2aaf52;
}

#tb.inscription input[type="checkbox"].checkbox_aspect:checked::after{
	position: absolute;

	top: -webkit-calc(50% - 8px);

	top: -moz-calc(50% - 8px);

	top: calc(50% - 8px);
	top: -webkit-calc(50% - 0.8rem);
	top: -moz-calc(50% - 0.8rem);
	top: calc(50% - 0.8rem);

	left: -webkit-calc(50% - 8px);

	left: -moz-calc(50% - 8px);

	left: calc(50% - 8px);
	left: -webkit-calc(50% - 0.8rem);
	left: -moz-calc(50% - 0.8rem);
	left: calc(50% - 0.8rem);

	font-family: "Font Awesome 5 Pro";

	content: "\f00c";

	color: #FFFFFF;

	font-size: 16px;
	font-size: 1.6rem;

	font-weight: 400;
}

#tb.inscription .page_title{
	margin-top: 30px;
	margin-top: 3rem;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

#tb.inscription .page_title *{
	display: inline;
	text-transform: none;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}

#tb.inscription form#form_inscription_realisaprint{
	margin: 0;
}

#tb.inscription form#form_inscription_realisaprint h3{
	color: #9E9E9E;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;

	max-height: none;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div{
	width: 100%;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.form_success,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.form_alert,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.form_info,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.rea_info{
	display: block;
	text-align: justify;
	border: none;
	margin: 0;
	padding: 0;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.form_success,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.form_alert,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.rea_info{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-connexion{
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-order: 1;
	   -moz-box-ordinal-group: 2;
	        order: 1;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-societe{
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	-webkit-order: 2;
	   -moz-box-ordinal-group: 3;
	        order: 2;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-perso{
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	-webkit-order: 3;
	   -moz-box-ordinal-group: 4;
	        order: 3;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-adresse{
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	-webkit-order: 4;
	   -moz-box-ordinal-group: 5;
	        order: 4;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > .separateur{
	display: none;

	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	-webkit-order: 5;
	   -moz-box-ordinal-group: 6;
	        order: 5;

	width: 2px;
	width: 0.2rem;

	height: 100%;

	min-height: 545px;
	min-height: 54.5rem;

	background: #C2C2C2;
}

#tb.inscription form#form_inscription_realisaprint .form_success a,
#tb.inscription form#form_inscription_realisaprint .form_alert a,
#tb.inscription form#form_inscription_realisaprint .form_info a{
	/* color: #FFFFFF; */
	text-decoration: underline;
}

#tb.inscription form#form_inscription_realisaprint .form_success{
	color: #009900;
}

#tb.inscription form#form_inscription_realisaprint .form_alert{
	color: #CC0000;
}

#tb.inscription form#form_inscription_realisaprint .form_info{
	color: #F37023;

	font-size: 11px;
	font-size: 1.1rem;

	font-weight: 300;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;
			
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
			
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
			
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;

	margin: 10px 0 10px 0;
	margin: 1rem 0 1rem 0;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="tel"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="text"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="email"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div .file_select,
#tb.inscription form#form_inscription_realisaprint .select_aspect{
	width: 100%;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div select{
	position: relative;

	z-index: 1;

	width: 100%;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password > div{
	width: 100%;

	position: relative;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password input[type="text"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password input[type="password"]{
	/* width: calc(100% - 25px);
	width: calc(100% - 2.5rem); */
	width: 100%;

	padding-right: 25px;
	padding-right: 2.5rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password div label{
	position: absolute;
	
	top: 3px;
	top: 0.3rem;

	right: 7px;
	right: 0.7rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.already_password_alert{
	font-size: 11px;
	font-size: 1.1rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.already_password_alert p{
	margin: 0;
	text-align: left;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.already_password_alert ul li{
	margin-left: 20px;
	margin-left: 2rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="tel"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="text"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="email"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="password"],
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	height: 28px;
	height: 2.8rem;

	margin: 0;

	padding: 5px;
	padding: 0.5rem;

	line-height: 14px;
	line-height: 1.4rem;
	
	font-family: pangram, sans-serif;
	font-weight: 300;

	background: transparent;

	border: 1px solid #D1D1D1;
	border: 0.1rem solid #D1D1D1;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	-webkit-box-shadow: none;

	        -moz-box-shadow: none;

	     box-shadow: none;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="tel"]:invalid,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="text"]:invalid,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="email"]:invalid,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="password"]:invalid{
	/* border-color: #990000; */
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input.invalid{
	border-color: #990000;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="tel"]:required:valid,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="text"]:required:valid,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="email"]:required:valid,
#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="password"]:required:valid{
	/* border-color: #009900; */
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div select::-ms-expand{
	display: none;
}

#tb.inscription form#form_inscription_realisaprint .select_aspect{
	position: relative;
}

#tb.inscription form#form_inscription_realisaprint .select_aspect:after{
	position: absolute;

	top: -webkit-calc(50% - 10px);

	top: -moz-calc(50% - 10px);

	top: calc(50% - 10px);
	top: -webkit-calc(50% - 1rem);
	top: -moz-calc(50% - 1rem);
	top: calc(50% - 1rem);

	right: 7px;
	right: 0.7rem;

	z-index: 0;

	font-family: "Font Awesome 5 Pro";
	content: '\f107';
	color: #F37023;
	
	font-size: 20px;
	font-size: 2rem;

	font-weight: 400;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="file"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	font-family: pangram, sans-serif;
	font-weight: 300;

	width: -webkit-calc(100% - 30px);

	width: -moz-calc(100% - 30px);

	width: calc(100% - 30px);
	width: -webkit-calc(100% - 3rem);
	width: -moz-calc(100% - 3rem);
	width: calc(100% - 3rem);

	line-height: 20px;
	line-height: 2rem;

	background-color: transparent;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type=file]::-webkit-file-upload-button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: #E1E1E1;

	font-family: pangram, sans-serif;

	font-weight: 300;

	color: #333333;

	padding: 5px;
	padding: 0.5rem;

	-webkit-box-shadow: none;
	box-shadow: none;

	border: none;

	-webkit-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type=file]::-ms-browse{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: #E1E1E1;

	font-family: pangram, sans-serif;

	font-weight: 300;

	color: #333333;

	padding: 5px;
	padding: 0.5rem;

	box-shadow: none;

	border: none;

	border-radius: 5px;
	border-radius: 0.5rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type=file]:hover::-webkit-file-upload-button{
	background: #C4C4C4;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type=file]:hover::-ms-browse{
	background: #C4C4C4;
}

#tb.inscription .password input[type='checkbox']:checked + label{
	color: #F37023;
}

#tb.inscription .password input[type='checkbox'] + label:hover{
	opacity: 0.9;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day{
	display: block;
	text-align: left;
	margin-bottom: 0;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day label{
	margin: 5px 0 10px 0;
	margin: 0.5rem 0 1rem 0;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day div:not(.bulletip-content){
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day .select_aspect{
	width: 100%;
	
	min-width: 100px;
	min-width: 10rem;

	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}

#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day select{
	width: 100%;
}

#tb.inscription form#form_inscription_realisaprint .infobulle_css_contenu{
	font-weight: 300;
}

#tb.inscription form#form_inscription_realisaprint .infobulle_css .bulletip-item::after{
	display: none;
}

#tb.inscription label[for="client_logo"] .bulletip-content{
	right: auto;
	left: -75px;
	left: -7.5rem;
}

body.inscription ul.ui-menu.ui-widget li.ui-menu-item div.ui-menu-item-wrapper{
	/* background : #F1F1F1; */

	/* border-color: #A1A1A1; */
}

body.inscription ul.ui-menu.ui-widget li.ui-menu-item div.ui-menu-item-wrapper.ui-state-active{
	color: #FFFFFF;

	font-weight: 300;

	background : #0078D7;

	border: none;

	margin: 0;
}

#tb.inscription form#form_inscription_realisaprint button.submit_big{
	display: block;
	
	/*
	max-width: 398px;
	max-width: 39.8rem;

	min-height: 42px;
	min-height: 4.2rem;
	/*  */
	width: 100%;
	margin: 0 auto;
	margin: 0;

	padding: 15px 20px 15px 20px;
	padding: 1.5rem 2rem 1.5rem 2rem;

	font-size: 18px;
	font-size: 1.8rem;
	
	font-weight: 400;

	text-transform: none;
	
	background-color: #2AAF52;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#tb.inscription form#form_inscription_realisaprint button.submit_big:hover{
	background: #20843E;
}

#tb.inscription .not-for-mobile{
	display: none;
}

#tb.inscription .previous{
	position: absolute;
	top: 20px;
	top: 2rem;
	left: 20px;
	left: 2rem;
	font-size: 24px;
	font-size: 2.4rem;
	color: #525151;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

@media all and (min-width: 560px){
	#tb.inscription > .wrapper{
		padding:30px 70px;
		padding:3rem 7rem;
	}
	
	#tb.inscription .page_title{
		margin-top: 0;
	}
	
	#tb.inscription .page_title *{
		font-size: 26px;
		font-size: 2.6rem;
	}

	#tb.inscription form#form_inscription_realisaprint h3{
		font-size: 20px;
		font-size: 2rem;
	}	

	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="tel"],
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="text"],
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="email"],
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div .file_select,
	#tb.inscription form#form_inscription_realisaprint .select_aspect{
		width: -webkit-calc(100% - 115px);
		width: -moz-calc(100% - 115px);
		width: calc(100% - 115px);
		width: -webkit-calc(100% - 11.5rem);
		width: -moz-calc(100% - 11.5rem);
		width: calc(100% - 11.5rem);
	}	

	body.lang_it #tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="tel"],
	body.lang_it #tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="text"],
	body.lang_it #tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div input[type="email"],
	body.lang_it #tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div .file_select,
	body.lang_it #tb.inscription form#form_inscription_realisaprint .select_aspect{
		width: -webkit-calc(100% - 170px);
		width: -moz-calc(100% - 170px);
		width: calc(100% - 170px);
		width: -webkit-calc(100% - 17rem);
		width: -moz-calc(100% - 17rem);
		width: calc(100% - 17rem);
	}
	
	body.lang_it #tb.inscription form#form_inscription_realisaprint .select_aspect.revendeur{
		width: -webkit-calc(100% - 270px);
		width: -moz-calc(100% - 270px);
		width: calc(100% - 270px);
		width: -webkit-calc(100% - 27rem);
		width: -moz-calc(100% - 27rem);
		width: calc(100% - 27rem);
	}

	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password > div{
		width: -webkit-calc(100% - 210px);
		width: -moz-calc(100% - 210px);
		width: calc(100% - 210px);
		width: -webkit-calc(100% - 21rem);
		width: -moz-calc(100% - 21rem);
		width: calc(100% - 21rem);
	
		position: relative;
	}
	
	body.lang_it #tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password input[type="text"],
	body.lang_it #tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.password input[type="password"]{
		width: 100%;
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day div:not(.bulletip-content){
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;

		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		        flex-wrap: nowrap;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		        justify-content: space-between;
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div > div.birth_day .select_aspect{
		width: 30%;
		min-width: 100px;
		min-width: 10rem;
	}
	/*	
	#tb.inscription .previous{
		bottom: 20px;
		bottom: 2rem;
		left: 20px;
		left: 2rem;
	}
	/*  */
	
	#tb.inscription form#form_inscription_realisaprint button.submit_big{
		font-size: 28px;
		font-size: 2.8rem;
	}
}

@media all and (min-width: 800px){
	
}

@media all and (min-width: 900px){
	body.new_body #content > #tb.inscription{
		margin-top: 4vh;
	}
	
	#tb.inscription > .wrapper{
		padding:30px 70px 30px 100px;
		padding:3rem 7rem 3rem 10rem;
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper{
		max-height: 750px;
		max-height: 75rem;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
				align-items: center;
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div{
		width: 50%;
	}

	#tb.inscription form#form_inscription_realisaprint .block-wrapper > div:nth-child(2){
		width: 45%;
	}

	#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-connexion{
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		-webkit-order: 1;
		   -moz-box-ordinal-group: 2;
		        order: 1;
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-societe{
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		-webkit-order: 2;
		   -moz-box-ordinal-group: 3;
		        order: 2;
		/* margin-left: auto; */
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-perso{
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		-webkit-order: 4;
		   -moz-box-ordinal-group: 5;
		        order: 4;
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > .info-adresse{
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		-webkit-order: 5;
		   -moz-box-ordinal-group: 6;
		        order: 5;
		/* margin-left: auto; */
	}
	
	#tb.inscription form#form_inscription_realisaprint .block-wrapper > .separateur{
		display: block;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		-webkit-order: 3;
		   -moz-box-ordinal-group: 4;
		        order: 3;
	}
	
	#tb.inscription .not-for-mobile{
		display: block;
	}
	
	#tb.inscription form#form_inscription_realisaprint button.submit_big{
		width: 50%;
		padding: 20px;
		padding: 2rem;
	}
}


/*****************************************************************************************
		/INSCRIPTION
*****************************************************************************************/

/*****************************************************************************************
		INSCRIPTION V2
*****************************************************************************************/

body.new_body #content > #tb.inscription_v2{
	width: 100%;
	max-width: 450px;
	max-width: 45rem;
	margin-top: 10px;
	margin-top: 1rem;
}

#tb.inscription_v2 > .wrapper{
	padding: 30px 10px;
	padding: 3rem 1rem;

	margin-bottom: 10px;
	margin-bottom: 1rem;

	/* border: 1px solid #D1D1D1; */
	/* border: 0.1rem solid #D1D1D1; */

	-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10),
						-10px -10px 20px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
						-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10),
				-10px -10px 20px 0 rgba(0,0,0,0.05);
	     box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10),
				-10px -10px 20px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
				-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
	        -moz-box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
				-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
	     box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.10),
				-1rem -1rem 2rem 0 rgba(0,0,0,0.05);
}

#tb.inscription_v2 h2{
	color: #A1A1A1;
	text-transform: none;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
}

#tb.inscription_v2 input{
	margin: 0;
}

#tb.inscription_v2 input[type="checkbox"]{
	display: none;
}

#tb.inscription_v2 .page_title{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

#tb.inscription_v2 .page_title *{
	/* display: inline; */
	text-transform: none;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 400;
	text-align: center;
}

#tb.inscription_v2 form#form_inscription_realisaprint{
	margin: 0;
}

#tb.inscription_v2 form#form_inscription_realisaprint h3{
	color: #9E9E9E;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
}

#tb.inscription_v2 form#form_inscription_realisaprint{
	max-height: none;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div{
	width: 100%;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.form_success,
#tb.inscription_v2 form#form_inscription_realisaprint > div > div.form_alert,
#tb.inscription_v2 form#form_inscription_realisaprint > div > div.form_info{
	display: block;
	
	text-align: justify;
	
	border: none;

	margin: 0;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.form_success,
#tb.inscription_v2 form#form_inscription_realisaprint > div > div.form_alert{
	/* color: #FFFFFF; */
	
	font-size: 12px;
	font-size: 1.2rem;
	
	font-weight: 400;
}

#tb.inscription_v2 form#form_inscription_realisaprint .info-adresse .cp_ville #client_cp{
	width: 30%;
}

#tb.inscription_v2 form#form_inscription_realisaprint .info-adresse .cp_ville #client_ville{
	width: -webkit-calc(70% - 10px);
	width: -moz-calc(70% - 10px);
	width: calc(70% - 10px);
	width: -webkit-calc(70% - 1rem);
	width: -moz-calc(70% - 1rem);
	width: calc(70% - 1rem);
}

#tb.inscription_v2 form#form_inscription_realisaprint .form_success a,
#tb.inscription_v2 form#form_inscription_realisaprint .form_alert a,
#tb.inscription_v2 form#form_inscription_realisaprint .form_info a{
	/* color: #FFFFFF; */
	text-decoration: underline;
}

#tb.inscription_v2 form#form_inscription_realisaprint .form_success{
	color: #009900;
}

#tb.inscription_v2 form#form_inscription_realisaprint .form_alert{
	color: #CC0000;
}

#tb.inscription_v2 form#form_inscription_realisaprint .form_info{
	color: #F37023;

	font-size: 11px;
	font-size: 1.1rem;

	font-weight: 300;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	        flex-direction: row;
			
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
			
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	        align-items: center;
			
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;

	margin: 10px 0 10px 0;
	margin: 1rem 0 1rem 0;
}

#tb.inscription_v2 label[for="client_logo"]{
	display: block;
	width: 100%;
	color: #A1A1A1;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="tel"],
#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="text"],
#tb.inscription_v2 form#form_inscription_realisaprint > div > div .file_select,
#tb.inscription_v2 form#form_inscription_realisaprint .select_aspect{
	width: 100%;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div select{
	position: relative;

	z-index: 1;

	width: 100%;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.password > div{
	width: 100%;

	position: relative;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.password input[type="text"]{
	/* width: calc(100% - 25px);
	width: calc(100% - 2.5rem); */
	width: 100%;

	padding-right: 25px;
	padding-right: 2.5rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.password div label{
	position: absolute;
	
	top: 3px;
	top: 0.3rem;

	right: 7px;
	right: 0.7rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.already_password_alert{
	font-size: 11px;
	font-size: 1.1rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.already_password_alert p{
	margin: 0;
	text-align: left;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.already_password_alert ul li{
	margin-left: 20px;
	margin-left: 2rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="tel"],
#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="text"],
#tb.inscription_v2 form#form_inscription_realisaprint > div > div select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	height: 28px;
	height: 2.8rem;

	margin: 0;

	padding: 5px;
	padding: 0.5rem;

	line-height: 14px;
	line-height: 1.4rem;
	
	font-family: pangram, sans-serif;
	font-weight: 300;

	background: transparent;

	border: 1px solid #D1D1D1;
	border: 0.1rem solid #D1D1D1;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;

	-webkit-box-shadow: none;

	        -moz-box-shadow: none;

	     box-shadow: none;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="tel"]:invalid,
#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="text"]:invalid{
	/* border-color: #990000; */
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input.invalid{
	border-color: #990000;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="tel"]:required:valid,
#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="text"]:required:valid{
	/* border-color: #009900; */
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div select::-ms-expand{
	display: none;
}

#tb.inscription_v2 form#form_inscription_realisaprint .select_aspect{
	position: relative;
}

#tb.inscription_v2 form#form_inscription_realisaprint .select_aspect:after{
	position: absolute;

	top: -webkit-calc(50% - 10px);

	top: -moz-calc(50% - 10px);

	top: calc(50% - 10px);
	top: -webkit-calc(50% - 1rem);
	top: -moz-calc(50% - 1rem);
	top: calc(50% - 1rem);

	right: 7px;
	right: 0.7rem;

	z-index: 0;

	font-family: "Font Awesome 5 Pro";
	content: '\f107';
	color: #F37023;
	
	font-size: 20px;
	font-size: 2rem;

	font-weight: 400;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="file"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	font-family: pangram, sans-serif;
	font-weight: 300;

	width: -webkit-calc(100% - 30px);

	width: -moz-calc(100% - 30px);

	width: calc(100% - 30px);
	width: -webkit-calc(100% - 3rem);
	width: -moz-calc(100% - 3rem);
	width: calc(100% - 3rem);

	line-height: 20px;
	line-height: 2rem;

	background-color: transparent;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type=file]::-webkit-file-upload-button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: #E1E1E1;

	font-family: pangram, sans-serif;

	font-weight: 300;

	color: #333333;

	padding: 5px;
	padding: 0.5rem;

	-webkit-box-shadow: none;
	box-shadow: none;

	border: none;

	-webkit-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type=file]::-ms-browse{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background: #E1E1E1;

	font-family: pangram, sans-serif;

	font-weight: 300;

	color: #333333;

	padding: 5px;
	padding: 0.5rem;

	box-shadow: none;

	border: none;

	border-radius: 5px;
	border-radius: 0.5rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type=file]:hover::-webkit-file-upload-button{
	background: #C4C4C4;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type=file]:hover::-ms-browse{
	background: #C4C4C4;
}

#tb.inscription_v2 .password input[type='checkbox']:checked + label{
	color: #F37023;
}

#tb.inscription_v2 .password input[type='checkbox'] + label:hover{
	opacity: 0.9;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day{
	display: block;
	text-align: center;
	margin-bottom: 0;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day label{
	margin: 5px 0 10px 0;
	margin: 0.5rem 0 1rem 0;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	        flex-direction: column;

	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	        justify-content: space-between;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day .select_aspect{
	width: 100%;
	
	min-width: 100px;
	min-width: 10rem;

	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day select{
	width: 100%;
}

#tb.inscription_v2 form#form_inscription_realisaprint .infobulle_css_contenu{
	font-weight: 300;
}

#tb.inscription_v2 form#form_inscription_realisaprint .infobulle_css .bulletip-item::after{
	display: none;
}

body.inscription ul.ui-menu.ui-widget li.ui-menu-item div.ui-menu-item-wrapper{
	/* background : #F1F1F1; */

	/* border-color: #A1A1A1; */
}

body.inscription ul.ui-menu.ui-widget li.ui-menu-item div.ui-menu-item-wrapper.ui-state-active{
	color: #FFFFFF;

	font-weight: 300;

	background : #0078D7;

	border: none;

	margin: 0;
}

#tb.inscription_v2 form#form_inscription_realisaprint button.submit_big{
	display: block;
	
	max-width: 398px;
	max-width: 39.8rem;

	min-height: 42px;
	min-height: 4.2rem;

	margin: 0 auto;

	padding: 7px 20px 9px 20px;
	padding: 0.7rem 2rem 0.9rem 2rem;

	font-size: 20px;
	font-size: 2rem;
	
	font-weight: 400;

	text-transform: none;
	
	background-color: #2AAF52;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;
	-webkit-border-radius: 0.5rem;
	   -moz-border-radius: 0.5rem;
	        border-radius: 0.5rem;
}

#tb.inscription_v2 form#form_inscription_realisaprint button.submit_big:hover{
	background: #20843E;
}

@media all and (min-width: 400px){
	#tb.inscription_v2 > .wrapper{
		padding: 30px 50px;
		padding: 3rem 5rem;
	}

	#tb.inscription_v2 form#form_inscription_realisaprint h3{
		font-size: 20px;
		font-size: 2rem;
	}

	#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="tel"],
	#tb.inscription_v2 form#form_inscription_realisaprint > div > div input[type="text"],
	#tb.inscription_v2 form#form_inscription_realisaprint .select_aspect{
		width: 100%;
	}
	
	#tb.inscription_v2 form#form_inscription_realisaprint > div > div .file_select{
		width: -webkit-calc(100% - 115px);
		width: -moz-calc(100% - 115px);
		width: calc(100% - 115px);
		width: -webkit-calc(100% - 11.5rem);
		width: -moz-calc(100% - 11.5rem);
		width: calc(100% - 11.5rem);
	}	

	#tb.inscription_v2 form#form_inscription_realisaprint > div > div.password > div{
		width: -webkit-calc(100% - 210px);
		width: -moz-calc(100% - 210px);
		width: calc(100% - 210px);
		width: -webkit-calc(100% - 21rem);
		width: -moz-calc(100% - 21rem);
		width: calc(100% - 21rem);
	
		position: relative;
	}
	
	#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day div{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		        flex-direction: row;

		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		        flex-wrap: nowrap;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		        justify-content: space-between;
	}

	#tb.inscription_v2 form#form_inscription_realisaprint > div > div.birth_day .select_aspect{
		width: 30%;
		min-width: 100px;
		min-width: 10rem;
	}
}

/*****************************************************************************************
		/INSCRIPTION V2
*****************************************************************************************/


/*****************************************************************************************
		REDIRECTION PARTENAIRE
*****************************************************************************************/

#tb.redirection_partenaire,
#tb.redirection_partenaire *,
#tb.redirection_partenaire *::after,
#tb.redirection_partenaire *::before{
	box-sizing: border-box;
}

body.new_body #content #tb.redirection_partenaire{
	margin-top: 10px;
	margin-top: 1rem;
	padding: 0 20px 30px 20px;
	padding: 0 2rem 3rem 2rem;
}

#tb.redirection_partenaire .popin_aspect{
	position: relative;
	max-width: 1000px;
	max-width: 100rem;
	margin: 0 auto;
	padding: 30px;
	padding: 3rem;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.15);
	        box-shadow: 0 0 2rem 0 rgba(0,0,0,0.15);
}

#tb.redirection_partenaire .popin_aspect h2{
	margin-bottom: 30px;
	margin-bottom: 3rem;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	text-align: left;
	text-transform: none;
}

#tb.redirection_partenaire .popin_aspect h2 i{
	font-size: 20px;
	font-size: 2rem;
}

#tb.redirection_partenaire .popin_aspect p{
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

#tb.redirection_partenaire .btn_aspect{
	display: inline-block;
	padding: 10px 30px;
	padding: 1rem 3rem;
	background: #01AEFD;
	border-radius: 5px;
	border-radius: 0.5rem;
	color: #FFFFFF;
}

#tb.redirection_partenaire .bottom_block{
	margin-top: 50px;
	margin-top: 5rem;
	width: 100%;
	max-width: 100%;
}

#tb.redirection_partenaire .popin_aspect .bottom_block p{
	font-size: 16px;
	font-size: 1.6rem;
	margin: 10px 20px;
	margin: 1rem 2rem;
}
/*
#tb.redirection_partenaire .bottom_block p:first-child{
	font-size: 16px;
	font-size: 1.6rem;
}
/*  */

@media all and (min-width: 800px){
	#tb.redirection_partenaire .popin_aspect{
		padding: 100px 100px 30px 100px;
		padding: 10rem 10rem 3rem 10rem;
	}
	#tb.redirection_partenaire .popin_aspect h2{
		font-size: 36px;
		font-size: 3.6rem;
		margin-bottom: 50px;
		margin-bottom: 5rem;
	}
	
	#tb.redirection_partenaire .popin_aspect h2 i{
		font-size: 30px;
		font-size: 3rem;
	}

	#tb.redirection_partenaire .popin_aspect p{
		font-size: 20px;
		font-size: 2rem;
		margin-bottom: 30px;
		margin-bottom: 3rem;
	}
	
	#tb.redirection_partenaire .bottom_block{
		margin-top: 120px;
		margin-top: 12rem;
	}
}

@media all and (min-width: 1020px){
	#tb.redirection_partenaire{
		padding: 0 30px 0 30px;
		padding: 0 3rem 0 3rem;
	}
	
	
}











/*****************************************************************************************
		/REDIRECTION PARTENAIRE
*****************************************************************************************/