@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Playfair+Display|Open+Sans:400,700);

/* > COMMUNS
-------------------------------------------------------------------------------------------------------------------------------- */
body {
    font-family: 'Open Sans', sans-serif;
	background-color:#443e39;
	line-height:1.2em;
	font-size:14px;
	color:#736f6b;
}

h1 {
	position:relative;
	line-height:1.4em;
	text-transform:uppercase;
	font-family: 'Playfair Display', serif;
	font-size:44px;
	color:#413c37;
	padding:0 0 20px;
	margin:0 0 30px;
}

h2 {
	position:relative;
	line-height:1.4em;
	background:url(../images/deco_titre_1.png) 0 bottom no-repeat;
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#413c37;
	padding:0 0 20px;
	margin:0 0 30px 0;
}
h2.text-center,
.text-center h2 { background-position:center bottom }

h3 {
	position:relative;
	font-family: 'Roboto Slab', serif;
	font-size:16px; font-weight:700;
	text-transform:uppercase;
	margin:15px 0 20px 0;
	color:#6a574b;
}

h4 { }

p { 
	margin:0 0 20px 0;
	line-height:1.4em;
	color:#736f6b;
}


/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
/* header */
#header {
	z-index:2;
	background-color:#413c37;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
#logo-header {
	position:relative;
	display:block; float:left;
	height:200px; width:20%;
	background:url(../images/logo-header_2.png) center 0 no-repeat;
}
#logo-header > span {
	position:absolute; 
	height:90px; width:100%;
	background-color:#413c37;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
#logo-header img {
	display:block;
	position:relative;
	max-width:100%;
	margin:0 auto;
	z-index:1;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

/* > menu principal */
#menu ul li { color:#c1bbb6; }
#menu > ul > li { 
	-webkit-transition:background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	-moz-transition:background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	-ms-transition:background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	-o-transition:background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	transition:background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
}
#menu > ul > li:hover { background-color:#605b55; }
#menu ul li a {
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	font-size:12px;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
#menu > ul > li.active { color:#fff; }

/* > sous-menus */
#menu .sous-menu ul { background:#3586a0; }
#menu .sous-menu ul li a {
	color:#fff;
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-ms-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
#menu .sous-menu ul li a:hover { color:#c6d6e6; }

/* menu fixed top */
body.fixed_head #header { height:60px; }
body.fixed_head #logo-header { background:url(../images/logo-alt.png) center 5px no-repeat; height:60px; }
body.fixed_head #logo-header img { display:none; }
body.fixed_head #logo-header > span { height:60px; background-color:transparent }
body.fixed_head #menu ul li a { line-height:60px; height:60px; }

/* > menu hamburger */
#menu-alt .menu-icon-bar { background-color:#ffffff }
body.menu-opened #menu-alt .menu-icon-bar.bar-top { background-color:#b7b0a9 }
body.menu-opened #menu-alt .menu-icon-bar.bar-bottom { background-color:#b7b0a9 }
body.menu-opened #menu-alt .menu-icon-bar.bar-middle { background-color:#b7b0a9; }
#menu > ul > li > a { display:block; height:90px; line-height:90px; }
#menu-overlay { background-color:rgba(68, 62, 57, .7); }


/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */
#breadcrumb li { color:#736f6b; }
#breadcrumb li a { font-weight:700; color:#413c37; }
#breadcrumb li:before { display:inline-block; margin:-2px 5px; vertical-align:middle; }
#breadcrumb li a:hover { color:#c4a587; }


/* > BOUTONS
-------------------------------------------------------------------------------------------------------------------------------- */
.bouton_1,
.bouton_2,
.bouton_mod {
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	min-width:130px;
	font-size:12px;
	line-height:14px;
	padding:10px;
	-webkit-transition:background-color .3s linear, color .3s linear;
	-moz-transition:background-color .3s linear, color .3s linear;
	transition:bbackground-color .3s linear, color .3s linear;
}
.bouton_1,
.bouton_mod {
	background-color:#413c37;
	color:#fff;
}
.bouton_2 {
	background-color:#c1bbb6;
	color:#413c37;
}
.bouton_1:hover,
.bouton_2:hover {
	background-color:#605b55;
	color:#c1bbb6;
}
.bouton_mod:hover {
	background-color:#c1bbb6;
	color:#413c37;
}

