.formulaire-conteneur {
position:relative;	
width:85%;
max-width:90%;
height:auto;
margin:20px auto 90px auto;
text-align:center;
}


.formulaire-bouton {
color:#ffffff;
background-color:#2c2c2c;
border:none;
padding: 15px 120px;
text-align:center;
display:inline-block;
cursor:pointer;
font-family:arial, helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
opacity:0.85;
transition:750ms;
}

.formulaire-bouton:hover {
color:#ffffff;
background-color:#000000;
opacity:1.00;
transition:750ms;
}


.captcha {
transform: scale(1);
transform-origin: 0 0;
}

.champs-nom {
width:40%;
}

.champs-telephone {
width:20%;
}

.champs-courriel {
width:35%;
}

.champs-ville {
width:30%;
}

.champs-description {
width:50%;
}

.form-spacer-01 {
width:20px;
height:7px;
display:block;
}

.radio {
width:40%;
text-align:left;
line-height:1.5;
margin-left:44%;
display:block;
}








@media only screen and (max-width: 1800px) {


}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {




}



/* 1600 x 900 */
@media only screen and (max-width: 1600px) {



}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {



}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {



}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

.formulaire-conteneur {
width:80%;
margin:15px auto 85px auto;
}

.formulaire-bouton {
font-size:16px;
}

.radio {
width:50%;
text-align:left;
line-height:1.5;
margin-left:44%;
display:block;
}



}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {


.champs-nom {
width:45%;
}

.champs-telephone {
width:25%;
}

.champs-courriel {
width:40%;
}

.champs-ville {
width:35%;
}

.champs-description {
width:55%;
}

.radio {
width:55%;
text-align:left;
margin-left:43%;
}

}





@media only screen and (max-width: 1200px) {

.radio {
width:55%;
text-align:left;
margin-left:42%;
}

}




@media only screen and (max-width: 1100px) {

.captcha {
transform: scale(1);
transform-origin: 0 0;
}


.champs-nom {
width:50%;
}

.champs-telephone {
width:30%;
}

.champs-courriel {
width:45%;
}

.champs-ville {
width:40%;
}

.champs-description {
width:60%;
}

}






/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

.formulaire-conteneur {
width:85%;
margin:10px auto 80px auto;
}

.champs-nom {
width:55%;
}



.champs-courriel {
width:50%;
}

.champs-ville {
width:45%;
}

.champs-description {
width:65%;
}

.radio {
width:60%;
text-align:left;
margin-left:42%;
}

.form-spacer-01 {
width:20px;
height:5px;
}

}




/* 960 x 600 */
@media only screen and (max-width: 980px) {

.formulaire-conteneur {
width:85%;
margin:5px auto 70px auto;
}

}




@media only screen and (max-width: 900px) {

.formulaire-conteneur {
width:85%;
margin:5px auto 70px auto;
}


.champs-nom {
width:60%;
}

.champs-telephone {
width:40%;
}

.champs-courriel {
width:55%;
}

.champs-ville {
width:50%;
}

.champs-description {
width:70%;
}

.radio {
width:70%;
text-align:left;
margin-left:40%;
}

.form-spacer-01 {
width:20px;
height:8px;
}

}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) {

.formulaire-conteneur {
width:85%;
margin:5px auto 70px auto;
}

.formulaire-bouton {
padding: 15px 90px;
text-align:center;
display:inline-block;
font-size:16px;
font-weight:bold;
}


.champs-nom {
width:65%;
}

.champs-telephone {
width:45%;
}

.champs-courriel {
width:60%;
}

.champs-ville {
width:55%;
}

.champs-description {
width:75%;
}

.form-spacer-01 {
width:20px;
height:9px;
}


}





@media only screen and (max-width: 700px) {

.formulaire-conteneur {
width:85%;
margin:5px auto 65px auto;
}

.formulaire-bouton {
padding: 15px 80px;
text-align:center;
display:inline-block;
font-size:16px;
font-weight:bold;
}

.champs-nom {
width:70%;
}

.champs-telephone {
width:50%;
}

.champs-courriel {
width:65%;
}

.champs-ville {
width:60%;
}

.champs-description {
width:80%;
}

.form-spacer-01 {
width:20px;
height:10px;
}


}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.formulaire-conteneur {
width:85%;
margin:5px auto 60px auto;
}

.formulaire-bouton {
padding: 15px 70px;
text-align:center;
display:inline-block;
font-size:16px;
font-weight:bold;
}


.champs-nom {
width:75%;
}

.champs-telephone {
width:55%;
}

.champs-courriel {
width:70%;
}

.champs-ville {
width:65%;
}

.champs-description {
width:85%;
}

.radio {
width:80%;
text-align:left;
margin-left:39%;
}

}




@media only screen and (max-width: 550px) {

.formulaire-bouton {
padding:20px 60px;
font-size:15px;
font-weight:bold;
}

.formulaire-conteneur {
width:85%;
margin:45px auto 55px auto;
}


.champs-nom {
width:90%;
}

.champs-telephone {
width:90%;
}

.champs-courriel {
width:90%;
}

.champs-ville {
width:90%;
}

.champs-description {
width:90%;
}

.radio {
width:80%;
text-align:left;
margin-left:38%;
}

}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

.formulaire-bouton {
padding: 20px 55px;
font-size:15px;
font-weight:bold;
}

.formulaire-conteneur {
width:90%;
margin:35px auto 50px auto;
}

.radio {
width:90%;
text-align:left;
margin-left:35%;
}

}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

.captcha {
transform: scale(0.8);
transform-origin: 0 0;
margin-left:14%;
}


.formulaire-bouton {
padding: 20px 40px;
font-size:15px;
font-weight:bold;
}

.formulaire-conteneur {
width:90%;
margin:25px auto 40px auto;
}


.radio {
width:90%;
text-align:left;
margin-left:35%;
}



}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

.captcha {
transform: scale(0.8);
transform-origin: 0 0;
margin-left:9%;
}

.formulaire-bouton {
padding: 18px 35px;
font-size:15px;
font-weight:bold;
}

.formulaire-conteneur {
width:90%;
margin:20px auto 40px auto;
}

.header-logo {
width:230px;
}

.radio {
width:90%;
text-align:left;
margin-left:31%;
}

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

.captcha {
transform: scale(0.8);
transform-origin: 0 0;
margin-left:4.5%;
}

.formulaire-bouton {
padding: 18px 30px;
font-size:15px;
font-weight:bold;
}

.header-logo {
width:220px;
}

.radio {
width:90%;
text-align:left;
margin-left:30%;
}

}




@media only screen and (max-width: 300px) {

.captcha {
transform: scale(0.75);
transform-origin: 0 0;
margin-left:2%;
}

.formulaire-bouton {
padding: 18px 20px;
font-size:15px;
font-weight:bold;
}

.radio {
width:90%;
text-align:left;
margin-left:27.5%;
}



}