#testeur {position:fixed; z-index:9999; bottom:0px; left:0; padding:15px; background-color:#333; font-size:0.9em; letter-spacing:0.1em; display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF}
	
#load {display:none; width:46px; height:46px; position:fixed; z-index:9000; top:50%; margin-top:-23px; left:50%; margin-left:-23px;}
.H #load {display:block}

html {font-size: 100%; -webkit-font-smoothing: antialiased; height:100%; width:100%}


@font-face {
    font-family: "Bebas";
	font-style: normal;
    src: local(Bebas), url('../fonts/bebas___-webfont.ttf') format('truetype');
	
}

body {font-size: 1em; color:#000; font-family: "Trebuchet MS",  'Roboto', Arial, Helvetica, sans-serif; margin:0; font-weight:400; height:100%; width:100%; position:relative; background-color:#fff;
-webkit-user-select: text; -moz-user-select: text;  -khtml-user-select: text; -ms-user-select: text;

	
}
.H body { overflow:hidden}

* { outline: none;}
.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
img {display:block}
a img {border:none}
a {outline:none; border:none; text-decoration:none}
ul {margin:0; padding:0; list-style:none}
ul li {margin:0; padding:0}
h1, h2, h3, h4 {padding:0; margin:0; font-size:1em; font-weight:normal; line-height:1.1em}


#menuMob {display:none}
#logoB {width:254px; display:block; height:auto; position:fixed; top:50%; left:50px; margin-top:-58px; z-index:501; display:block; overflow:hidden; padding-bottom:30px}
/*	#logoB i {width:0; height:1px; background-color:#000; display:block; visibility:hidden}*/  /*under line the logo */
	#logoB img {width:100%;transform-origin: 0 0;}
	.H #logoB {visibility:hidden}
	
#logo {width:254px; display:block; height:auto; position:fixed; top:50%; left:50px; margin-top:-53px; z-index:501; display:block; overflow:hidden; display:none}
	#logo img {width:100%;transform-origin: 0 0;}
	
#bandeG {width:356px; height:100%; position:fixed; top:0; left:0; background-color:#fff; z-index:500;}
#bandeD {width:87px; height:100%; position:fixed; top:0; right:0; background-color:#fff; z-index:500;}


/* round menu */
#menuext {width:87px; height:87px; top:0; right:0; border-radius:30%; position:fixed;z-index:590; cursor:pointer;}
	#menu {width:52px; height:36px; padding-top:16px; position:fixed; top:18px; right:18px; border-radius:50%; background-color:#000; z-index:600; cursor:pointer}

		#menu i {width:24px; height:3px; background-color:#FFF; display:block; margin-bottom:5px; margin-left:auto; margin-right:auto; position:relative; z-index:602; transform-origin: 50% 50%;}

		#menu b {width:52px; height:52px; position:absolute; top:0; left:0; border-radius:50%; background-color:#ff0000; z-index:601; transform-origin: 50% 50%;}

	#menuext span {margin-top:82px; font-weight:500; color:#878787; font-size:0.8em; text-transform:uppercase; letter-spacing:0.03em; text-align:center; display:block;width:87px; position:fixed; top:0; right:0}
	.H #menuext {visibility:hidden}	

#fleche { position:fixed; top:50%; margin-top:-30px; right:12px; width:60px; height:60px; z-index:600; transform-origin: 50% 50%; cursor:pointer; display:none} /* arrow side */
	
#sociaux {width:87px; right:0; bottom:27px; position:fixed; z-index:600}
	#sociaux a {width:56%; margin-left:auto; margin-right:auto; display:block; margin-top:15px; border-radius:50%; border:1px solid #000}
	#sociaux a img {width:100%}
	.H #sociaux a {visibility:hidden}	
	

#navigation {width:100%; height:900px; position:relative; display:block}
.H #navigation {width:100%; height:100%; position:fixed; top:0; left:0; z-index:300; /*background-image:url(../images/menuBack.jpg);*/ background-color:#fff; display:none}

#coord { position:absolute; top:50%; margin-top:-160px;/*js*/ left:425px; padding:50px 0 50px 55px; line-height:1.65em; font-weight:400; font-size:1.1em; letter-spacing:0.04em; display:block; -webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}
#coord i { position:absolute; top:50%; height:0; left:0; width:1px; background-color:#000}

#navint { position:absolute; top:0; left:50%; width:50%; height:100%; background-color:#000; background-image:url(../images/menuBack.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
#navint ul {position:absolute; top:50%; left:73px; margin-top:-260px/*js*/}
#navint ul li {display:block; margin-bottom:0px}
#navint ul li a {display:inline-block; padding:13px 0 13px 33px; background-image:url(../images/fl1.png); background-position:0 50%; background-size:9px; /* arrow */ font-size:1.5em; font-weight:300; letter-spacing:0.08em; background-repeat:no-repeat; color:#FFF; text-decoration:none}
#navint ul li a span {position:relative; padding:10px 0; display:inline-block}
#navint ul li a span i {position:absolute; bottom:0; left:0; height:1px; width:0; background-color:#FFF; visibility:hidden} /* line under side menu */
#navint ul li #mactif span i {visibility:visible;width:100%;}
			


/* FOOTER */ 
#bas { text-align:center; background-color:#ff0000; padding-bottom:175px}
#bas img {width:100%}
#bas #contbas {color:#FFF; display:inline-block; text-align:left; padding-top:120px; -webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}
	#logobas {font-weight:400; letter-spacing:0.03em; display:block}
		#logobas strong {font-size:1.9em; font-weight:normal}
		#logobas span {font-size:1.3em}

	#coordonnees {margin-top:4px; padding-top:12px; padding-left:45px; position:relative; line-height:2em; letter-spacing:0.03em; font-weight:300; font-size:1.1em; float:left}
	#showroom {margin-top:4px; padding-top:12px; padding-left:45px; margin-left:175px; position:relative; line-height:1.6em; font-weight:300; font-size:1.1em; float:left}
	#lignes {margin-top:4px; padding-top:12px; padding-left:45px; margin-left:30px; position:relative; line-height:1.6em; font-weight:300; font-size:1.1em; float:left}
		#contbas .trait {width:45px; position:absolute; top:0; left:0; background-color:#696969; height:1px; display:block}
		#contbas .soustitre {display:block; font-size:0.7em; letter-spacing:0.07em; font-weight:500; color:#636363; text-transform:uppercase}
		#contbas .infos {margin:0; padding:11px 0 0 0; font-size:0.9em; line-height:2em; letter-spacing:0.03em; color:#d4d4d4; font-weight:300}
	#mentions {border-top:0px solid #666666; padding-top:50px;padding-bottom: 50px; font-size:12px; letter-spacing:0.03em; color:#1c1c1c; font-weight:400; margin-top:0px;text-align:center;}	
	#mentions a {color:#808080;} 
	#mentions a:hover {color:#CCC;}
		
				
/* MAIN HOME */
#bandeC {width:100%; height:100%; position:fixed; top:0; left:0; background-color:#fff; z-index:499; display:none}
	.H #bandeC {display:block}
	
#galerieAccueil{margin-left:356px; margin-right:87px; height:100%; width:auto; overflow:hidden; position:relative; z-index:50}
	#galerieAccueil img {width:2500px; height:1659px; position:absolute; top:50%; left:50%; margin-top:-829px; margin-left:-1250px; transform-origin: 50% 50%; visibility:hidden; z-index:50}	
	#galerieAccueil #prem {visibility:visible}
		
#intro {background-color: transparent;  color:#FFF; z-index:100; margin-left:356px;}

.H #intro {visibility:hidden; margin-left:0; left:50%; position:fixed; bottom:-60px; width:50%;}
	#intro h3, #intro p, #intro .suite, #contenu h2, .bandeauscroll p {margin-left:78px; margin-right:78px}
	#intro h3 {padding-top:60px; font-weight:300; font-size:1.7em; letter-spacing:0.06em}
	#intro p {margin-top:29px; font-weight:300; font-size:1.05em; line-height:2.1em; letter-spacing:0.04em; display:block;}
	#intro .suite {margin-top:3px;  font-weight:500; font-size:0.9em; letter-spacing:0.05em; display:inline-block; padding-left:17px; /* background-image:url(../images/fl1.png); */ background-position:0px 50%; background-repeat:no-repeat; background-size:6px; margin-bottom:120px; cursor:pointer}*/
		#intro .suite i {font-style:normal;padding-bottom:2px; position:relative}
		#intro .suite i b { background-color:#FFF; width:100%; height:1px; position:absolute; bottom:0; left:0}
	
#contenu {margin-top:20px; margin-left:356px; margin-right:87px}
.bandeauscroll{position:relative; margin-top:200px}	
/*
	#valeurs1 {position:relative; width:50%;float:left; background-color:#efefef; display:block; margin-top:0px}
	#valeurs2 {position:relative; width:50%;float:left; background-color:#fff; display:block; margin-top:0px}
		#valeurs1 h2, #valeurs2 h2 {padding-top:100px; font-weight:300; font-size:1.7em; letter-spacing:0.06em; color:#000; display:block}
		#valeurs1 p, #valeurs2 p {margin-top:29px; padding-bottom:100px; font-weight:300; font-size:1.05em; line-height:2.1em; letter-spacing:0.04em; display:block;; color:#000}
	#vignette1, #vignette2 {position:relative; float:left; width:38%; display:block}
	
	#vignette3 {position:absolute; top:160px; right:0; width:19%; display:block}
	#vignette4 {position:absolute; top:90%; right:0; width:19%; display:block}
	#vignette5 {position:absolute; top:160px; right:0; width:19%; display:block}
*/
	
