/* Global */
*{ box-sizing:border-box; }

.center { text-align:center; }

.inner { position:relative; margin-left:auto; margin-right:auto; }
.innerupdown{ position:relative; padding-top:40px; padding-bottom:40px; }
.innerpaddingupdown{ position:relative; padding-top:40px; padding-bottom:40px; }
.innerpaddingupdown2{ position:relative; padding-top:20px; padding-bottom:20px; }
.innermarginupdown{ position:relative; margin-top:20px; margin-bottom:20px; }
.innercontent{ position:relative; padding-left:60px; padding-right:60px; }


img.leftAlone, .grid img{ max-width:100%; height:auto; }

a.white, a.white:hover{ color:#fff; }

.link, .current, .section{ cursor:pointer; }

.blanc{ color:#fff; }




/* Header */

header{ position:relative; min-height:100px; z-index:500; }
#logo{ position:relative; text-align:center; display:inline-block; }


#menumobile {  display:none; position:relative; width:40px; height:40px; text-align:center; }
#menumobile i{ font-size: 30px !important; }

header img { max-width: 100%; height:auto; width:100%; }

#phone{ padding-top: 10px; padding-bottom:10px; text-align: right;  font-size: 14px;  font-weight: bold; }

#positionlogo.leftlogo{ width:33%; display:inline-block; text-align:left; }
#positionlogo.centerlogo{ width:100%; display:block; text-align:center; }




/* Nav */
nav.primary{ text-align:center; font-size:12px; text-transform:uppercase; vertical-align:text-bottom;  }
nav.primary li { display:inline-block; /*padding:10px; */ }
nav.primary li a{ /*padding:5px;*/ display: block; }

nav.primary.leftlogo ul {  padding-bottom:0;  }


/* Nav sous-menu */
nav.primary ul li ul a{ font-weight: 400; display: block; }
nav.primary ul li ul{ position: absolute; display:none; padding:0; margin-top: 10px; }
nav.primary ul li ul li {  display: block;  /* padding-left: 10px;  padding-right: 10px;*/ }





nav.secondary{ text-transform:uppercase; padding-top:30px; text-align:center;  }
nav.secondary li { display:inline-block; margin-right:15px; }
nav.secondary li:last-child { margin-right:0; }


/*
nav.secondary li:after { content:"  "; margin-left:5px; margin-right:5px; }
nav.secondary li:last-child:after { content:" "; }
*/
nav.secondary li a{  }

nav.primary.leftlogo{ width:66%; display:inline-block; text-align:right; }
nav.primary.centerlogo{ width:100%; display:block; text-align:center; }


/* table */

tr td:first-child {
  border-bottom: 1px solid #fff;
}
tr td:last-child {
  border-bottom: 1px solid #fff;
}




/* Section */

p.photocadrage img.leftAlone{ border:1px solid #fff; }
section{   /* padding-bottom: 20px; */ }

/* Footer */

footer.innerpaddingupdown {
  padding-top:0;
}

footer{ font-size: 12px; position:relative; }
footer .left{ /*float:left;*/ position:absolute; left:0;}
footer .right{ /*float:right;*/ position:absolute; right:0; }

footer #creatorcopyright{  text-align:center; padding-top:50px; }


/* Social */
#social{
  text-align:center; z-index: 100;
  margin-bottom: 20px; padding-top:30px; padding-bottom:30px; }
#social i { position:relative;  display:inline-block; opacity:0.8; margin-left:10px;  }

#social i:hover { opacity:1; }


#social i.fa-facebook { color:#3c5a9a; }
#social i.fa-twitter{ color:#2175d1; }
#social i.fa-linkedin{ color:#007bb6; }
#social i.fa-plus{ color:#d13818; }
#social i.fa-pinterest{  color:#cb2027;  }
#social i.fa-youtube{ color:#ef2627;  }

/*  QUICK NAV (FIL D'ARIANE) */
#quicknav{ padding-top: 50px; margin-bottom:30px; text-transform:uppercase;  }
#quicknav a{ font-weight: 500; text-decoration:none !important; }



#quicknav span:last-child:after {
    content: '';
}
#quicknav span:after {
    content: " > ";
}




