* {
	box-sizing: border-box;
	vertical-align: top;
}

.clear {
	clear: both;
	float: none
}

#hidden, .hidden {
	display: none
}

.show {
	display: none
}

strong {
	font-weight: 700
}

a {
	color: #231f20;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

p {
	margin-bottom: 15px;
	
}

body {
	color: #231f20;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1em;
	background-color: #ffffff;
	font-weight: 400;
}

#big_wrapper {
	width: 100%
}

header {
	width: 100%;
}

#entete {
	width: 100%;
	position: relative;
}

#menu_outils {
	width: 1000px;
	margin: 70px auto 22px auto;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 600;
}

#menu_outils a {
	color: #a08744;
}

#menu_outils ul {
	display: inline-table;
	vertical-align: middle;
}

#menu_outils ul li {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #a08744;
	padding: 0 10px;
}

#menu_outils ul:first-child li:last-child {
	border-right: 0;
}

#menu_outils ul:last-child li:last-child {
	border-right: 0;
	padding-right: 0;
}

#menu_outils img {
	width: 64px;
	height: auto;
}

#bande_beige {
	height: 38px;
	background-color: #a08744;
	width: 100%;
}

#bande_boutons {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 600;
	height: 100%;
	position: relative;
}

#bande_boutons a {
	color: white;
}

#bande_boutons ul {
	display: inline-table;
	height: 100%;
}

#bande_boutons ul li {
	display: table-cell;
	background-color: #414042;
	padding: 0 20px;
	vertical-align: middle;
	border-left: 5px solid white;
	height: 100%;
}

#bande_boutons ul li:last-child {
	border-right: 5px solid white;
}

#logo.responsive {
	display:none;
}

#logo {
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: 5000;
}

#logo img {
	width: 197px;
	height: auto;
}

#photo_principale {
	width: 100%;
	/* background-image: url(/images/0_enl/template-grosse-photo.jpg); */
	background-size: cover;
	background-position: 50% 50%;
	/* min-height: 900px; */
	position:relative;
	background-image:none !important;
	/* top: 50px; */
	padding-top: 50px;
}
div#over_picture {
    position: absolute;
    top: 0;
    width:100%
}

body.prestige #photo_principale {
	background-image: url(/images/0_enl/escaliers-prestige.jpg);
}

body.epure #photo_principale {
	background-image: url(/images/0_enl/escaliers-epure.jpg);
}

body.contemporain #photo_principale {
	background-image: url(/images/0_enl/escaliers-contemporain.jpg);
}

body.tradition #photo_principale {
	background-image: url(/images/0_enl/escaliers-tradition.jpg);
}

body.entree #photo_principale {
	background-image: url(/images/0_enl/escaliers-entree-de-gamme.jpg);
}

body.joindre #photo_principale {
	background-image: url(/images/0_enl/google-map.jpg) !important;
}

body.sans_photo #photo_principale {
	background-image:none;
	min-height:inherit;
}

body.joindre #photo_principale #slider1_container,
body.demonstrateur #photo_principale #slider1_container {
	display:none;
}


body.soumission #photo_principale,
body.faq #photo_principale {
min-height:500px;
}

body.joindre #photo_principale {
min-height:900px;
}

body.demonstrateur #photo_principale  {
min-height:200px;
}

body #nous_joindre_wrapper {
	display:none;
	width:1000px;
	margin:0 auto;
	
}


body.joindre #nous_joindre_wrapper,
body.demonstrateur #demonstrateur_wrapper {
	display:table;
	
	
	
}

body #nous_joindre_wrapper #vide {
	display:table-cell;
	width:60%;
	
	
}

body #nous_joindre_wrapper #nous_joindre {
	display:table-cell;
	width:40%;
	background-color:white;
	padding:40px;
	font-size:1.2em;
	line-height:1.2em;
	
	
}

body #nous_joindre_wrapper #nous_joindre a {
	text-decoration:underline;
	
	
}

body #nous_joindre_wrapper #nous_joindre h1,
body #nous_joindre_wrapper #nous_joindre h2 {
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
	color:#a58c49;
	line-height:1em;
	margin-bottom:30px;
}

body #nous_joindre_wrapper #nous_joindre h2 {
	margin-top:30px;
}
body #nous_joindre_wrapper #nous_joindre h3 {
	text-transform:uppercase;
	font-weight:600;
}


body #nous_joindre_wrapper #nous_joindre h1 span,
body #nous_joindre_wrapper #nous_joindre h2 span {
	
	font-weight:300;
}


body #nous_joindre_wrapper #nous_joindre span.courriel:before {
	content:"info@escaliersnormandlaterreur.com";	
}


