/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


 /* Primary Styles
    Author: GRAMM Developpement - 2011
 */

a {outline: none;}

html {background-color: #fff;}
body {/*background: url('../images/mb.jpg') 670px 155px no-repeat;*/}

.retour_accueil {
	width: 178px;
	height: 174px;
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 87px;
}

#header {position: relative;z-index: 2;}
#header h1 {
	background: url('../images/logombdeco.png') no-repeat;
	width: 187px;
	height: 180px;
	margin: 0 0 0 85px;
}

#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#navRapide {
	position: absolute;
	left: 255px;
	top: 0;
	list-style: none;
	font-size: 24px;
	width: 160px;
}
#navRapide a {
	color: #1A171B;
	text-decoration: none;
	display: block;
	float: left;
	border-left: 1px solid #1A171B;
	border-right: 1px solid #1A171B;
	padding: 0 5px 0 5px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;		
}
#navRapide .first a {border-right: none;}
#navRapide a:hover {color: #000;}

#tel {
	position: absolute;
	right: 65px;
	top: 5px;
	display: block;
	font-size: 22px;
	color: #D8D9DA;
}
#tel strong {color: #000;font-size: 32px;font-weight: normal;}

#main {
	position: relative;
	top: -100px;
}

#scrollBottom {
	position: absolute;
	top: 528px;
	left: 925px;
	width: 37px;
	height: 37px;
	display: block;
	background: url(../images/lienBottom.png) no-repeat;
	cursor: pointer;
	z-index: 99;
}

#nav {
	position: absolute;
	left: 28px;
	top: 212px;
	list-style: none;
	font-size: 30px;
	width: 200px;
	text-align: right;
	z-index: 3;
	float: left;
	margin: 0;
}

#nav a {
	color: #1A171B;
	text-decoration: none;
	margin-bottom: 9px;
	padding-bottom: 3px;
	display: block;
	width: 200px;
	line-height: 18px;
	height: 18px;
	font-size: 16px;
	font-weight: 300;	
	font-family: Arial, sans-serif;
}
#nav a:hover {
	color: #000;
	background: url('../images/nav.png') no-repeat;
}
#nav .current {
	background: url('../images/border_nav_a.png') bottom left repeat-x;	
}
#nav .current a {color: #000;font-weight: bold;}

/* Sous rubriques */
#nav li ul {list-style: none;margin-left:0;margin-bottom: 26px;}
#nav li li a {
	font-size: 22px;
	line-height: 15px;
	height: 15px;	
}

/* Patchwork accueil */
#nav_home {
	background: url(../images/entreeHome.jpg) no-repeat;
	margin: 0;
	padding: 0;
	width: 668px;
	height: 470px;
	margin-bottom: 75px;
	list-style-type: none;
	position: relative;
	z-index: 3; 
}

#nav_home li {position: absolute;margin:0;border: none;}

#nav_home li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

#nav_home .mosaic-backdrop {
	background-color: transparent;
}

#nav_home .mosaic-overlay {
	height: 40px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 200;	
	font-size: 15px;
	text-shadow: 0.1em 0.1em 1px black;
	padding: 12px 0 0 5px;
	background: #000 url(../images/flecheSlidebox.png) 91% 38% no-repeat;
	opacity: 0.8;	
}

#nav_home a .details {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #fff;
}

#nav_home .peinture {
	left: 1px;
	top: 100px;
	width: 154px;
	height: 368px;
}

#nav_home .deco {
	left: 164px;
	top: 100px;
	width: 154px;
	height: 368px;
}

#nav_home .sols {
	left: 323px;
	top: 1px;
	width: 344px;
	height: 148px;
}

#nav_home .revet {
	left: 322px;
	top: 154px;
	width: 160px;
	height: 222px;
}

#nav_home .amenag {
	left: 488px;
	top: 152px;
	width: 180px;
	height: 278px;
}

#nav_home li a span {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 99%;
	background: #000 url(../images/flecheSlidebox.png) 90% 12% no-repeat;
	opacity: 0.5;
	text-indent: 0;
	color: #fff;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 200;	
	font-size: 15px;
	text-shadow: 0.1em 0.1em 1px black;
	padding: 12px 0 0 12px; 
}