/* button-form */
input.submit-button {
	border-style:solid;
	border-width:3px;
	background-color:#413c37;
	border-color:#413c37;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	font-size:13px;
	line-height:14px;
	padding:8px 10px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-moz-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
input.submit-button:hover {
	background-color:#c1bbb6;
	border-color:#c1bbb6;
	color:#413c37;
}


/* > BLOCK & ORNEMENTS
-------------------------------------------------- */
.content_block.ornement_top {
	background-color:#ebebe5;
	position:relative;
	padding-top:130px; 
}
.content_block.ornement_bottom {
	background-color:#ebebe5;
	position:relative;
	padding-top:130px; 
}
.content_block.ornement_top:before {
	display:block; content:"";
	position:absolute; width:100%;
	top:0; left:0; height:100px;
	background:url(../images/ornement_1.gif) 0 0 repeat-x;
}
.content_block.ornement_bottom:after {
	display:block; content:"";
	position:absolute; width:100%;
	bottom:0; left:0; height:100px;
	background:url(../images/ornement_1.gif) 0 0 repeat-x;
}

/* > THUMBNAILS
--------------------- */
.thumbnails { background:#dd954d; }

/* > FORMULAIRES
-------------------------------------------------------------------------------------------------------------------------------- */
label textarea,
label select,
label input {
	border-color:#dadada;
	color:#2c353d
}
label textarea:hover,
label select:hover,
label input:hover { border-color:#413c37; color:#413c37 }
label textarea:focus,
label select:focus,
label input:focus { 
	border-color:#9d7854; color:#2c353d;
	-webkit-box-shadow:#9d7854 0 0 5px;
	-moz-box-shadow:#9d7854 0 0 5px;
	-ms-box-shadow:#9d7854 0 0 5px;
	-o-box-shadow:#9d7854 0 0 5px;
	box-shadow:#9d7854 0 0 5px;
}

/* > MODULES
-------------------------------------------------------------------------------------------------------------------------------- */
/* slider-home */
.slider-content .slider-title,
#slider-content .slider-title {
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	color:#fff;
}
.slider-content .slider-description,
#slider-content .slider-description { max-width:460px; color:#fff; }
#slider-home .slider-content { text-align:center }
#slider-home .slider-content .slider-title {
	font-family: 'Playfair Display', serif;
	font-size:48px; line-height:60px;
	-webkit-text-shadow:#020303 0 0 8px;
	-moz-text-shadow:#020303 0 0 8px;
	-ms-text-shadow:#020303 0 0 8px;
	-o-text-shadow:#020303 0 0 8px;
	text-shadow:#020303 0 0 8px;
}
#slider-home .slider-title:after { display:none }

/* document-liste */
.doc-list ul li a {
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-ms-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.doc-list ul li a:hover { color:#3586a0 }
.doc-list .external-link a { background:url(../images/icones/ico_external_link.png) 0 0 no-repeat; }
.doc-list .document-dwnl a { background:url(../images/icones/ico_document_dwnl.png) 0 0 no-repeat; }

/* actualites liste */
.news-date {
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	color:#443e39; 
}
.actualites-plus { font-weight:700; color:#443e39 }
.actualites-plus:hover { color:#978377 }

#listing-actualites { padding:0 15px 60px }
#listing-actualites .actualite_els { border-color:#c7c7bb }
#listing-actualites .actualite_els h2 { background-image:none }
#listing-actualites .actualite_els p { line-height:1.3em; font-size:13px; }

/* actualites fiche */
#news-bread { border-top:#c7c7bb 1px solid; }
#news-bread li { border-color:#c7c7bb; }
#news-bread .news-date { display:block; margin-bottom:10px; }
.rs-sharing li.rs-sharing-title {
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	color:#443e39; 
}
.rs-sharing li a:hover { background-color:#b5b5a6 }

/* realisations */
#gallery-list { padding-top:0; }
#page_realisations-fiche #content { padding-bottom:40px; }
#gallery-list-content li .gallery-title-album { 
	background-color:rgba(44, 53, 61, 0.7);
	font-family: 'Roboto Slab', serif;
	color:#fff;
}

/* >>> widget Gallery page -------------------------------------------------------------- */
.gallery-page-content { padding:0; padding-bottom:60px; }
.gallery-page-content .gallery-page {
	max-width:930px;
	background:#fff;
	overflow:hidden;
	padding:20px;
}
.gallery-page-nav-content { top:0; height:100%; }
.gallery-page-prev,
.gallery-page-next { background-color:#fff; }
#gallery-fiche .content_row > p { margin:30px 15px 15px; }

label input, textarea { font-family: 'Open Sans', sans-serif; }

.content_block.edit_content,
.content_block.heading_page { padding-bottom:30px; }

.content_block.heading_page .content_row,
.content_block.edit_content .content_row { max-width:990px; }
.content_block .wp100.padTB0 { padding-top:0; padding-bottom:0; }


/* > BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
.bg-noir   { background-color:#2c353d; }
.bg-gris   { background-color:#eeeded; }
.bg-color1 { background-color:#3586a0; }
.bg-color2 { background-color:#2c353d; }


/* > CONTENT
-------------------------------------------------------------------------------------------------------------------------------- */

.divide { border-color:#c7c7bb;  }

._page {
	background-color:#ebebe5;
	padding-top:150px;
}

.content_row { max-width:1280px; }

.content_block ul li { 
	background:url(../images/common/list_puce.gif) 0 5px no-repeat;
	padding-left:15px;
	font-size:14px;
	color:#736f6b;
}
.content_block ol li {
	font-size:14px;
	color:#736f6b;
}
.content_block p strong,
.content_block li strong  { color:#6a574b; }
.content_block p a,
.content_block li a { color:#6a574b; text-decoration:underline; }
.content_block p a:hover, .content_block li a:hover { color:#443e39; }

/* > blocks rules -------- */
.content_block.content_block .wp33 h2,
.content_block.content_block .wp50 h2 { margin-top:0; }

/* >	tableau --------------------- */
.content_block table tr th { background-color:#3586a0; color:#fff; }
.content_block table tr td { color:#969696 }
.content_block table tr:nth-child(2n+0) td { background:#f8f8f8; }
.content_block table th { font-weight:bold; }


/* > ACCUEIL ------- */
#page_accueil { padding-top:90px; background-color:#443e39; }
#page_accueil .content_block { padding:40px 0 }
#page_accueil .content_block.ornement_top { padding-top:140px; }
#page_accueil p.h2_like {
	background:url(../images/deco_titre_1.png) center bottom no-repeat;
	font-family: 'Playfair Display', serif;
	font-size:30px;
	color:#413c37;
	padding:0 0 20px;
	margin:20px 0;
}
#page_accueil h2 { font-size:30px; }

#block-home-1 .wp33 { display:block; text-align:center; }
#block-home-1 .wp33 .thumbnails {
	position:relative;
	display:block; margin:0 auto 20px;
	width:160px; height:160px; padding:15px;
	background-color:#ebebe5;
}
#block-home-1 .wp33 .thumbnails img { position:relative; z-index:0 }
#block-home-1 .wp33 .thumbnails:after {
	display:block; content:"";
	background:url(../images/accueil_1.png) 0 0 no-repeat;
	position:absolute; top:0; left:0; z-index:1;
	width:190px; height:190px;
}
#block-home-1 .wp33 .font-title-2 { 
	font-size:18px;
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-ms-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
#block-home-1 .wp33:hover .font-title-2 { color:#dd954d }
#home-qualite { background-color:#443e39; color:#fff; }
#home-qualite h1 {
	text-transform:none;
	background:url(../images/deco_titre_2.png) center bottom no-repeat;
	font-size:30px;
	padding:0 0 20px;
	margin:20px 0;
	color:#ebebe5;
}

#home-qualite h3 { color:#ebebe5; } 
#home-qualite p { color:#c4bcb5; }
#home-qualite .wp33:after {
	display:block; content:"";
	clear:both;
}
#home-qualite img {
	display:block; float:left; 
	max-width:80px; width:30%;
}
#home-qualite .wp70 { float:left; padding-left:20px; }
#gallery-home {
	background-image:url(../images/accueil_2.jpg);
	background-attachment:fixed;
	background-size:cover;
}
#gallery-home ul { 
	background:#fff;
	max-width:990px; 
	margin-bottom:40px; 
}
#actualites-home { background-color:#ebebe5 }
#actualites-home h3 {
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:400; font-size:20px;
	line-height:26px;
}

#block-home-1 .content_row,
#actualites-home-list { max-width:990px; }


/* > CONTACT ------- */
#page_contact h3 {
	margin-bottom:10px;
	font-weight:700;
	font-size:14px;
	color:#6a574b;
}
#page_contact .wp33.right p strong { color:#969696 }


/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
#footer .divide {
	padding:15px 0 0 0;
	border-bottom:#645e5a 1px solid;
}
#footer h4 {
	margin:0 0 20px 0;
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	font-size:16px;
	color:#fff;
}
#footer .nav_footer_col p,
#footer .nav_footer_col li { 
	color:#b7b0a9;
	margin:0 0 10px;
	font-size:12px;
}
#footer .nav_footer_col li a:hover { text-decoration:underline; color:#fff }
#baseline-footer .rs-link li a {
	-webkit-transition:background-color .2s linear;
	-moz-transition:background-color .2s linear;
	-ms-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
#baseline-footer .rs-link li a:hover { background-color:#6a574b; }
#baseline-footer #nav-baseline li { font-size:12px; }
#baseline-footer #nav-baseline li a { color:#a7acb1; }
#baseline-footer #nav-baseline li a:hover { color:#fff }

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > couleurs --------------------------------------------------- */
.fc-blanc   { color:#ffffff; }
.fc-gris    { color:#969696; }
.fc-noir    { color:#2c353d; }
.fc-color1  { color:#6a574b; }

.fc-color4  { color:#a7acb1; }

/* > fonts family ----------------------------------------------- */
.font-default { font-family: 'Open Sans', sans-serif; }
.font-title-1 { font-family: 'Roboto Slab', serif; }
.font-title-2 { font-family: 'Playfair Display', serif; }


/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
       -moz-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
       -moz-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
       -moz-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}