body.h1_blanc section #titre  {
	min-height:100px;
	margin-top:20px;
}

body.realisations section #titre  {	
	
	min-height:inherit ;
	margin-top:20px;

	
}

body.h1_blanc section #titre h1 {	
	
	background-color:white;
	color:#a58c49;	
	padding:0;
	font-weight:700;
	min-height:100px !important;

	
}

body.realisations section #titre h1 {	
	
	background-color:white;
	color:#a58c49;	
	padding:0;
	font-weight:700;
	min-height:inherit !important;

	
}

body.h1_blanc section #titre h1 span{	
	
	font-weight:300;

	
}


/*****QUOI DE NEUF********/


body.quoi section > div {
	padding: 0 0;
	margin-bottom:10px;
	min-height:325px;
}

body.quoi section #colonne_wrapper #colonne_un  {
	 background-size:cover;
	 background-position:50% 50%;

}

body.quoi section #colonne_wrapper #colonne_un img {
width:100%;
height:auto;
}

body.quoi section #colonne_wrapper #colonne_deux {
	padding:65px 5%;
}



/*****QUOI DE NEUF********/


/*****FAQ********/

body.faq section > div {
	padding: 0 0;
	margin-bottom:10px;
	
}

body.faq section #colonne_wrapper #colonne_deux {
	padding:65px 0%;
}


/*****FAQ********/


/*****TÉMOIGNAGES********/




body.temoignages section > div {
	padding: 0 0;
	margin-bottom:10px;
	min-height:325px;
}

body.temoignages section #colonne_wrapper #colonne_un  {
	 background-size:cover;
	 background-position:50% 50%;

}

body.temoignages section #colonne_wrapper #colonne_un img {
width:100%;
height:auto;
}

body.temoignages section #colonne_wrapper #colonne_deux {
	padding:65px 5%;
}

body.temoignages section #colonne_wrapper #colonne_deux p {
	font-style:italic;
}

body.temoignages section #colonne_wrapper #colonne_deux p:last-child {
	font-style:normal;
	font-weight:600;
}



/*****TÉMOIGNAGES********/

/*****SOUMISSION********/




body.soumission section > div {
	padding: 65px 0;
	margin-bottom:0;
	min-height:inherit;
}

body.soumission section #colonne_wrapper #colonne_un  {
	width:60%;
	font-size:1.2em;
	line-height: 1.1em;
	text-transform:none;
	color:black;
	padding-right:5%;
	
}

body.soumission section #colonne_wrapper #colonne_un h2{	
	
	
	font-size: 2.2rem;
	text-transform: uppercase;
	color:#a58c49;
	line-height:2.2rem;
	margin-bottom:30px;
}




body.soumission section #colonne_wrapper #colonne_un h2 span  {
	font-weight: 300;
	
	display: inline-block;
}


body.soumission section #colonne_wrapper #colonne_un h1, body.soumission section #colonne_wrapper #colonne_un h3, section #colonne_wrapper #colonne_un h4 {
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	
	color:#a58c49;
}

body.soumission section #colonne_wrapper #colonne_deux form {
	/* color:black; */
}

body.soumission section #colonne_wrapper #colonne_deux input {
	width:100%;
	height:30px;
	margin:0 0 5px 0;
	padding:2px;
	font-size:1em;
}

body.soumission section #colonne_wrapper #colonne_deux input.submit {
	background-color:#a08744;
	color:white;
	
	height:30px;
	border:0;
}

body.soumission section #colonne_wrapper #colonne_deux textarea {
	width:100%;
	height:100px;
	margin:0 0 5px 0;
	padding:2px;
	font-size:1em;
}


body.soumission section #colonne_wrapper #colonne_deux {
	width:40%;
	padding:2%;
	background-color:#414042;
	color:white;
}

body.soumission section #colonne_wrapper #colonne_deux h2 {
	font-weight:600;
}

body.soumission section #colonne_wrapper #colonne_deux h2 span{
	font-weight:300;
}

body.soumission section #colonne_wrapper #colonne_deux p:first-child {
	text-align:center;
}

body.soumission section #colonne_wrapper #colonne_deux p:first-child img {
	width:80px;
	height:auto;
}



/*****SOUMISSION********/


header #menu_wrapper {
	width: 100%;
	height: 50px;
	border-top: 1px solid #a08744;
	border-bottom: 1px solid #a08744;
	margin: 3px 0 0 0;
	background-image: url(/images/0_enl/blanc-transparent.png);
}

#menu_principal {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 600;
}

#menu_principal a {
	color: #414042;
	text-decoration: none !important;
	display: table;
	height: 100%;
	width:100%;
	text-align:center;

}

