#page__container{ width: 100%; max-width: 100%; margin: 0 auto;text-align: center }
#page__container .wrapper{max-width:1516px;margin:0 auto}
#page__container section{margin:40px auto;}
#page__container h1{font-family: "interstate";font-size:30px;color:#000000;text-transform: uppercase}
#page__container p.paragraphe{font-family: "interstate";font-size:15px;color:#6f6f6f;margin-bottom: 50px}
#page__container p.paragraphe span{color:#000}
#page__container hr{border:0;height:0;border-top:1px solid #e5e5e5}
#page__container .img-responsive{max-width: 100%;height: auto;display:block;margin:0 auto}
#page__container .left{text-align: left}
#page__container .btn-servizio{display: block;font-family: "interstate";font-size:14px;color:#000000;line-height: 50px;border:1px solid #000;text-transform: uppercase;-webkit-transition: .2s;transition: .2s;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;text-align: center}
#page__container .btn-servizio:hover{background-color: #000;color: #FFF;}
#page__container .btn-faq{line-height: 65px;margin-bottom:16px}

#page__container #bandeau{background: #ffffff}

/*#page__container #formulaire form{text-align: left}
#page__container #formulaire form .row{margin-bottom:30px}
#page__container #formulaire form label{font-family: "interstate";font-size:14px;color:#000000;text-transform: none}
 Cachons la case à cocher 
#page__container #formulaire form [type="checkbox"]:not(:checked),
#page__container #formulaire form [type="checkbox"]:checked {position: absolute;left: -9999px;} 
on prépare le label 
#page__container #formulaire form [type="checkbox"]:not(:checked) + label,
#page__container #formulaire form [type="checkbox"]:checked + label { position: relative;padding-left: 25px;cursor: pointer;}
Aspect des checkboxes 
 :before sert à créer la case à cocher 
#page__container #formulaire form [type="checkbox"]:not(:checked) + label:before,
#page__container #formulaire form [type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top: 0;width: 20px; height: 20px;border: 1px solid #a9a9a9;background: #FFF;} 
/* Aspect général de la coche 
#page__container #formulaire form [type="checkbox"]:not(:checked) + label:after,
#page__container #formulaire form [type="checkbox"]:checked + label:after {content: '✔';position: absolute;top: 0; left: 4px;font-family: "interstate";font-size: 14px;color: #000;transition: all .2s;}
/* Aspect si "pas cochée" 
#page__container #formulaire form [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
/* Aspect si "cochée" 
#page__container #formulaire form [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
#page__container #formulaire form .group, #page__container #formulaire form .grouparea{position: relative}
#page__container #formulaire form .group input[type="text"]{position: relative;padding-left: 20px;padding-top: 20px}
#page__container #formulaire form .group label{font-family: "interstate";font-size:15px;position: absolute;left: 28px;top: 50%;z-index:10; transition: transform 150ms ease-out, font-size 150ms ease-out;color:#949494;transform: translateY(-50%)}
#page__container #formulaire form .group.focused label {transform: translateY(-125%);font-size: 12px;}
#page__container #formulaire form select{-moz-appearance:none;appearance:none;padding:0 0 0 20px;cursor:pointer; color:#000;font-size:15px;border:1px solid #000;background-color:#FFF;background-image: url(../images/select-arrow.png);background-size: 1.2em;background-repeat: no-repeat;background-position: calc(100% - 30px) center;width:100%;display: block;height: 50px;font-family: "interstate";}
#page__container #formulaire form .customSelectArea{width:100% !important}
#page__container #formulaire form .customSelectInner{line-height: 48px}
#page__container #formulaire form .customSelect{-moz-appearance:none;appearance:none;padding:0 0 0 20px;cursor:pointer; color:#000;font-size:15px;border:1px solid #000;background-color:#FFF;/*background-image: url(../images/select-arrow.png);background-size: 1.2em;background-repeat: no-repeat;background-position: calc(100% - 30px) center;width:100% !important;display: block;height: 50px;font-family: "interstate";}

.customSelectArrow{ right: 20px; }

#page__container #formulaire form select .opt-form{font-size:30px}
#page__container #formulaire form .grouparea textarea{resize:none;border:0;padding:25px 0 0 20px;position: relative;}
#page__container #formulaire form .grouparea label{font-family: "interstate";font-size:15px;position: absolute;left: 28px;top: 25px;z-index:10; transition: transform 150ms ease-out, font-size 150ms ease-out;color:#949494;}
#page__container #formulaire form .grouparea.focused label {transform: translateY(-125%);font-size: 12px;}*/
#page__container #RegistrationForm{max-width: 720px;margin: 0 auto;}
#page__container #RegistrationForm p.paragraphe{font-size:14px;text-align: left}
#page__container #RegistrationForm .form-row.form-row-button, .pt_account .accountDatas .form-row.form-row-button{position: inherit}
#page__container #RegistrationForm textarea{border: 1px solid #808080;padding: 5px;}
#page__container #RegistrationForm .customSelectArea{width:65% !important}
#page__container #RegistrationForm .customSelect.customSelectArea, #page__container #RegistrationForm .hasCustomSelect.customSelectArea{width:100% !important}

#page__container #contact p.paragraphe{margin-bottom:30px}
#page__container #contact .flexbox{display: flex;justify-content: center;align-items: center}
#page__container #contact .flexbox img{margin-right:10px}
#page__container #contact .flexbox p.paragraphe{font-size:14px;color:#000;margin:0}
#page__container #contact .flexbox p.paragraphe a{text-decoration: underline;color:#000}
#page__container #contact .flexbox:nth-child(2){margin-left:40px}


@media screen and (min-width: 1024px){
	#page__container .btn-servizio{font-size:12px}
}

@media screen and (min-width: 1280px){
	#page__container .btn-servizio{font-size:14px}
}

@media screen and (max-width: 992px){
	#page__container section{margin:30px auto;}
	#page__container h1{font-size:22px}
	#page__container p.paragraphe{font-size:13px;}
	#page__container ul{margin:0;padding:0;list-style: none}
	#page__container ul li{border-bottom:1px solid #e5e5e5}
	#page__container ul li:first-child{border-top:1px solid #e5e5e5}
	#page__container ul li a{display: block;font-family: "interstate";font-size:14px;color:#000000;line-height:48px;text-transform: uppercase}
	#page__container .btn-servizio{color:#FFFFFF;line-height: 45px;background: #000}
	
	/*#page__container #formulaire form .row{margin-bottom:15px}
	#page__container #formulaire form .mt15{margin-top:15px}
	#page__container #formulaire form input[type="text"]{font-size:14px;height:50px}
	#page__container #formulaire p.paragraphe{text-align: justify}*/
	
	#page__container #envoi p.paragraphe{text-align: justify}
	
	#page__container #contact .flexbox.col{flex-direction:column}
	#page__container #contact .flexbox:nth-child(2){margin-left:0;margin-top:15px}
	#page__container #contact .flexbox p.paragraphe{font-size:13px;}
}

@media screen and (max-width: 480px){	
	#page__container #RegistrationForm .customSelectInner{width:65% !important}
}