@font-face {
			  font-family: 'Cent';
			  src: url('fonts/GOTHIC.eot?#iefix') format('embedded-opentype'),
			  url('fonts/GOTHIC.woff') format('woff'), url('fonts/GOTHIC.ttf') format('truetype');
			}
			/*-----------------------------------Intro---------------------------------------*/
			.logo{
				position: fixed;
				width: 100%;
				height: 100%;
			    margin-left: auto;
				margin-right: auto;
				z-index: 300;
				opacity:1;
				background-color: #FFFFFF;
			}
			.logo img{
				position:fixed;
				top: 60%;
				left:50%;
			    width: 800px;
				height: auto;
			    margin-left: -400px;
				margin-top: -400px;
			}

			/*-----------------------------------General---------------------------------------*/
			html{
				background-color: #FFFFFF;
			}
			body {
				background-color: #ffffff; /*AFA17C - 595b5a - 262625 - 1F222C - 493E38*/
				opacity: 0.95;
				font-family: "Cent", Arial, Helvetica, sans-serif;
				margin-left: auto;
				margin-right: auto;
				margin-bottom:0;
				margin-top:-5px;
				font-size: 11px;
				display:block;
				direction:ltr;
				height: 100%;
			}

			a img{
				border:0;
			}

			a, a:active{
				text-decoration: none;
				color:none;
			}

			h1,h2{
				text-align:center;
			}
			h3{
				font-size: 1.2em;
				max-width:1300px;
				margin-left: auto;
				margin-right: auto;
			}
			#wrap{
				min-width: 981px;
				margin: 0% auto 0% auto;
				position: relative;
				height: 100%;
				overflow: hidden;
			}
			header{
				position: fixed;
				right:0;
				background-color: rgba(0, 0, 0, 0.8);
				background-image: url(bg.png);
				width:100%;
				min-width: 981px;
				height: 121px;
				z-index: 290;
			}
			#head{
				width:981px;
				margin-right: auto;
				margin-left: auto;
			}
			#head #langue{
				text-decoration: none;
				color: white;
				position: absolute;
				top:20px;
				right: 20px;
			}
			#head #langue a{
				text-decoration: none;
				color: white;
			}
			#menu{
				text-align:center;
				overflow: hidden;
				margin-top:4px;
				margin-bottom: 16px;
				margin-right:0px;
				padding-top:35px;
				padding-bottom: 15px;
				z-index: 1000;
			}
			#menu a{
				text-decoration: none;
				padding-top: 15px;
			}
			#menu span{
				font-size:2em;
				color: #FFFFFF;
				text-decoration: none;
			}

			#logo{
				overflow: hidden;
				text-decoration: none;
				cursor: pointer;
				float:left;
				text-align:left;
				margin-top:20px;
				margin-bottom: 15px;
				margin-left: 10px;
				margin-right: 30px;
				border: none;
			}
			.bullet{
				width: 5%;
				font-size:2.5em;
				color: #FFFFFF;
				overflow: hidden;
				text-decoration: none;
				margin-right: 5px;
				margin-left: 5px;
				margin-bottom: -6px;
			}
			#menu span, #sousMenu span{
				opacity: 1;
				transition: opacity 0.2s;
			}
			#menu span:hover, #sousMenu span:hover{
				opacity: 0.5;
			    transition: opacity 0s;
			}

			#flag{
				width:100%;
				height: 16px;
				background-image:url(frise6.png);
				background-repeat: repeat-x;
				border-bottom:solid 1px #F7F7EC;
				border-top:solid 1px #F7F7EC;
				overflow:hidden;
			}

			#sousMenu{
				position:fixed;
				top:0px;
				left:0px;
				background-color: rgba(255, 255, 255, 0.9);
				height:50px;
				overflow: hidden;
				z-index: 0;
			}
			#sousMenu a{
				border: 0px;
				text-decoration: none;
			}
			#sousMenu span{
				font-size:2em;
				color: #333333;
				overflow: hidden;
				text-decoration: none;
				margin-left: 30px;
				margin-right: 30px;
				position: relative;
				top: 7px;
				z-index: 1000;
			}

			#content{
				/*background-image:url(background.png);*/
				background-position:center 300px;
				background-repeat: no-repeat;
				min-width:981px;
				height:100%;
				z-index: 1;
				margin-top:120px;
			}

			.info{
				font-size: 1.7em;
				text-align: center;

			}
			#first{
				overflow:hidden;
				/*background-color: red;*/
				padding-top:100px;
				padding-bottom:80px;
				padding-left:10px;
				padding-right:10px;
				margin-left: auto;
				margin-right: auto;
				min-width: 970px;
			}
			#second{
				overflow:hidden;
				margin-top:180px;
				width:800px; /*Permet de centrer le contenu*/
				height: 740px;
				margin-left: auto;
				margin-right: auto;
			}
			#second ul img{
				width:970px;
			}
			.decouvrez{
				color:rgba(0, 0, 0, 0.8);
				font-size: 1em;
				font-weight: bold;
				position:relative;
				margin-top:20px;
				margin-left: auto;
				margin-right: auto;
				width:650px;
				top:0%;
				overflow:hidden;
			}
			#modulrFinishesGif, #modulrSizesGif{
				position: relative;
				line-height: 100%;
				color: rgba(0, 0, 0, 0.8);
				font-weight: bold;
				font-size: 1.2em;
				float:left;
				background-position:center center;
				background-repeat: no-repeat;
				width:400px;
				height:633px;
				overflow:hidden;
				z-index: 50;
			}
			#modulrFinishesGif:hover, #modulrSizesGif:hover{
			  box-sizing:border-box;
			  -moz-box-sizing:border-box;
			  -webkit-box-sizing:border-box;
			  border:1px solid #B4B4B4;
			  background-color: #F4F4F4;
			}
			#modulrFinishesGif{
				background-image:url(modulrFinishes.gif);
			}
			#modulrSizesGif{
				background-image:url(modulrSizes.gif);
			}
			#modulrFinishesGif img, #modulrSizesGif img{
				z-index: 100;
				margin-left: auto;
				margin-right: auto;
				margin-top:170px;
			}
			#modulrFinishesGif p{
				position: absolute;
				bottom: 0;
				width:100%;
				margin-right: auto;
				margin-left: auto;
			}
			#modulrSizesGif p{
				position: absolute;
				top: 0;
				width:100%;
				margin-right: auto;
				margin-left: auto;
			}
			.orderButton{
				margin-left: 80px;
				margin-right: 80px;
				margin-top:40px;
				width:325px;
				float:left;
			}
			.orderButton img{
				width:210px;
				height:210px;
				z-index: 1000000;
			}
			.orderButton:hover{
				cursor: pointer;
			}
			#dv{
				background-color: none;
				overflow: hidden;
			}
			#fv{
				background-color: none;
				overflow: hidden;
			}
			#dv:hover{
				background-color: #CC7B10;
				-moz-opacity: 80;
				opacity:0.8;
				filter: alpha(opacity=80);
				transition: 0.3s;
			}
			#fv:hover{
				background-color: #452C28;
				-moz-opacity: 80;
				opacity:0.8;
				filter: alpha(opacity=80);
				transition: 0.3s;
			}

			.loader{
				z-index: 10000;
				position:relative;
				width:100%;
				height:100%;
				background-image:url(../img/chargement.gif);
				background-position:center center;
				background-repeat: no-repeat;
			}
			#third{
				overflow:hidden;
				/*background-color: green;*/
				min-width: 970px;
				margin-left: auto;
				margin-right: auto;
				padding-top:20px;
			}

			#mce-responses .response{
				font-size:0.8em;
				margin-top: 10px;
			}
			#mc_embed_signup{
				overflow: hidden;
				margin-bottom:180px;
				margin-right: auto;
				margin-left: auto;
				width: 300px;
			}
			#mce-EMAIL{
				float:left;
				background-color: rgba(0, 0, 0, 0.05);
				color: rgba(0, 0, 0, 0.8);
				border: solid 1px rgba(0, 0, 0, 0.5);
				-webkit-border-radius: 2px 0px 0px 2px;
				-moz-border-radius: 2px 0px 0px 2px;
				border-radius: 2px 0px 0px 2px;
				font-size:1.2;
				font-weight: bold;
				width:198px;
				line-height: 20px;
				height:36px;
				cursor: text;
				text-align: center;
			}
			#mc-embedded-subscribe{
				float:left;
				background-color: rgba(0, 0, 0, 0.8);
				color:#FFF;
				border: solid 1px rgba(0, 0, 0, 0.5);
				-webkit-border-radius: 0px 2px 2px 0px;
				-moz-border-radius: 0px 2px 2px 0px;
				border-radius: 0px 2px 2px 0px;
				font-size:1.2;
				font-weight: normal;
				line-height: 20px;
				padding:5px;
				width:100px;
				height:40px;
				cursor: pointer;
			}
			div[for=mce-EMAIL].mce_inline_error{
				border:none;
				position:fixed;
				bottom:0px;
				left:0px;
				width:100%;
				text-align: center;
			}

			ul{
				list-style: none;
				text-align: center;
			}
			.categorie{
				font-size: 1.8em;
				width:250px;
				height:450px;
				margin-left: 35px;
				margin-right: 0px;
				float:left;
				text-align: center;
				vertical-align: center;
				overflow: hidden;
			}

			#catmodulr{
				width:350px;
				border:solid 1px rgba(107, 47, 93, 0.6);
			}
			#catportfolio{
				width:250px;
				border:solid 1px rgba(204, 125, 19, 0.6);
			}
			#catencadrement{
				width:150px;
				border:solid 1px rgba(68, 154, 148, 0.6);
			}

			.news{
				color: #ffffff;
				line-height:50%;
				font-weight:300;
				font-size:0.6em;
				background-image: url(bg.png);
				background-repeat: repeat-x;
				text-align:center;
				height:80px;
				padding:10px;
				position:relative;
				bottom:180px;
				left:0px;
				z-index:280;
				overflow: hidden;
				-moz-opacity: 100;
				opacity:1;
				filter: alpha(opacity=100);
				transition: 0.5s;
			}
			.news:hover{
				bottom:450px;
				height:450px;
				transition: 0.5s;
			}

			#newsmodulr{
				width:350;
				background-color: rgba(107, 47, 93, 0.9);
				border: solid 1px rgba(0, 0, 0, 0.3);
			}
			#newsportfolio{
				width:250;
				background-color: rgba(204, 125, 19, 0.9);
				border: solid 1px rgba(0, 0, 0, 0.3);
			}
			#newsencadrement{
				width:150;
				background-color: rgba(68, 154, 148, 0.9);
				border: solid 1px rgba(0, 0, 0, 0.3);
			}
			#titles{
				width:981px;
				margin-left: auto;
				margin-right: auto;
			}
			#titles h2{
				font-size: 1.5em;
				float:left;
				color:#CC7D13;
			}

			#connected{
				background-color: #FFFFFF;
				width: 320px;
				padding-right:10px;
				margin-left:auto;
				margin-right: auto;
				margin-bottom:15px;
				height: 40px;
				padding-left: 125px;
				border: none;
			}
			#connected a{
				float: left;
				margin-right:10px;
				margin-left: 10px;
				border: none;
			}
			#connected img{
				border:none;
			}
			#mention{
				position:relative;
				left:50%;
				bottom:5px;
				width:320px;
				margin-left: -160px;
			}
			#mentions{

				display: block;
				background-color: #FFFFFF;
				color:#939390;
				text-decoration: none;
				text-align:center;
				font-size: 1em;
				margin-left: auto;
				margin-right: auto;
			}
			#en{
				position: absolute;
				right:35px;
				top:10px;
				margin: auto 5px 5px auto;
				vertical-align:center;
				text-decoration: none;
				font-size: 1em;
				color:#939390;
			}
			#fr{
				position: absolute;
				right: 15px;
				top:10px;
				margin: auto auto 5px auto;
				vertical-align:center;
				text-decoration: none;
				font-size: 1em;
				color:#939390;
			}

			/*-----------------------------------Banner---------------------------------------*/
			
			#banner_veil {
				visibility: hidden;
				position: fixed;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.7);
				z-index: 10000;
			}

			#banner_base {
				visibility: hidden;
				border: solid 2px #333;
				color: white;
				position: absolute;
				top: 44%;
				left: 3%;
				box-sizing: border-box;
				width: 600px;
				height: 80px;
				margin-top: 2px;
				margin-left: 2px;
				padding: 7px;
				background-color: #5e78a6;
				font-size: 1.2em;
				line-height: 2.0em;
				z-index: 100000;
			}
			
			#banner_base_close {
				float: right;
				margin-top: -7px;
				font-weight: bold;
				cursor: pointer;
			}

			/* .banner_base-content {
				margin-top: 10px;
				height: 100%;
				width: 100%;
				position: absolute;
				top: 0;
				z-index: 120;
			}
			.banner_arrow {
			  position: absolute;
			  top: 0px;
			  right: -140px;
			  width: 0px;
			  height: 0px;
			  border-style: solid;
			  border-color: #5e78a6 transparent;
			  border-width: 50px 140px 50px 140px;
			  z-index: 110;
			}

			#banner_base_shadow {
			  width: 710px;
			  height: 104px;
			  margin-top: 0;
			  margin-left: 0;
			  background-color: #333;
			  z-index: 100;
			}

			#banner_arrow_shadow {
			  margin-top: 0;
			  margin-left: 0;
			  right: -140px;
			  border-color: #333 transparent;
			  border-width: 52px 140px 52px 140px;
			  z-index: 100;
			} */

			#promotion{
				position: absolute;
				top:150px;
				left: 30px;
				border: none;
				width:auto;
				z-index:350;
			}

