.contact {
width:90%;  
max-width:95%;  
height:auto;
margin:65px auto 85px auto;
padding:5px 0px;
text-align:center;
position:relative;
}   

.contact-titre {
font-family:'Ubuntu', sans-serif;	
color:#183e6b;
font-size:45px;
line-height:1.1;
font-weight:bold;
text-transform:uppercase;
opacity:0.95;
}

.contact-logo {
width:350px;  
max-width:350px;   
height:auto;
margin:0 auto;
opacity:0.95;
display:block;
}   

.contact-soustitre {
font-family:'Ubuntu', sans-serif;	
color:#000000;
font-size:26px;
font-weight:bold;
line-height:1.25;
text-decoration:none;
margin-top:0;
margin-bottom:2px;
opacity:0.95;
}



.contact-courriel {
font-family: 'Kanit', sans-serif;
color:#2d2b2b;
font-size:24px;
font-weight:bold;
line-height:1.25;
text-decoration:none;
margin:0;
opacity:0.90;
transition:650ms;
}

.contact-courriel a {
color:#2d2b2b;
text-decoration:none;
transition:650ms;
}

.contact-courriel a:hover {
color:#db3025;
text-decoration:none;
opacity:0.95;
transition:550ms;
}



.contact-tel {
font-family: 'Kanit', sans-serif;
color:#db3025;
font-size:43px;
font-weight:bold;
line-height:1.25;
text-decoration:none;
margin:0;
opacity:1.00;
transition:650ms;
}

.contact-tel a {
color:#db3025;
text-decoration:none;
opacity:1.00;
transition:650ms;
}

.contact-tel a:hover {
color:#2d2b2b;
text-decoration:none;
opacity:1.00;
transition:550ms;
}



.contact-adresse {
font-family: 'Kanit', sans-serif;
color:#000000;
font-size:24px;
font-weight:normal;
line-height:1.35;
text-decoration:none;
margin:0;
opacity:0.70;
transition:650ms;
}



.contact-interligne-01 {
width:5px;    
height:20px;
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) {

.contact {
width:90%;  
margin:65px auto 85px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:43px;
line-height:1.1;
}

.contact-logo {
width:330px;   
}   

.contact-tel {
font-size:40px;
line-height:1.25;
}

.contact-courriel {
font-size:23px;
line-height:1.25;
}

.contact-adresse {
font-size:23px;
line-height:1.35;
}

.contact-interligne-01 {  
height:20px;
}   

}



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



}




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

.contact {
width:90%;  
margin:63px auto 83px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:39px;
line-height:1.1;
}

.contact-logo {
width:300px;   
}   

.contact-tel {
font-size:37px;
line-height:1.25;
}

.contact-courriel {
font-size:21px;
line-height:1.25;
}

.contact-adresse {
font-size:21px;
line-height:1.35;
}

.contact-interligne-01 {  
height:19px;
}   

}




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



}




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

.contact {
width:90%;  
margin:60px auto 80px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:38px;
line-height:1.1;
}

.contact-logo {
width:280px;   
}   

.contact-tel {
font-size:37px;
line-height:1.25;
}

.contact-courriel {
font-size:20px;
line-height:1.25;
}

.contact-adresse {
font-size:20px;
line-height:1.35;
}

.contact-interligne-01 {  
height:18px;
}   

}





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



}




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



}






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

.contact {
width:90%;  
margin:30px auto 70px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:36px;
line-height:1.1;
}

.contact-logo {
width:270px;   
}   

.contact-tel {
font-size:36px;
line-height:1.25;
}

.contact-courriel {
font-size:20px;
line-height:1.25;
}

.contact-adresse {
font-size:19px;
line-height:1.35;
}

.contact-interligne-01 {  
height:17px;
}   

}




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



}




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

.contact {
width:90%;  
margin:28px auto 65px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:35px;
line-height:1.1;
}

.contact-logo {
width:260px;   
}   

.contact-tel {
font-size:35px;
line-height:1.25;
}

.contact-courriel {
font-size:19px;
line-height:1.25;
}

.contact-adresse {
font-size:18px;
line-height:1.35;
}

.contact-interligne-01 {  
height:17px;
}   

}




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

.contact {
width:90%;  
margin:27px auto 65px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:33px;
line-height:1.1;
}

.contact-logo {
width:260px;   
}   

.contact-tel {
font-size:35px;
line-height:1.25;
}

.contact-courriel {
font-size:19px;
line-height:1.25;
}

.contact-adresse {
font-size:18px;
line-height:1.35;
}

.contact-interligne-01 {  
height:17px;
}   

}





@media only screen and (max-width: 700px) {
	
.contact {
width:90%;  
margin:27px auto 65px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:42px;
line-height:1.1;
}

.contact-logo {
width:320px;   
}   

.contact-tel {
font-size:47px;
line-height:1.25;
}

.contact-courriel {
font-size:25px;
line-height:1.25;
}

.contact-adresse {
font-size:23px;
line-height:1.35;
}

.contact-interligne-01 {  
height:20px;
}  

}





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

.contact {
width:90%;  
margin:26px auto 65px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:44px;
line-height:1.1;
}

.contact-logo {
width:320px;   
}   

.contact-tel {
font-size:45px;
line-height:1.25;
}

.contact-courriel {
font-size:25px;
line-height:1.25;
}

.contact-adresse {
font-size:21px;
line-height:1.35;
}

.contact-interligne-01 {  
height:20px;
}  


}




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

.contact-adresse {
font-size:20px;
line-height:1.35;
}

}




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

.contact-titre {
font-size:42px;
line-height:1.1;
}

.contact-logo {
width:300px;   
}   

.contact-tel {
font-size:44px;
line-height:1.25;
}

.contact-courriel {
font-size:23px;
line-height:1.25;
}

.contact-adresse {
font-size:19px;
line-height:1.35;
}

}




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

.contact {
width:90%;  
margin:23px auto 60px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:41px;
line-height:1.1;
}

.contact-logo {
width:280px;   
}   

.contact-tel {
font-size:41px;
line-height:1.25;
}

.contact-courriel {
font-size:22px;
line-height:1.25;
}

.contact-adresse {
font-size:17px;
line-height:1.35;
}

.contact-interligne-01 {  
height:19px;
}  

}




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

.contact {
width:90%;  
margin:20px auto 58px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:36px;
line-height:1.1;
}

.contact-logo {
width:250px;   
}   

.contact-tel {
font-size:37px;
line-height:1.25;
}

.contact-courriel {
font-size:19px;
line-height:1.25;
}

.contact-adresse {
font-size:15px;
line-height:1.35;
}

}




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

.contact {
width:95%;  
margin:19px auto 55px auto;
padding:5px 0px;
}   

.contact-titre {
font-size:34px;
line-height:1.1;
}

.contact-logo {
width:220px;   
}   

.contact-tel {
font-size:33px;
line-height:1.25;
}

.contact-courriel {
font-size:19px;
line-height:1.25;
}


.contact-adresse {
font-size:14px;
line-height:1.35;
}

}




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

.contact-adresse {
font-size:13px;
line-height:1.35;
}

}