/* Nav références */
.references #main h1 {
	position: absolute;
	top: 56px;
	left: 468px;
	z-index: 3;
}
.references #scrollBottom {
	top: 545px;
}
.view-references #main h1 {
	left: 292px;
	top: 0;
}

.view-references #scrollBottom {
	display: none;
}

.view-references #galerie {
	margin-top: 100px;
}

.coups-de-coeur #main h1 {
	width: 600px;
}

.contact #scrollBottom {
	display: none;
}

#navRefs {
	background: url(../images/entreeReferences.jpg) no-repeat;
	width: 665px;
	height: 474px;
	position: relative;
}

#navRefs li {
	position: absolute;
	margin:0;
	border: none;
}

#navRefs a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

#navRefs .mosaic-backdrop {
	background-color: transparent;
}

#navRefs .mosaic-overlay {
	height: 40px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 200;	
	font-size: 15px;
	text-shadow: 0.1em 0.1em 1px black;
	padding: 12px 0 0 5px;
	background: #000 url(../images/flecheSlidebox.png) 91% 38% no-repeat;
	opacity: 0.8;	
}

#navRefs a .details {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #fff;
}

#navRefs .commerces {
	width: 155px;
	height: 406px;
	top: 66px;
	left: 0;	
}

#navRefs .hotels {
	width: 156px;
	height: 336px;
	top: 136px;
	left: 160px;	
}

#navRefs .bureaux {
	width: 344px;
	height: 182px;
	top: 136px;
	left: 320px;	
}

#navRefs .particuliers {
	width: 266px;
	height: 130px;
	top: 0;
	left: 398px;	
}

#navRefs .monuments {
	width: 268px;
	height: 108px;
	top: 326px;
	left: 398px;	
}

/* Scd_nav */
#nav .scd_nav {
	margin: -35px -4px 6px 0;
	padding: 30px 0 0 4px;
	background-color: #EBEDEA;
	border-bottom: 1px solid #C6C6C6;
}
#nav .scd_nav li {
	height: 22px;
}
#nav .scd_nav li a {
	font-size: 15px;
	color: #1A171B;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #000;
	margin-left: -4px;
}
#nav .scd_nav li.current {background: none;}
#nav .scd_nav li.current a {
	font-weight: bold;
}

/* bouton */
.Btgalerie {
	position: absolute;
	left: 300px;
}

/* Texte des pages */
#txt {
	width: 460px;
	margin-left: 295px;
	float: left;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 16px;
	color: #000;
	min-height: 600px;
}
#txt p {text-align: justify;margin-bottom: 8px;}
#txt img {margin: 0 0 14px 0;}
#txt a {color: #BD0A2F;}
#txt h3 {
	font-family: "tandelle-1","tandelle-2",sans-serif;
	color: #c5c6c8;
	font-size: 48px;
	line-height: 48px;
	font-weight: 300;
	margin: 0 0 20px 0;
}
#txt h3 strong {color: #000;font-weight: 300;}

/* Titres */
#main h1 {
	font-size: 80px;
	color: #1A171B;
	position: relative;
	left: 286px;
	font-family: "tandelle-1","tandelle-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	width: 300px;
	margin: 0 0 -12px 0;
}
#main h2 {
	font-family: "tandelle-1","tandelle-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 45px;
	font-variant: small-caps;
	color: #3f3f3f;
	width: 658px;
	margin: 0;
}

.notre-demarche #main h1 {display: none;}
.presentation #main h1 {
	left: 592px;
}
.realisations #main h1 {
	left:292px;
	z-index: 3;
}

.view-realisations #scrollBottom {
	display: none;
}

.revue-de-presse #main h1 {
	position: relative;
	width: 100%;
	text-align: right;
	font-weight: normal;
	width: 705px;	
}

.revue-de-presse #main h3 {color: #000;}

.revue-de-presse #scrollBottom, .marques #scrollBottom {
	display: none;
}

.mentions-legales #main h1 {width: 600px;}

