@charset "utf-8";
/* CSS Document */
/* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */

@font-face {font-family: "futura-book";
            src: url('../fonts/futura-book-webfont.otf');
            src: url('../fonts/futura-book-webfont.eot?#iefix') format('embedded-opentype'),
            url('../fonts/futura-book-webfont.woff') format('woff'),
            url('../fonts/futura-book-webfont.ttf') format('truetype');}

body { /*background-image:url(../images/body-fond.jpg); background-repeat:repeat;*/ margin:0; padding:0; font-family: "Trebuchet MS", Arial; background: #FFF;}

/* POPUP */
.mfp-bg {z-index:3250 !important;}
.mfp-wrap, .mfp-content {z-index:3300 !important;}
.mfp-bg {background:#262818 !important; opacity: 0.6 !important;}
.mfp-close-btn-in .mfp-close {color: #000; font-size: 45px;}
.white-popup {position: relative;  background: #FFF; overflow-y:auto; padding: 30px 10px; width: auto; max-width: 1090px;  max-height:885px; min-height: 160px; margin: 50px auto; border-radius: 5px; }

/* FIN POPUP */


/* fonds de pages */
#fond-accueil {background-image:url(../images/fond-accueil.jpg); background-position:top center; background-repeat:no-repeat; min-height:1000px;}
#fond-particuliers {background-image:url(../images/fond-particuliers.jpg); background-position:top center; background-repeat:no-repeat; min-height:1100px;}
#fond-entreprises {background-image:url(../images/fond-entreprises.jpg); background-position:top center; background-repeat:no-repeat; min-height:1100px;}
#fond-musique {background-image:url(../images/fond-musiques.jpg); background-position:top center; background-repeat:no-repeat; min-height:1100px;}
#fond-realisation {background:url(../images/fond-realisations.jpg) no-repeat top center;  min-height:1100px; overflow: hidden; position:relative; z-index:10; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#fond-realisation::before {position:absolute; left:0; top:0; z-index:11; width:100%; height:calc(100% - 83px); content:""; background:url(../images/fond-repeat.png) repeat center center;}
#fond-realisation::after {position:absolute; left:-22px; top:15px; z-index:12; width:calc(100% + 44px); height:calc(100% - 390px); content:""; background:rgba(255,255,255,0.85); -moz-box-shadow: 0 0 34px rgba(0, 0, 0, 0.9) inset;-webkit-box-shadow: 0 0 34px rgba(0, 0, 0, 0.9) inset;-o-box-shadow: 0 0 34px rgba(0, 0, 0, 0.9) inset; box-shadow: 0 0 34px rgba(0, 0, 0, 0.9) inset;}
#fond-realisation #global {position:relative; z-index:20; padding-bottom: 410px;}
#fond-tarifs {background-image:url(../images/fond-tarifs.jpg); background-position:top center; background-repeat:no-repeat; min-height:1100px;}
#fond-contact {background-image:url(../images/fond-contact.jpg); background-position:top center; background-repeat:no-repeat; min-height:1100px;}

/* blocs accueil */
.bloc-accueil {float:left; margin-right: 20px; width:275px; height:449px; margin-top:35px;}
#contenu .bloc-accueil a {display:block;  height:449px; width:275px;  }
#bloc-particuliers a {background:url(../images/bloc-particulier.png) 50% 50%; background-repeat:no-repeat;}
#bloc-particuliers a:hover {background:url(../images/bloc-particulier-on.png) 50% 50%; background-repeat:no-repeat;}
#bloc-entreprises a {background:url(../images/bloc-entreprises.png) 50% 50%; background-repeat:no-repeat;}
#bloc-entreprises a:hover {background:url(../images/bloc-entreprises-on.png) 50% 50%; background-repeat:no-repeat;}
#bloc-musique a {background:url(../images/bloc-musique.png) 50% 50%; background-repeat:no-repeat;}
#bloc-musique a:hover {background:url(../images/bloc-musique-on.png) 50% 50%; background-repeat:no-repeat;}
#bloc-contact a {background:url(../images/bloc-contact.png) 50% 50%; background-repeat:no-repeat;}
#bloc-contact a:hover {background:url(../images/bloc-contact-on.png) 50% 50%; background-repeat:no-repeat; }

#global {max-width:1275px; margin:0 auto; text-align: center;}
#gauche { float:left; min-height:400px; width:0px;/*180px*/; margin-left:20px; background-color:#99CC00;}

/* Messages de retour */
.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

/* BANDEAU */
#bandeau-supp { height:155px; background: url(../images/bandeau-fond-supp.jpg); background-repeat: repeat-x;width:100%; background-color:#fbf4fb;}
#bandeau {height:148px; max-width:1260px; margin:0 auto; padding-top:8px;}
#logo {height:145px; background: url(../images/logo.png) no-repeat; width:180px; float:left;}


/* Fil d'ariane */
#ariane {max-width:1260px; margin:0 auto; padding-top:8px; font-size:13px; font-family: "futura-book";}
#arianne-supp {height:34px; background: url(../images/fond-arianne.png); background-repeat: repeat-x; width:100%; opacity:0.9;}
.ariane-vous-etes-ici {min-width:1260px;margin-left:10px;}
.ariane-accueil { text-decoration:none; color:#242424; min-width:1260px;}
.ariane-fleche {}
a.ariane-element { min-width:1260px; text-decoration:none; color:#242424; font-family: "futura-book";}
span.ariane-element {min-width:1260px;}
.ariane-element-final { min-width:1260px;}

/* Menu */
#menu {list-style:none; margin:0; padding:0; height:102px; max-width:1050px; text-align:right; float:right; padding-top:45px;}
.menu-element {float:left; position:relative;}
.menu-element:hover span {}
.menu-element > span {cursor: default;}
.menu-element > a {}
.menu-element > a:hover, .menu-element > span:hover {}

#menu-1 a {background:url(../images/menu-accueil.png) no-repeat; height:66px; width:150px; cursor:pointer; display:block;}
#menu-5 > a {background:url(../images/menu-particuliers.png) no-repeat; height:66px; width:150px; display:block;}
#menu-6 > a {background:url(../images/menu-entreprises.png) no-repeat; height:66px; width:150px; display:block;}
#menu-7 > a {background:url(../images/menu-musiques-voix.png) no-repeat; height:66px; width:150px; display:block;}
#menu-8 > a {background:url(../images/menu-realisations.png) no-repeat; height:66px; width:150px; display:block;}
#menu-9 > a {background:url(../images/menu-tarifs.png) no-repeat; height:66px; width:150px; display:block;}
#menu-2 a {background:url(../images/menu-contact.png) no-repeat; height:66px; width:150px; display:block;}

.smenu-conteneur {position:absolute; top:103px; left:0px; z-index:200; margin:0; padding:0; list-style:none; display:none; width:153px; background-color:#191c1b;}
.smenu-haut {background:url(../images/haut-smenu.jpg) center top no-repeat; height:34px;}
.smenu-bas {}
.smenu-centre {}
.smenu-element { padding-bottom:20px; text-align:center; background:url(../images/barre-smenu.jpg) center bottom no-repeat; font-family: "futura-book"; font-size:14px;}
.smenu-element a { color:#B5B8B9; text-decoration:none; text-align:center; font-family: "futura-book";}
.smenu-element a:hover { color:#fff; text-decoration:none; text-align:center; font-family: "futura-book";}
.smenu-element:hover {}
.smenu-element ul { font-size:14px; text-align:center; color:#1f1f1f; font-family: "futura-book"; padding:0; margin:0; padding-right:37px;}
.smenu-element li { font-size:14px; text-align:center; color:#1f1f1f; font-family: "futura-book"; width:153px; padding-top:10px;}
.smenu-element span { color:#fff; font-weight:normal;}
.smenu-element span:hover { color:#fff; font-weight:normal;}

#smenu-9 { background-color:#191c1b;}
#smenu-9 a { background-color:#191c1b; color:#B5B8B9; text-decoration:none; text-align:center;}
#smenu-9 a:hover { color:#fff; text-decoration:none; text-align:center;}

/* DROITE */
#mobile-droite{display: none;}
#droite { float:right; min-height:400px; width:300px; margin-right:20px; margin-top:35px; margin-left:15px; }
#dr-contact { min-height:300px; background-color:#b5b8b9; margin-bottom:50px;}
#dr-contact-haut {background:url(../images/dr-contact-haut.jpg) no-repeat;  }
.dr-titre{ height:70px; }
#dr-contact-centre {}
#contact-lien {padding-left:20px; text-align:right; padding-right:25px;}
.contact-texte { padding-left:20px; font-size:14x;}
#dr-liens { background-color:#b5b8b9; margin-bottom:50px; padding-bottom:15px;}
#dr-liens-haut {background:url(../images/dr-liens-haut.jpg) no-repeat; height:70px;}
#dr-liens-centre {}
#dr-liens-suite a { float:right; padding-right:10px;}
.infos-cadre { background:url(../images/dr-infos-haut.jpg) no-repeat; height:70px;}
.infos-cadre-centre {background-color:#b5b8b9; margin-bottom:50px; padding-top:20px; padding-bottom:20px;}
.dr-repeat infos-cadre { background-color:#b5b8b9; margin-bottom:50px; padding-top:20px;}
#dr-liens-contenu { padding-top:15px;}

.input-text { background-color:#acc2d1; width:373px;}
#texte {background-color:#acc2d1; width:373px;}
#champs { padding-left:30px;}
.bouton-envoyer {background:url(../images/bouton-envoyer-contact.jpg) no-repeat; width: 155px; height:26px; cursor:pointer; border:none;}
.bouton-envoyer:hover {background:url(../images/bouton-envoyer-contact-on.jpg) no-repeat; width: 155px; height:26 cursor:pointer; border:none;}

/* CONTENU */
#img-video {height:350px; background: url(../images/img-video.jpg); width:620px; margin:0 auto;}
#contenu {max-height:800px; overflow:auto;}
.page-template-2803 #contenu {max-height:100%;}
#centre {padding-top:15px; overflow:hidden;}
h1 {background:url(../images/puce-h1.png) left no-repeat; font-size:30px; font-family: "futura-book"; color:#1f1f1f; padding-left:25px; line-height:30px;text-align: left;}
h2 {color:#515758; font-style:regular; font-size:20px; font-family: "futura-book"; margin:0px; padding-left:30px;text-align: left;}
h3 {color:#1f1f1f; font-style:regular; font-size:14px; font-family: "futura-book"; padding-left:15px; background:url(../images/puce-h3.png) left no-repeat; margin-left:20px;}
h4 {}
p { font-size:14px; text-align:justify; padding-right:45px; color:#1f1f1f; font-family: "futura-book"; padding-left:30px;}
#contenu a { font-size:14px; text-align:justify; color:#1f1f1f; text-decoration:none; font-family: "futura-book";}
#contenu a:hover { font-size:14px; text-align:justify; color:#1f1f1f; text-decoration:underline; font-family: "futura-book";}
a { font-size:14px; text-align:justify; color:#1f1f1f; text-decoration:none; font-family: "futura-book";}
a:hover { font-size:14px; text-align:justify; color:#1f1f1f; text-decoration:underline; font-family: "futura-book";}
#contenu ul { font-size:14px; text-align:justify; padding-right:45px; color:#1f1f1f; font-family: "futura-book"; padding-left:30px;}
#contenu li { font-size:14px; text-align:justify; padding-right:5px; color:#1f1f1f; font-family: "futura-book"; margin-left:30px;}
#droite ul { font-size:14px; text-align:justify; padding-right:45px; color:#1f1f1f; font-family: "futura-book"; padding-left:30px;}
#droite li { font-size:14px; text-align:justify; padding-right:5px; color:#1f1f1f; font-family: "futura-book"; margin-left:30px;}

/* PIED */
#pied-supp {min-height:115px; height:auto; background: url(../images/bande-fond-pied.jpg); width: 100%;}
#pied {padding-top:10px; color:#fff; text-align:center;height:auto; min-height:105px; max-width:1260px; margin:0 auto;padding-bottom:6px;}
.texte-footer {font-size:12px; text-align:right; color:#000; height:50px; padding:0px; padding-right:40px;margin:0; padding-top:12px; }
.texte-footer a {font-size:12px; text-align:right; margin:0px; color:#fff; text-decoration:none; background:url(../images/puce-pied.png) no-repeat; height:48px; padding-left:40px; display:inline-block;}
.texte-footer a:visited {font-size:12px; text-align:right; margin:0px; color:#fff; text-decoration:none; text-decoration:underline; height:48px; padding-left:40px; display:inline-block;}
.texte-footer a:hover {font-size:12px; text-align:right; margin:0px; color:#fff; text-decoration:none; text-decoration:underline; height:48px; padding-left:40px; display:inline-block;}

/* Languettes */
#languette-container {height:279px; width:81px; position : fixed; right:0px; top:250px;}
#languette-admin { width:81px; height:93px; background: url(../images/lang-interface-gestion.png); cursor:pointer; position:absolute; top:0px; right:0px;}
#languette-admin:hover { width: 198px; height: 93px; background: url(../images/lang-interface-gestion-depliee.png);}
#languette-page { height:93px; width:81px; background: url(../images/lang-gestion-page.png); cursor:pointer; position:absolute; top:98px; right:0px;}
#languette-page:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-depliee.png);}
#languette-page-disabled { height:93px; width:81px; background: url(../images/lang-gestion-page-off.png); cursor:pointer; position:absolute; top:98px; right:0px;}
#languette-page-disabled:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-off-depliee.png);}
#languette-deconnexion {  height:93px; width:81px; background : url(../images/lang-deconnexion.png); cursor:pointer; position:absolute; top:196px; right:0px; }
#languette-deconnexion:hover { width: 198px; height: 93px; background: url(../images/lang-deconnexion-depliee.png); position:relative; left:-117px; cursor:pointer; margin-top:5px;}

/* Moteur de recherche */
#recherche-conteneur {}
#recherche-description {}
#recherche-conteneur-familles {}
.recherche-conteneur-famille {}
.recherche-nom-famille a, .recherche-nom-produit a {color: #000; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:0.9em;}
.recherche-nom-famille {text-align:center;}
.recherche-nom-famille a {}
#recherche-conteneur-produits {}
.recherche-conteneur-produit {}
.recherche-photo {text-align:center; min-height: 75px;}
.recherche-photo-non-disponible {font-size:0.9em; text-align:center;padding-top:100px;}
.recherche-nom-produit {text-align:center;}
.recherche-nom-produit a {}
.recherche-conteneur-produit, .recherche-conteneur-produit {width:202px; height:325px; background: url(../images/famille-conteneur.png) top left no-repeat; float: left; margin:5px; padding:5px 10px;}
.recherche-conteneur-produit-haut {height:50px; overflow:hidden;}
.recherche-conteneur-produit-haut-gauche {font-size:0.8em; text-align:center; text-decoration:none;}
.recherche-conteneur-produit-haut-gauche a {color: #000;}
.recherche-conteneur-produit-haut-droite {float:right; text-align:right; width:80px; padding-right:10px; padding-top:10px; font-size:0.95em; font-weight:bold; color: #7C5099;}
.recherche-conteneur-produit-centre {height:223px; overflow:hidden; text-align:center; margin-top:5px;}
.recherche-conteneur-produit-centre table {width:100%; height:223px;}
.recherche-conteneur-produit-bas {height:28px; overflow:hidden; padding-top:25px;}
.recherche-conteneur-produit-bas-gauche {float:left; width:50%; text-align:left;}
.recherche-conteneur-produit-bas-droite {margin-left:50%; text-align:right; font-size:0.95em; font-weight:bold; color: #7C5099;}
.recherche-pagination {color:#7C5099;}


/* Recapitulatif de produit */
#recap-produit {width:300px; border:1px solid #CCC; position:absolute; top:0px; left:0px; z-index:100;}
#recap-produit-message {background-color:#EEE; padding:6px 10px; font-size:0.9em; color: #000; border-bottom:1px solid #CCC;}
#recap-produit-contenu {padding:10px; background-color:#FFF; font-size:0.8em;}
#recap-produit-infos {}
#recap-produit-infos-table {width:100%;}
#recap-produit-infos-table .recap-produit-infos-miniature {width:50%; text-align:center;}
#recap-produit-infos-table .recap-produit-infos-nom {width:50%; text-align:center;}
#recap-produit-action {}
#recap-produit-poursuivre {float:left;}
#recap-produit-poursuivre > span {cursor:pointer;}
#recap-produit-panier {text-align:right;}
#recap-produit-panier > a, #recap-produit-panier > a:visited {text-decoration:none;}

/* Contact */
#contact-conteneur {overflow:hidden;}
.contact-coordonnee {clear:left; margin-bottom:5px;}
.contact-champ {margin-bottom:10px;}

#contact-captcha {margin-left:160px;}
#contact-captcha div {margin:0; padding:0;}

#formMail .button{margin-left:160px !important;}

/* Plan du site */
.plansite-ul {}
.plansite-li {}
.plansite-a {text-decoration:none;}
.plansite-a:hover {text-decoration:underline;}
.plansite-span {}


/* Mosaique */
.mosaique-conteneur {text-align:left;margin: 20px auto;}
.mosaique-conteneur .mosaique-ligne {text-align:left; margin: 10px 0;}
.mosaique-conteneur .mosaique-element {display:inline-block; vertical-align:top; margin:5px;}
.mosaique-conteneur .mosaique-element a, 
.mosaique-conteneur .mosaique-element a:visited {width:100%; height:100%; display:block;}
.mosaique-conteneur .mosaique-element a img {display:block;}

/* Diaporama */
#contenu .diaporama-container {  position: relative; z-index:1; overflow:hidden; min-height:280px; min-width:300px; }
/** Carousel **/
#contenu .diaporama-slider { position: relative; overflow: hidden;  min-width:240px; min-height: 200px; margin:0 auto;}
#contenu .diaporama-slider ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
#contenu .diaporama-slider .diaporama-slider-li {text-align:center;  margin:0 auto; cursor:pointer; float: left;  padding: 0; min-width:240px; min-height: 200px; list-style:none; }
#contenu .diaporama-slider .diaporama-slider-li::before {display:none;}
#contenu .diaporama-slider .diaporama-slider-li a,
#contenu .diaporama-slider .diaporama-slider-li a:visited {display:block; width:100%; height:100%;}
#contenu .diaporama-slider .diaporama-slider-li .diaporama-slider-image {width:100%; height:100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#contenu .diaporama-slider .diaporama-slider-li .diaporama-slider-image img {width:100%; height:100%; object-fit:contain;}
.diaporama-prev, .diaporama-next { position: absolute; top: 0; width: 30px; min-height: 200px; text-align: center;}
.diaporama-prev i, .diaporama-next i {position: absolute; top: 40%; left:25%; font-size:50px;}
.diaporama-prev { left: 0px;}
.diaporama-next { right: 0px;}

.diaporama-boutons{ width:80px;  margin:5px auto 0;}
.diaporama-pause {width:20px; }
.diaporama-lecture {width:20px; }
.diaporama-pause i,.diaporama-lecture i  {margin:0 10px; cursor:pointer; font-size:20px;}




/* Slider */
#slider-container {position:relative; z-index:1; overflow:hidden; height:240px; margin:20px; background-color:#f3f3f3; }
#slider {height: 260px; margin:20px; overflow:hidden;}
#slider ul { padding:0px; }
#slider ul li {list-style:none; width:500px; height:220px;}
.imageSlide {float:left; width:200px;}
.texteSlide {margin-left:230px;}
#controls {list-style:none; margin:0px; padding:0px; height:28px; position:absolute; bottom:-8px; right:20px; z-index:10;}
#controls li {list-style:none; float:left; text-align:center; background-color:#FFF; margin-right:5px; width:20px; height:28px; background-color:#144576; }
#controls li a {color:#ebeaea; font-weight:bold; display:block; height:28px; line-height:20px; text-decoration:none;}
#controls li.current {height:28px; width:20px; position:relative; bottom:8px; right:0px;}
#controls li.current a {width:20px;}








/* Template Famille */
#famille-conteneurs {width:810px; margin:0 auto;}
#famille-conteneurs .milieu1 {margin:0 15px 0 30px;}
#famille-conteneurs .milieu2 {margin:0 30px 0 15px;}

#famille-conteneurs .famille-conteneur { width: 180px; /*margin-right: 40px;*/ margin-bottom: 20px; float: left; }

.famille-conteneur-famille {}

.famille-photo { width: 180px; height: 180px; background-color: #FFF; margin:0px; padding:0px; }

.famille-photo table {width:100%; text-align:center; height:180px; overflow:hidden; margin:0px; padding:0px; border: #380f3e 1px solid; border-collapse:collapse;}
.famille-photo table img {display:block; margin:0px; padding:0px;}
.famille-nom { font-weight: bold; margin-top: 15px;}

.famille-nom { font-weight: bold; margin-top: 7px; }
.famille-prix {height:15px; line-height:15px;}
.famille-prix > span {font-weight:bold; font-size:0.8em;}
.famille-prix span.prixbarre {text-decoration:line-through; margin-right:10px; color: #B04480;}
.famille-nom-famille {}
#famille-conteneur-produits {}
.famille-conteneur-produit {}
.famille-photo {position:relative;}
.famille-nom-produit {}
.famille-conteneur-produit, .famille-conteneur-famille {float:left;padding:15px; margin:15px; border:1px solid #000;}
#famille p {text-align: justify; width:810px; margin:10px auto; padding:0; }
#famille h2 { background: url(../images/h2.jpg) no-repeat 0 5px; font-family: Verdana, Geneva, sans-serif; font-size: 18px; padding-left: 18px; color: #7c5099; margin-left: 35px; }
#famille-conteneurs .pastille {position:absolute; top:-4px; left:-4px;} 


/* Template Produit  */
#produit-conteneur { }
#produit-photos { width: 400px; float: left; background-color: #FFF; }
#produit-photos .zoomPad {z-index:1000; position:relative; display:block; float:inherit; top:0px; left:0px;}
#produit-photo-conteneur {border: #380f3e 1px solid; width:255px; height:255px; margin:0 auto 0 auto;}
#produit-photo-conteneur table {width:250px; height:250px; text-align:center; margin:0 auto;}
#produit-texte { margin-left: 410px; color: #380f3e; margin-bottom: 20px; }
#produit-texte p, #produit-texte li {font-size:12px;}
#produit-nom {}
#produit-contenu {}
#produit-gauche {float:left; width:300px;}
#produit-conteneur-photo-principale {width:300px; height:250px; overflow:hidden;}
#produit-conteneur-miniatures {width:300px;}
#produit-miniatures {width:360px; margin:0 auto;}
.produit-conteneur-miniature {width:110px; height:110px; float:left; border:1px solid #380f3e; margin:3px; overflow:hidden;}
.produit-miniature {height:110px; width:110px; float:left; border:1px solid #380F3E; margin:3px;}
.produit-miniature table {width:110px; height:110px;}
.produit-miniature table td {text-align:center;}
#produit-droite {}
#produit-declinaisons { color: #380f3e; margin-left: 60px; margin-top: 20px; }
#produit-declinaisons table { color: #380f3e; width: 100%; margin-bottom:20px; border-collapse:collapse;}
#produit-declinaisons th { text-transform: uppercase; text-align: left; height:28px; background-color: #7c5099; color:#FFF;}
#produit-declinaisons th.first {background:url(../images/table-bg-haut-gauche.jpg) top left no-repeat #7c5099; width:30px;}
#produit-declinaisons th.last {background:url(../images/table-bg-haut-droite.jpg) top right no-repeat #7c5099; width:30px;}
#produit-declinaisons td { padding:8px 5px; font-size: 12px; }
#produit-declinaisons td.first {background:url(../images/table-bg-centre.jpg) top left repeat-y;}
#produit-declinaisons td.last {background:url(../images/table-bg-centre.jpg) top right repeat-y;}
#produit-declinaisons tr.lastRow {height:12px;}
#produit-declinaisons tr.lastRow td.first {height:12px; background:url(../images/table-bg-bas-gauche-paire.jpg) top left no-repeat;}
#produit-declinaisons tr.lastRow td.last {height:12px; background:url(../images/table-bg-bas-droite-paire.jpg) top right no-repeat;}
#produit-declinaisons tr.lastRow td {height:12px; background:url(../images/table-bg-bas.jpg) top left repeat-x;}
#produit-declinaisons .prix-barre {text-decoration: line-through; margin-right:5px;}
#produit-ajouter {vertical-align:middle;}
.paire {background-color: #ffffff;}
.impaire { background-color: #faf3fb; }
#produit-photo-legende {margin-bottom:20px; text-align:center; color:#380F3E; font-size:14px; font-style:italic;}
#produit-photo-zoom {}
#produit-photo-zoom .zoomPad {}
#produit-photo-zoom .zoomPad img {}
.zoomPad .zoomWrapperTitle {color:#000; font-size:14px; font-weight:bold; bottom:0px; left:0px;}

#produit-similaires {width:50%; float:left;}
#produit-similaires h1 {background:url(../images/h1-similaire.jpg) left center no-repeat; font-size:1.4em; padding-left:30px; margin-left:30px;}
#produit-similaires .produit-similaire {width:130px; padding:0 5px; float:left; margin:5px 0; }
#produit-similaires .produit-similaire-nom {margin:0px; padding:0px; text-align:center; background:none; line-height:11px; height:40px; overflow:hidden;}
#produit-similaires .produit-similaire-nom a, #produit-similaires .produit-similaire-nom a:visited {font-style:normal; font-size:0.5em; font-weight:normal; color: #000; padding-left:15px; background:url(../images/h2-similaire.jpg) left center no-repeat; text-transform:uppercase;}
#produit-similaires table.produit-similaire-photo {border-collapse:collapse; width:130px; margin:0px auto; border:1px solid #380F3E;}
#produit-similaires table.produit-similaire-photo td {height:130px; margin:0px; padding:0px;}
#produit-similaires table.produit-similaire-photo td a {}
#produit-similaires table.produit-similaire-photo td img {display:block; margin:0px; padding:0px;}
#produit-similaires .produit-similaire-bas {margin-top:5px;}
#produit-similaires .produit-similaire-prix {float:left; font-weight:bold; color:#e49126; margin-left:0px;}
#produit-similaires .produit-similaire-voir {margin-left:92px;}

#produit-apparentes {width:50%; float:left;}
#produit-apparentes h1 {background:url(../images/h1-apparente.jpg) left center no-repeat; font-size:1.4em; padding-left:30px; margin-left:30px;}
#produit-apparentes .produit-apparente {width:130px; padding:0 5px; float:left; margin:5px 0; }
#produit-apparentes .produit-apparente-nom {margin:0px; padding:0px; text-align:center; background:none; line-height:11px; height:40px; overflow:hidden;}
#produit-apparentes .produit-apparente-nom a, #produit-apparentes .produit-apparente-nom a:visited {font-style:normal; font-size:0.5em; font-weight:normal; color: #000; padding-left:15px; background:url(../images/h2-apparente.jpg) left center no-repeat; text-transform:uppercase;}
#produit-apparentes table.produit-apparente-photo {border-collapse:collapse; width:130px; margin:0px auto; border:1px solid #380F3E;}
#produit-apparentes table.produit-apparente-photo td {height:130px;}
#produit-apparentes .produit-apparente-bas {margin-top:5px;}
#produit-apparentes .produit-apparente-prix {float:left; font-weight:bold; color:#b04481; margin-left:0px;}
#produit-apparentes .produit-apparente-voir {margin-left:92px;}

/* Carrousel */
#carrousel-conteneur {padding-bottom:15px; position:relative;}
#carrousel-haut {height:32px; position:absolute; top:5px; left:12px; z-index:20;}
#carrousel-haut .carrousel-theme {float:left; cursor:pointer; width:200px; height:32px; line-height:32px; background:url(../images/carrousel-theme-bg.jpg) top left no-repeat; text-align:center; margin:0 2px;}
#carrousel-haut .current, #carrousel-haut .carrousel-theme:hover {background:url(../images/carrousel-theme-bg-on.jpg) top left no-repeat;}
#carrousel-haut .carrousel-theme a {font-size:0.8em; color:7c5099;}
#carrousel-haut .carrousel-theme:hover a, #carrousel-haut .current a {color: #f2e3f5;}

#carrousel-centre {width:842px; height:351px; background:url(../images/carrousel-bg.jpg) top left no-repeat; position:relative;}
#carrousel-contenu {padding:50px 15px 15px 15px; height:251px;}
#carrousel-contenu #nextBtn, #carrousel-contenu #prevBtn {position:absolute; top:130px; z-index:30; width:29px; height:90px; cursor:pointer;}
#carrousel-contenu #nextBtn a, #carrousel-contenu #prevBtn a {width:29px; height:90px; display:block;}
#carrousel-contenu #prevBtn {left:0px; background:url(../images/carrousel-fleche-gauche.png) top left no-repeat;}
#carrousel-contenu #nextBtn {right:0px; background:url(../images/carrousel-fleche-droite.png) top left no-repeat;}

#carrousel-slider {height:351px; background-color: #CCC;}
#carrousel-slider ul {margin:0px; padding:0px;}
.carrousel-slide {width:812px; height:351px; overflow:hidden;}
.carrousel-slide .carrousel-element {width:240px; padding:0 15px; height:281px; float:left; overflow:hidden;}
.carrousel-slide .centre {background:url(../images/carrousel-centre-bg.jpg) top left no-repeat;}
#carrousel-slider h2 {margin:0px; font-weight:normal; color:#000; font-size:1em; background:none; text-align:center; height:36px; overflow:hidden;}
#carrousel-slider h2 span {background:url(../images/h2.jpg) left center no-repeat; padding-left:18px;}
#carrousel-slider .prix {text-align:center; margin:10px 0;}
#carrousel-slider .prix span {font-size:1.0em; color:#7C5099; font-weight:bold;}
#carrousel-slider .photo {}
#carrousel-slider .photo table{width:100%; height:155px;}
#carrousel-slider .voir {text-align:center; margin-top:10px;}
#carrousel-bas {}

#carrousel-conteneur #controls {list-style:none; margin:0px; padding:0px; position:absolute; bottom:-15px; right:5px; z-index:10;}
#carrousel-conteneur #controls li {list-style:none; float:left; text-align:center; height:35px; width:35px; background:url(../images/carrousel-numeric-bg.png) top left no-repeat; line-height:30px; }
#carrousel-conteneur #controls li a {font-style:normal; font-weight:bold; color: #7c5099; font-size:0.9em; display:block; height:30px;}
#carrousel-conteneur #controls li.current {}
#carrousel-conteneur #controls li.current a {color: #FFF;}

#carrousel-page-tableau, #carrousel-texte-tableau {border:none; border-collapse:collapse;padding:15px 0;}
#carrousel-page-tableau tr,#carrousel-texte-tableau tr {border:none;}
#carrousel-page-titre {}
#carrousel-page-texte {padding-left:15px;}
#carrousel-page-lire {padding-right:10px;}
/* Fin carrousel */


/* Sommaire */
#sommaire-conteneur {}
#sommaire-cadre { float: right; border:2px solid #E5E5E5;  width:200px;}
#sommaire-cadre h2 {margin-left:10px; margin-top:5px;}
#sommaire-cadre ul {padding-left:20px; margin: 5px; margin-left:0;}
#sommaire-cadre ul li {font-size:12px;  padding-bottom:5px;}
#sommaire-contenu { margin-right:210px;}


/* Membre Compte */
#membre-identification { margin-top: 5px; margin-bottom: 5px; color: #610512; }
#membre-identification input { border: 1px solid #610512; width: 140px;}
#membre-container {}
#membre-container .input-text {width:250px;}
#membre-container .form {padding:5px 0;}
#membre-contenu {}
#membre-contenu-informations {clear:both;}
#membre-contenu-maps {float:left; width:300px;margin-left: 50px;}
#membre-contenu-adresse {/*padding-right:300px;*/float:left;}
#membre-showGoogleMap {text-align:center; padding:5px 0;}
#membre-modifier {text-align:center; padding:15px 0;}
#membre-map-canvas {width:300px; height:350px;}
#membre-display-map{font-size: 0.8em;}

/* Membre informations */
#membre-informations-container {}
#membre-informations-container .form {padding:5px 0; }
.form{clear: none;}
.form div{margin: 0; padding-bottom: 10px; text-align: left;}
#membre-informations-container .form180 {padding-right:23px;}
#membre-informations-container .membre-images {padding-right:20px;}
#membre-informations-container .input-text {width:250px;}
.membre-div-images {padding-left:200px;}
.product-picture-container-logo, .product-picture-container-photo {overflow:hidden;}
.membre-form-textes{display:block; width:180px; padding-bottom:10px; text-align:left; font-size:0.8em;}




/* PREPARATION RESPONSIVE */

.w385 {display:none;}
#bandeau-mobile,#menumobile-wrapper,#menutablette {display:none;}

/* Retour haut de page */
#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border:none;
    text-decoration: none;
    background: rgba(122, 128, 129, 0.9);
    color:#fff;
    width:45px; height:48px;
    padding: 0.2em;
    display: none;
	z-index:500;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  
}
#back-to-top i {color:#fff; font-size: 40px;  line-height: 40px; width:45px; text-align:center;}

#back-to-top:hover {    
}

/* colonne gauche */
#cadre-mariage, #cadre-bapteme, #cadre-fete{width: 170px; height: 152px; float: left; margin-left:10px; margin-right: 40px; margin-bottom:5px; padding-left:160px; padding-top:10px; padding-right:10px; }
#cadre-mariage {  background: url(../docs/cadres/cadre-mariage.jpg) no-repeat; }
#cadre-bapteme { background: url(../docs/cadres/cadre-bapteme.jpg) no-repeat;}
#cadre-fete{ background: url(../docs/cadres/cadre-fetes.jpg) no-repeat;}

/* colonne droite */
#cadre-entreprise, #cadre-evenements, #cadre-musique { width: 170px; height: 152px; float: left; padding-left:160px; padding-top:10px; margin-bottom:5px; padding-right:10px;}
#cadre-entreprise { background: url(../docs/cadres/cadre-entreprise.jpg) no-repeat;}
#cadre-evenements { background: url(../docs/cadres/cadre-evenement.jpg) no-repeat; }
#cadre-musique { background: url(../docs/cadres/cadre-musique-voix.jpg) no-repeat; }

/* Les 2 colonnes */
#colcentrales a { color:#fff;}
#cadre-mariage p, #cadre-bapteme p, #cadre-fete p, #cadre-entreprise p, #cadre-evenements p, #cadre-musique p { margin:0; padding:0;}
#cadre-mariage a, #cadre-mariage a:visited, #cadre-bapteme a, #cadre-bapteme a:visited, #cadre-fete a, #cadre-fete a:visited, #cadre-entreprise a, #cadre-entreprise a:visited, #cadre-evenements a, #cadre-evenements a:visited, #cadre-musique a, #cadre-musique a:visited { color:#fff; text-decoration:underline;}
#cadre-mariage a:hover, #cadre-bapteme a:hover, #cadre-fete a:hover, #cadre-entreprise a:hover, #cadre-evenements a:hover, #cadre-musique a:hover { color:#fff; text-decoration:none;}
.button{margin-left: 383px!important;}

/* Template */
#template21-zone1 {margin-bottom:5px;}
#template21-zones-container {margin:25px 0 5px;}
#template21-zone2 {float:left; width:365px;}
#template21-zone3 {float:left; width:365px;}
#template21-zone4 {}

#template21-zones-container h2 {margin-top:0px;}

#template177-zone1 {margin-bottom:5px;}
#template177-zones-container {margin:25px 0 5px;}
#template177-zone2 {float:left; width:365px;}
#template177-zone3 {float:left; width:365px;}
#template177-zone4 {}

#template177-zones-container h2 {margin-top:0px;}


/* Renseignement */
#renseignement-conteneur {cursor:pointer; max-width:565px; position:relative; z-index:10; margin:90px auto 40px; border:1px solid #262a2b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  }
#renseignement-titre {padding: 0 25px; position:absolute; top:-27px; left:4vh; z-index:15; text-transform:uppercase; background:#fff; font-weight:500; font-size:30px; color:#262a2b; text-align:center; letter-spacing: 0.9px;}
#renseignement-contenu {margin-top: 20px; padding: 15px 20px;}
#renseignement-contenu .renseignement-element { }

#renseignement-contenu .renseignement-element-contenu {font-size: 33px;}
#renseignement-telephone {border-right:1px solid #000; text-align:center; height:55px; width:400px; display:inline-block;vertical-align:top; color:#000000; line-height: 35px; font-weight:700;}
#renseignement-telephone i {vertical-align: middle;font-size:53px; color:#262a2b;}
#renseignement-telephone a,
#renseignement-telephone a:visited { color:#000000; text-decoration:none;}

#renseignement-mail {display:inline-block;vertical-align:top; height:55px; width: 90px; text-align: center; }
#renseignement-mail-contenu {}
#renseignement-mail a,
#renseignement-mail a:visited {color:#262a2b;  text-align:center; text-decoration:none; display:inline-block; line-height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  }
#renseignement-mail i {font-size:45px; width:46px; height:44px; margin: 0 auto; display:block; color:#262a2b;}
#renseignement-conteneur:hover a i {color:#000000;}


/* REALISATIONS */

#container-videos {position: relative;}
#container-videos .conteneur-video {padding-bottom: 200px;;margin-top: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#container-videos .conteneur-video .video {position:relative; z-index:10; width: 250px; height:245px; padding:0; margin: 10px 20px;border: 1px solid #fff;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;background: #fff; cursor: pointer;}
#container-videos .conteneur-video .video .container-video {position: absolute;top: 0;left: 0; width:100%; height:100%; border: 1px solid #fff;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;background: #fff; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
#container-videos .conteneur-video .video-image {width: 100%; max-height: 140px; height: auto; overflow: hidden;}
#container-videos .conteneur-video .video-image img {width: 100%; height: 100%;object-fit: cover;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
#container-videos .conteneur-video .video-information {opacity:1; padding: 10px 5px; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
#container-videos .conteneur-video .video-information .video-nom {padding: 5px;}
#container-videos .conteneur-video .video-information p {margin: 0; padding:0;}
#container-videos .conteneur-video .texte-video {opacity: 0;height: 0;width: 0;font-size: 0;overflow: hidden;}
#container-videos .conteneur-video .video-hover {height: 0;overflow: hidden; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
#container-videos .conteneur-video .video-hover p {margin: 5px 0;line-height: 18px;}
#container-videos .conteneur-video .video:hover .container-video{border: 1px solid #737A65; -webkit-box-shadow: rgba(0,0,0,.17) 0 0 13px;-moz-box-shadow: rgba(0,0,0,.17) 0 0 13px;box-shadow: rgba(0,0,0,.17) 0 0 13px;-webkit-transform: scale(1.05);transform: scale(1.05);}