#menu_principal a span {
	display: table-cell;
	vertical-align: middle;
}

#menu_principal ul {
	display: inline-table;
	height: 100%;
	width: 100%;
}

#menu_principal ul li {
	display: table-cell;
	padding: 0 2%;
	vertical-align: middle;
	border-left: 1px solid #a08744;
	height: 100%;
}

#menu_principal ul li.responsive {
	display:none;
}

#menu_principal ul li:hover {
	background-color: #a08744;
}

#menu_principal ul li:hover a {
	color: white;
}

#menu_principal ul li:first-child {
	border-left: 0;
}

#separateur_blanc {
	width: 100%;
	height: 3px;
	background-color: white;
}

#separateur_blanc img {
	width: 100%;
	height: 3px;
}

#menu_thumbnail_wrapper {
	width: 100%;
	border-top: 2px solid #1d1d1b;
	margin-top: 0px;
}

#menu_thumbnail {
	width: 1000px;
	margin: 0 auto;
}

#menu_thumbnail ul {
	display: inline-table;
	height: 100%;
	width: 100%;
}

#menu_thumbnail ul li {
	display: table-cell;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	border-left: 10px solid white;
	border-top: 10px solid white;
	border-bottom: 10px solid white;
	width: 20%;
}

#menu_thumbnail ul li:last-child {
	border-right: 10px solid white;
}

#menu_thumbnail ul li#prestige {
	background-image: url(/images/0_enl/bouton-haut-de-gamme@2x.png);
}

#menu_thumbnail ul li#epure {
	background-image: url(/images/0_enl/bouton-epure@2x.png);
}

#menu_thumbnail ul li#contemporain {
	background-image: url(/images/0_enl/bouton-contemporain@2x.png);
}

#menu_thumbnail ul li#tradition {
	background-image: url(/images/0_enl/bouton-tradition@2x.png);
}

#menu_thumbnail ul li#entree {
	background-image: url(/images/0_enl/bouton-entree-gamme@2x.png);
}



#menu_thumbnail ul li img {
	width: 100%;
	height: 123px;
}

section {
	width: 100%;
}

section #titre {
	padding-top:0;
	height:auto;	
	width:1000px;
	margin:0 auto;
}

section #titre h1 {	
	display:inline-block;
	background-color:#a58c49;
	color:white;
	text-transform:uppercase;
	font-size:2em;
	line-height:2em;
	padding:25px;
	margin:0 0 30px 0;
	font-weight:700;
}



	
}

section #titre h1 span{	
	
	font-weight:300;

	
}


section > div {
	width: 100%;
	padding: 65px 0;
}

.demonstrateur section > div {
	width: 100%;
	padding: 0 0;
}

section #realisations {
	background-color:white !important;
}

/*****************PREMIERE RANGÉE*****************/
section > :nth-child(3n+1) {
	background-color: white;
}

section > :nth-child(3n+1) #colonne_un {
	color: #a58c49;
}

section > :nth-child(3n+1) #colonne_deux {
	color: #a58c49;
}

section > :nth-child(3n+1) #plus_wrapper #ligne {
	background-color: #ac8f48;
}

section > :nth-child(3n+1) #plus_wrapper #plus {
	content: url(/images/0_enl/bouton-plus-beige-v2@3x.png);
}

/*****************DEUXIÈME RANGÉE*****************/
section > :nth-child(3n+2) {
	background-color: #c1b185;
}

.demonstrateur section > :nth-child(3n+2) {
	background-color: white;
}

section > :nth-child(3n+2) #colonne_un {
	color: white;
}

section > :nth-child(3n+2) #colonne_deux {
	color: black;
}

section > :nth-child(3n+2) #plus_wrapper #ligne {
	background-color: white;
}

section > :nth-child(3n+2) #plus_wrapper #plus {
	content: url(/images/0_enl/bouton-plus-blanc@3x.png);
}

/*****************TROISIÈME RANGÉE*****************/
section > :nth-child(3n+3) {
	background-color: #f1ede3;
}

section > :nth-child(3n+3) #colonne_un {
	color: #a58c49;
}

section > :nth-child(3n+3) #colonne_deux {
	color: #a58c49;
}

section > :nth-child(3n+3) #colonne_deux h3 {
	color: #a58c49;
}

section > :nth-child(3n+3) #colonne_deux p {
	color: black
}

section > :nth-child(3n+3) #plus_wrapper #ligne {
	background-color: #ac8f48;
}

section > :nth-child(3n+3) #plus_wrapper #plus {
	content: url(/images/0_enl/bouton-plus-beige-v2@3x.png);
}