.notre-demarche #scrollBottom {
	
}

.certifications #txt p {text-align: left;}

/* Mur des réalisations */
#galerie {
	margin-bottom: 30px;
	width: 660px;
	height: 390px;
}
.vignette {
	width: 220px;
	height: 130px;
	float: left;
	position: relative;
}

#galerie .mosaic-block {
	width: 220px;
	height: 130px;
	margin: 0;
	float: left;
	border: none;
}

#galerie .mosaic-overlay {
	height: 60px;
	width: 200px;
	padding: 10px 10px 0 10px;
	color: #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;		
}

#galerie a {text-decoration: none;}

/*.vignette:hover span {display: block;}*/
#txt .vignette strong {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/* Diaporama */
#zoom {
	position: absolute;
	top: -100px;
	right: 0;
	width: 980px;
	height: 580px;
}

#zoom img {
	width: 980px;
	height: 580px;
}
#diaporama {
	position: absolute;
	top: -62px;
	width: 980px;
	height: 580px;
	display: none;
}

.references #diaporama {
	top: 28px;
}

#diaporama ul {
	list-style: none;
	position: absolute;
	right: 50px;
	bottom: 114px;
	height: 28px;
	z-index: 3;
}
#diaporama li {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 1px;
	background-color: #000;
	opacity: 0.8;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	line-height: 28px;
	text-align: center;
	color: #fff;	
}
#diaporama li.current {background-color: #1a171b;opacity: 1;}
#diaporama li img {display: none;}

#prev, #next {
	display: block;
	width:29px;
	height:29px;
	position: absolute;
	left:0;
	bottom: 114px;
	z-index: 3;
}

#diaporama h1 {
	position: absolute;
	right: 10px;
	top: 50px;
	color: #fff;
	font-family: "HelveticaLight", "Helvetica Light", Helvetica, Arial, sans-serif;
	font-size: 51px;
	font-weight: 300;
	font-variant: small-caps;
	padding-left: 12px;
	z-index: 2;
	opacity: 0.7;
	height: 50px;
	line-height: 50px;
}
#savoir-faire {
	position: absolute;
	left: 710px;
	bottom: -1px;
	height: 105px;
	width: 211px;
	background-color: #fff;
	color: #8b8e90;
	padding: 10px 0 0 15px;
	font-family: Arial, sans-serif;
	overflow: hidden;
	z-index: 2;
}
#savoir-faire h2 {
	font-size: 18px;
	margin: 0 0 10px 0;
}
#savoir-faire p {font-size: 11px;width: 170px;margin: 0;}
#close, #closepicto {position: absolute;display: block;z-index: 3;}
#close {
	top: -15px;
	right: 72px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #868789;
	font-style: italic;
}
#closepicto {
	width: 50px;
	height: 50px;
	left: 905px;
}

/* Zoom alternatif, version galerie */
#diaporama.galerie ul {display: none;}
#diaporama.galerie { 
	width: 660px;
	height: 560px;
	left: 270px;
	top:50px;
	background-color: #fff;
}
#diaporama.galerie h1 {display: none;}
#diaporama.galerie #zoom {
	top: 50px;
	left:295px;
	width: 660px;
	height: 440px;
} 
#diaporama.galerie #zoom img {
	width: 660px;
	height: 390px;
}
.galerie #savoir-faire {
	width: 230px;
	height: 50px;
	bottom: 118px;
	right: 10px;
}
#txt #savoir-faire h3 {
	color: #000000;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 3px 0;
	line-height: normal;
}
#txt #savoir-faire p {font-size:Helvetica,sans-serif;color:#000000;font-size: 12px;width: 200px;margin:0;}
.galerie #savoir-faire p {width: 200px;margin:0;}

.galerie #closepicto {right:12px;}
.galerie #close {top:22px;right:90px;}

.galerie #prev, .galerie #next {
	top:330px;
	width:29px;
	height:29px;
}
.galerie #prev {left:296px;background: url(../images/prevGal.png) no-repeat;}
.galerie #next {left:925px;background: url(../images/nextGal.png) no-repeat;}