/* FORMS */
#googlemaps {   margin-top: 30px;   margin-bottom: 30px; }

/* VIDEO */
div.leftAlone iframe { max-width:100%; }


/* google maps */
iframe.maps { max-width:100%; }




.blockimage {
  background-position: center center;
  background-size: cover;
}

p a img.leftAlone:hover { opacity:0.7;}


/* RESPONSIVE GRID */


/* mobile */



/* block images */

.blockimage100 { height:100px; }
.blockimage150 { height:150px; }
.blockimage200 { height:200px; }
.blockimage250 { height:250px; }
.blockimage300 { height:300px; }
.blockimage350 { height:350px; }
.blockimage400 { height:400px; }
.blockimage500 { height:500px; }
.blockimage600 { height:600px; }
.blockimage700 { height:700px; }




/*  vieux styles */


.fs36{ font-size:36px }
.fs30{ font-size:30px }
.fs25{ font-size:25px }
.fs20{ font-size:20px }
.fs17{ font-size:17px }
.fs15{ font-size:15px }


.fw100{ font-weight:100; }
.fw200{ font-weight:200; }
.fw300{ font-weight:300; }
.fw400{ font-weight:400; }
.fw500{ font-weight:500; }
.fw600{ font-weight:600; }
.fw700{ font-weight:700; }
.fw800{ font-weight:800; }
.fw900{ font-weight:900; }



/* RESPONSIVE GRID */



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


	.blockimage100 { height:100px; }
	.blockimage150 { height:150px; }
	.blockimage200 { height:200px; }
	.blockimage250 { height:250px; }
	.blockimage300 { height:250px; }
	.blockimage350 { height:300px; }
	.blockimage400 { height:300px; }
	.blockimage500 { height:400px; }
	.blockimage600 { height:500px; }
	.blockimage700 { height:600px; }



}


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


	.blockimage100 { height:100px; }
	.blockimage150 { height:150px; }
	.blockimage200 { height:200px; }
	.blockimage250 { height:250px; }
	.blockimage300 { height:250px; }
	.blockimage350 { height:250px; }
	.blockimage400 { height:250px; }
	.blockimage500 { height:300px; }
	.blockimage600 { height:400px; }
	.blockimage700 { height:500px; }



}


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


	.blockimage100 { height:50px; }
	.blockimage150 { height:75px; }
	.blockimage200 { height:150px; }
	.blockimage250 { height:150px; }
	.blockimage300 { height:200px; }
	.blockimage350 { height:250px; }
	.blockimage400 { height:275px; }
	.blockimage500 { height:300px; }
	.blockimage600 { height:350px; }
	.blockimage700 { height:400px; }


}





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


	#positionlogo.leftlogo{  text-align:left; display:block;  max-width: 100%; width: 100%; text-align: left; display: block; padding-right: 60px; }


	nav.primary { display:none; }

	nav.primary.leftlogo { display:none;  }
	nav.primary.centerlogo { display:none; }


	nav.primary li {
	  display: block;
	  /*padding: 20px;*/
	}

	nav.primary.leftlogo  { text-align: left; width: 100%;	}

	#menumobile{ display: block;   }
	#menumobile.centerlogo {  left: 50%; margin-left: -20px; top: -10px;  }
	#menumobile.leftlogo {  left:inherit; top: 52px; position: absolute; right: 40px;   }


	/* Nav sous-menu */

	nav.primary ul li ul{ position: relative; }
	nav.primary.leftlogo ul {  padding-bottom: 20px; }

	#positionlogo p { display:none; }

	header img { max-height:90px; }



}

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


	body {  /* background-size: 100% 100% ; */ }
	footer .left, footer .right { position:relative; display:block; padding:0; }

	.innercontent{ position:relative; padding-left:40px; padding-right:40px; }


}

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

	header #positionlogo.leftlogo img { height: auto !important; }
	header #positionlogo.centerlogo img { height: auto !important; }





}