@import url(http://fonts.googleapis.com/css?family=Raleway:100,800,300,400,200,600,700,900);
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

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

body{
margin: 0 auto;
padding: 0;
font-weight:200;
overflow-x:hidden;
font-family: "Questrial", sans-serif;
position: relative;
width:100%;
background:#000;
-webkit-font-smoothing:antialiased;
}



#loading{
	background-color: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.object{
	width: 20px;
	height: 20px;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.object:nth-child(2n+0) {margin-right: 0px;}

#object_one{-webkit-animation: object_one 1s infinite;animation: object_one 1s infinite;background-color: #e20236;}
#object_two{-webkit-animation: object_two 1s infinite;animation: object_two 1s infinite;background-color: #0aa0e6;}	
#object_three{-webkit-animation: object_three 1s infinite;animation: object_three 1s infinite;background-color: #ffe600;}		
#object_four{-webkit-animation: object_four 1s infinite;animation: object_four 1s infinite;background-color: #12ecb6;}		



	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}	

@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}


@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}



@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}



@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}







.ContBig{width:100%;max-width:1800px;padding:70px 120px;margin:0 auto;}
.ContBig.up{margin:150px auto 0;padding-bottom:0}

.ContNav{width:100%;max-width:1800px;padding:10px 120px;margin:0 auto}

.ContNav.marg-top{margin-top:120px;}/* MARGIN TOP POUR LA SECTION REALISTION FICHE PROJET PAS DE HEAD */


.Cont3quart{width:100%;max-width:1200px;padding:70px 120px 50px;float:right;}
.Cont3quart.noPadRight{padding-right:0}
.Cont1quart{width:100%;max-width:600px;padding:70px 150px 50px 70px;float:left;}
.Cont1quart.noPadLeft{padding-left:20px}

.realInfo .Cont3quart, .realInfo .Cont1quart{padding-top:20px}
.real .Cont3quart, .real .Cont1quart{padding-bottom:20px}


.ContdemiLeft{max-width:900px;width:100%;padding:70px 120px;float:right;}
.ContdemiRight{max-width:900px;width:100%;padding:70px 120px;float:left;}




img{max-width:100%;}

a[href^=tel]{color:inherit;text-decoration:none;}	
a{text-decoration:none;color:inherit;cursor:pointer;font-weight:600}
a:focus{outline:0;}