.titrecentre { text-align:center; margin-top:300px; width:60%; padding:100px 0 70px 0; margin:0 auto}
	.titrecentre h2 {padding-bottom:30px; font-weight:300; font-size:1.7em; line-height:1.5em; letter-spacing:0.06em; color:#000; display:block}
	.titrecentre i {background-color:#000; width:230px; height:1px; display:inline-block}
	.titrecentre p { padding:0 70px; margin-top:30px; padding-bottom:0px; font-weight:300; font-size:1.05em; line-height:2.1em; letter-spacing:0.04em; display:block; color:#000}
.larggrand {width:70%}
	.larggrand p {text-align:left; display:block; padding:0}
	.larggrand h1 {text-align:left; font-weight:500; margin:0; padding:0px 0 0px 0; font-size:1.05em; line-height:2.1em; letter-spacing:0.04em; display:block; color:#000}
	
#projetsAccueil {background-color:#f0f0f0; padding:60px 30px 0 30px}
	#projetsAccueil li {width:50%; float:left;}
	#projetsAccueil li a {display:block; position:relative; margin-left:30px; margin-right:30px; margin-bottom:60px; overflow:hidden}
	#projetsAccueil li a img {display:block; position:relative; z-index:8; width:100%; transform-origin: 50% 50%;}
	#projetsAccueil li a b { font-weight:normal; position:absolute; top:50%; left:50%; margin-left:-50%;/*js*/ margin-top:-60px;/*js*/ z-index:9; background-color: rgba(0, 0, 0, 0.80); border-radius: 10px; text-align:center; padding:25px 30px 30px 30px} /* color of small background*/
	.H #projetsAccueil li a b {visibility:hidden}
		#projetsAccueil .titre { color:#FFF; font-family:"Trebuchet MS","Vo", Georgia, serif; font-size:2em; letter-spacing:0.13em; text-transform:uppercase; display:block; padding-bottom:0px; line-height:1.2em}
		#projetsAccueil li a b i {background-color:#fff; width:175px; height:1px; display:inline-block}
		#projetsAccueil .soustitre { color:#FFF; font-size:16px; letter-spacing:0.06em; font-weight:300; display:block; padding-top:10px}
	
	#equipe { background-color:#1d1d1d; background-image:url(../images/DCB-Res-2.1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:150px; padding-bottom:90px; color:#FFF; font-weight:300}
	#equipe .eg {width:38%; float:left; margin-left:12%; margin-bottom:90px; position:relative; padding-top:15px}
	#equipe .ed {width:45%; float:left; margin-left:2%; margin-bottom:90px; position:relative; padding-top:15px}
	#equipe .ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}	
		#equipe i {width:49px; height:1px; background-color:#FFF; position:absolute; top:0; left:0; display:block}
		#equipe .nom {font-weight:400; font-size:1.3em; display:block; padding-left:49px}
		#equipe p {font-size:1.05em; letter-spacing:0.025em; display:block; margin:0; padding:12px 0 0 0; line-height:1.6em; padding-left:49px}
		#equipe .spec {color:#b2b3b9; letter-spacing:0.025em;  font-size:1.05em; display:block; padding:10px 0 0 0; font-style:italic; line-height:1.7em; padding-left:49px}
	
#equipephoto {padding:90px; background-color:#f0f0f0; }
	#equipephoto img {width:100%}


/* Achievements */
#contenurea {margin-left:356px; margin-right:87px; background-color:#f3f3f3; padding-top:45px; z-index:30}
.H #contenurea {visibility:hidden}

	#contenurea h1 {font-family:"Bebas"; "Trebuchet MS", "Vo", Georgia, serif; font-size:1.8em; letter-spacing:3px; text-transform:uppercase; display:block; padding-bottom:0px; line-height:1.2em; color:#000000; padding-left:60px; padding-top:7px; position:relative}
		#contenurea h1 i {position:absolute; top:25px; left:0; width:40px; height:3px; background-color:#ff0000; display:block}

	#listeProjets .colG {float:left; width:39%; margin-left:8%; margin-right:4%; padding:50px 0 100px 0}
	#listeProjets .colD {float:left; width:39%; margin-right:4%; padding:50px 0 100px 0}
		#listeProjets li {display:block; margin-bottom:135px}
		#listeProjets a {display:block; position:relative; overflow:visible}
		.H #listeProjets a {visibility:hidden}
		#listeProjets a .contimg {width:100%; display:block; overflow:hidden}
		#listeProjets a img {display:block; width:100%; z-index:50; position:relative}
		#listeProjets a .desc {display:inline-block; position:absolute; z-index:80; bottom:-30px;/*js*/ left:0; /* js height:35px; overflow:hidden*/}
			#listeProjets a .desc span { background-color:#fff;  padding:22px 27px;color:#3f3f3f; display:block}
			#listeProjets a .desc strong {font-weight:400; font-size:0.95em; letter-spacing:0.05em; }
			#listeProjets a .desc sup {text-transform:lowercase}
			#listeProjets a .desc i {display:block; padding-top:8px; font-size:0.7em; letter-spacing:0.05em; text-transform:uppercase; font-style:normal; font-weight:500}
			#listeProjets a .desc b { display:block;padding:25px 27px 0 27px; color:#FFF; background-color: #222222; font-family:"Trebuchet MS", "Vo", Georgia, serif; font-size:1.6em; letter-spacing:0.1em; text-transform:uppercase; font-weight:normal; line-height:1.4em}
			#contenurea .bordG, #contenurea .bordD, #contenurea .bordH, #contenurea .bordB {background-color:#FFF; z-index:70; position:absolute}
			#contenurea .bordG {top:0; height:100%; width:0px; left:0}
			#contenurea .bordD {top:0; height:100%; width:0px; right:0}
			#contenurea .bordH {top:0; height:0px; width:100%; left:0}
			#contenurea .bordB {bottom:0; height:0px; width:100%; left:0}
			
/* Projet */
#contenuprojet {margin-left:356px; margin-right:87px; background-color:#f3f3f3; z-index:30}
.H #contenuprojet {visibility:hidden}
	#intprojet .grande {width:100%; position:relative; overflow:hidden}
		.grande img {width:100%; position:relative; z-index:20}
		.grande #flecheProjet { position:absolute; bottom:61px; left:50%; margin-left:-55px; width:110px; height:110px; z-index:21; display:block; cursor:pointer}
	
	#intprojet h2 {font-family:"Trebuchet MS", "Vo", Georgia, serif; font-size:2.9em; letter-spacing:0.13em; text-transform:uppercase; font-weight:normal; line-height:1.4em; color:#000; display:block; text-align:center; padding-top:90px; padding-bottom:28px}
	#traitProj {width:220px; height:2px; display:block; background-color:#000; margin:0 auto}	
	#intprojet h1 { padding-top:28px; font-size:1.3em; display:block; text-align:center; font-weight:400; line-height:1.6em; letter-spacing:0.08em}
		#intprojet h1 i {font-size:0.8em; display:block; text-align:center; font-style:normal; padding-top:2px}
			#intprojet h1 i sup {font-size:0.6em}
			
	#intprojet p {font-size:1.15em; font-weight:300; line-height:1.9em; padding:70px 0; width:55%; margin:0 auto; text-align:left; letter-spacing:0.025em}
	
	#intprojet .trois {width:94%; margin:20px auto}
		#intprojet .trois img {width:31.9%; float:left; margin:0 0.7%}
		#intprojet .trois i, #intprojet .deux i {text-align:center; display:block; padding:20px 0 20px 0; color:#666; font-size:0.8em; letter-spacing:0.08em; font-weight:300; text-transform:uppercase}
		
	#intprojet .semi {width:78%; display:block; margin:70px auto}
		#intprojet .semi img {width:100%}
		
	#intprojet .deux {width:78%; margin:180px auto}
		#intprojet .deux .imgG {width:45%; float:left}
		#intprojet .deux .imgD {width:45%; float:right}
		
	#intprojet #prec, #contenuprojet #suiv {background-color:#ff0000; font-size:17px; text-transform:uppercase; letter-spacing:0.18em; font-weight:400; color:#FFF; 
		margin:20px 0 35px 0; position:relative; display:inline-block; overflow:hidden}	
		
		#intprojet #prec {float:left; }
		#intprojet #suiv {float:right; }
		#intprojet #prec span { display:inline-block;padding:20px 60px 20px 70px; background-image:url(../images/fl2.png);background-position:10% 50%;background-repeat:no-repeat;background-size:16px; position:relative; z-index:11}
		#intprojet #suiv span { display:inline-block;padding:20px 70px 20px 98px; background-image:url(../images/fl1.png);background-position:90% 50%;background-repeat:no-repeat;background-size:16px; position:relative; z-index:11}
		#intprojet #prec i, #intprojet #suiv i { position:absolute; background-color:#000; width:100%; height:100%; display:block; top:100%; left:0; z-index:9; display:block}

/* Show */
#contenushow {margin-left:356px; margin-right:87px; background-color:#f3f3f3; z-index:30}
.H #contenushow {visibility:hidden}
	.introshow {width:100%; position:relative; overflow:hidden; background-color:#515260}
	.margeshowbas {padding-bottom:150px}
	.introshow img {width:100%; position:relative; z-index:20}
	
	.introshow h1 {width:100%; display:block; text-align:center; position:absolute; bottom:80px; left:0; z-index:21}
	.introshow h1 strong { display:block; font-family:"Trebuchet MS", "Vo", Georgia, serif; font-size:3em; letter-spacing:0.10em; text-transform:uppercase; font-weight:normal; line-height:1.4em; color:#1f1f1f; text-align:center; width:100%; padding-bottom:10px;}
	.introshow h1 i{ display:inline-block; width:220px; height:2px; background-color:#1f1f1f}
	.introshow h1 span{ width:100%; color:#fff; padding-top:26px; font-size:1.3em; display:block; text-align:center; font-weight:400; line-height:1.6em; letter-spacing:0.08em }
	
	
	.plusshow {width:80%; margin:0 auto; text-align:center; font-size:1.15em; letter-spacing:0.025em}
	.plusshow h2 {color:#000; font-weight:500; font-size:0.8em; text-align:left; border-bottom:1px solid #cecece; text-transform:uppercase; padding:65px 0 10px 0; width:55%; margin:0 auto; letter-spacing:0.1em; line-height:1.5em;  display:block }
	.plusshow p {font-weight:300; padding:5px 0 25px 0; width:55%; margin:0 auto; text-align:justify;line-height:1.9em;  }
	.plusshow .pclassic {padding:15px 0 25px 0}
		.plusshow ul{ display:inline-block; -webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}
		.plusshow li { font-weight:400; text-align:left; padding:4px 0 4px 0; background-image:url(../images/fl3.png); background-position:0 50%; background-repeat:no-repeat; padding-left:30px; background-size:8px; line-height:1.4em}
			
			.plusshow li a, .plusshow .pclassic a {color:#000; padding-bottom:4px; border-bottom:1px solid #9697a0}
			.plusshow .pclassic a {font-weight:500; padding-top:10px; display:inline-block}
			.plusshow .pclassic a:hover {border-bottom:1px solid #cecece; color:#ff0000}
	
	#galerieshow {width:92%; margin:0 auto;}
	#col1, #col2, #col3 {padding-top:50px; padding-bottom:70px; width:30.3%; margin:0 1.5%; float:left}
		#col1 a, #col2 a, #col3 a {display:block; width:100%; margin-top:45px;/*js*/ overflow:hidden}
			#col1 a img, #col2 a img, #col3 a img {display:block; width:100%}
	
	/* gallery photos */
	#zoom {position:fixed; width:100%; height:100%; background-color:#eeeeee; top:0; left:0; z-index:9990; display:none}
		#retour {background-color: rgba(238, 238, 238, 0.8); width:34px; height:34px; background-size:34px; position:fixed; top:10px; right:10px; 
		background-image:url(../images/cross.png); background-repeat:no-repeat; background-position:center; padding:10px; cursor:pointer; z-index:9998; display:none}
		#zoomprec { background-color: rgba(238, 238, 238, 0.8); cursor:pointer; background-image:url(../images/fl5.png); background-repeat:no-repeat; width:70px; height:70px;
		 background-size:70px; position:fixed; z-index:9999; top:50%; margin-top:-35px; left:0; padding:20px; background-position:center; display:none}
		#zoomsuiv { background-color: rgba(238, 238, 238, 0.8); cursor:pointer; background-image:url(../images/fl4.png); background-repeat:no-repeat; width:70px; height:70px;
		 background-size:70px; position:fixed; z-index:9999; top:50%; margin-top:-35px; right:0; padding:20px; background-position:center; display:none}	
		#photozoom {cursor:pointer; position:fixed; left:50%; top:50%; z-index:9997; margin-left:-300px;margin-top:-300px; display:none}
		#NbMax {display:none}	

/* Services*/					
#contenudem {margin-left:356px; margin-right:87px; position:relative; background-color:#f3f3f3; z-index:30}
.H #contenudem {visibility:hidden}	
	#intdem h1 {margin-left:200px; font-family:"Trebuchet MS", "Vo", Georgia, serif; font-size:2.5em; letter-spacing:0.10em; text-transform:uppercase; font-weight:normal; line-height:1.4em; color:#000; padding-bottom:45px; display:inline-block; padding-top:148px}
	#intdem h2 {margin-left:200px; font-size:1.35em; letter-spacing:0.11em; font-weight:400; line-height:1.4em; color:#000; padding-top:27px; display:block; position:relative;
	padding-bottom:4px; z-index:9; overflow:visible}
		#intdem h2 i {position:absolute; top:0; left:0; width:74px; height:5px; background-color:#ff0000; z-index:9}
		
	#intdem p {margin-left:200px; font-size:16px; letter-spacing:1px; font-weight:200; line-height:2.05em; color:#000; padding-top:4px; display:block; width:840px; text-align:justify; position:relative; z-index:9}
	
	#demphotos1 {margin-left:562px; margin-top:18px; display:inline-block; position:relative; overflow:visible}
		#demphotos1 span {text-transform:uppercase; font-style:italic; font-size:0.75em; font-weight:300; letter-spacing:0.1em; display:block; text-align:right; padding-bottom:7px;
			color:#7b7b7b; position:relative; z-index:8}
		#demphotos1 img {margin-left:10px; float:left; width:172px; display:block; position:relative; z-index:8}
		#demphotos1 i {position:absolute; top:-135px; left:-65px; color:#dedee0; font-family:"Trebuchet MS","Vo", Georgia, serif; font-size:32em; z-index:7; line-height:0.7em; font-style:normal}
	
	#intdem #titre2 { margin-top:50px}
	#intdem #titre2 i {background-color:#ff0000}
		#intdem #titre2 strong {font-weight:normal; position:relative; z-index:9}
		#intdem #titre2 span {color:#e2dddc; position:absolute; top:-100px; left:-175px; font-family:"Trebuchet MS", "Vo", Georgia, serif; font-size:23em; z-index:7; line-height:0.7em; font-style:normal}
				
	#demphotos2 { width:100%; margin-top:140px}
		#demphotos2 #i1 {width:49.7%; float:left}
		#demphotos2 #i2 {width:49.7%; float:right}
		
	#intdem #titre3 { margin-top:50px}
	#intdem #titre3 i {background-color:#ff0000}
	
	#demphotos3 {margin-left:562px; margin-top:18px; display:inline-block; position:relative; overflow:visible}
		#demphotos3 img {margin-left:10px; float:left; width:172px; display:block; position:relative; z-index:8}
		#demphotos3 #i3 {width:307px}
		#demphotos3 i {position:absolute; top:-130px; left:-190px; color:#e1e4e3; font-family:"Trebuchet MS", "Vo", Georgia, serif; font-size:30em; z-index:7; line-height:0.7em; font-style:normal}
	
	#demphotos4 {margin-top:100px; width:100%; padding-bottom:160px}
		#demphotos4 #i4 {width:33%; float:left; margin-right:0.5%}
		#demphotos4 #i5 {width:33%; float:left}	
		#demphotos4 #i6 {width:33%; float:right}
		

/* Cuisines */					
#contenucui {margin-left:356px; margin-right:87px; background-color:#f3f3f3; z-index:30}
.H #contenucui {visibility:hidden}	
	.intcui2 { margin-top:150px}
	.intcui1 h1 {margin-left:200px; font-family:"Trebuchet MS","Vo", Georgia, serif; font-size:2.5em; letter-spacing:0.10em; text-transform:uppercase; font-weight:normal; line-height:1.4em; color:#000; padding-bottom:15px; display:inline-block; padding-top:148px}
	.intcui1 h2 {margin-left:200px; font-size:1.35em; letter-spacing:0.11em; font-weight:400; line-height:1.4em; color:#000; padding-top:27px; display:block; position:relative;
	padding-bottom:4px; z-index:9; overflow:visible}
		.intcui1 h2 i {position:absolute; top:0; left:0; width:74px; height:5px; background-color:#000; z-index:9}
	.intcui1 p, .intcui2 p {margin-left:200px; font-size:0.95em; letter-spacing:0.045em; font-weight:300; line-height:2.05em; color:#000; padding-top:4px; display:block; width:640px; text-align:justify; position:relative; z-index:9}
	.photocui2 {margin-top:80px}
		.imcuis1 {width:49%; float:left}
		.imcuis2 {width:49%; float:right}
	.photocui3 {margin-top:150px; width:80%; margin-left:auto; margin-right:auto}	
		.imcuis31 {width:32%; float:left; margin-right:2%}
		.imcuis32 {width:32%; float:left; margin-right:2%}
		.imcuis33 {width:32%; float:left}
	.photocui1 {margin-top:80px}
		.photocui1 img {width:100%}
	.biglien {overflow:hidden; position:relative; display:inline-block; margin:30px 0 0 0;background-color:#000; }
	.biglien span {display:inline-block;padding:20px 80px 20px 35px; background-image:url(../images/fl1.png);background-position:92% 50%;background-repeat:no-repeat;
				background-size:16px; position:relative; z-index:11; color:#FFF; font-size:1.3em}
	.biglien i { position:absolute; background-color:#000; width:100%; height:100%; display:block; top:100%; left:0; z-index:9; display:block}
	.margeB1 {margin-bottom:150px}
		
/* Contact */ 
#contenucont {margin-left:356px; margin-right:87px; background-color:#f3f3f3; background-image:url(../images/DCB-Res-2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; z-index:30; min-height:100%}
.H #contenucont {visibility:hidden}

	#contactint{width:1070px; margin:0 auto}
	#contenucont h1 {font-weight:400; letter-spacing:0.03em; display:block; padding:120px 0 0 0}
		#contenucont h1 strong {font-size:1.9em; font-weight:normal}
		#contenucont h1 span {font-size:1.3em}
		
	#contactG {float:left; width:460px; -webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}
		#contactG div {margin-top:40px; padding-top:10px; padding-left:45px; position:relative; line-height:2em; letter-spacing:0.03em; font-weight:300; font-size:1.1em}
		#contactG div .trait {width:45px; position:absolute; top:0; left:0; background-color:#696969; height:1px; display:block}
		#contactG div span {display:block; font-size:0.7em; letter-spacing:0.07em; font-weight:500; color:#8b8b92; text-transform:uppercase}
		#contactG div p {margin:0; padding:11px 0 0 0; font-size:0.9em; line-height:2em; letter-spacing:0.03em; color:#d4d4d4; font-weight:300}
	
	#contactD {float:left; width:600px; margin-left:10px}
		#contactD h2 {margin-top:40px; padding-top:10px; padding-left:45px; position:relative; line-height:2em; letter-spacing:0.07em; font-weight:500; font-size:1.1em}
		#contactD h2 .trait {width:45px; position:absolute; top:0; left:0; background-color:#696969; height:1px; display:block}
	
	#ment {width:100%; border-top:1px solid #666666; margin-top:120px; padding:30px 0 60px 0; font-size:0.85em; letter-spacing:0.03em; color:#808080; font-weight:400}	
		#ment a {color:#808080; text-decoration:none} #ment a:hover {color:#CCC}
		
#formulaire {display:block; text-align:left; margin:20px 0 0 45px; width:550px}		
.hasJS #formulaire { display:block; font-family: "Trebuchet MS", 'Roboto', Arial, Helvetica, sans-serif; font-weight:300; letter-spacing:0.025em}	
.overTxtLabel {color:#fff; font-size:1.05em; margin:12px 0 0 15px; font-family:"Trebuchet MS",  'Roboto', Arial, Helvetica, sans-serif; font-weight:300;letter-spacing:0.025em}		
	#formulaire .formgauche {width:250px; float:left; margin:9px 0 0 0;}
	#formulaire .formdroite {width:250px; float:left; margin:9px 0 0 9px}
	#formulaire textarea{margin:9px 0 0 0; height:170px; background-color: rgba(174, 174, 174, 0.25); color:#fff; border:none; padding:12px 0 12px 15px; font-size:1.05em; 
		width:524px; border-radius:8px}
	#formulaire input {background-color: rgba(174, 174, 174, 0.25); color:#fff; font-size:1.1em; border:none; padding:12px 0 12px 15px; border-radius:8px}
	#formulaire input:hover {color:#fff; background-color: rgba(174, 174, 174, 0.35); }
	#formulaire textarea:hover {color:#fff; background-color: rgba(174, 174, 174, 0.35);}
	.overTxtLabel:hover {color:#fff}
	
	#formulaire #envoyer {color:#000; text-transform:uppercase; background-color:#fff; display:inline-block; padding:13px 120px 12px 50px; font-size:0.9em; 
		background-image:url(../images/fl6.png); background-repeat:no-repeat; background-position:25px 50%; background-size:8px; letter-spacing:0.15em; 
		margin:20px 0 0 0; cursor:pointer; display:inline-block; text-align:left; font-weight:500; font-family:"Trebuchet MS",  'Roboto', Arial, Helvetica, sans-serif;}

#message-requete {margin:0; font-family: "Trebuchet MS", 'Roboto', Arial, Helvetica, sans-serif;  letter-spacing:0.02em; font-size:1.5em; position:fixed; top:50%; margin-top:-150px; 
			left:50%; margin-left:-250px; width:500px; z-index:9999; background-color:#fff; padding:50px; border-radius:12px; display:none; position:fixed; color:#000; 
			cursor:pointer; background-image:url(../images/cross.png); background-size:30px; background-position:96% 20px; background-repeat:no-repeat}
#message-requete ul {margin:10px 0 10px 0; padding:0; list-style:none}
#message-requete ul li {list-style:none; padding:7px 4px 7px 40px; font-size:0.8em; margin:1px 0 0 0; display:block; width:auto}
#message-requete .message-ok { background-image:url(../Images/valid.png); background-repeat:no-repeat; background-position:5px 50%; background-size:20px}
#message-requete .message-erreur { background-image:url(../Images/error.png); background-repeat:no-repeat; background-position:5px 50%; background-size:20px}
	
#fondmessage {background-color:#262727; z-index:300; position:fixed; width:100%; height:100%; top:0; left:0; display:none}
		
			
			
@media screen and (max-width: 1730px) {
body {font-size:0.85em}
#logoB {width:215px; left:42px; margin-top:-49px; padding-bottom:25px}
#bandeG {width:302px}
#bandeD {width:74px}
#menuext {width:74px; height:74px}
	#menu {width:44px; height:29px; padding-top:15px; top:15px; right:15px}
		#menu i {width:21px; height:2px; margin-bottom:4px;}
		#menu b {width:44px; height:44px}
	#menuext span { margin-top:70px; width:74px}
#fleche { margin-top:-25px; right:10px; width:50px; height:50px}
#sociaux {width:74px; bottom:23px}
	#sociaux a {width:56%; margin-top:13px}	
#navigation {}
	#coord {left:361px; padding:42px 0 42px 46px;}
	#navint {}
		#navint ul {left:62px}
			#navint ul li {display:block; margin-bottom:0px}
			#navint ul li a {padding:11px 0 11px 28px; background-size:8px}
			#navint ul li a span {padding:8px 0}
				#navint ul li a span i {height:3px}
#bas {padding-bottom:149px}
#bas #contbas {padding-top:102px}
	#coordonnees {margin-top:34px; padding-top:10px; padding-left:38px}
	#showroom {margin-top:34px; padding-top:10px; padding-left:38px; margin-left:149px}
	#lignes {margin-top:34px; padding-top:10px; padding-left:38px; margin-left:25px}
		#contbas .trait {width:38px}
		#contbas .infos {padding:9px 0 0 0}
	#mentions {padding-top:25px; margin-top:76px}	
	
		
/* HOME */
#galerieAccueil{margin-left:302px; margin-right:74px}
.H #intro { left:50%;bottom:-42px}
	#intro h3, #intro p, #intro .suite, #contenu h2, .bandeauscroll p {margin-left:66px; margin-right:66px}
	#intro h3 {padding-top:51px}
	#intro p {margin-top:24px}
	#intro .suite {margin-top:2px; padding-left:14px; background-size:5px; margin-bottom:102px}	

#contenu {margin-top:170px; margin-left:302px; margin-right:74px}
.bandeauscroll{margin-top:170px}	
		#valeurs1 h2, #valeurs2 h2 {padding-top:85px}
		#valeurs1 p, #valeurs2 p {margin-top:24px; padding-bottom:85px}
	#vignette3 {top:136px}
	#vignette4 {top:90%}
	#vignette5 {top:136px}
	
.titrecentre { margin-top:255px; padding:85px 0 59px 0; margin:0 auto}	
	.titrecentre h2 {padding-bottom:25px}
	.titrecentre i {width:195px}
	.titrecentre p {margin-top:25px; padding:0 66px; font-size: 14px}
.larggrand {width:70%}
	.larggrand p {padding:0}
	.larggrand h1 {margin:0}
	
#projetsAccueil {padding:51px 25px 0 25px}
	#projetsAccueil li a {margin-left:25px; margin-right:25px; margin-bottom:51px}
	#projetsAccueil li a b { padding:21px 25px 25px 25px}
		#projetsAccueil li a b i {width:149px}
		#projetsAccueil .soustitre {padding-top:8px}
	
	#equipe {padding-top:127px; padding-bottom:76px}
	#equipe .eg {width:40%; margin-left:10%; margin-bottom:76px; padding-top:12px}
	#equipe .ed {margin-bottom:76px; padding-top:12px}
		#equipe i {width:41px}
		#equipe .nom {padding-left:41px}
		#equipe p {margin:0; padding:10px 0 0 0; padding-left:41px}
		#equipe .spec {padding:8px 0 0 0; padding-left:41px}
#equipephoto {padding:76px}	


/* Achievements */
#contenurea {margin-left:302px; margin-right:74px; padding-top:38px}
	#contenurea h1 {padding-left:51px; padding-top:6px}
		#contenurea h1 i {width:31px; height:3px;top:15;}
	#listeProjets .colG {padding:42px 0 85px 0}
	#listeProjets .colD {padding:42px 0 85px 0}
		#listeProjets li {margin-bottom:114px}
			#listeProjets a .desc span {padding:19px 23px}
			#listeProjets a .desc i { padding-top:7px}
			#listeProjets a .desc b { padding:21px 23px 0 23px; }

/* Projet */
#contenuprojet {margin-left:302px; margin-right:74px}
		.grande #flecheProjet {bottom:51px; margin-left:-50px; width:100px; height:100px}
	#intprojet h2 {padding-top:80px; padding-bottom:25px}
	#traitProj {width:200px}	
	#intprojet h1 {padding-top:25px}
	#intprojet p {padding:60px 0; width:55%}
	#intprojet .semi {margin:60px auto}
	#intprojet .deux {margin:160px auto}
	#intprojet #prec, #contenuprojet #suiv {margin:18px 0 30px 0}	
		#intprojet #prec span {padding:18px 115px 18px 70px; background-size:14px}
		#intprojet #suiv span {padding:18px 70px 18px 130px; background-size:14px}

/* Show */
#contenushow {margin-left:302px; margin-right:74px}
	.margeshowbas {padding-bottom:120px}
	.introshow h1 {bottom:70px}
	.introshow h1 strong {padding-bottom:7px}
	.introshow h1 i{width:180px; height:2px}
	.introshow h1 span{padding-top:20px}
	.plusshow h2 {width:55%}
	.plusshow p {padding:50px 0 20px 0; width:55%}
		.plusshow li {padding-left:25px; background-size:7px}
			.plusshow li a {padding-bottom:3px}
		#col1, #col2, #col3 {padding-top:40px; padding-bottom:50px}
	#retour {width:28px; height:28px; background-size:28px}
	#zoomprec {width:60px; height:60px; background-size:60px; margin-top:-30px; padding:15px}
	#zoomsuiv {width:60px; height:60px; background-size:60px; margin-top:-30px; padding:15px}

/* STEPS*/					
#contenudem {margin-left:302px; margin-right:74px}	
	#intdem h1 {margin-left:170px; padding-bottom:14px; padding-top:126px}
	#intdem h2 {margin-left:170px; padding-top:23px; padding-bottom:3px}
		#intdem h2 i {width:63px; height:4px}
	#intdem p {margin-left:170px; padding-top:3px; width:544px}
	#demphotos1 {margin-left:477px; margin-top:16px}
		#demphotos1 span {padding-bottom:6px}
		#demphotos1 img {margin-left:8px; width:146px}
		#demphotos1 i {top:-114px; left:-55px}
	#intdem #titre2 { margin-top:60px}
		#intdem #titre2 span {top:-85px; left:-148px}
	#demphotos2 {margin-top:119px}
	#intdem #titre3 { margin-top:85px}
	#demphotos3 {margin-left:477px; margin-top:16px}
		#demphotos3 img {margin-left:8px; width:146px}
		#demphotos3 #i3 {width:260px}
		#demphotos3 i {top:-110px; left:-161px}
	#demphotos4 {margin-top:85px;padding-bottom:136px}

/* Cuisines */					
#contenucui {margin-left:302px; margin-right:74px}
	.intcui2 { margin-top:130px}
	.intcui1 h1 {margin-left:170px; padding-bottom:13px; padding-top:130px}
	.intcui1 h2 {margin-left:170px; padding-top:23px}
		.intcui1 h2 i {width:56px; height:4px}
	.intcui1 p, .intcui2 p {margin-left:170px; width:530px}
	.photocui2 {margin-top:70px}
	.photocui3 {margin-top:130px}	
	.photocui1 {margin-top:60px}
	.biglien {margin:22px 0 0 0}
	.biglien span {padding:20px 75px 20px 32px; background-size:13px; }
	.margeB1 {margin-bottom:120px}

/* Contact */ 
#contenucont {margin-left:302px; margin-right:74px}
	#contactint{width:910px}
	#contenucont h1 {padding:108px 0 0 0}
	#contactG {width:390px}
		#contactG div {margin-top:35px; padding-top:8px; padding-left:40px}
		#contactG div .trait {width:40px}
		#contactG div p {margin:0; padding:9px 0 0 0}
	#contactD {width:510px; margin-left:10px}
		#contactD h2 {margin-top:35px; padding-top:8px; padding-left:40px}
		#contactD h2 .trait {width:40px}
	#ment {margin-top:100px; padding:25px 0 50px 0}		
#formulaire {margin:16px 0 0 35px; width:470px}		
.overTxtLabel {margin:10px 0 0 12px}		
	#formulaire .formgauche {width:219px; margin:7px 0 0 0;}
	#formulaire .formdroite {width:219px; margin:7px 0 0 7px}
	#formulaire textarea{margin:7px 0 0 0; height:150px; padding:10px 0 10px 12px;width:457px;}
	#formulaire input {padding:10px 0 10px 12px}
	#formulaire #envoyer {padding:11px 90px 10px 50px; background-size:7px; margin:17px 0 0 0;}
#message-requete {margin-top:-150px; margin-left:-230px; width:460px; padding:40px; background-size:24px; background-position:96% 20px;}
#message-requete ul {margin:8px 0 8px 0}
#message-requete ul li {padding:7px 4px 7px 35px}
#message-requete .message-ok {background-size:16px}
#message-requete .message-erreur {background-size:16px}
							
}

/*  iPad  */
@media screen and (max-width: 1550px) {
body {font-size:0.8em}
#logoB {width:202px; left:39px; margin-top:-46px; padding-bottom:23px}
#bandeG {width:284px}
#bandeD {width:70px}
#menuext {width:70px; height:70px}
	#menu {width:40px; height:27px; padding-top:13px; top:14px; right:15px}
		#menu i {width:19px; height:2px; margin-bottom:4px;}
		#menu b {width:41px; height:41px}
	#menuext span { margin-top:66px; width:70px}
#fleche { margin-top:-23px; right:9px; width:47px; height:47px}	
#sociaux {width:70px; bottom:21px}
	#sociaux a {width:56%; margin-top:12px}	
#navigation {}
	#coord {left:340px; padding:39px 0 39px 43px}
	#navint {}
		#navint ul {left:58px}
			#navint ul li {display:block; margin-bottom:0px}
			#navint ul li a {padding:10px 0 10px 26px; background-size:7px}
			#navint ul li a span {padding:7px 0}
				#navint ul li a span i {height:2px}

#bas {padding-bottom:140px}
#bas #contbas {padding-top:96px}
	#coordonnees {margin-top:32px; padding-top:9px; padding-left:35px}
	#showroom {margin-top:32px; padding-top:9px; padding-left:35px; margin-left:140px}
	#lignes {margin-top:32px; padding-top:9px; padding-left:35px; margin-left:23px}
		#contbas .trait {width:35px}
		#contbas .infos {padding:8px 0 0 0}
	#mentions {padding-top:23px; margin-top:71px}		
		
/* HOME */
#galerieAccueil{margin-left:284px; margin-right:70px}	
.H #intro { left:50%;bottom:-39px}
	#intro h3, #intro p, #intro .suite, #contenu h2, .bandeauscroll p {margin-left:62px; margin-right:62px}
	#intro h3 {padding-top:48px}
	#intro p {margin-top:23px}
	#intro .suite {margin-top:2px; padding-left:13px; background-size:4px; margin-bottom:96px}	
#contenu {margin-top:160px; margin-left:284px; margin-right:70px}
.bandeauscroll{margin-top:160px}	
		#valeurs1 h2, #valeurs2 h2 {padding-top:80px}
		#valeurs1 p, #valeurs2 p {margin-top:23px; padding-bottom:80px}
	#vignette3 {top:128px}
	#vignette4 {top:90%}
	#vignette5 {top:128px}
.titrecentre { margin-top:240px; padding:80px 0 55px 0; margin:0 auto}	
	.titrecentre h2 {padding-bottom:23px}
	.titrecentre i {width:183px}
	.titrecentre p {margin-top:23px; padding:0 60px; font-size: 16px}
.larggrand {width:70%}
	.larggrand p {padding:0}
	.larggrand h1 {margin:0}
	
#projetsAccueil {padding:46px 23px 0 23px}
	#projetsAccueil li a {margin-left:23px; margin-right:23px; margin-bottom:46px}
	#projetsAccueil li a b { padding:19px 23px 23px 23px}
		#projetsAccueil li a b i {width:140px}
		#projetsAccueil .soustitre {padding-top:7px}
	#equipe {padding-top:119px; padding-bottom:71px}
	#equipe .eg {width:40%; margin-left:10%; margin-bottom:71px; padding-top:11px}
	#equipe .ed {margin-bottom:71px; padding-top:11px}
		#equipe i {width:38px}
		#equipe .nom {padding-left:38px}
		#equipe p {margin:0; padding:9px 0 0 0; padding-left:38px}
		#equipe .spec {padding:7px 0 0 0; padding-left:38px}	
#equipephoto {padding:71px}	

/* Achivments */
#contenurea {margin-left:284px; margin-right:70px; padding-top:35px}
	#contenurea h1 {padding-left:48px; padding-top:5px}
		#contenurea h1 i {width:28px; height:3px;top:18px;}
	#listeProjets .colG {padding:40px 0 80px 0}
	#listeProjets .colD {padding:40px 0 80px 0}
		#listeProjets li {margin-bottom:110px}
			#listeProjets a .desc span {padding:17px 21px}
			#listeProjets a .desc i { padding-top:6px}
			#listeProjets a .desc b { padding:20px 21px 0 21px; }

/* Projet */
#contenuprojet {margin-left:284px; margin-right:70px}
		.grande #flecheProjet {bottom:48px; margin-left:-40px; width:80px; height:80px}
	#intprojet h2 {padding-top:70px; padding-bottom:20px}
	#traitProj {width:160px}	
	#intprojet h1 {padding-top:20px}
	#intprojet p {padding:50px 0; width:55%}
	#intprojet .semi {margin:50px auto}
	#intprojet .deux {margin:140px auto}
	#intprojet #prec, #contenuprojet #suiv {margin:15px 0 25px 0}	
		#intprojet #prec span {padding:18px 100px 18px 70px; background-size:13px}
		#intprojet #suiv span {padding:18px 70px 18px 115px; background-size:13px}	
		
/* Show */
#contenushow {margin-left:284px; margin-right:70px}
.margeshowbas {padding-bottom:100px}
	.introshow h1 {bottom:50px}
	.introshow h1 strong {padding-bottom:5px}
	.introshow h1 i{width:150px; height:2px}
	.introshow h1 span{padding-top:15px}
	.plusshow h2 {width:60%}
	.plusshow p {padding:40px 0 20px 0; width:60%}
		.plusshow li {padding-left:20px; background-size:6px}
			.plusshow li a {padding-bottom:3px}
		#col1, #col2, #col3 {padding-top:50px; padding-bottom:50px}
	#retour {width:25px; height:25px; background-size:25px}
	#zoomprec {width:50px; height:50px; background-size:50px; margin-top:-25px; padding:15px}
	#zoomsuiv {width:50px; height:50px; background-size:50px; margin-top:-25px; padding:15px}

/* Steps*/					
#contenudem {margin-left:284px; margin-right:70px}	
	#intdem h1 {margin-left:160px; padding-bottom:13px; padding-top:118px}
	#intdem h2 {margin-left:160px; padding-top:24px; padding-bottom:3px}
		#intdem h2 i {width:60px; height:4px}
	#intdem p {margin-left:160px; padding-top:3px; width:513px}
	#demphotos1 {margin-left:450px; margin-top:15px}
		#demphotos1 span {padding-bottom:5px}
		#demphotos1 img {margin-left:7px; width:137px}
		#demphotos1 i {top:-107px; left:-51px}
	#intdem #titre2 { margin-top:60px}
		#intdem #titre2 span {top:-80px; left:-138px}
	#demphotos2 {margin-top:112px}
	#intdem #titre3 { margin-top:80px}
	#demphotos3 {margin-left:450px; margin-top:15px}
		#demphotos3 img {margin-left:7px; width:137px}
		#demphotos3 #i3 {width:245px}
		#demphotos3 i {top:-103px; left:-151px}
	#demphotos4 {margin-top:80px;padding-bottom:120px}
	
/* Cuisines */					
#contenucui {margin-left:284px; margin-right:70px}
	.intcui2 { margin-top:120px}
	.intcui1 h1 {margin-left:160px; padding-bottom:10px; padding-top:120px}
	.intcui1 h2 {margin-left:160px; padding-top:20px}
		.intcui1 h2 i {width:50px; height:4px}
	.intcui1 p, .intcui2 p {margin-left:160px; width:500px}
	.photocui2 {margin-top:60px}
	.photocui3 {margin-top:120px}	
	.photocui1 {margin-top:60px}
	.biglien {margin:20px 0 0 0}
	.biglien span {padding:18px 70px 18px 30px; background-size:13px; }
	.margeB1 {margin-bottom:110px}
	
/* Contact*/	
#contenucont {margin-left:284px; margin-right:70px}			
}

@media screen and (max-width: 1450px) {
body {font-size:0.75em}
#logoB {width:190px; left:37px; margin-top:-43px; padding-bottom:21px}
#bandeG {width:267px}
#bandeD {width:66px}
#menuext {width:66px; height:66px}
	#menu {width:37px; height:25px; padding-top:12px; top:13px; right:13px}
		#menu i {width:17px; height:2px; margin-bottom:4px;}
		#menu b {width:38px; height:38px}
	#menuext span { margin-top:62px; width:66px}
#fleche { margin-top:-22px; right:8px; width:44px; height:44px}	
#sociaux {width:66px; bottom:20px}
	#sociaux a {width:56%; margin-top:11px}	
#navigation {}
	#coord {left:300px; padding:34px 0 34px 34px; line-height:2.8em}
	#navint {}
		#navint ul {left:54px}
			#navint ul li {display:block; margin-bottom:0px}
			#navint ul li a {padding:8px 0 8px 23px; background-size:6px}
			#navint ul li a span {padding:5px 0}
				#navint ul li a span i {height:2px}
#bas {padding-bottom:100px}
#bas #contbas {padding-top:90px}
	#coordonnees {margin-top:30px; padding-top:9px; padding-left:30px}
	#showroom {margin-top:30px; padding-top:9px; padding-left:30px; margin-left:90px}
	#lignes {margin-top:30px; padding-top:9px; padding-left:30px; margin-left:20px}
		#contbas .trait {width:30px}
		#contbas .infos {padding:7px 0 0 0}
	#mentions {padding-top:20px; margin-top:60px;font-size: 11px;}		
		
/* HOME */
#galerieAccueil{margin-left:267px; margin-right:66px}
.H #intro { left:50%;bottom:-36px}
	#intro h3, #intro p, #intro .suite, #contenu h2, .bandeauscroll p {margin-left:50px; margin-right:50px}
	#intro h3 {padding-top:40px}
	#intro p {margin-top:20px; line-height:1.9em}
	#intro .suite {margin-top:2px; padding-left:13px; background-size:4px; margin-bottom:85px}	
#contenu {margin-top:150px; margin-left:267px; margin-right:66px}
.bandeauscroll{margin-top:150px}	
		#valeurs1 h2, #valeurs2 h2 {padding-top:50px}
		#valeurs1 p, #valeurs2 p {margin-top:20px; padding-bottom:50px; line-height:1.9em}
	#vignette1, #vignette2 {width:41%}
	#vignette3 {top:128px}
	#vignette4 {top:100%}
	#vignette5 {top:128px}	
.titrecentre { margin-top:220px; padding:70px 0 40px 0; margin:0 auto; width:65%}	
	.titrecentre h2 {padding-bottom:16px}
	.titrecentre i {width:140px}
	.titrecentre p {margin-top:16px; padding:0 50px; font-size: 16px}
.larggrand {width:70%}
	.larggrand p {padding:0}
	.larggrand h1 {margin:0}
		
#projetsAccueil {padding:40px 20px 0 20px}
	#projetsAccueil li a {margin-left:20px; margin-right:20px; margin-bottom:40px}
	#projetsAccueil li a b { padding:17px 20px 20px 20px}
		#projetsAccueil .titre {font-size:1.8em; letter-spacing:0.1em}
		#projetsAccueil li a b i {width:110px}
		#projetsAccueil .soustitre {padding-top:6px;font-size:14px; letter-spacing:0.05em}
	#equipe {padding-top:110px; padding-bottom:60px}
	#equipe .eg {width:41%; margin-left:9%; margin-bottom:60px; padding-top:9px}
	#equipe .ed {width:45%;  margin-left:3%; margin-bottom:60px; padding-top:9px}
		#equipe i {width:30px}
		#equipe .nom {padding-left:30px}
		#equipe p {font-size:1em; letter-spacing:normal; margin:0; padding:8px 0 0 0; padding-left:30px}
		#equipe .spec {letter-spacing:normal;  font-size:1em; padding:6px 0 0 0; padding-left:30px}	
#equipephoto {padding:65px}	

/* Réalisations */
#contenurea {margin-left:267px; margin-right:66px; padding-top:32px}
	#contenurea h1 {padding-left:40px; padding-top:5px}
		#contenurea h1 i {width:20px; height:3px}
	#listeProjets .colG {padding:35px 0 65px 0}
	#listeProjets .colD {padding:35px 0 65px 0}
		#listeProjets li {margin-bottom:100px}
			#listeProjets a .desc span {padding:15px 18px}
			#listeProjets a .desc i { padding-top:5px}
			#listeProjets a .desc b { padding:18px 18px 0 18px; }

/* Projet */
#contenuprojet {margin-left:267px; margin-right:66px}
	.grande #flecheProjet {bottom:40px; margin-left:-35px; width:70px; height:70px}
	#intprojet h2 {padding-top:60px; padding-bottom:15px}
	#traitProj {width:100px; font-size: 16px}	
	#intprojet h1 {padding-top:15px}
	#intprojet p {padding:30px 0; width:60%;font-size: 16px}
	#intprojet .semi {margin:30px auto}
	#intprojet .deux {margin:90px auto}
	#intprojet #prec, #contenuprojet #suiv {margin:15px 0 25px 0}	
		#intprojet #prec span {padding:15px 90px 15px 60px; background-size:13px}
		#intprojet #suiv span {padding:15px 60px 15px 105px; background-size:13px}	
		
/* Show */
#contenushow {margin-left:267px; margin-right:66px}
.margeshowbas {padding-bottom:80px}
	.introshow h1 {bottom:40px}
	.introshow h1 strong {padding-bottom:3px}
	.introshow h1 i{width:150px; height:1px}
	.introshow h1 span{padding-top:12px}
/* STEPS*/	
#contenudem {margin-left:267px; margin-right:66px}	
	#intdem h1 {margin-left:140px; padding-bottom:12px; padding-top:110px}
	#intdem h2 {margin-left:140px; padding-top:21px; padding-bottom:3px}
		#intdem h2 i {width:50px; height:3px}
	#intdem p {margin-left:140px; padding-top:3px; width:470px}
	#demphotos1 {margin-left:350px; margin-top:14px}
		#demphotos1 span {padding-bottom:5px}
		#demphotos1 img {margin-left:6px; width:120px}
		#demphotos1 i {top:-105px; left:-45px}
	#intdem #titre2 { margin-top:70px}
		#intdem #titre2 span {top:-70px; left:-120px; font-size:21em}
	#demphotos2 {margin-top:105px}
	#intdem #titre3 { margin-top:70px}
	#demphotos3 {margin-left:350px; margin-top:15px}
		#demphotos3 img {margin-left:6px; width:120px}
		#demphotos3 #i3 {width:214px}
		#demphotos3 i {top:-100px; left:-135px}
	#demphotos4 {margin-top:70px;padding-bottom:110px}

/* Cuisines */					
#contenucui {margin-left:267px; margin-right:66px}
	
/* Contact */ 
#contenucont {margin-left:267px; margin-right:66px}
	#contactint{width:800px}
	#contenucont h1 {padding:70px 0 0 0}
	#contactG {width:320px}
		#contactG div {margin-top:30px; padding-top:7px; padding-left:30px}
		#contactG div .trait {width:30px}
	#contactD {width:470px}
		#contactD h2 {margin-top:30px; padding-top:7px; padding-left:30px}
		#contactD h2 .trait {width:30px}
	#ment {margin-top:70px; padding:22px 0 40px 0}		
#formulaire {margin:16px 0 0 35px; width:430px}			
	#formulaire .formgauche {width:199px}
	#formulaire .formdroite {width:199px}
	#formulaire textarea{height:120px; width:417px;}
	#formulaire #envoyer {padding:11px 70px 10px 50px; background-size:5px; margin:15px 0 0 0;}
#message-requete {margin-top:-150px; margin-left:-170px; width:340px; padding:35px; background-size:20px}
							
}

/*  iPhone X */
@media screen and (max-width: 1200px) {
#load {width:30px; height:30px; margin-top:-15px; margin-left:-15px;}
body {font-size:0.68em}
#logoB {width:177px; left:34px; margin-top:-40px; padding-bottom:19px}
#bandeG {width:249px}
#bandeD {width:61px}
#menuext {width:61px; height:61px}
	#menu {width:34px; height:23px; padding-top:11px; top:12px; right:12px}
		#menu i {width:16px; height:2px; margin-bottom:4px;}
		#menu b {width:35px; height:35px}
	#menuext span { margin-top:57px; width:61px}
#fleche { margin-top:-20px; right:7px; width:40px; height:40px}
#sociaux {width:61px; bottom:18px}
	#sociaux a {width:56%; margin-top:10px}
#navigation {}
	#coord {left:260px; padding:25px 0 25px 15px; font-size:0.9em; letter-spacing:0.02em}
	#navint {}
		#navint ul {left:50px}
			#navint ul li {display:block; margin-bottom:0px}
			#navint ul li a {padding:7px 0 7px 20px; background-size:6px; font-size:1.5em; letter-spacing:0.06em;}
			#navint ul li a span {padding:4px 0}
				#navint ul li a span i {height:2px}

#bas {padding-bottom:70px}
#bas #contbas {padding-top:60px}
	#coordonnees {margin-top:25px; padding-top:8px; padding-left:15px; font-size:1em}
	#showroom {margin-top:25px; padding-top:8px; padding-left:15px; margin-left:40px; font-size:1em}
	#lignes {margin-top:25px; padding-top:8px; padding-left:15px; margin-left:15px; font-size:1em}
		#contbas .trait {width:15px}
		#contbas .infos {padding:6px 0 0 0}
	#mentions {padding-top:17px; margin-top:50px;}	
	
		
/* HOME */
#galerieAccueil{margin-left:249px; margin-right:61px}
.H #intro { left:50%;bottom:-30px}
	#intro h3, #intro p, #intro .suite, #contenu h2, .bandeauscroll p {margin-left:40px; margin-right:30px}
	#intro h3 {padding-top:30px; font-size:1.6em}
	#intro p {margin-top:15px; line-height:1.7em; font-size:1em; letter-spacing:0.03em;}
	#intro .suite {margin-bottom:70px}	
#contenu {margin-top:140px; margin-left:249px; margin-right:61px}
.bandeauscroll{margin-top:140px}	
		#valeurs1 h2, #valeurs2 h2 {padding-top:30px; font-size:1.6em; letter-spacing:0.05em}
		#valeurs1 p, #valeurs2 p {margin-top:15px; padding-bottom:20px; line-height:1.8em; font-size:1em;  letter-spacing:0.03em;}
	#vignette1, #vignette2 {width:41%}
	#vignette3 {top:128px}
	#vignette4 {top:100%}
	#vignette5 {top:128px}
.titrecentre { margin-top:190px; padding:50px 0 30px 0; margin:0 auto; width:70%}	
	.titrecentre h2 {padding-bottom:12px}
	.titrecentre i {width:100px}
	.titrecentre p {margin-top:12px; padding:0 30px; font-size: 16px}
.larggrand {width:75%}
	.larggrand p {padding:0}
	.larggrand h1 {margin:0}
	
#projetsAccueil {padding:30px 15px 0 15px}
	#projetsAccueil li a {margin-left:15px; margin-right:15px; margin-bottom:30px}
	#projetsAccueil li a b { padding:12px 15px 15px 15px}
		#projetsAccueil .titre {font-size:1.6em; letter-spacing:0.08em}
		#projetsAccueil li a b i {width:70px}
		#projetsAccueil .soustitre {padding-top:5px;font-size:14px; letter-spacing:0.04em}
	#equipe {padding-top:90px; padding-bottom:50px}
	#equipe .eg {width:43%; margin-left:7%; margin-bottom:50px}
	#equipe .ed {width:45%;  margin-left:3%; margin-bottom:50px}
		#equipe i {width:20px}
		#equipe .nom {padding-left:20px}
		#equipe p {font-size:0.95em; margin:0; padding-left:20px}
		#equipe .spec {font-size:0.95em; padding-left:20px}
#equipephoto {padding:40px}	

/* Réalisations */
#contenurea {margin-left:249px; margin-right:61px; padding-top:30px}
	#contenurea h1 {padding-left:35px; padding-top:4px}
		#contenurea h1 i {width:25px; height:3px;top:15px;} /*  910 x 512 */
	#listeProjets {font-size:0.9em}
	#listeProjets .colG {padding:30px 0 60px 0; width:42.5%; margin-left:6%; margin-right:3%;}
	#listeProjets .colD {padding:30px 0 60px 0; width:42.5%; margin-right:3%;}
		#listeProjets li {margin-bottom:80px}
			#listeProjets a .desc span {padding:14px 16px}
			#listeProjets a .desc i { padding-top:4px}
			#listeProjets a .desc b { padding:16px 16px 0 16px; }	
			
/* Projet */
#contenuprojet {margin-left:249px; margin-right:61px}
/* Show */
#contenushow {margin-left:249px; margin-right:61px}
.margeshowbas {padding-bottom:65px}
	.introshow h1 {bottom:40px; font-size:0.9em}
	.introshow h1 strong {padding-bottom:2px}
	.introshow h1 i{width:100px; height:1px}
	.introshow h1 span{padding-top:10px}
	.plusshow p {padding:30px 0 15px 0; width:70%; line-height:1.7em}
	.plusshow h2 {width:70%}
/* dem*/	
#contenudem {margin-left:249px; margin-right:61px}	
	#intdem h1 {margin-left:60px; padding-bottom:12px; padding-top:110px}
	#intdem h2 {margin-left:60px; padding-top:21px; padding-bottom:3px}
		#intdem h2 i {width:50px; height:3px}
	#intdem p {margin-left:60px; padding-top:3px; width:350px;}
	#demphotos1 {margin-left:135px; margin-top:14px}
		#demphotos1 span {padding-bottom:5px}
		#demphotos1 img {margin-left:6px; width:110px}
		#demphotos1 i {top:-100px; left:-30px; font-size:23em}
	#intdem #titre2 { margin-top:130px}
		#intdem #titre2 span {top:-70px; left:-50px; font-size:15em}
	#demphotos2 {margin-top:105px}
	#intdem #titre3 { margin-top:70px}
	#demphotos3 {margin-left:135px; margin-top:15px}
		#demphotos3 img {margin-left:6px; width:110px}
		#demphotos3 #i3 {width:197px}
		#demphotos3 i {top:-100px; left:-115px; font-size:26em}
	#demphotos4 {margin-top:70px;padding-bottom:110px}
/* Cuisine */ 	
#contenucui {margin-left:249px; margin-right:61px}
	.intcui2 { margin-top:90px}
	.intcui1 h1 {margin-left:110px; padding-bottom:10px; padding-top:90px}
	.intcui1 h2 {margin-left:110px; padding-top:15px}
		.intcui1 h2 i {width:40px; height:3px}
	.intcui1 p, .intcui2 p {margin-left:110px; width:400px}
	.photocui2 {margin-top:50px}
	.photocui3 {margin-top:110px}	
	.photocui1 {margin-top:50px}
	.biglien {margin:15px 0 0 0}
	.margeB1 {margin-bottom:100px}
/* Contact */ 
#contenucont {margin-left:249px; margin-right:61px}
	#contactint{width:450px}
	#contenucont h1 {padding:70px 0 0 0}
	#contactG {width:100%; float:none}
	#contactD {width:100%; float:none; margin-left:0}
	#ment {margin-top:70px; padding:22px 0 40px 0}	
#formulaire {margin:16px 0 0 35px; width:410px}			
	#formulaire .formgauche {width:189px}
	#formulaire .formdroite {width:189px}
	#formulaire textarea{height:120px; width:397px;}
#message-requete {margin-top:-130px; margin-left:-110px; width:340px; padding:35px; background-size:20px}

}


@media screen and (max-width: 900px) {
	
#menuMob {display:block}
body {font-size:0.8em}
#logoB {width:140px; height:auto; position:fixed; top:12px; left:15px; margin-top:0; z-index:950; display:block; overflow:hidden; padding-bottom:6px}
	#logoB img {width:100%}
	#logoB i { display:none}
	.H #logoB {visibility:hidden}
#bandeG {width:100%; height:80px; position:fixed; top:0; left:0; background-color:#FFF; z-index:900;}
#bandeD, #bandeC, .H #bandeC, #fleche {display:none}	
#menuext {width:70px; height:70px; top:5px; right:5px; position:fixed;z-index:950}
	#menu {width:40px; height:27px; padding-top:13px; position:fixed; top:20px; right:20px; z-index:950}
		#menu i {width:19px; height:2px; margin-bottom:4px;z-index:952}
		#menu b, #menuext span { display:none}
	.H #menuext {visibility:hidden}	

#sociaux {width:100%; padding-bottom:30px; right:0; bottom:0; position:relative; text-align:center}
	#sociaux a {width:40px; margin-left:10px; margin-right:10px; display:inline-block; margin-top:15px}
	.H #sociaux a {visibility:hidden}
	
#navigation {width:100%; height:600px; position:relative; display:block}
.H #navigation {width:100%; height:100%; position:fixed; top:0; left:0; z-index:300; background-color:#fff; display:none; overflow:auto}
	#coord { display:none}
	#navint { position:relative; top:0; left:0; width:100%; height:auto; min-height:100%; background-image:url("../images/menuBack.jpg")}
		#navint ul {position:relative; top:0; left:0; margin:0;padding:125px 0 40px 30px; height:auto}
			#navint ul li { margin-bottom:1px}
			#navint ul li a {padding:5px 0 5px 18px; background-size:6px; font-size:1.3em; letter-spacing:0.05em}
			#navint ul li a span {padding:5px 0}

/* Bas */ 	
#bas { text-align:left; background-color:#000; padding-bottom:50px}
#bas img {width:100%}
#bas #contbas {display:block; padding-top:40px; padding-left:30px}
		#logobas strong {font-size:1.3em}
		#logobas span {font-size:1em}
	#coordonnees {margin-top:30px; padding-top:8px; padding-left:25px; float:none}
	#showroom {margin-top:20px; padding-top:8px; padding-left:25px; margin-left:0px; float:none}
	#lignes {margin-top:20px; padding-top:8px; padding-left:25px; margin-left:0px; float:none}
		#contbas .trait {width:25px}
		#contbas .soustitre {font-size:0.7em}
		#contbas .infos {padding:7px 0 0 0; font-size:0.9em}
	#mentions {padding-top:20px; font-size: 10px; margin-top:5px; margin-right: 15px; margin-left: 15px; width:auto}	
	#mentions a {color:#1c1c1c;font-size: 13px;} 
	#mentions a:hover {color:#1c1c1c}
	#mentions a[href^="tel"]{color:#1c1c1c;text-decoration:none;font-size: 11px}  /* iPhone X  */
			
/* Accueil */	
#galerieAccueil{margin-left:0; margin-right:0; padding-top:75px; height:auto; width:100%; overflow:visible; position:relative}
	#galerieAccueil img {width:100%; height:auto; position:relative; top:0; left:0; margin-top:5px; margin-left:0; visibility:visible}	
	#galerieAccueil #prem {visibility:visible}
	.H #galerieAccueil img, .H #galerieAccueil #prem {visibility:hidden}
#intro { position:relative; background-color:#000; color:#FFF; z-index:100;}
.H #intro {visibility:hidden; left:0; position:relative; bottom:0; top:0; width:100%;  margin:0 auto}
	#intro h3, #intro p, #intro .suite, #contenu h2, .bandeauscroll p {margin-left:30px; margin-right:25px}
	#intro h3 {margin-top:5px; padding-top:50px; font-size:1.4em; letter-spacing:0.05em}
	#intro p {margin-top:20px; margin-bottom:0; font-size:0.9em; line-height:2.1em; letter-spacing:0.04em; display:block; padding-bottom:60px}
	#intro .suite {display:none}
	
#contenu {margin:0; padding:0; display:block; position:relative}
.H #contenu {visibility:hidden}
	#contenu br {display:none}
	#bas br {display:block}
.bandeauscroll{margin:0; padding:0; display:block; position:relative}
	.bandeauscroll br {display:block}	
	#valeurs1 {width:100%;float:none; margin:0; padding:0}
	#valeurs2 {width:100%;float:none; margin:0; padding:0}
		#valeurs1 h2, #valeurs2 h2 {padding-top:50px; font-size:1.4em; letter-spacing:0.05em;}
		#valeurs1 p, #valeurs2 p {margin-top:20px; margin-bottom:0; padding-bottom:60px; font-size:0.9em; line-height:2.1em; letter-spacing:0.04em}
	#vignette1, #vignette2 {position:relative; float:none; width:100%; display:block}
	#vignette3, #vignette4, #vignette5, #vignette1 {display:none}	
.titrecentre {margin-top:80px; width:95%; padding:40px 0 40px 0}	
	.titrecentre h2 {padding-bottom:20px;font-size:1.4em; letter-spacing:0.05em}
	.titrecentre i {width:100px}
	.titrecentre p {margin-top:15px; font-size:16px; line-height:1.8em; letter-spacing:0.03em; padding:0 15px}	/*  iPhone X, iPone 8 */
.larggrand {width:85%}
	.larggrand p {padding:0} #contenu .larggrand p br {display:inline-block;font-size:0.9em; line-height:2.1em; letter-spacing:0.04em; }
	.larggrand h1 {margin:0;font-size:0.9em; line-height:2.1em; letter-spacing:0.04em; }
	
#projetsAccueil {padding:20px 10px 0 10px}
	#projetsAccueil li {width:100%; float:none;}
	#projetsAccueil li a {display:block; position:relative; margin-left:10px; margin-right:10px; margin-bottom:20px; overflow:visible}
	#projetsAccueil li a b {font-size:0.8em; position:relative; top:0; left:0; margin-left:0; margin-top:0;background-color: rgba(0, 0, 0, 0.80); border-radius: 0px; padding:20px 0 20px 0; display:block} /* color on comm + resid  */
	.H #projetsAccueil li a b {visibility:hidden}
		#projetsAccueil li a b i {width:60px}	
	#equipe {background-image:url(../images/DCB-Res-2.1.jpg); padding-top:160px; padding-bottom:60px}
	#equipe .eg {width:90%; float:none; margin-left:5%; margin-bottom:40px; position:relative; padding-top:15px}
	#equipe .ed {width:90%; float:none; margin-left:5%; margin-bottom:40px; position:relative; padding-top:15px}
		#equipe i {width:40px}
		#equipe .nom {font-size:1em; padding-left:40px}
		#equipe p {font-size:0.8em; letter-spacing:0.025em; padding-left:40px; margin:0}
		#equipe .spec {font-size:0.8em; padding-left:40px}	
#equipephoto {padding:20px }

/* Réalisations */
#contenurea {margin-left:auto; margin-right:auto; padding-top:120px; z-index:50}
.H #contenurea {visibility:hidden}
	#contenurea h1 {font-size:1.8em; padding-bottom:0px; padding-left:0px; padding-top:0px; padding-bottom:15px; position:relative; display:block; text-align:center}
		#contenurea h1 i {top:100%; left:50%; margin-left:0px; width:0px; height:1px}
	#listeProjets .colG {float:none; width:85%; margin-left:auto; margin-right:auto; padding:40px 0 0 0}
	#listeProjets .colD {float:none; width:85%; margin-right:auto; margin-left:auto; padding:0 0 60px 0}
		#listeProjets li {display:block; margin-bottom:40px}
		#listeProjets a {display:block; position:relative; overflow:visible}
		.H #listeProjets a {visibility:hidden}
		#listeProjets a .contimg {width:100%; display:block; overflow:visible}
		#listeProjets a img {display:block; width:100%; z-index:50; position:relative}
		#listeProjets a .desc {display:block; position:relative;  bottom:0px;left:0}
			#listeProjets a .desc span {padding:16px 20px; display:block; line-height:1.5em;font-size:16px}
			#listeProjets a .desc strong {font-size:0.9em; letter-spacing:0.04em; }
			#listeProjets a .desc sup {text-transform:lowercase}
			#listeProjets a .desc i {display:block; padding-top:2px; font-size:0.7em; letter-spacing:0.05em; color:#999}
			#listeProjets a .desc b { display:none}
			
/* Projet */
#contenuprojet {margin-left:auto; margin-right:auto; padding-top:80px}
.H #contenuprojet {visibility:hidden}
		.grande #flecheProjet { display:none}	
	#intprojet h2 {font-size:1.8em; letter-spacing:0.10em; padding-top:40px; padding-bottom:15px}
	#traitProj {width:50px; height:1px;font-size: 16px}	
	#intprojet h1 {padding-top:15px; font-size:16px;padding-left:5%;padding-right:5%}			
	#intprojet p {font-size:16px; line-height:1.6em; padding:20px 0; width:80%;}	
	#intprojet .trois {width:94%; margin:10px auto}
		#intprojet .trois img {width:31.9%; float:left; margin:0 0.7%}
		#intprojet .trois i, #intprojet .deux i {padding:10px 0 10px 0; font-size:0.7em}		
	#intprojet .semi {width:80%; display:block; margin:40px auto}		
	#intprojet .deux {width:80%; margin:0 auto}
		#intprojet .deux .imgG {width:100%; float:none; margin:50px 0}
		#intprojet .deux .imgD {width:100%; float:none; margin:50px 0}		
	#intprojet #prec, #contenuprojet #suiv {font-size:0.6em; letter-spacing:0.15em;}	
		#intprojet #prec span { padding:10px 20px 10px 40px; background-position:10% 50%;background-size:8px}
		#intprojet #suiv span { padding:10px 40px 10px 20px; background-position:90% 50%;background-size:8px}
						
/* Show */
#contenushow {margin-left:auto; margin-right:auto; width:100%;padding-top:80px}
.H #contenushow {visibility:hidden}
	.introshow {width:100%; position:relative; overflow:hidden; background-color:#f3f3f3}
	.introshow img { display:none}	
	.introshow h1 {position:relative; bottom:0; left:0; padding:30px 0}
	.introshow h1 strong {font-size:1.8em; padding-bottom:6px;}
	.introshow h1 i{ width:100px; height:1px}
	.introshow h1 span{padding-top:18px; font-size:0.95em; }	
	.plusshow {width:80%; margin:0 auto; text-align:center; font-size:0.95em; letter-spacing:0.025em}
	.plusshow p {padding:30px 0 10px 0; width:100%; font-size: 16px; letter-spacing:0.025em; text-align: left }
	.plusshow h2 {width:100%}
	#galerieshow {width:85%; padding:20px 0 70px 0}
	#col1, #col2, #col3 {padding-top:0px; padding-bottom:0px; width:100%; margin:0; float:none}
		#col1 a, #col2 a, #col3 a {display:block; width:100%; margin-top:20px; overflow:hidden; cursor:default}
		
/* Démarche*/					
#contenudem {margin-left:auto; margin-right:auto;z-index:30}
.H #contenudem {visibility:hidden}	
	#intdem h1 {margin-left:5%; font-size:24px; padding-bottom:10px; padding-top:115px}
	#intdem h2 {margin-left:5%;font-size:17px; padding-top:15px; padding-bottom:4px; margin-top:30px}
		#intdem h2 i {width:40px; height:4px}		
	#intdem p {margin-left:5%; font-size: 16px; letter-spacing:0.020em; line-height:1.7em; width:90%}	/* iPhone X  */
	#demphotos1 {margin-left:0; margin-top:18px}
		#demphotos1 span {font-size:0.6em; text-align:center; padding-bottom:7px}
		#demphotos1 img {margin-left:2.3%; float:left; width:30.3%}
		#demphotos1 i {display:none}	
	#intdem #titre2 { margin-top:70px}
		#intdem #titre2 span { display:none}				
	#demphotos2 { width:90%; margin-top:40px; margin-left:auto; margin-right:auto}
		#demphotos2 #i1 {width:100%; float:none}
		#demphotos2 #i2 {width:100%; float:none; margin-top:10px}		
	#intdem #titre3 { margin-top:70px}	
	#demphotos3 {margin-left:auto; margin-right:auto; width:90%; margin-top:18px; display:block}
		#demphotos3 img {float:left; width:49%; margin:0 1% 0 0}
		#demphotos3 #i3 {width:100%; margin:10px 0; display:none}
		#demphotos3 i { display:none}	
	#demphotos4 {margin-top:70px; width:90%; padding-bottom:100px; margin-left:auto; margin-right:auto}
		#demphotos4 #i4 {width:100%; float:none; margin-right:0}
		#demphotos4 #i5 {width:100%; float:none; margin:10px 0}	
		#demphotos4 #i6 {width:100%; float:none}

/* Cuisines */					
#contenucui {margin-left:auto; margin-right:auto; z-index:30}
.H #contenucui {visibility:hidden}	
	.intcui2 { margin-top:80px}
	.intcui1 h1 {margin-left:5%; font-size:1.4em; padding-bottom:10px; padding-top:115px}
	.intcui1 h2 {margin-left:5%; font-size:1em; padding-top:15px; margin-top:30px}
		.intcui1 h2 i {width:40px; height:4px}
	.intcui1 p, .intcui2 p {margin-left:5%; font-size:0.9em; letter-spacing:0.025em; line-height:1.7em; width:90%}
	.photocui2 {margin-top:60px}
		.imcuis1 {width:49%; float:left}
		.imcuis2 {width:49%; float:right}
	.photocui3 {margin-top:50px; width:90%}	
	.photocui1 {margin-top:80px}
	.biglien {overflow:hidden; position:relative; display:inline-block; margin:30px 0 0 0;}
	.biglien span {display:inline-block;padding:15px 70px 15px 20px; background-position:92% 50%;background-size:12px; font-size:1.2em}
	.margeB1 {margin-bottom:150px}

/* Contact */ 
#contenucont {margin-left:0; margin-right:0; padding-top:80px}
.H #contenucont {visibility:hidden}
	#contactint{width:90%; max-width:450px; margin:0 auto}
	#contenucont h1 {font-size:0.9em}
	#ment a {display:block; padding-top:5px}
#formulaire {min-width:270px; width:90%; margin:12px auto 0 auto; padding:0}		
	#formulaire .formgauche {width:95%; margin:7px 0 0 0}
	#formulaire .formdroite {width:95%; margin:7px 0 0 0}
	#formulaire textarea{margin:9px 0 0 0; height:170px; width:95%;}
#message-requete {font-size:1.1em;top:130px; margin-top:0px; left:5%; margin-left:0; width:80%; padding:20px 5%; background-position:96% 10px;}
		
}