/*--------------------------------------------Slides--------------------------------------------*/
			.rslides {
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			.rslides {
			  margin: 0px 0px 0px 0px;
			  }

			.centered-btns_nav {
			  z-index: 3;
			  position: absolute;
			  -webkit-tap-highlight-color: rgba(0,0,0,0);
			  top: 50%;
			  left: 0;
			  opacity: 0.7;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 61px;
			  width: 38px;
			  background: transparent url("themes.gif") no-repeat left top;
			  margin-top: -45px;
			  }

			.centered-btns_nav:active {
			  opacity: 1.0;
			  }

			.centered-btns_nav.next {
			  left: auto;
			  background-position: right top;
			  right: 0;
			  }

			.centered-btns_nav:focus,
			.transparent-btns_nav:focus,
			.large-btns_nav:focus {
			  outline: none;
			  }

			.centered-btns_tabs,
			.transparent-btns_tabs,
			.large-btns_tabs {
			  margin-top: 10px;
			  padding-left:-20px;
			  text-align: center;
			  }

			  .centered-btns_tabs,
			.transparent-btns_tabs,
			.large-btns_tabs ul{
			  padding-right:110px;
			  }

			.centered-btns_tabs li,
			.transparent-btns_tabs li,
			.large-btns_tabs li {
			  display: inline;
			  float: none;
			  _float: left;
			  *float: left;
			  margin-right: 5px;
			  }

			.centered-btns_tabs a,
			.transparent-btns_tabs a,
			.large-btns_tabs a {
			  text-indent: -9999px;
			  overflow: hidden;
			  -webkit-border-radius: 15px;
			  -moz-border-radius: 15px;
			  border-radius: 15px;
			  background: #ccc;
			  background: rgba(0,0,0, .2);
			  display: inline-block;
			  _display: block;
			  *display: block;
			  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
			  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
			  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
			  width: 9px;
			  height: 9px;
			  }

			.centered-btns_here a,
			.transparent-btns_here a,
			.large-btns_here a {
			  background: #222;
			  background: rgba(0,0,0, .8);
			  }


			/*CSS si Javascript désactivé*/

			#noscript {
				background-color: #FFFFFF;
				text-align: center;
				font: 2em"Cent", Arial, Helvetica, sans-serif;
				position: absolute;
				top: 0px;
				left: 0px;
				padding-top: 10%;
				margin-top: 150px;
				width: 100%;
				height: 100%;
			}

/*--------------------------------------------Medias Queries--------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {/*max-device-width*/
	/*-----------------------------------Intro---------------------------------------*/
	.logo img{
		top: 60%;
		left:50%;
	    width: 320px;
		height: auto;
	    margin-left: -160px;
		margin-top: -160px;
	}
}

/* Smartphones (landscape) -----------
@media only screen
and (min-width : 321px) {

}*/

/* Smartphones (portrait) -----------
@media only screen
and (max-width : 320px) {

}*/

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.logo img{
		top: 60%;
		left:50%;
	    width: 320px;
		height: auto;
	    margin-left: -160px;
		margin-top: -160px;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}