.noir a:hover{color:#fff;}
.blanc a:hover{color:#555;}


/* TEXT ALIGN */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}

.uppercase{text-transform:uppercase;}
strong{font-weight:800}

ul{display:block;}
li{list-style-type:none;}

li{
	padding-left:25px;
	color:#fff;
	font-size:16px;font-size:1.6rem;
	line-height:24px;line-height:2.4rem;
	margin-bottom:15px;
	font-weight:400;
	background:url(../img/dot-jaune.png) no-repeat left 10px;
}

li span{font-weight:700;}
li:last-child{margin-bottom:30px}

.nomargin li{margin-bottom:7px;line-height:20px;line-height:2.0rem}


#neutre li{}
#residentiel .liste li{background:url(../img/dot-rose.png) no-repeat left 10px;}
#commercial .liste li{background:url(../img/dot-blue.png) no-repeat left 10px;}
#public .liste li{background:url(../img/dot-vert.png) no-repeat left 10px;}
#social .liste li{background:url(../img/dot-aqua.png) no-repeat left 10px;}

ol li{list-style-type: decimal;}




.display{display:none;}
.show, .block{display:block;}

.down{margin-bottom:30px;}
.up{margin-top:30px;}

.clear{clear:both;}

hr{border:none;border-top:1px solid #ccc;margin:40px 0}

.ancre{padding-top:40px;}


#neutre{color:#ffe600;}
	#neutre .nicEdit-panelContain {color:#000;} /* bogue du nicedit en gestion auto */
#residentiel{color: #e20236;}
#commercial {color: #0aa0e6;}
#public {color: #71cb10;}
#social{color: #12ecb6;}



h1#logo{font-size:10px;}
h1,h2,h3,h4,h5{font-family: "Questrial", sans-serif;color:#fff;margin:0}

h1{font-weight:100;text-transform:uppercase;font-size:70px;}

h1.head{background:#000;width:auto;display:inline;font-size:60px;font-size:6.0rem;line-height:1}

h2{font-size:40px;font-size:4.0rem;line-height:45px;line-height:4.5rem;text-transform:uppercase;font-weight:200;margin:0 0 30px 0;letter-spacing:2px}

h2 span{font-weight:700}
h2.citation{line-height:70px;line-height:7.0rem;font-weight:200;letter-spacing:2px;text-shadow: 2px 4px 3px #0D0D0D;  }
h2.citation.nofitCitation{font-size:60px}
h2.citation span{font-weight:200}

h3{font-size:26px;font-size:2.6rem;line-height:28px;line-height:2.8rem;text-transform:uppercase;font-weight:600;margin-bottom:20px}
h4{font-size:19px;font-size:1.9rem;line-height:22px;line-height:2.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;}



/* COULEUR */
.blanc, .blanc p{color:#fff;}
.noir, .noir p, .noir h1, .noir h2, .noir h3, .noir h4, .noir h5{color:#000;}
.jaune, .jaune p, .jaune h1, .jaune h2, .jaune h3, .jaune h4, .jaune h5, .div_jaune_h3 h3, .div_jaune_h4 h4{color: #ffe600;}
.rose, .rose p, .rose h1, .rose h2, .rose h3, .rose h4, .rose h5{color: #e20236;}
.bleu, .bleu p, .bleu h1, .bleu h2, .bleu h3, .bleu h4, .bleu h5 {color: #0aa0e6;}
.vert, .vert p, .vert h1, .vert h2, .vert h3, .vert h4, .vert h5 {color: #71cb10;}
.aqua, .aqua p, .aqua h1, .aqua h2, .aqua h3, .aqua h4, .aqua h5{color: #12ecb6;}


/* FOND */

.bck-blanc{background-color:#fff;}
.bck-noir{background-color:#000;}
.bck-jaune{background:url(../img/Sautozieux_filigrane.png) no-repeat center center ;background-color:#ffe600;}
.bck-rose{background-color: #e20236;}
.bck-bleu {background-color: #0aa0e6;}
.bck-vert {background-color: #71cb10;}
.bck-aqua{background-color: #12ecb6;}

.bck-video {
	background:url(../img/nathaly-mariechantale.jpg) no-repeat top center;overflow:hidden;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:250px}
	
.bck-video a{height:100%;min-height:250px;display:flex}

.bck-services{
	background:url(../img/services.jpg) no-repeat top center;overflow:hidden;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;;
	min-height:250px}
	
.bck-expo{
	background:url(../img/expositions.jpg) no-repeat center center;
	overflow:hidden;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	min-height:250px
	}

.splashRight, .splashLeft, .splashUp{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}

.splashRight, .splashDown{background-color:inherit;background:url(../img/splash-01.png) no-repeat 105% bottom;height:100%;width:100%;display:flex}
.splashLeft{background-color:inherit;background:url(../img/splash-01.png) no-repeat left 105%;height:100%;width:100%}
.splashUp{background-color:inherit;background:url(../img/splash-02.png) no-repeat;height:100%;width:100%;}
.splashUp.SplResi{background-position:150px -20px}
.splashUp.SplComm{background-position:420px -30px}
.splashUp.SplPub{background-position:620px -30px}
.splashUp.SplSoc{background-position:740px -15px}


p{font-size:1.6em;font-size:16px;line-height:24px;line-height:2.4rem;color:#fff;font-weight:400;margin:0 0 20px 0}

p.bigText, .div_bigText p{font-size:20px;font-size:2.0rem;line-height:30px;line-height:3.0rem;font-weight:300}
p.call{font-size: 22px;font-size: 2.2rem;font-weight:400;letter-spacing: 5px;line-height: 30px;margin-top: 25px;text-transform: uppercase;}
p span{font-weight:700;text-transform:uppercase;letter-spacing:1px}





/* MENU SECONDAIRE SECTION  */

.smlnavSection{display:block;}
.smlnavSection li{display:inline-block;padding:0 25px;background:none;margin:0}
.smlnavSection li:first-child{padding-left:0}
.smlnavSection li a{font-size:24px;font-size:2.4rem;text-transform:uppercase;font-weight:600;letter-spacing:1px}
.smlnavSection li a:hover{color:#fff;}
.smlnavSection li a:after{content:" +"}
.smlnavSection li a.current:after{content:"-"}




/*  MENU SOUS-SECTION DANS LA PAGE */

ul.subNav {display:block;}
ul.subNav li{background:none;margin:0 ;padding:0}
ul.subNav li a{display:block;font-weight:700;font-size:24px;font-size:2.4rem;color:#fff;text-transform:uppercase;margin:15px 0}



#neutre ul.subNav li a:hover, #neutre ul.subNav li a.current{color:#ffe600}

#residentiel ul.subNav.projet li a{color:#e20236}
#commercial ul.subNav.projet li a{color:#0aa0e6}
#public ul.subNav.projet li a{color:#71cb10}
#social ul.subNav.projet li a{color:#12ecb6}

ul.subNav.projet li a{font-weight:200;margin:4px 0}
ul.subNav.projet li.retour a{font-weight:800;margin-bottom:15px;letter-spacing:1px;}
#residentiel ul.subNav.projet li a:hover, #commercial ul.subNav.projet li a:hover, #public ul.subNav.projet li a:hover, #social ul.subNav.projet li a:hover{color:#fff;}

/* ACCUEIL */

.navSection{margin-top:30px}
.navSection h2{margin-bottom:25px;font-weight:600;cursor:pointer;line-height:30px}
.navSection li{background:none}
.navSection li:hover h2{color:#fff;}


.navSection figure.blocAccueil img {
	max-width:100%;
	filter: url('../js/nb/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

.navSection figure.blocAccueil:hover img{   
	filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
	cursor:pointer;
	}



/* VIDEO */

.play {display:block;margin:0 auto;position:absolute;top:40%;left:45%}
.play:hover img{opacity:0.5;}



/* ONGLET  */

.tabs nav a:hover, .tabs nav li.tab-current a {color: #ffe600;}



/* PAGE À PROPOS  */
.equipe h3{margin-bottom:5px;font-weight:300;letter-spacing:3px}


/* PAGE CONTACT */

h4.fondPicto{background:url(../img/fondatrice-picto.png) no-repeat left top;}
h4.fondPicto span{font-weight:300;}

h4.adressPicto{background:url(../img/lieux-noir.png) no-repeat left top;}
h4.phonePicto{background:url(../img/phone-noir.png) no-repeat left top;}
h4.courrielPicto{background:url(../img/mail-noir.png) no-repeat left top;}

.contact h4{background-size:25px;height:auto;padding:0px 0 5px 40px;vertical-align:top;margin-bottom:15px}




/* PAGE CLIENT */

.client img{
	max-width: 100%;
    filter: url('../js/nb/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
	}
	
.client img:hover{
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
	cursor:pointer;
}
	
	
	
/*  EXPOSITIONS  */

#listing-date h3{color:#ffe600;font-size:19px;font-size:1.9rem;line-height:22px;line-height:2.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}
#listing-date a:hover h3{color:#fff;}
#listing-date a:hover h3:after{content:" +"}
#listing-date a:hover h4{color:#ffe600;}
#listing-date h4{font-size:15px;font-size:1.5rem;font-weight:400;margin-bottom:3px}
#listing-date h5{font-size:18px;font-size:1.8rem;font-weight:500;}
#listing-date br{margin:0px 0 10px}	



/* FOOTER */

footer{margin-top:80px;padding-bottom:30px}
footer .ContBig{padding:0 70px}
footer .logo img{width:100%;max-width:220px;margin-bottom:10px}
footer a{font-weight:400}
footer p.tel{font-weight:700;font-size:22px;font-size:2.2rem;margin:5px 0 15px}
footer p.mail{font-size:20px;font-size:2.0rem;}
footer p.mail:hover{color:#ffe600}
footer p.adress{line-height:20px;line-height:2.0rem}

.navFoot li{display:block;text-align:right;margin:0;padding:0;background:none;line-height:18px;}
.navFoot li a{font-weight: 600;letter-spacing:1px;font-size:15px;font-size:1.5rem;text-transform:uppercase;color: #fff;}
.navFoot .menuPicto{display:inline-block;text-align:right;float:right;padding:0}
.navFoot .menuPicto img{margin:0 0 10px 8px;cursor:pointer;padding:0}
.navFoot .menuPicto img:hover{opacity:0.7;}

.navFootBig{margin-top:62px}
.navFootBig li{margin:3px 0;padding:0;background:none;line-height:29px;}
.navFootBig a {font-weight: 600;letter-spacing:1px;font-size:26px;font-size:2.6rem;text-transform:uppercase;}
.navFootBig a:hover{color:#fff}


.infolettre h3{margin-bottom:5px;line-height:16px}
.infolettre p small{font-size:15px;}
.infolettre #mc-embedded-subscribe-form input{width:100%;display:block;border:none;background:#333;height:30px;margin-bottom:10px;padding:5px}
.infolettre #mc-embedded-subscribe-form input[placeholder] {color: #fff;font-size:13px;font-family:'Raleway';text-transform:none}
.infolettre #mc-embedded-subscribe-form input[type="submit"]{border:none;background:#000;padding:3px 10px 9px;font-family:'Raleway';margin-top:20px;font-size:15px;text-transform:uppercase;color:#fff;font-weight:800;float:right;border:3px solid #fff;display:block;width:auto}
.infolettre #mc-embedded-subscribe-form input[type="submit"]:hover{border-color:#ffe600;color:#ffe600;}

.infolettre #mc-embedded-subscribe-form li {background:none;padding:0;margin:0}						



.infolettre #mc-embedded-subscribe-form input[type="checkbox"] {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    display: block;
    height: 23px;
    margin-bottom: 10px;
    padding: 5px;
    width: 40px;
	padding:0 10px 0 0;
	display:inline;
	margin:0;
}


.infolettre #mc-embedded-subscribe-form li label{font-size:14px;margin:0;display:inline;vertical-align:text-bottom;color:#fff;}
.infolettre .response, #mce-error-response{font-size:14px;font-size:1.4rem;line-height:16px;color:#ffe600} 

footer #credits p{margin-top:20px;font-size:13px;color:#ccc;text-align:center;font-weight:600}



/* CONTACT*/

#map{width:100%;border:none;}

.google-maps {
position:relative;
width:100%;
height:100%;
overflow: hidden;
min-height:300px;
border:none;
}

.google-maps iframe {	
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border:none;
}


#partenaires p{min-height:80px;}

.Cont3quart {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}




@media only screen and (min-width: 1800px) {
		
	.ContBig{width:100%;max-width:100%;padding:70px 160px;margin:0 auto;}
	.ContBig.up{margin:150px auto 0;padding-bottom:0}

	.ContNav{width:100%;max-width:100%;padding:10px 160px;margin:0 auto;}
	
	.Cont3quart{width:100%;max-width:100%;padding:70px 150px;float:right;}
	.Cont1quart{width:100%;max-width:100%;padding:70px 150px 70px 70px;float:left;}
	
	.ContdemiLeft{max-width:100%;width:100%;padding:70px 150px;float:right;}
	.ContdemiRight{max-width:100%;width:100%;padding:70px 150px;float:left;}
	
}

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

	.ContBig, .ContdemiLeft, .ContdemiRight, .Cont3quart, .Cont1quart{padding:70px;} 
	.ContNav{padding:10px 70px}
	
	.splashUp.SplResi{background-position:70px -20px}
	.splashUp.SplPub{background-position:520px -30px}
	.splashUp.SplSoc{background-position:640px -15px}

}


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

	.navFoot li a{font-size:13px;font-size:1.3rem;}
	.navFootBig a {font-size:22px;font-size:2.2rem;}
	
	.splashUp.SplSoc{background-position:580px -15px}
	
	
	h2.citation{line-height:44px;line-height:4.4rem;}
	h2.citation.nofitCitation{font-size:40px}
	
}
	
@media only screen and (max-width: 960px) {
	
	.ContBig, .ContdemiLeft, .ContdemiRight, .Cont3quart, .Cont1quart{padding:50px 50px;}
	.ContdemiLeft, .ContdemiRight{float:none;}
	
	.smlnavSection li{padding:0 10px;}
	.smlnavSection li a{font-size:18px;font-size:1.8rem;}
	
	.equipe h3{font-size:22px;font-size:2.2rem;letter-spacing:1px}
	.equipe h4{font-size:14px;font-size:1.4rem;}
	
	.ContBig.up{margin:5% auto 0;padding-bottom:0}
}


@media only screen and (max-width: 825px) {
	
	h1{font-size:35px;font-size:3.5rem;}
	
	h2{font-size:3.0rem;font-size:30px;line-height:34px;line-height:3.4rem}
	h2.citation{line-height:26px;line-height:2.6rem;}
	h2.citation.nofitCitation{font-size:20px}
	h3{font-size:26px;font-size:2.6rem;line-height:30px;line-height:3.0rem}
	h4{font-size:22px;font-size:2.2rem;letter-spacing:1px}
	
	


	footer p.tel{font-weight:700;font-size:17px;font-size:1.7rem;margin:5px 0 15px}
	footer p.mail, footer p.adress{font-size:16px;font-size:1.6rem;}
	
	.navFootBig{margin-top:53px}
	.navFootBig a {font-size:18px;font-size:1.8rem;}
	.navFoot .menuPicto img{max-width:25px;margin:0 0 0px 2px;height:auto}	
	
	.splashUp.SplPub{background-position:440px -30px}
	.splashUp.SplSoc{background-position:430px -15px}
	

}


	
@media only screen and (max-width: 700px) {
	
	
	
	.ContBig.noBck, .ContdemiLeft.noBck, .ContdemiRight.noBck, .Cont3quart.noBck, .Cont1quart.noBck{padding: 50px}
	

	.Cont3quart.noPadRight{padding-right:50px}
	.Cont1quart.noPadLeft{padding-left:50px}
	.Cont1quart{max-width:700px}
	
	
	h1.head{font-size:45px;font-size:4.5rem;}
	
	
	
	.realInfo .Cont3quart, .realInfo .Cont1quart{padding:10px 50px}
	.real .Cont3quart, .real .Cont1quart{padding:10px 50px}
	
	.smlnavSection ul{text-align:center;}
	.smlnavSection li{padding:0 5px;}
	.smlnavSection li a{font-size:15px;font-size:1.5rem;letter-spacing:0}
	
	.bvisite{display:none;}

	
	}

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

	h1{font-size:40px;font-size:4.0rem;}
	h1.head{font-size:25px;font-size:2.5rem;}
	
	h2{font-size:2.0rem;font-size:20px;line-height:24px;line-height:2.4rem}
	h2.citation{line-height:26px;line-height:2.6rem;}
	h2.citation.nofitCitation{font-size:20px}
	h3{font-size:17px;font-size:1.7rem;line-height:21px;line-height:2.1rem}
	h4{font-size:14px;font-size:1.4rem;letter-spacing:1px}
	
	#listing-date h3{font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;}
	#listing-date h4{font-size:12px;font-size:1.2rem;line-height:14px;line-height:1.4rem;}
	#listing-date h5{font-size:11px;font-size:1.1em;line-height:14px;line-height:1.4rem;}
	
	
	.ContBig, .ContdemiLeft, .ContdemiRight, .Cont3quart, .Cont1quart {padding:50px 30px;}
	.ContBig.up{margin:0 auto 0}
	
	.ContBig.noBck, .ContdemiLeft.noBck, .ContdemiRight.noBck, .Cont3quart.noBck, .Cont1quart.noBck, .ContNav{padding:30px 50px;margin:20px 0}
	
.ContNav.marg-top{margin-top:60px;}/* MARGIN TOP POUR LA SECTION REALISTION FICHE PROJET PAS DE HEAD */
	
	
	.liste li, .liste.nomargin li{font-size:12px;font-size:1.2rem;line-height:16px;line-height:1.6rem;margin-bottom: 3px; }
	#neutre ul.liste li, #residentiel ul.liste li, #commercial ul.liste li, #public ul.liste li, #social ul.liste li{background-position: left 5px;}
	
	
	.splashUp.SplResi{background-position:30px -35px}
	.splashUp.SplComm{background-position:80px -40px}
	.splashUp.SplPub{background-position:160px -30px}
	.splashUp.SplSoc{background-position:250px -35px}

	
	p{font-size:12px;font-size:1.2rem;line-height:18px;line-height:1.8rem}
	p.bigText, .div_bigText p{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2.0rem}
	p.call{font-size:16px;font-size:1.6rem;line-height:20px;line-height:2.0rem}
	
	.client p span{font-size:10px;letter-spacing:0;}
	
	
	.block{display:inline;}
	
	footer{margin-top:40px}
	footer .ContBig{padding:0 20px}	
	.navFootBig li{line-height:18px;}
	
	
	/* ACCUEIL */
	.play img{top:40%;left:40%;max-width:70px}
	
	.smlnavSection ul{text-align:left;}
	.smlnavSection li{padding:5px 0px;display:block}
	.smlnavSection li a{font-size:15px;font-size:1.5rem;letter-spacing:0}
	
	ul.subNav li a{font-size:16px;font-size:1.6rem;margin:10px 0}
	
	
	/* À PROPOS */
	.equipe h4{margin-bottom:15px}
	
	


	
}


@media only screen and (max-width: 480px) {	
	
	
	.ContBig.noBck, .ContdemiLeft.noBck, .ContdemiRight.noBck, .Cont3quart.noBck, .Cont1quart.noBck{padding:20px 30px}
	.Cont3quart.noPadRight{padding:20px 30px}
	.Cont1quart.noPadLeft{padding:20px 30px}
	
	 
	
	}
	
@media only screen and (max-width: 320px) {	

	h2.citation.nofitCitation{font-size:20px}
	
	}