/* Entrée réalisations */

#navRealisations {
	list-style: none;
	position: relative;
	top: -118px;
	width: 666px;
	height: 469px;
	background: url('../images/entreeRealisations.jpg') no-repeat;
	margin-bottom: -98px;
}

#navRealisations li {
	position: absolute;	
	margin: 0;
	border: none;
	z-index: 5;
}

#navRealisations li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

#navRealisations .mosaic-backdrop {
	background-color: transparent;
}

#navRealisations .mosaic-overlay {
	height: 40px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 200;	
	font-size: 15px;
	text-shadow: 0.1em 0.1em 1px black;
	padding: 12px 0 0 5px;
	background: #000 url(../images/flecheSlidebox.png) 91% 38% no-repeat;
	opacity: 0.8;	
}

#navRealisations a .details {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #fff;
}

#navRealisations li a span {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #000 url(../images/flecheSlidebox.png) 90% 12% no-repeat;
	opacity: 0.5;
	text-indent: 0;
	color: #fff;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	text-shadow: 0.1em 0.1em 1px black;
	padding: 12px 0 0 12px; 
}

#navRealisations .peintures {
	width: 154px;
	height: 410px;
	left: 0;top:58px;
}
#navRealisations .deco {
	width: 154px;
	height: 410px;
	left: 162px;top:58px;
}
#navRealisations .amenag {
	width: 157px;
	height: 222px;
	left: 322px;top:153px;
}
#navRealisations .sols {
	width: 344px;
	height: 146px;
	left: 321px;top:0;
}
#navRealisations .papiers {
	width: 202px;
	height: 178px;
	left: 416px;top:200px;
}
#navRealisations .conseil {
	width: 202px;
	height: 90px;
	left: 416px;top:382px;
}
#navRealisations .murs {
	width: 180px;
	height: 278px;
	left: 485px;
	top: 150px;
}

/* Page contact */

#formContact {
	float: left;
	margin-left: 320px;
	margin-bottom: 100px;
	width: 690px;
}
#formContact .intro {
	color: #1a171b;
	font-size: 13px;
	margin-left: 360px;
}
#formContact .intro em {
	/* color: #b0b2b3; */
	color: #8b8e90;
	font-style: italic;
	font-size: 11px;
}

#formContact input, #formContact textarea {
	margin-top:8px;margin-bottom:6px;width: 350px;height:25px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding-left: 5px;
	background-color: #ececec;
}
#formContact textarea {height: 200px;}
#formContact label {
	font-size: 14px;
	font-style: italic;
	/* color: #b0b2b3; */
	color: #8b8e90;
}
#formContact #send {
	width: 100px;
	height: 28px;
	background-color: #000;
	border:none;
	margin-top: 20px;
	margin-left: 255px;
	color: #fff;
	font-size: 14px;
	font-style: italic;
}

.confirmation {padding-top: 100px;margin-bottom:300px;}

/* Pied de page */
#footerContainer {
	margin-top: 100px;
	height: 192px;
	background-color: #1a171b;
}
#footer {
	background-color: #1a171b;
	margin: 0 auto;
	width: 980px;
	color: #B0B2B3;
	height: 192px;
	position: relative;
}
#footer h1 {font-size:48px;font-weight: 300;line-height: 48px;height: 48px;}
#footer p {
	font-family: "HelveticaLight","Helvetica Light", Helvetica;
	font-size: 12px;
	font-weight: 300;
	margin-top: 0;padding:0;
}
#footer a.mentions {
	color: #B0B2B3;
	text-decoration: none;
	background: url(../images/bottom_footer.png) bottom left no-repeat;
	padding-bottom: 8px;
	width: 230px;
	display: block;
}
#footer a { /* iPhone / iPad */
	color: #B0B2B3;
}
#address {margin-left:745px;}

#scrollTop {
	position: absolute;
	top: -60px;
	left: 292px;
	width: 37px;
	height: 37px;
	display: block;
	background: url(../images/lienTop.png) no-repeat;
	cursor: pointer;
	z-index: 99;
}

@media only screen and (min-width: 35em) {
  

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}