/* font-family: 'Arvo', serif; */

/**
 * Personnalisation Générale
 */
.error			{font-size: 12px; font-size: 1.2rem; color: #c43b3b; background: #fcf3f3; border: 3px solid #fac9c9; border-radius: 5px;}
.info_window	{color: #fff; /*background: #e31776;*/ visibility: hidden;}
.rose			{color: #e31776;}
.transition		{transition: all 0.2s ease-in;}
.effect:hover	{opacity: 0.7; transform:scale(1.5,1.5);}
.bouton a:hover {background-color: #C7A26B; -moz-box-shadow: inset 0px -1px 0px 0px #b99f78; -webkit-box-shadow: inset 0px -1px 0px 0px #b99f78; -o-box-shadow: inset 0px -1px 0px 0px #b99f78; box-shadow: inset 0px -1px 0px 0px #b99f78; filter:progid:DXImageTransform.Microsoft.Shadow(color=#b99f78, Direction=90, Strength=0);}

.container-fluid {  padding-right: 0px !important;  padding-left: 0px !important;  }

img.auto{ width: 100%; height: auto;}

/**
 * Configuration générale
 */


.shifter-enabled .shifter-page, .shifter-enabled .shifter-handle {background: none;}
.shifter-enabled .shifter-handle {position: absolute; z-index: 100; margin: 10px 0 0 20px;}
.shifter-enabled .shifter-handle::after {height: 2px; background: #fff; box-shadow: 0 5px 0 #fff, 0 -5px 0 #fff;}
/*h1 {padding: 20px auto 0 auto !important; font-size: 40px; font-size: 4.0rem; font-weight: 400; line-height: 65px; text-transform: uppercase; text-align: center;}*/
/*h1 {padding: 50px 0 10px 0; margin: 0; font-size: 45px; font-size: 4.5rem !important; text-transform: uppercase; color: #3e454c; font-weight: 500; text-align: center;}
h1:before {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration3.png") no-repeat center;}
h1:after {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration3.png") no-repeat center;}*/


header.fixed{position: fixed;top:0; left:0; right:0; z-index: 99999; background: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.4);}

/* Page de contenu */
p.text-cms{
	padding-left: 60px;
	padding-right: 40px;
	font-size: 16px !important;
	line-height: 20px !important;
	text-align: justify;
}
.cmspage_contenu h1{
    font-family: 'Playfair Display', serif;
}

p.cms-titre-image {
	position: absolute;
	font-size: 30px !important;
    font-family: 'Playfair Display', serif !important;
	z-index: 100;
	text-align: center !important;
	text-transform: uppercase;
	color: white;
	margin-top: -70px;
	left: 0;
	right: 0;
}

.cms-titre-image a{
	color: white;
}
.cms-titre-image a:hover{
	color: white;
	text-decoration: none;
}

p.cms-titre-image:before {content: ''; display: inline-block;  margin-bottom: -5px; width: 75px; height: 35px; background: url("../images/titre-decoration2.png") no-repeat center;}
p.cms-titre-image:after {content: ''; display: inline-block;  margin-bottom: -5px; width: 75px; height: 35px; background: url("../images/titre-decoration2.png") no-repeat center;}

.col-xs-12.col-md-6.cms-col {
	padding-left: inherit !important;
	padding-right: inherit !important;
}


/* Formulaire */
form.form_common p {margin: 0 0 10px 0;}
form.form_common p label {display: inline-block; width: 200px;}
form.form_common p label span.required {font-weight: bold;}
form.form_common p input, form.form_common p select, form.form_common p textarea {background-color: #fff; border: 1px solid #bdbdbd; font-family: inherit; font-size: 12px; font-size: 1.2rem; outline: none;}
/*form.form_common p input:focus, form.form_common p select:focus, form.form_common p textarea:focus {background-color: #efefef;}*/
form.form_common p input {width: 230px; height: 28px; line-height: 28px; padding: 0 10px;}
form.form_common p input[type="checkbox"], form.form_common p input[type="radio"] {width: auto; height: auto;}
form.form_common p input.input_captcha {width: 100px;}
form.form_common p input[type="submit"] {background: #d6b88b; border: none; border-bottom: 3px solid #b99f78; border-radius: 1px; padding: 0px 15px; font-family: inherit; font-size: 18px; font-size: 1.8rem; color: #fff; text-decoration: none; text-transform: uppercase; cursor: pointer;}
form.form_common p input[type="submit"]:hover {opacity: 0.8; filter: opacity(80);}
form.form_common p select {width: 230px; height: 28px; padding: 5px 10px;}
form.form_common p textarea {width: 100%; height: 100px; padding: 5px 10px; overflow: auto;}
form.form_common p input.required, form.form_common p textarea.required {background: #fff url(../images/asterisque.png) no-repeat 98% center;}
form.form_common p input:valid:not(input[type="submit"]), form.form_common p textarea:valid {background: #fff;}
form.form_common p input:focus:valid:not(.captcha):not(input[type="submit"]), form.form_common p textarea:focus:valid {border-color: #33cc00; box-shadow: 0 0 3px #33cc00; background: #fff url(../images/valide.png) no-repeat 98% center;}
form.form_common p input:invalid, form.form_common p textarea:invalid {box-shadow: none;}
form.form_common p input:focus:invalid:not(.captcha), form.form_common p textarea:focus:invalid {border-color: #bd2716; box-shadow: 0 0 3px #bd2716; background: #fff url(../images/invalide.png) no-repeat 98% center;}

/* Header */
#header {padding: 0 0 20px 0; /*background: url(../images/bg.jpg) repeat center top;*/ text-transform: uppercase; font-size: 12px; font-size: 1.2rem;}
#header .content_center {position: relative;}
#header .bloc-top {text-align: center;}
#header .bloc-top a {text-decoration: none;}
#header .compte {color: #312c26; background-color: #dedcd7;}
#header .panier {color: #ffffff; background-color: #bdaa8f;}
#header #langues {position: absolute; top: 35px; right: 20px; z-index: 100;}
#header #reseaux_sociaux {position: absolute; top: 35px; right: 110px; z-index: 100;}
#header #reseaux_sociaux .social {margin: 0 0 0 10px;}
#header #reseaux_sociaux .social i {font-size: 20px; color: #fff; vertical-align: middle;}
#header hr { position: absolute; margin: 0; width: 100%; z-index: 100; border: 1px solid rgba(220,222,215,.4);}
#header .top img{z-index: 50; width: 100%; height: auto; top: 0; position: absolute;}

/* Menu */
li.nav-item {position: relative;}
li.nav-item>ul {display: none;}
.niveau2>.nav-link {color: #fff !important;width: 100% !important;padding-left: 2px !important;padding-right: 2px !important;}


ul#menu {position: relative; list-style: none;}
ul#menu li {position: relative;}
ul#menu a:hover {text-decoration: none;}

/*li.niveau1.submenu ::after { content: '•'; margin-left: 25px; background: transparent !important;}*/
/*ul#menu li ul ::after { content: none !important; }*/

/*li.niveau2 ::after { content: none !important; }
li.niveau1.submenu li.niveau2 ::after { content: none !important; }
li.niveau2 ::after { content: none !important; }*/

/* Sous menu */
ul#menu li ul {display: none; list-style: none;}

/* Contenu */
#content {color: #3e454c;}
#content .content_center {position: relative;  z-index: 90;  }
.columnizer {text-align: justify;}
.columnizer .column {position: relative;}

/* Fil d'ariane */
#ariane {margin: 20px auto 20px auto; padding: 10px 10px 10px 10px; width: 100%; border: 1px solid; color: #535a60; text-transform: uppercase; text-align: center; font-size: 12px; font-size: 1.2rem;}
#ariane a {color: #535a60;}
#ariane .sep {margin: 0 10px;}
#ariane .sep img {vertical-align: inherit;}

/* Fil d'ariane Panier */
#basket_ariane {width: 100%; height: 40px; margin: 0 0 20px 0; color: #424242; border: 1px solid #d2d2d2; background: #f6f6f6;}
#basket_ariane .cell {text-align: center; vertical-align: middle; text-transform: uppercase;}
#basket_ariane .current {color: #fff; background: #424242;}

/* Pagination */
.navpages {clear: both; padding: 5px 0; text-align: right; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #d6b88b;}
.navpages a {color: #000; text-decoration: none;}
.navpages a:hover {text-decoration: underline;}
.navpages span {padding: 0 2px;}
.navpages img {display: none; vertical-align: -3px;}

/* Listing Actualités */
.actualite {margin: 0 0 20px 0; padding: 20px 0 0 0;}
.actualite:first-child {padding: 0; border: none;}
.actualite .actualite_illustration {float: left; width: 300px;}
.actualite .actualite_description {padding: 0 0 0 320px; text-align: justify;}
.actualite .actualite_description p {margin: 0 0 10px 0; font-size: 15px; font-family: 'Lato';}
.actualite .actualite_description .actualite_titre {color: #BDAA8F;}
h2.actualite_titre  {color: #BDAA8F !important; font-family: 'Playfair Display' !important; font-size: 30px !important;  }
.actualite .actualite_description .actualite_date {font-weight: bold;}
.actualite .actualite_description .actualite_lien {font-weight: bold; color: #BDAA8F;}
.actualite a {color: #BDAA8F !important;}
/* Listing Documents */
.document {margin: 0 0 20px 0; padding: 0 0 20px 0; border-top: 1px solid #ccc;}
.document:first-child {padding: 0; border: none;}
.document .document_illustration {float: left; width: 200px;}
.document .document_description {padding: 0 0 0 230px; text-align: justify;}
.document .document_description p {margin: 0 0 10px 0;}
.document .document_description .document_nom {color: #BDAA8F;}
.document .document_description .document_date {font-weight: bold;}
.document .document_description .document_lien {font-weight: bold; color: #BDAA8F;}

/* Listing Produits */
.bandeau-produits img{margin-top: 0px; width: 100%; height: auto;}
.produits {position: relative; padding: 0 0 10px 0; background: #fff; color: #3e454c;}
.produits .bouton_tri {position: absolute; top: -70px; right: 0; background: #bdaa8f;}
.produits .bouton_tri a {background: url("../images/fleche-menu.png") no-repeat 20px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arvo; color: #ffffff; font-size: 12px; padding: 20px 30px 20px 40px; text-decoration: none;}
.produits .bouton_tri a:hover {background: #b99f78; text-decoration: none;}
.produits .bouton_plus {text-align: center;}
.produits .bouton_plus a {padding:20px 15px; text-decoration: none; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #ffffff; background: #d6b88b; font-size: 12px; font-size: 1.2rem;}
.produits .bouton_plus a:hover {background: #252a30;}
.produits .catalogue {padding: 20px 0 0 0;}

.produit {float: left; width: 220px; margin: 0 0 20px 20px;}
/*.produit:nth-child(4n+1) {margin-left: 0;}*/
.produit .produit_img {margin: 0 0 10px 0;}
.produit .produit_img a {display: block;}
.produit .produit_infos .produit_designation {font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #e31776;}
.produit .produit img:hover{opacity: 0.7;}
.produit .produit_infos {font-size: 1.2rem; font-size: 12px; text-align: left; color: #545657;}
.produit .produit_infos a { color: #545657;}
.produit .produit_infos .produit_designation {font-family: Arvo; font-size: 12px; font-size: 1.2rem; text-transform: uppercase; font-weight: bold; color:#3e454c;}
.produit .produit_infos .produit_complement1 {font-weight: 400;}
.produit .produit_infos p{font-family: 'Playfair Display Italic', serif; font-size: 13px; font-weight: 100;}
.produit_background { padding: 20px; box-shadow: 1px 1px 12px #555; height: 420px;}

/* Nos réalisations */
.realisations .titre {position: absolute; z-index: 20; padding: 25px 0 0 0; margin: 0; font-size: 45px; font-size: 4.5rem; font-family: 'Playfair Display', serif; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 500; right: 0;  left: 0;}
.realisations .titre:before {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration2.png") no-repeat center;}
.realisations .titre:after {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration2.png") no-repeat center;}

/* Nos produits*/
.produits {text-align: center; /*background: url("../images/bg-marques.jpg") repeat center;*/}
.produits .titre {padding: 50px 0 50px 0; margin: 0; font-size: 45px; font-size: 4.5rem; font-family: 'Playfair Display', serif; text-transform: uppercase; color: #3e454c; font-weight: 500;}
.produits .titre:before {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration3.png") no-repeat center;}
.produits .titre:after {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration3.png") no-repeat center;}
.produits .sous-titre {font-size: 14px; font-size: 1.4rem; line-height: 33px; text-transform: uppercase; font-family: Montserrat; color: #3e454c;}
.produits .marques_listing{padding: 0px 0 0px;}
.produits .marque:first-child {margin-left: 0px;}
.produits .marque .a-marque {display: block; width: 370px; height: 270px; overflow: hidden;}
.produits .marque .marque_info{position: relative; top: -10px; width: 90%; height: 100px; margin: 0 auto; padding: 10px 0; background: #3e454c; color: #fff;}
.produits .marque .marque_info:before {content: ''; display: inline-block; width: 39px; height: 20px; background: url("../images/fleche-haut.png") no-repeat ; position: absolute; top: -20px; margin: 0 auto; left: 0px; right: 0px;}
.produits .marque .marque_info h3 {font-size: 24px; font-size: 2.4rem;}
.produits .marque .marque_info p {font-size: 11px; font-size: 1.1rem; line-height: 15px;}
.produits .marque .marque_info img {height: 59px; margin: 10px 0;}

/* Nouveautes*/
.nouveautes {text-align: center;}
.nouveautes .row {width: 100%; height: auto; margin: 0;}
.nouveautes .titre {padding: 50px 0 50px 0; margin: 0; font-size: 45px; font-size: 4.5rem; font-family: 'Playfair Display', serif; text-transform: uppercase; color: #3e454c; font-weight: 500;}
.nouveautes .titre:before {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration3.png") no-repeat center;}
.nouveautes .titre:after {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration3.png") no-repeat center;}

.nouveautes .col-sm-4 {padding: 0 0 0 0;}
.nouveaute p {padding: 10px 20px 10px 10px; opacity: 0; position: absolute; z-index: 50; text-align: right;  color: #ffffff; text-transform: uppercase; font-family: 'Playfair Display', serif; font-size: 30px; right: 0;}
.nouveaute a {color: #ffffff;}
.nouveaute a:hover {color: #ffffff; text-decoration: none;}
.nouveautes .nouveaute:hover p {opacity: 1;}
.nouveautes .nouveaute:hover .overlay{ z-index: 20; position: absolute; width: 100%; height:100%; background-color: #000000; opacity:0.5;}

/* Marques */
.marques {text-align: center; /*background: url("../images/bg-marques.jpg") repeat center;*/}
.marques .titre {position: absolute; z-index: 20; padding: 25px 0 0 0; margin: 0; font-size: 45px; font-size: 4.5rem; font-family: 'Playfair Display', serif; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 500; right: 0;  left: 0;}
.marques .titre:before {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration2.png") no-repeat center;}
.marques .titre:after {content: ''; display: inline-block; width: 95px; height: 35px; background: url("../images/titre-decoration2.png") no-repeat center;}
.marques .nom-marque {position: absolute; color: #ffffff; z-index: 20; bottom: 0; right: 0; text-transform: uppercase; font-family: 'Playfair Display', serif; font-size: 45px; padding: 0 50px 20px 0;}
.marques .sous-titre {font-size: 14px; font-size: 1.4rem; line-height: 33px; text-transform: uppercase; font-family: Montserrat; color: #3e454c;}
.marques .marques_listing{padding: 0px 0 0px;}
.marques .marque:first-child {margin-left: 0px;}
.marques .marque .a-marque {display: block; width: 370px; height: 270px; overflow: hidden;}
.marques .marque .marque_info{position: relative; top: -10px; width: 90%; height: 100px; margin: 0 auto; padding: 10px 0; background: #3e454c; color: #fff;}
.marques .marque .marque_info:before {content: ''; display: inline-block; width: 39px; height: 20px; background: url("../images/fleche-haut.png") no-repeat ; position: absolute; top: -20px; margin: 0 auto; left: 0px; right: 0px;}
.marques .marque .marque_info h3 {font-size: 24px; font-size: 2.4rem;}
.marques .marque .marque_info p {font-size: 11px; font-size: 1.1rem; line-height: 15px;}
.marques .marque .marque_info img {height: 59px; margin: 10px 0;}
.marques a {color: #ffffff;}
.marques a:hover {color: #ffffff;}

/* Creation */
.creation {background: url("../images/bg-creation.jpg") no-repeat center center; background-size: cover; text-align: center; color: #312c26;}
.creation .creations_listing {padding: 125px 0 30px 0;}
.creation .creations_listing .item {width: 500px; height: 450px; /*float: left;*/ margin: 16px auto; background-color: #ffffff; font-family: "SegoePrint"; color: #3e454c; -moz-box-shadow: 1px 3px 15px 0px #656565; -webkit-box-shadow: 1px 3px 15px 0px #656565; -o-box-shadow: 1px 3px 15px 0px #656565; box-shadow: 1px 3px 15px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=161, Strength=15);}
.creation .creations_listing .rotation_gauche {transform-origin: 50% 50%; transform: rotate(-5deg);-moz-box-shadow: -2px 3px 15px 0px #656565; -webkit-box-shadow: -2px 3px 15px 0px #656565; -o-box-shadow: -2px 3px 15px 0px #656565; box-shadow: -2px 3px 15px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=236, Strength=15);}
.creation .creations_listing .rotation_droite {margin: 0 0 0 45px; transform-origin: 50% 50%; transform: rotate(5deg); -moz-box-shadow: 2px 3px 15px 0px #656565; -webkit-box-shadow: 2px 3px 15px 0px #656565; -o-box-shadow: 2px 3px 15px 0px #656565; box-shadow: 2px 3px 15px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=146, Strength=15);}
/*.creation .creations_listing .item:first-child{margin: 0 0 0 0;}*/
.creation .creations_listing .item .illustration img{width: 480px; margin: 10px 0 0 0;}
.creation .creations_listing .item .type {padding: 10px 0 0 0;font-size: 20px; font-size: 2.0rem; font-weight: bold;}
.creation .creations_listing .item .lieu {font-size: 20px; font-size: 2.0rem; line-height: 20px;}
.creation .titre {padding: 20px 0 0 0; line-height: 35px; font-size: 35px; font-size: 3.5rem; text-transform: uppercase;}
.creation .sous-titre {font-size: 25px; font-size: 2.5rem; text-transform: uppercase;}
.creation .description {padding: 0 200px 20px 200px; line-height: 26px; font-size: 20px; font-size: 2.0rem; font-family: Lato, sans-serif;}
.creation .bouton {margin: 10px 0 0 0;}
.creation .bouton a {padding: 20px 15px; text-decoration: none; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #ffffff; border-radius: 3px; background: #d6b88b; -moz-box-shadow: inset 0px -3px 0px 0px #b99f78; -webkit-box-shadow: inset 0px -3px 0px 0px #b99f78; -o-box-shadow: inset 0px -3px 0px 0px #b99f78; box-shadow: inset 0px -3px 0px 0px #b99f78; filter:progid:DXImageTransform.Microsoft.Shadow(color=#b99f78, Direction=90, Strength=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
/*Boutons de navigation (owl caroussel)*/
.owl-prev, .owl-next {position:absolute; top:35%; padding:5px; margin:0; z-index:100; font-size:3rem; cursor:pointer; color:#555; }
.creation .owl-prev, .creation .owl-next {top:45%;}
.owl-prev {left:-60px;}
.owl-next {right:-60px;}

/* Actualites */
.actualites {padding: 50px 0 65px 0; text-align: center; background: url("../images/bg-actualites.jpg") no-repeat center center; background-size: cover; color: #312c26;}
.actualites .titre {padding: 20px 0 0 0; background: url("../images/separation_titre.png") no-repeat center top; font-size: 35px; font-size: 3.5rem; font-weight: 400; text-transform: uppercase;}
.actualites .sous-titre {padding: 0 200px 40px 200px;font-family: Lato, sans-serif; font-size: 20px; font-size: 2.0rem; line-height: 26px;}
.actualites .videos_listing {margin: 0 0 30px 0;}
.actualites .videos_listing .video_titre {margin: 15px 0 0 0; text-transform : uppercase; font-size: 14px; font-size: 1.4rem; font-weight: 800;}
.actualites .actualites_listing {margin: 0 0 30px 0;}
.actualites .actualites_listing .actualite:first-child {padding: 20px 0 0 0;}
.actualites .actualites_listing .actualite .illustration {width: 570px; /*height: 270px; */overflow: hidden;}
.actualites .actualites_listing .actualite_titre {margin: 15px 0 0 0; text-transform : uppercase; font-size: 14px; font-size: 1.4rem; font-weight: 800;}
.actualites .actualites_listing .actualite_date {line-height: 15px; font-size: 11px; font-size: 1.1rem;}
.actualites .bouton a {margin: 10px 0 0 0; padding: 20px 15px; text-decoration: none; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #fff; border-radius: 3px; background: #d6b88b; -moz-box-shadow: inset 0px -3px 0px 0px #b99f78; -webkit-box-shadow: inset 0px -3px 0px 0px #b99f78; -o-box-shadow: inset 0px -3px 0px 0px #b99f78; box-shadow: inset 0px -3px 0px 0px #b99f78; filter:progid:DXImageTransform.Microsoft.Shadow(color=#b99f78, Direction=90, Strength=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.actualites .bouton a:hover {background: #252a30; -moz-box-shadow: inset 0px -3px 0px 0px #252a30; -webkit-box-shadow: inset 0px -3px 0px 0px #252a30; -o-box-shadow: inset 0px -3px 0px 0px #252a30; box-shadow: inset 0px -3px 0px 0px #252a30; filter:progid:DXImageTransform.Microsoft.Shadow(color=#252a30, Direction=90, Strength=0);}
.actualites .bouton + .titre {margin: 30px 0 0 0;}

/* Selection */
.selection {text-align: center; background: #ffffff;}
.selection .titre {padding: 90px 0 0 0; font-size: 35px; font-size: 3.5rem; font-weight: 400; text-transform: uppercase; color: #312c26;}
.selection .titre:before {content: ''; display: inline-block; width: 140px; height: 27px; background: url("../images/selection-decoration.png") no-repeat center;}
.selection .titre:after {content: ''; display: inline-block; width: 140px; height: 27px; background: url("../images/selection-decoration.png") no-repeat center;}
.selection .sous-titre {padding: 0 295px 65px; font-family: Lato, sans-serif; font-size: 20px; font-size: 2.0rem; line-height: 26px; color: #312c26;}

.selection .bannieres_listing .banniere {position: relative;}
.selection .bannieres_listing .description {z-index: 10;}
.selection .bannieres_listing .description .title {font-size: 14px; font-size: 1.4rem; font-weight: 800; line-height: 20px; text-transform: uppercase;}
.selection .bannieres_listing .description .text {font-size: 14px; font-size: 1.4rem; font-weight: 400; line-height: 20px;}
.selection .bannieres_listing .illustration {position: relative; display: block; overflow: hidden;}
.selection .bannieres_listing .illustration span {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-position: center center; background-size: cover; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.selection .bannieres_listing .illustration:hover span {transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */}
.selection .bannieres_listing .banniere_1 .description {position: absolute; padding: 0 0 20px 0; top: 0px; left: 400px; text-align: left; width: 220px;  background: url("../images/banniere_fleche-gaughe.png")no-repeat left bottom;}
.selection .bannieres_listing .banniere_3 .description {position: absolute; padding: 0 0 0 20px; top: -65px; text-align: left; width: 220px; background: url("../images/banniere_fleche-bas.png")no-repeat left ;}
.selection .bannieres_listing .banniere_4 .description {position: absolute; padding: 0 0 0 20px; bottom: -30px; text-align: left; /*width: 220px; */background: url("../images/banniere_fleche-haut.png")no-repeat left;}
.selection .bannieres_listing .banniere_5 .description {position: absolute; padding: 0 0 15px 0; left: 400px; text-align: left; width: 220px; background: url("../images/banniere_fleche-gaughe.png")no-repeat left bottom ;}
.selection .bouton a {margin: 10px 0 65px 0; padding:20px 15px; text-decoration: none; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #ffffff; border-radius: 3px; background: #d6b88b; -moz-box-shadow: inset 0px -3px 0px 0px #b99f78; -webkit-box-shadow: inset 0px -3px 0px 0px #b99f78; -o-box-shadow: inset 0px -3px 0px 0px #b99f78; box-shadow: inset 0px -3px 0px 0px #b99f78; filter:progid:DXImageTransform.Microsoft.Shadow(color=#b99f78, Direction=90, Strength=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.fb_button {position: absolute; top: 174px; right: 20px;}

/* Footer */
#footer .gmap iframe {display: block; width: 100%; height: 400px;}

#footer .bloc_top {margin: 40px 0px 40px 0px; font-weight: 400; background: #ffffff;}
#footer .bloc_top a {text-decoration: none; color: grey;}
#footer .bloc_top a:hover {text-decoration: none; color: black;}
#footer .bloc_top .titre-contact {padding: 70px 0 20px 0; font-size: 35px; font-size: 3.5rem; color: #dedcd7; text-align: center; text-transform: uppercase;}
#footer .bloc_top .paragraphe img {margin-top: -20px;}
#footer .bloc_top .showroom {height: 160px; padding-right: 10px; background: url("../images/nous-trouver.jpg") center; background-size: cover;}
#footer .bloc_top .magasin {height: 160px; padding-left: 10px; background: url("../images/magasin.jpg") center; background-size: cover;}
#footer .detail {font-family: 'Playfair Display', serif;}
/*#footer .bloc_top .col-gauche .detail2 {display: block; font-size: 15px; font-size: 1.5rem; color: #bdaa8f;}
#footer .bloc_top .col-gauche .email {color: #bdaa8f;}*/
#footer .bloc_top .col-gauche {margin-right: 10px;}
#footer .bloc_top .col-droite {margin-left: 10px;}
#footer .bloc_top .paragraphe {margin: 25px 0; font-size: 15px; font-size: 1.5rem; color: grey; text-align: center;}

/*#footer .form_footer p {margin: 0 0 10px 0;}
#footer .form_footer p input, #footer .form_footer p textarea {width: 100%; border: 0; border-radius: 5px; background: #252a30; font-family: Arial; font-size: 15px; font-size: 1.5rem; color: #bdaa8f;}
#footer .form_footer p input {height: 55px; padding: 0 10px;}
#footer .form_footer p textarea {height: 200px; padding: 10px; resize: none;}
#footer .form_footer .btn_submit input {width: 200px; height: 40px; background: #d6b88b; border-bottom: 3px solid #b99f78; border-radius: 0; color: #fff; cursor: pointer;}
#footer .form_footer .btn_submit input:hover {opacity: 0.8; filter: opacity(80);}*/

#footer .bloc_bottom {position: relative; height: 130px; padding: 20px 0 20px 0; color: #ffffff; font-size: 14px; font-size: 1.4rem; background: #000000;}
#footer .bloc_bottom .col-gauche {position: relative; z-index: 100; margin: 70px 0 70px 70px;}
#footer .bloc_bottom a {text-decoration: none; color: #ffffff;}
/*#footer .bloc_bottom .col-gauche .social{padding: 0 0 0 20px;}
#footer .bloc_bottom .col-gauche .social:first-child {padding: 0 0 0 0;}*/
#footer .bloc_bottom .col-center {position: absolute; width: 100%; text-align: center; padding-top: 30px;  font-size: 14px; text-transform: uppercase;}
#footer .bloc_bottom .col-center ul {list-style-type: none;}
#footer .bloc_bottom .col-center li {display: inline-block; margin-left: 30px; vertical-align: top;}
#footer .bloc_bottom .col-center li:first-child {margin-left: 0px;}
#footer .bloc_bottom .col-droite {position: relative; z-index: 100; margin: 75px 95px 0 0 ; text-align: center;}
p#copyright {margin-top: 15px;}

/**
 * Responsive Design
 */

/* Grand écran */
@media screen and (min-width: 1400px) {
	.ecran {display: inherit;}
	.hidden_ecran {display: none !important;}
	.content_center {width: 1170px;}

	p.cms-titre-image {
		font-size: 40px !important;
		margin-top: -80px;
        font-family: 'Playfair Display', serif !important;
	}


	p.text-cms{
		font-size: 20px !important;
		line-height: 25px !important;
	}

	/* Logo */
	#logo {position: relative; z-index: 100; display: inline-block; padding: 15px 0 0 0; right: -35px;}
	.logo {width: 300px;}

    #header #langues {position: absolute; top: 35px; right: 35px; z-index: 100;}
    #header #reseaux_sociaux {position: absolute; top: 35px; right: 125px; z-index: 100;}

	/* Panier Compte */
	#header {height: 190px;}
	#header .bloc-top {position: absolute; right:0; width: 290px; height: 47px; text-align: center; line-height: 47px;}
	#header .compte {position: relative; float: left; display: inline-block; height: 100%; width:50%;}
	#header .panier {position: relative; float: right; display: inline-block; height: 100%; width:50%;}
	#header .compte a {display: block; height: 47px; padding: 0 0 0 15px; background: url("../images/fleche-noire.png") no-repeat 20px;}
	#header .panier a {display: block; height: 47px; padding: 0 0 0 15px; background: url("../images/fleche-menu.png") no-repeat 20px;}

	/* Menu */
	#barre_menu {position: absolute; top: 70px; left: 0; right: 0; z-index: 100; display: block; opacity: 1; width: 100%; height: 56px; margin: 0 auto; text-align: center; text-transform: uppercase; font-family: 'Playfair Display', serif;}
	ul#menu {display: inline-block; height: 56px; font-size: 0;}
	ul#menu > li {display: inline-block; padding: 18px 0; font-size: 14px; color: #303131;}
	ul#menu > li > a {display: block; height: 48px; line-height: 48px; padding: 0 35px; font-size: 12px; font-size: 1.7rem; color: #dedcd7;}
	ul#menu > li:hover > a, ul#menu > li.menuselected > a {color: #3e454c; background: #dcdad5;}

	/* Sous menu */
	ul#menu li ul {border-top: 3px solid #dedcd7; border-bottom: 3px solid #dedcd7; color: #3e454c; width: 200px; background: #fff; position: absolute; top: 63px; left: 0px; text-align: left;}
	ul#menu li ul li {padding: 0 10px; font-size: 14px;}
	ul#menu li ul li a {display: block; padding: 10px; color: #3e454c !important; font-size: 13px; font-weight: bold;}
	ul#menu li ul li a:hover, ul#menu li ul li.menuselected > a {color: #fff; background: #beab90;}

	/* Big Sous menu */
	ul#menu > li.big_submenu {position: static;}
	ul#menu > li.big_submenu > ul {width: 1180px; padding: 20px 15px; left: 0px; background: white;}
	ul#menu > li.big_submenu > ul > li {float: left; width: 175px; margin: 5px 0; padding: 0 15px !important; font-size: 11px !important;}
	ul#menu > li.big_submenu > ul > li:nth-child(6n+1) {clear: both;}
	ul#menu > li.big_submenu > ul > li > a {font-size: 13px; font-weight: bold;}
	ul#menu > li.big_submenu > ul > li#banniere_menu {float: right; width: 200px; height: 150px; margin: 0 0 5px 0; padding: 0; background: #fff; border: none;}

	/* Sous sous menu */
	ul#menu li.submenu ul li ul {top: 5px; left: 194px;}

	/* Big Sous sous menu */
	ul#menu > li.big_submenu ul li ul {display: block; width: auto; position: static; background: none;}
	ul#menu > li.big_submenu ul li ul li {margin: 0;}

	.columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {padding-right: 50px !important;}

	.creation {padding: 0 0 50px 0;}

	.selection .bannieres_listing .banniere_left {float: left; padding: 0 0 30px 0;}
	.selection .bannieres_listing .banniere_right {float: right; padding: 0 0 35px 0;}
	.selection .bannieres_listing .banniere_right_last{float: right; padding: 74px 0 35px 30px;}
	.selection .bannieres_listing .banniere_left_bottom {float: left; padding: 30px 0 35px 0;}
	.selection .banniere_1 .illustration {width: 370px; height: 530px;}
	.selection .banniere_3 .illustration {width: 770px; height: 430px;}
	.selection .banniere_4 .illustration {width: 370px; height: 260px;}
	.selection .banniere_5 .illustration {width: 370px; height: 430px;}

	/* Actualites */
	.actualites .actualite {float: left; padding: 20px 0 0 30px;}

	/* Footer */
	#footer .bloc_top .col-gauche {float: left; width: 520px;}
	#footer .bloc_top .col-droite {float: left; width: 630px;}
	#footer .bloc_top .showroom {width: 520px; height: 171px;}
	#footer .bloc_top .magasin {width: 630px; height: 333px;}

	#footer .bloc_bottom .col-gauche {float: left;}
	#footer .bloc_bottom .col-droite {float: right;}

	/* Listing Produits */
	.produits .produit {width: 370px; margin: 0 0 40px 30px;}
	.produits .produit:nth-child(3n+1) {clear: both; margin-left: 0;}
	.produits .bouton {float: right;}
}

/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) and (max-width: 1399px) {
	.ecran {display: inherit;}
	.hidden_ecran {display: none !important;}
	.content_center {width: 940px;}


	/* Logo */
	#logo {position: relative; z-index: 100; display: inline-block; padding: 15px 0 0 0;  right: -20px;}
	.logo {width: 300px;}

	/* Panier Compte */
	#header {height: 190px;}
	#header .bloc-top {position: absolute; right:0; width: 290px; height: 47px; text-align: center; line-height: 47px;}
	#header .compte {position: relative; float: left; display: inline-block; height: 100%; width:50%;}
	#header .panier {position: relative; float: right; display: inline-block; height: 100%; width:50%;}
	#header .compte a {display: block; height: 47px; padding: 0 0 0 15px; background: url("../images/fleche-noire.png") no-repeat 20px;}
	#header .panier a {display: block; height: 47px; padding: 0 0 0 15px; background: url("../images/fleche-menu.png") no-repeat 20px;}

	/* Menu */
	#barre_menu {position: absolute; top: 70px; left: 0; right: 0; z-index: 100; display: block; opacity: 1; width: 100%; height: 56px; margin: 0 auto; text-align: center; text-transform: uppercase; font-family: 'Playfair Display', serif;}
	ul#menu > li {display: inline-block; padding: 18px 12px; font-size: 12px; color: #303131;}
	ul#menu > li > a {display: block; height: 44px; line-height: 44px; padding: 0 10px;  color: #dedcd7; font-size: 11px; font-size: 1.5rem;}
	ul#menu > li:hover > a, ul#menu > li.menuselected > a {color: #3e454c; background: #dcdad5;}

	/* Sous menu */
	ul#menu li ul {border-top: 3px solid #dedcd7; border-bottom: 3px solid #dedcd7; color: #3e454c; width: 200px; background: #fff; position: absolute; top: 56px; left: 0px; text-align: left;}
    ul#menu li ul li {padding-left: 10px; font-size: 14px;}
    ul#menu li ul li a {display: block; padding: 10px; color: #3e454c !important; font-size: 11px; font-weight: bold;}
	ul#menu li ul li a:hover, ul#menu li ul li.menuselected > a {color: #fff; background: #beab90;}

	/* Big Sous menu */
	ul#menu > li.big_submenu {position: static;}
	ul#menu > li.big_submenu > ul {width: 950px; padding: 20px 15px; left: 0px; list-style: none; background: white;}
	ul#menu > li.big_submenu > ul > li {float: left; width: 175px; margin: 5px 0; padding: 0 15px !important; font-size: 11px !important;}
	ul#menu > li.big_submenu > ul > li:nth-child(5n+1) {clear: both;}
	ul#menu > li.big_submenu > ul > li > a {font-size: 11px; font-weight: bold;}
	ul#menu > li.big_submenu > ul > li#banniere_menu {float: right; width: 200px; height: 150px; margin: 0 0 5px 0; padding: 0; background: #fff; border: none;}

	/* Sous sous menu */
	ul#menu li.submenu ul li ul {top: 5px; left: 194px;}

	/* Big Sous sous menu */
	ul#menu > li.big_submenu ul li ul {display: block; width: auto; position: static; background: none;}
	ul#menu > li.big_submenu ul li ul li {margin: 0;}

	.columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {padding-right: 50px !important;}

    /* Produits */
    .produits .marques_titre {padding: 65px 0 0 0;}
    .produits .marque .a-marque {overflow: hidden; width: 305px; height: 234px;}
    .produits .marques_listing {padding: 0px 0 0px 0;}

    /* Nouveautes */
    /*.nouveautes .col-sm-4 {height: 250px;}*/

	/* Marques */
	.marques .marques_titre {padding: 25px 0 0 0;}
	/*.marques .marque {float: left; margin-left: 10px; width: 305px; height: 234px;}*/
	.marques .marque .a-marque {overflow: hidden; width: 305px; height: 234px;}
	/*.marques .marque:first-child {margin-left: 0px;}*/
	.marques .marques_listing {padding: 0px 0 0px 0;}

	/* Création */
	.creation {padding: 0 0 73px 0;}
	.creation .creations_listing .item {width: 400px; height: 370px;}
	.creation .creations_listing .item .illustration img{width: 380px;}

	/* Actualites */
	.actualites .titre {padding: 62px 0 0 0;}
	.actualites .actualite {float: left; padding: 20px 0 0 30px;}
	.actualites .actualite .illustration {width: 455px;}

	/* Selection */
	.selection .sous-titre {padding: 0px 170px 65px;}
	.selection .banniere_1 .illustration {width: 333px; height: 477px;}
	.selection .bannieres_listing .banniere_1 .description {left: 360px;}
	.selection .top_right img {width: 357px;}
	.selection .banniere_3 .illustration {width: 580px; height: 324px;}
	.selection .banniere_4 .illustration {width: 333px; height: 234px;}
	.selection .banniere_right_last .illustration {width: 250px;}
	.selection .banniere_5 .illustration {width: 300px; height: 349px;}
	.selection .bannieres_listing .banniere_5 .description {left: 330px;}
	.selection .bannieres_listing .banniere_left {float: left; padding: 0 0 30px 0;}
	.selection .bannieres_listing .banniere_right {float: right; padding: 0 0 35px 0;}
	.selection .bannieres_listing .banniere_right_last{float: right; padding: 74px 0 35px 30px;}
	.selection .bannieres_listing .banniere_left_bottom {float: left; padding: 30px 0 35px 0;}
	.selection .banniere_left_bottom .illustration {width: 333px; height: 154px;}

	/* Footer */
	#footer .bloc_top .col-gauche {float: left; width: 380px;}
	#footer .bloc_top .col-droite {float: left; width: 540px;}
	#footer .bloc_top .showroom {width: 380px; height: 125px;}
	#footer .bloc_top .magasin {width: 540px; height: 286px;}

	#footer .bloc_bottom .col-center {font-size: 12px;}


	/* Listing Produits */
	.produits .produit {width: 300px; margin: 0 0 40px 10px;}
	.produits .produit:nth-child(3n+1) {clear: both; margin-left: 0;}
	.produits .bouton {float: right;}
}

/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {
	.tablette {display: inherit;}
	.hidden_tablette {display: none !important;}
	.content_center {width: 724px;}

	h1 {font-size: 40px; font-size: 4.0rem;}
	h2, h3, h4, h5, h6 {font-size: 25px; font-size: 2.5rem;}

	#logo {position: relative; text-align: center; padding: 15px 0 0 0; z-index: 100; margin-left: 20px;}
    .logo {width: 300px;}

	/* Header */
	#header .bloc-top {right: 0; width: 290px; height: 30px; margin: 0 auto; line-height: 30px;}
	#header .compte {position: relative; float: left; display: inline-block; height: 100%; width: 50%;}
	#header .panier {position: relative; float: right; display: inline-block; height: 100%; width: 50%;}
	#header #langues {top: 25px; left: inherit; right: 20px; text-align: center;}
	#header #reseaux_sociaux {display: none; position: absolute; top: 25px; right: 110px;}
	#header hr {  display: none; margin: 0; z-index: 100;}

	/* Menu */
	#barre_menu {background: #d6b88b; text-align: center; font-family: 'Playfair Display', serif;}
	ul#menu {}
	ul#menu li a {display: block; padding: 15px 0; font-size: 12px; font-size: 1.5rem; color: #fff; border-top: 1px solid #fff;}
	ul#menu > li:first-child > a {border: none;}
	ul#menu li a:hover, ul#menu li.menuselected > a {background: #dcdad5; color: #000;}
	ul#menu > li > a {font-size: 14px; font-size: 1.4rem; color: #fff; text-transform: uppercase;}

	.columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {padding-right: 30px !important;}
	.marques {text-align: center;}
    .produits {text-align: center;}
	#caroussel {padding-top: 50px;}

    /* Produits */
	.fb_button { top: 174px; right: 0px;}

    .produits .marques_listing {padding: 0px 0 0px 0;}
    .produits .marques_titre {padding: 55px 0 0 0;}
	.produits .titre {font-size: 35px; font-size: 3.5rem;}
	.produits .titre:before {margin-bottom: -7px;}
	.produits .titre:after {margin-bottom: -7px;}

	/* Marques */
	.marques .marques_listing {padding: 0px 0 0px 0;}
	.marques .marques_titre {padding: 25px 0 0 0;}
	.marques .titre {font-size: 35px; font-size: 3.5rem;}
	.marques .titre:before {margin-bottom: -7px;}
	.marques .titre:after {margin-bottom: -7px;}
	/*.marques .marque{float: left; margin-left: 10px; width: 234px; height: 190px;}
	.marques .marque .a-marque {overflow: hidden; width: 234px; height: 190px;}
	.marques .marque:first-child {margin-left: 0px;}
	.marques .marque .marque_info {width: 234px;}*/

	.nouveautes .titre {font-size: 35px; font-size: 3.5rem;}
	.nouveautes .titre:before {margin-bottom: -7px;}
	.nouveautes .titre:after {margin-bottom: -7px;}

    .realisations .titre {font-size: 35px; font-size: 3.5rem;}
    .realisations .titre:before {margin-bottom: -7px;}
    .realisations .titre:after {margin-bottom: -7px;}

	/* Creation */
	.creation {background: url("../images/bg-creation.jpg") no-repeat center top; text-align: center; color: #312c26;}
	.creation .logo {top: 25px;}
	.creation .titre {padding: 0 0 0 0;}
	.creation .description {padding: 20px 100px 35px 100px;}
	.creation .creations_listing .item {width: 330px; height: 320px;}
	.creation .creations_listing .item .illustration img{width: 310px; margin: 10px 0 0 0;}
	.creation .creations_listing .rotation_droite {display: none;}
	.creation .bouton {padding: 0 0 30px 0;}

	/* Actualité */
	.actualites {/*background: url("../images/bg-actualites.jpg")no-repeat center top;*/}
	.actualites .sous-titre {padding: 0 125px 40px 125px;}
	.actualites .actualite {float: left; padding: 20px 0 0 30px;}
	.actualites .actualite .illustration {width: 345px; height: 169px;}
	.actualites .actualite .illustration img {width: 345px;}

	/* Selection */
	.selection .sous-titre{padding: 0 95px 65px;}
	.selection .bannieres_listing .banniere_1 {padding: 0 0 100px 0;}
	.selection .bannieres_listing .banniere_1 .description {padding: 0 0 0px 20px; top: 550px; left: 270px; background: url("../images/banniere_fleche-haut.png")no-repeat left;}
	.selection .bannieres_listing .banniere_3 {padding: 60px 0 100px 0;}
	.selection .bannieres_listing .banniere_3 .illustration {width: 724px;}
	.selection .bannieres_listing .banniere_3 .description {padding: 0 0 0 20px; left: 270px; top: 510px; background: url("../images/banniere_fleche-haut.png")no-repeat left;}
	.selection .bannieres_listing .banniere_4 {padding: 0 0 100px 0;}
	.selection .bannieres_listing .banniere_4 .description {bottom: 45px; left: 270px;}
	.selection .bannieres_listing .banniere_right_last {padding: 0 0 70px 0;}
	.selection .bannieres_listing .banniere_5 {padding: 0 0 100px 0;}
	.selection .bannieres_listing .banniere_5 .description {padding: 0 0 0 20px; left: 290px; top: 445px; background: url("../images/banniere_fleche-haut.png")no-repeat left ;}
	.selection .bannieres_listing .banniere_left_bottom {padding: 0 0 75px 0;}

	/* Footer */
	#footer .bloc_top .col-gauche {margin: auto; width: 520px;}
	#footer .bloc_top .col-droite {margin: auto; width: 630px;}
	#footer .bloc_top .showroom {width: 520px; height: 171px;}
	#footer .bloc_top .magasin {width: 630px; height: 333px;}

	#footer .bloc_bottom {height: auto !important;}
	#footer .bloc_bottom .col-center {position: relative; padding-top: 20px;}


	/* Listing Produits */
	.produits .produit {width: 342px; margin: 0 0 40px 40px;}
	.produits .produit:nth-child(2n+1) {clear: both; margin-left: 0;}
	.produits .bouton {float: right;}
}

/* Mobile */
@media screen and (max-width: 763px) {
	.mobile {display: inherit;}
	.hidden_mobile {display: none !important;}
	.content_center {width: 300px;}

	h2, h3, h4, h5, h6 {font-size: 15px; font-size: 1.5rem;}

	form.form_common p input, form.form_common p select, form.form_common p textarea {width: 100%;}

	#logo {position: relative; text-align: center; padding: 5px 0 0 0; z-index: 100;}
	#logo img {width: 300px;}

	/* Header */
	#header .bloc-top {right: 0; width: 100%; height: 45px; line-height: 45px;}
	#header .compte {position: relative; float: left; display: inline-block; height: 100%; width: 50%;}
	#header .panier {position: relative; float: right; display: inline-block; height: 100%; width: 50%;}
	#header #langues {top: 10px; left: inherit; right: -80px; text-align: center;  }
	#header #reseaux_sociaux {display: none; position: absolute; top: 25px; right: 0;}
	#header hr { display: none; margin: 0; z-index: 100;}

	/* Menu */
	#barre_menu {background: #d6b88b; text-align: center; font-family: 'Playfair Display', serif;}
	ul#menu {}
	ul#menu li a {display: block; padding: 15px 0; font-size: 12px; font-size: 1.5rem; color: #fff; border-top: 1px solid #fff;}
	ul#menu > li:first-child > a {border: none;}
	ul#menu li a:hover, ul#menu li.menuselected > a {background: #dcdad5; color: #000;}
	ul#menu > li > a {font-size: 14px; font-size: 1.4rem; color: #fff; text-transform: uppercase;}

	#caroussel {padding-top: 50px;}

	.columnizer .column p, .columnizer .column ul, .columnizer .column h2, .columnizer .column h3, .columnizer .column h4, .columnizer .column h5, .columnizer .column h6 {padding-right: 20px !important;}

	#basket_ariane .cell {display: none;}
	#basket_ariane .current {display: block; height: 40px; line-height: 40px; background: #e31776; font-size: 13px; font-size: 1.3rem;}

	#ariane {width: 300px;}

    /* Produits */
	.produits .marques_titre {padding: 50px 0 70px 0; margin: 0; font-size: 25px; font-size: 2.5rem; text-transform: uppercase; color: #3e454c; font-weight: 500;}
    .produits .marques_titre:before {content: ''; display: inline-block; width: 50px; height: 20px; background: url("../images/titre-decoration.png") no-repeat center;}
    .produits .marques_titre:after {content: ''; display: inline-block; width: 50px; height: 20px; background: url("../images/titre-decoration.png") no-repeat center;}

	.produits .titre {font-size: 35px; font-size: 3.5rem;}
	.produits .titre:before {margin-bottom: -7px;}
	.produits .titre:after {margin-bottom: -7px;}

	/* Marques */
	.marques .marques_titre {padding: 50px 0 0 0; margin: 0; font-size: 25px; font-size: 2.5rem; text-transform: uppercase; color: #3e454c; font-weight: 500;}
	.marques .marques_titre:before {content: ''; display: inline-block; width: 50px; height: 20px; background: url("../images/titre-decoration.png") no-repeat center;}
	.marques .marques_titre:after {content: ''; display: inline-block; width: 50px; height: 20px; background: url("../images/titre-decoration.png") no-repeat center;}
	/*.marques .marque .a-marque {width: 100%; height: 220px;}*/

	.marques .titre {font-size: 35px; font-size: 3.5rem; padding: 0;}
	.marques .titre:before {margin-bottom: -7px;}
	.marques .titre:after {margin-bottom: -7px;}

	.nouveautes .titre {font-size: 35px; font-size: 3.5rem;}
	.nouveautes .titre:before {margin-bottom: -7px;}
	.nouveautes .titre:after {margin-bottom: -7px;}

    .realisations .titre {font-size: 35px; font-size: 3.5rem; padding: 0;}
    .realisations .titre:before {margin-bottom: -7px;}
    .realisations .titre:after {margin-bottom: -7px;}

	/* Creation */
	.creation {padding: 0 0 30px 0;}
	.creation .titre {font-size: 25px; font-size: 2.5rem; margin: 20px 0 0 0;}
	.creation .description {padding: 20px 20px; font-size: 16px; font-size: 1.6rem;}
	.creation .creations_listing .item {width: 270px; height: 280px;}
	.creation .creations_listing .item .illustration img {width: 250px;}
	.creation .creations_listing .rotation_droite {margin: 0 0 0 0}
	.creation .creations_listing .item:first-child {text-align: center;}

	/* Actualites */
	.actualites {/*background: url("../images/bg-actualites.jpg") center;*/}
	.actualites .titre {padding: 40px 0 0 0; font-size: 25px; font-size: 2.5rem;}
	.actualites .sous-titre {padding: 0 20px 0 20px; font-size: 15px; font-size: 1.5rem;}
	.actualites .actualite {display: block; text-align: center; margin: 0 auto;}
	.actualites .actualite .illustration{width: 300px;}

	/* Selection */
	.selection .titre {padding: 35px 0 0 0; font-size: 25px; font-size: 2.5rem;}
	.selection .titre:before {content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/selection-decoration.png") no-repeat center;}
	.selection .titre:after {content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/selection-decoration.png") no-repeat center;}
	.selection .sous-titre {padding: 0 20px 30px; font-size: 18px; font-size: 1.8rem;}
	.selection .banniere .illustration img {width: 100%;}
	.selection .banniere {padding: 0 0 80px 0;}
	.selection .bannieres_listing .banniere_1 .description {padding: 0 0 0px 20px; top: 88%; left: 21%; background: url("../images/banniere_fleche-haut.png")no-repeat left;}
	.selection .bannieres_listing .top_right {padding: 0 0 40px 0;}
	.selection .bannieres_listing .banniere_3 .description {padding: 0 0 0 20px; left: 18%; top: 74%; background: url("../images/banniere_fleche-haut.png")no-repeat left;}
	.selection .bannieres_listing .banniere_4 .description {left: 20%; bottom: 10%;}
	.selection .bannieres_listing .banniere_right_last {padding: 0 0 50px 0;}
	.selection .bannieres_listing .banniere_5 .description {padding: 0 0 0 20px; left: 26%; top: 84%; background: url("../images/banniere_fleche-haut.png")no-repeat left;}
	.selection .bannieres_listing .banniere_left_bottom {padding: 0 0 20px 0;}
	.selection .bouton a {margin: 10px 0 20px 0;padding: 20px 15px;}

	/* Footer */
	#footer .gmap iframe {height: 300px;}

	#footer .bloc_top { margin: 10px 0 20px 0;}
	#footer .bloc_top .col-gauche {width: 100%; }
	#footer .bloc_top .col-droite {width: 100%; margin-left: 0;}
	#footer .bloc_top .showroom {height: 160px;}
	#footer .bloc_top .magasin {height: 160px;}

	#footer .bloc_bottom {height: auto !important;}
	#footer .bloc_bottom .col-center {position: relative; padding-top: 20px;}
	#footer .bloc_bottom .col-center li {display: block;  text-align: center; margin: auto;}


	/* Listing produits */

	.produits .produit {clear: both; width: 100%; margin: 0 0 20px 0; }
	.produits .ariane {padding: 15px 0 0 0; text-transform: uppercase; font-size: 10px; font-size: 1.0rem;}
	.produits .bouton {margin: 0 0 15px 0;}
	.produits .bouton a {display: block; text-align: center;}
    .produits .bouton_tri {top: -40px;}

	.fb_button { top: 5px; right: 0px;}
}