section #colonne_wrapper {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

section #colonne_wrapper #colonne_un {
	width: 40%;
	padding: 0 5% 0 0;
	display: table-cell;
	line-height: 1.1em;
	vertical-align: top;
	font-size: 2.2em;
	text-transform: uppercase;
}

section #colonne_wrapper #colonne_un span {
	font-weight: 300;
	display: inline-block;
}

section #colonne_wrapper #colonne_un h2 {
	font-weight: 600;
	display: inline-block;
}

section #titre p,
section #colonne_wrapper #colonne_deux {
	width: 60%;
	display: table-cell;
	vertical-align: top;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2em;
}

section #colonne_wrapper #colonne_deux h1, section #colonne_wrapper #colonne_deux h2,section #colonne_wrapper #colonne_deux h3, section #colonne_wrapper #colonne_deux h4 {
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

section #colonne_wrapper #colonne_deux h2 {
	font-size:2em;
	margin-bottom:10px;
	line-height:1em;
}

/********REALISATIONS*********/

body.realisations section > div {
	padding:30px 0;
}

section #colonne_wrapper #colonne_deux #album_wrapper {
	display:block;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover {
	display:inline-block;
	width:32%;
	padding:0 1% 0 0;
	vertical-align: top;
	margin-bottom:1%;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover:nth-child(3n+3) {
	padding:0;
	
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #photo a:nth-child(n+2) {
	display:none;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #photo a:nth-child(1) {/* background-color:red; */}


section #colonne_wrapper #colonne_deux #album_wrapper #cover #photo {
	background-size:cover;
	background-position:50% 50%;
	width:100%;
	
	
	margin-bottom:5px;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #photo img {
	width:100%;
	height:auto;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #texte {
	background-color:#656566;
	color:white;
	padding:10px;
	margin-bottom:5px;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #texte h2 {
	text-transform:none;
	font-size:1em;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover:nth-child(2n+2) #texte {
	background-color:#414042;
	
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #resume {
	font-size:0.8em;
	line-height:1em;
}

section #colonne_wrapper #colonne_deux #album_wrapper #cover #resume  a{
	text-decoration:underline;
}

/********REALISATIONS*********/

section #plus_wrapper {
	width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
	display: none;
	cursor: pointer;
}

section #plus_wrapper #ligne {
	width: 95%;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
}

section #plus_wrapper #ligne img {
	width: 100%;
	height: 1px;
}

section #plus_wrapper #plus {
	width: 5%;
	display: inline-block;
	vertical-align: middle;
}

section #plus_wrapper #plus img {
	width: 100%;
	height: auto;
}

#partenaires {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#partenaires img {
	width: 90%;
	height: auto;
}

footer {
	width: 100%;
	background-color: #414042;
	height: 475px;
	color: white;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 0.9em;
	font-weight: 300;
}

footer a {
	color: white;
}

#footer_wrapper {
	width: 1000px;
	margin: 0 auto;
	display: table;
	margin-top: 60px;
}

#footer_wrapper #adresse, #footer_wrapper #heures, #footer_wrapper #menu {
	display: table-cell;
	width: 32%;
}

#footer_wrapper #menu {
	width: 36%;
}

footer #adresse span:before {
	content:"info@escaliersnormandlaterreur.com";	
}

#footer_wrapper #adresse p:first-child, #footer_wrapper #heures p:first-child, #footer_wrapper #menu p:first-child {
	text-align: center;
	margin-bottom: 30px;
}

#footer_wrapper #adresse p:first-child img, #footer_wrapper #heures p:first-child img, #footer_wrapper #menu p:first-child img {
	width: 80px;
	height: auto;
}

#footer_wrapper #menu #menu_wrapper {
	display: table;
	width: 100%;
}

#footer_wrapper #menu #menu_wrapper ul {
	display: table-cell;
	width: 50%;
	padding-right: 5%;
}

#footer_wrapper #menu #menu_wrapper ul:last-child {
	padding-right: 0;
}

#footer_wrapper #menu #menu_wrapper ul li {
	padding: 5px 0;
	border-bottom: 1px dashed white;
}

footer #credits_wrapper {
	background-color: #a08744;
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 0.9em;
	height: 40px;
}

footer #credits_wrapper #credits {
	width: 1000px;
	margin: 0 auto;
	display: table;
	height: 100%;
}

footer #credits_wrapper #credits p:first-child {
	width: 80%;
	display: table-cell;
	vertical-align: middle;
}

footer #credits_wrapper #credits p:first-child span {
	display:none;
}

footer #credits_wrapper #credits p:last-child {
	width: 20%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}