@import url(https://fonts.googleapis.com/css?family=Rubik:300,700);

html{font-size: 62.5%;}
body, html{height:100%;}


body{
margin: 0 auto;
padding: 0;
font-family: 'Rubik', sans-serif;font-weight:300;
overflow-x:hidden;
position: relative;
width:100%;
background:#fff;
height:auto;
}





.container{max-width:1600px;margin:0 auto;padding:40px 60px}
.contLeft{max-width:780px;float:right;padding:40px 60px}
.contRight{max-width:780px;float:left;padding:40px 60px}


/* TEXT  */

.m-auto-all {
	margin: auto!important;
}
.text-center {
	text-align: center;
}
li{list-style-type:none;font-weight:500}
ul{display:block;}


h1,h2,h3,h4,h5{font-family: 'Rubik', sans-serif;margin:0}

h1{font-size:50px;font-weight:300;line-height:50px;letter-spacing:2px;text-align:left;text-transform:uppercase;font-weight:200;color:#000;margin-bottom:20px;}h1 span{color:#ed283b;}
h2{font-size:40px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-align:right;color:#fff; }
h3{font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff}
h4{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#ed283b;margin:0}
h5{font-size:20px;font-weight:800;color:#ed283b;text-transform:uppercase;margin-top:20px}

p {font-size:1.5em;font-size:15px;line-height:22px;line-height:2.2rem;margin:25px 0;text-align:justify;color:#fff;font-weight:400;font-family: 'Rubik', sans-serif;}

li{background:url(../img/dot-red.png) no-repeat left center;padding-left:25px;display:block;vertical-align:top;color:#fff;display:block;font-size:17px;font-size:1.7rem;line-height:22px;line-height:2.2rem;margin-bottom:5px;}




/* FOND */
.bck-noir{background-color:#000; padding:40px 0;margin-bottom:60px}
.bck-gris{background-color:#222;padding:40px 0 ;margin-bottom:60px}

.noir{color:#000;}
.gris{color:#555;}
.rouge{color:#ed283b;}
/*    HEADER       */

.row.slide{margin-top:100px}
header{background:url(../img/header.jpg) no-repeat left top;height:690px;background-size:cover}
header img{max-width:350px}




footer{background:#fff;}
footer .container{padding:30px 60px}
.phone{font-size:20px;margin:8px 0}
.phone span{font-weight:800}
footer p{color:#000;margin:0}
footer .col_6_of_12 h4, footer .col_6_of_12 p{ text-align:right}	

p.mail a{font-weight:800;margin:10px 0;color:#ed283b;text-decoration:none;text-transform:uppercase}

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

h1{font-size:40px}
.row.slide{margin-top:60px}
header{background:rgba(0, 0, 0, 0) url("../img/header.jpg") no-repeat cover left top / 940px auto}
.row.slide .col_6_of_12{width:100%}
}

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

h1{font-size:40px}
.row.slide{width:100%;}
header img{max-width:200px}
header{background:rgba(0, 0, 0, 0) url("../img/header.jpg") no-repeat cover left top / 640px auto;height:520px}


h2{font-size:2.0rem;font-size:20px;}
	h3{font-size:18px;font-size:1.8rem;}
	h4{font-size:15px;font-size:1.5rem;}
	h5{font-size:14px}
	p, li{font-size:13px;font-size:1.3rem;line-height:18px;}
p{text-align:center}
p.phone{margin-bottom:10px}

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

	h1,h2,h3,h4{text-align:center;}
	h1{font-size:25px;font-size:2.5rem;line-height:30px}
	
	
	header{background:rgba(0, 0, 0, 0) url("../img/header.jpg") no-repeat cover left top / 240px auto;height:520px}
	
	
	
}