/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dd,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul {list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
table {	border-collapse: collapse; border-spacing: 0;}



/* / / / / / / / / / / / / / / / / / / / /  STRUCTURE */



body {font-family: 'Great Vibes', cursive; font-family: 'Bree Serif', serif; font-family: 'Oswald', sans-serif;  color: #444; font-size: 100%;  line-height: 150%; position: relative; font-weight: 400; }
div.page {float: left; width: 80%; margin: 0 10%; text-decoration: none; text-transform: uppercase;}



section {margin: 0 0 1% 0; float: left; width: 100%; background-color: white; padding: 0;}

.col {box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; float: left; position: relative; padding: 0; margin: 0; background-color: white;}

.col1 { width: 100%;  padding: 5%;}
.col13 { width: 33.3%; }
.col23 { width: 66.6%;  }
.col12 { width: 50%;}

hr.clear {float: left; margin: 0 0 0 0; padding: 0 0 0 0; clear: both; visibility: hidden;}

h2 {font-family: 'Great Vibes', cursive; color: #FF570D; text-transform: none; font-size: 2em; line-height: 130%; }
h3 {font-family: 'Bree Serif', serif; color: #353131; font-size: 3.2em; line-height: 100%;}
h4 {font-family: 'Oswald', sans-serif; font-weight: 700;  color: #FF570D; line-height: 400%;}


.intro {text-align: center; }
.intro p {line-height: 180%;}
#orange {background-color: #FF570D;}
#orange h2 {color: white;}

ul.detail {padding: 0; margin: 0; width: 100%;}
ul.detail li {line-height: 150%; margin: 0 0 15px 0; border-left: 2px solid #C9C2BC; color: #444; padding: 0 0 0 10px; }
p.petit {color: #BAB0AA; margin: 30px 0 0 0;}
ul.detail li em {font-style: none; color: #999; }

.grey {background-color: #d6d6d6;}

ul.gal {float: left; width: 100%;}
ul.gal li {float: left; width: 48%;; background-color: #333; margin: 0 1% ; }
ul.gal li:nth-child(2){display: none;}
ul.gal li a {text-align: center; display: block; width: 100%; height: auto; padding: 10% 0; color: white; text-decoration: none;}
ul.gal li a:hover {background-color: #666;}
ul.gal li a p {line-height: 150%; width: 90%; margin: 5% 5%; text-transform: none;   }

.aeration {padding: 5%;}
.borduredroite {border-right: 1px solid #d1d1d1; }
.borduregauche {border-left: 1px solid #d1d1d1; }
.bordurehaut {border-top: 1px solid #d1d1d1;}

.aeration img {margin: 10px 0 ; }
.bordurebas {border-bottom: 1px solid #d1d1d1; }
	
.navigation {background-color: white; width: 100%;  }



/* / / / / / / / / / / / / / / / / / / / /  CONTENT */



a.link {text-decoration: none;}
.news {padding: 0;}
.news .col14 img {width: 100%;}
.news h4 {margin: 5% 0 0 0; }
.full h5 {margin: 0 0 0 0;  text-transform: uppercase; font-size: 0.7em; color: #f7cc5c;}
.news .col34  p {margin: 1% 20% 3% 20%; text-align: center; width: 60%; }



.navigation a#logo { float: left; width: 300px; position: relative; margin:  25px 0 30px -180px; left:50%;  padding: 0 0 0 0; text-align: center; }
.navigation a#logo img {width: 100%; text-align: center; margin: 0 0 0 15%;}
ul.menu {float: right;  padding: 40px 25px 0 0; margin: 40px 0 0 0; width: auto; }
ul.menu li {display:block; height: 30px; float:right; position:relative; width: auto; padding: 0; margin: 0 1%; text-align: center;  }
ul.menu li a { width: 100%; display:block; float:left;  font-size: 0.9em; text-transform: uppercase; color: #666666; text-decoration:none; padding-bottom: 10px; }
ul.menu li:nth-child(2){display: none;}
ul.menu li a:hover {border-bottom: 4px solid #FF570D;}


#home1 #menu1 a, #home2 #menu2 a, #home3 #menu3 a, #home4 #menu4 a {border-bottom: 7px solid #FF570D;}

ul#langue {float: right;  width: 50px; margin: 80px 30px 0 0; border-left: 1px solid #cbcbcb; padding-left: 20px; }
ul#langue li {width: 50%; float: left; text-align: center; }
ul#langue li a {text-decoration: none; color: #FF570D;  font-weight: 700;}
ul#langue li#eng a {text-decoration: none; color: #bfbfbf;  font-weight: 400;}

body.langen ul#langue li a {color: #bfbfbf;  font-weight: 400;}
body.langen ul#langue li#eng a {color: #FF570D;  font-weight: 700;}



#wrapper {position: relative; margin: 100px 0 5% 0; }
#wrapper h1 { z-index: 990; position: absolute; top : 30%; text-align: center; width: 70%; color: white; font-size: 1.5em;  letter-spacing: 10px; text-transform: uppercase; line-height: 80%; padding: 0; margin: 0 0 0 15%; }
#wrapper h1 p {font-size: 1.2em; letter-spacing: 0; text-transform: none; margin: 5% 0 0 0; font-weight: 100; width: 100%; margin: 5% 0%; line-height: 130%;   }
#wrapper h1 img {width: 25%; margin: 0 0 5% 0;}
#prod #wrapper .nivoSlider {opacity: 0.3;}
#home #wrapper .nivoSlider, #entreprise	 #wrapper .nivoSlider {opacity: 0.8;}


#biglogo {position: absolute; z-index: 990; top : 40%; width: 30%; left: 35%;}

hr.clear {float: left; clear: both; width: 100%; visibility: hidden;}

.footer { background-color:#3a3a3a; float:left; position: relative; margin: 0; width: 100%; padding: 2% 0; margin: 3% 0 0 0;}
.footer .col { background-color:#3a3a3a; color: white; text-align: center;}
.footer p, .footer h4{float: left; width: 100%; line-height: 200%;}
.footer ul {width: 100px; left: 50%;  margin: 3% 0 0 -50px; position: relative; float: left;}
.footer li {width: 45%; margin: 0 2.5%; float: left;}
.footer li img {width: 80%;}
.footer #logo {width: 200px; position: relative; left:50%; float: left; margin: 0 0 0 -100px;}
.footer a {color: #FF570D; text-decoration: none; font-weight: normal; }



/* / / / / / / / / / / / / / / / / / / / /  MEDIA QUERIES */



@media only screen and (min-width: 1600px ) {
		
}


@media only screen and (max-width: 1200px ) {
	
ul.gal li {float: left; width: 31,3%; background-color: #333; margin: 1% 1% ;}
	
	}



	

@media only screen and (max-width:900px ) {
	
body {font-size: 80%; text-align: center;}
.borduredroite, .bordurehaut, .borduregauche, bordurebas {border: none;  }
ul.detail li {border-left: none; margin: 0 0 5px 0;}
.col1, .col13, .col23, .col312 { width: 100%;  padding: 5%;}
ul.gal li {float: left; width: 98%; background-color: #333; margin: 1% 1% ;}
.navigation a#logo { float: left; width: 300px; left: 50%;  position: relative; margin:  5% 0 0 -150px;  padding: 0 0 0 0; text-align: center; }
.navigation a#logo img {width: 100%; text-align: center; margin: 0 0 0 0%;}
ul.menu {float: right;  padding: 0 0 0 0; margin: 3% 0 5% 0; width: 100%; display: inline-flex; justify-content: space-around;}
#wrapper {position: relative; margin: 210px 0 5% 0; }
ul#langue {border-left: none;  }

}
	
	
	
@media only screen and (max-device-width :768px ) {
body {font-size: 80%; text-align: center;}
.borduredroite, .bordurehaut, .borduregauche, bordurebas {border: none;  }
ul.detail li {border-left: none; margin: 0 0 5px 0;}	
div.page {float: left; width: 100%; margin: 0 0%; text-decoration: none; text-transform: uppercase;}
.col1, .col13, .col23, .col312 { width: 100%;  padding: 5%;}
ul.gal li {float: left; width: 98%; background-color: #333; margin: 1% 1% ;}
.navigation a#logo { float: left; width: 200px; left: 50%;  position: relative; margin:  5% 0 0 -100px;  padding: 0 0 0 0; text-align: center; }
.navigation a#logo img {width: 100%; text-align: center; margin: 0 0 0 0%;}
ul.menu {float: right;  padding: 0 0 0 0; margin: 6% 0 0 0; width: 100%; display: flex; justify-content: space-around; }

#wrapper {position: relative; margin: 220px 0 5% 0; }



ul.col34 {display: flex; justify-content: space-around;}