@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 */

body {margin:0; padding:0; font-family:"Roboto", "Trebuchet MS", Arial; font-size:18px; font-weight:400; background:#ffffff; color:#51514f;}

#global {/*padding-top:93px;*/}
.global {max-width:1200px; padding:0 50px; margin:0 auto;}

.parallax-window { background: transparent; height:auto;}
#parallax-window-8 {background:#1d1d1b;}
#parallax-window-9 {background:#4abcbc;}

/* BANDEAU */
#bandeau {padding:10px 0 0 0; position:fixed; left:0px; top:0px; width:100%; z-index:30; background:#FFFFFF; border-bottom:5px solid #60c4c4;}
.lg {height:145px;}
.sm {height:60px;}

#bandeau.sm {background:rgba(255,255,255, 0.97); }
#bandeau.sm #logo a img {height:55px; width:auto;}
#bandeau.sm .menu-wrapper {padding-top:0px; height:30px;}
#bandeau.sm #bandeau-icones {height:30px;}
#bandeau.sm #bandeau-icones div {height:30px;}
#bandeau.sm #bandeau-telephone {font-size:20px; line-height:30px; background-size:24px auto;padding-left: 40px; }
#bandeau.sm #bandeau-telephone {min-width: 140px;}
#bandeau.sm #bandeau-mail a {min-width: 180px; height:30px;line-height:27px; font-size:18px; background-size:24px auto;padding-left: 40px; }
#bandeau.sm #bandeau-mail i {font-size:28px;}
#bandeau.sm #menu {padding-top:0;}

#bandeau #logo {float:left;}
#bandeau #logo a,
#bandeau #logo a:visited {}
#bandeau #logo a img {display:block; width:auto;}
#bandeau #logo span {display:none;}

/* MENU */
/* Menu niveau 1 */
#bandeau .menu-wrapper {height:80px; float:right;}
#bandeau-icones {}
#bandeau-telephone {padding-left:60px;background:url(../images/bandeau-icone-telephone.png) no-repeat 6px center #4abcbc;float:right; line-height:48px; min-width:240px; height:55px; margin-left:40px; font-family:"Roboto Condensed", Roboto, Arial; font-size:35px; font-weight:700; color:#fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
#bandeau-mail {float:right; margin-left:40px; }
#bandeau-mail i {color:#fff; float:right; font-size:50px; margin:0 2px 0 5px;}
#bandeau-mail a, #bandeau-mail a:visited {line-height:50px; min-width:200px; height:55px; display:block; padding-left:60px; background:url(../images/bandeau-icone-mail.png) no-repeat 6px center #1d1d1b; font-size:20px; font-weight:400; color:#fff; text-decoration:none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
#menu {list-style:none; margin:0px; padding:0; padding-top:40px; height:30px; float:right;}

#menu .menu-element {float:left; margin-left:20px; position:relative; z-index:100;}
#menu .menu-element:first-child {margin-left:0px;}

#menu .menu-element > a {text-decoration:none;}
#menu .menu-element > a > span,
#menu .menu-element > span {padding:0 10px; display:block; height:30px; font-weight:300; line-height:30px; color:#1d1d1b; font-size:17px;}

#menu .menu-element:hover,
#menu .menu-element.selected {}

#menu .menu-element.selected > a > span,
#menu .menu-element.selected > span,
#menu .menu-element:hover > a > span,
#menu .menu-element:hover > span {color:#4abcbc;}

#menu .menu-element.menu-grand {}
#menu .menu-element.menu-grand > a > span,
#menu .menu-element.menu-grand > span {}

/* Sous menu niveau 1 */
#menu .smenu-conteneur {position:absolute; top:55px; left:0px; z-index:200; margin:0; padding:0; list-style:none; display:none; width:181px; background:#ffffff;}
#bandeau.sm #menu .smenu-conteneur {top:35px;}
#menu .smenu-bas {}
#menu .smenu-centre {}
#menu .smenu-element {float:left; width:90px;}
#menu .smenu-element:nth-child(2n+2) {border-left:1px solid #aaa;}
#menu .smenu-element:nth-child(2n+2) > a > span {padding-left:14px;}
#menu .smenu-element:nth-child(2n+1) > a > span {padding-right:0px;}
#menu .smenu-element > a {text-decoration:none;}
#menu .smenu-element > a > span,
#menu .smenu-element > span {color:#1d1d1b; display:block; padding:4px 7px; font-weight:300; font-size:15px;}
#menu .smenu-element > span {text-transform:uppercase;}
#menu .smenu-element.selected > a > span,
#menu .smenu-element:hover > a > span {background:#333333; color:#ffffff;}

/* Sous menu niveau 2 */
#menu .ssmenu-conteneur {padding:0px; margin:0px; list-style:none;}
#menu .ssmenu-element {}
#menu .ssmenu-element a,
#menu .ssmenu-element a:visited {font-size:12px; color:#1b2a24; display:block; padding:4px 7px 4px 14px; text-decoration:none; line-height:14px;}
#menu .ssmenu-element a:hover {background:#ea242b; color:#ffffff;}

/* BANDEAU IMAGE */
/*#bandeau-image {height:860px; left: 0; position: absolute; top: 0; z-index: 10;}
.bandeauImage {height:860px;}
.parallax-mirror {width:100%;}
.bandeauImage .parallax-mirror {}
.parallax-slider { height:860px;}
.parallax-slider img {display:block; width:100%; height:auto; margin:0px; padding:0px; position:absolute; top:0px; left:0px;}*/

/* CENTRE */
#centre {padding-top:160px;}
#centre .global {padding:15px 50px;}

/* Images rotatives*/
.flipcard { position: relative; perspective: 500px; margin:0 auto;}
.flipcard.v:hover .front, .flipcard.v.flip .front{ transform: rotateX(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform-style: preserve-3d; -moz-transition: all 0s linear 0s; -webkit-transform-style: preserve-3d; -webkit-transition: all 0s linear 0s; }
.flipcard.v:hover .back, .flipcard.v.flip .back{ transform: rotateX(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; }
.flipcard.v .back{ transform: rotateX(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);}
.flipcard.h:hover .front, .flipcard.h.flip .front{ transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.flipcard.h:hover .back, .flipcard.h.flip .back{ transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg);}
.flipcard.h .back{ transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);}
.flipcard .front, .flipcard .back{ position:absolute; width: 100%; height: 100%; transition: all 0.5s ease-in; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;   }


/* GAUCHE */
#gauche {width:270px; float:left;}
#gauche .titre {color:#5a5a5a; font-family:'Open Sans'; font-weight:300; font-size:36px; margin-bottom:10px;}

/* MENU GAUCHE */
/* Menu niveau 1 */
#nav {list-style:none; margin:0px; padding:0;}

#nav .menu-element {border-bottom:1px solid #cccccc;}
#nav .menu-element:first-child {}

#nav .menu-element > a {text-decoration:none;}
#nav .menu-element > a > span,
#nav .menu-element > span {padding:4px 10px; display:block; color:#5a5a5a; font-size:15px; line-height:25px;}
#nav .menu-element > a > span:before,
#nav .menu-element > span:before {content:"» "}

#nav .menu-element:hover,
#nav .menu-element.selected {}

#nav .menu-element.selected > a > span,
#nav .menu-element.selected > span,
#nav .menu-element > a > span:hover,
#nav .menu-element > span:hover {color:#4abcbc;}

#nav .menu-element.menu-grand {}
#nav .menu-element.menu-grand > a > span,
#nav .menu-element.menu-grand > span {}

/* Menu niveau 2 */
#nav .smenu-conteneur {margin:0; padding:0; list-style:none;}
#nav .smenu-haut {}
#nav .smenu-bas {}
#nav .smenu-centre {}
#nav .smenu-element {}
#nav .smenu-element > a { text-decoration:none;}
#nav .smenu-element > a > span,
#nav .smenu-element > span {color:#5a5a5a; display:block; padding:3px 0px; font-size:13px; line-height:20px;}
#nav .smenu-element:hover,
#nav .smenu-element.selected,
#nav .smenu-element.selected > a > span,
#nav .smenu-element.selected > span,
#nav .smenu-element:hover > a > span,
#nav .smenu-element:hover > span {color:#4abcbc;}

/* DROITE */
#droite {}

/* CONTENU */

#centre h1 {color:#4abcbc; font-weight:700; font-size:35px; text-align:center; margin:10px 0;}
#centre h2 {color:#1d1d1b; font-weight:500; font-size:25px; text-align:center; margin:10px 0 20px; }
#centre h3 {color:#1d1d1b; font-weight:500; font-size:20px;}
#centre p, #centre table tr td, #centre span {color:#51514f;  font-weight:400; }
#centre .parallax-image h1,#centre .parallax-image h2,#centre .parallax-image h2,#centre .parallax-image p,#centre .parallax-image span,#centre .parallax-image table tr td,
#centre #parallax-window-8 h1,#centre #parallax-window-8 h2,#centre #parallax-window-8 h2,#centre #parallax-window-8 p,#centre #parallax-window-8 span,#centre #parallax-window-8 table tr td,
#centre #parallax-window-9 h1,#centre #parallax-window-9 h2,#centre #parallax-window-9 h2,#centre #parallax-window-9 p,#centre #parallax-window-9 span,#centre #parallax-window-9 table tr td, #centre #parallax-window-9 label  {color:#fff;}
#centre #parallax-window-9 p,#centre #parallax-window-9 span {font-family: 'Roboto Condensed', Roboto, Arial; font-size:35px; font-weight:700;}
#centre ul {}
#centre ul li {}
#centre table tr td p {margin:7px 0;}
#centre a,
#centre a:visited {color:#4abcbc; text-decoration:none;}
#centre #parallax-window-9 a, #centre #parallax-window-9 a:visited {color:#fff;}
#centre a:hover {text-decoration:none;}

/* TEMPLATE AVEC NAVIGATION */
#module-navigation {}
#module-navigation #centre {padding-left:30px;}
	
/* TEMPLATE SANS NAVIGATION */
#module-defaut {}
#module-defaut #centre {}

/* PIED */
#pied {background:#1d1d1b; margin-top:25px;}
#pied .global {padding:15px 10px;}
#pied .global .contenu-wrapper {min-height:200px;}

#pied .col {width:24%; min-width:300px; float:left;}
#pied .col .categorie {}
#pied .col .categorie a,
#pied .col .categorie a:visited,
#pied .col .categorie span {font-size:18px; color:#4abcbc; font-weight:700; text-decoration:none;}
#pied .col .categorie a:hover {}
#pied .agoraline a:first-child {display:block;}

#pied .col ul {}
#pied .col ul li {list-style:none;}
#pied .col ul li a,
#pied .col ul li a:visited {text-decoration:none; color:#ffffff; margin:0 7px; font-size:16px; font-weight:400;}
#pied .col ul li a:hover {text-decoration:underline;}

#pied a,
#pied a:visited {}
#pied a:hover {}

/* 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; }

/* Fil d'ariane */
#ariane {}
.ariane-vous-etes-ici {}
.ariane-accueil {}
.ariane-fleche {}
a.ariane-element {}
span.ariane-element {}
.ariane-element-final {}

/* CADRE ACTUALITE */
.actualites .element {}
.actualites .element .image {}
.actualites .element .image a,
.actualites .element .image a:visited {}
.actualites .element .nom {}
.actualites .element .nom a,
.actualites .element .nom a:visited {}
.actualites .element .intro {}
.actualites .element .lien {}
.actualites .element .lien a,
.actualites .element .lien a:visited {}

/* CADRE PARTENAIRES */
.partenaires {margin-top:14px;}
.partenaires .contenu {}
.partenaires .lien {}
.partenaires .lien a,
.partenaires .lien a:visited {}
.partenaires .lien a:hover {}

/* CADRE PARTENAIRES JCAROUSEL */
.partenaires {height:140px; position:relative; z-index:10;}
.partenaires-slider {position: relative; z-index:20; overflow: hidden; width:265px; height:140px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.partenaires-slider ul {width: 20000em; position: relative; list-style:none; margin: 0px; padding: 0;px}
.partenaires-slider ul li.partenaire {float: left; margin:0px; padding:0px; width:265px; height:140px;}
.partenaires-slider ul li.partenaire img {display:block;}

.partenaires-slider-control-prev {position:absolute; z-index:30; font-size:50px; left:0px; top:0px; cursor:pointer; height:140px; line-height:140px; padding:0px 8px;}
.partenaires-slider-control-next {position:absolute; z-index:30; font-size:50px; right:0px; top:0px; cursor:pointer; height:140px; line-height:140px; padding:0px 8px;}
.partenaires-slider-control-prev i.fa,
.partenaires-slider-control-next i.fa {line-height:140px; color:#c9c9c9;}

/* CADRE PARTENAIRES DEFILEMENT */
/*
#dr-partenaires {}
#dr-partenaires-titre {}
#dr-partenaires-contenu {margin:0 auto; position:relative; z-index:0;}
#partenaires-sliderPrev {display:block; position:absolute; z-index:10; left:20px; top:60px;}
#partenaires-sliderPrevBtn {cursor:pointer; display:block; width:10px; height:15px; background:url(../images/dr-partenaires-prev.jpg) no-repeat center center;}
#partenaires-sliderNext {display:block; position:absolute; z-index:10; right:20px; top:60px;}
#partenaires-sliderNextBtn {cursor:pointer; display:block; width:10px; height:15px; background:url(../images/dr-partenaires-next.jpg) no-repeat center center;}
			
#partenaires-slider {margin:0 auto; width:111px; height:111px;}
#partenaires-slider ul {margin:0; padding:0; list-style:none;}
.partenaires-slider-li {width:111px; height:111px; margin:0; padding:0; list-style:none;}

#dr-partenaires-bas {}
*/

/* Languettes */
#languette-container {height:279px; width:81px; position : fixed;  right:0px; top:250px; z-index:5000;}

#languette-admin { width:81px; height:93px; background: url(../images/lang-interface-gestion.png); cursor:pointer; top:0px; position:absolute; right:0; z-index:5000;}
#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; top:98px;position:absolute; right:0; z-index:5000;}
#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; top:98px; position:absolute; right:0; z-index:5000;}
#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; top:196px;  position:absolute; right:0; z-index:5000;}
#languette-deconnexion:hover { width: 198px; height: 93px; background: url(../images/lang-deconnexion-depliee.png);}

/* 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;}

/** RESULTATS PAGE */
.recherche-expression {}
.recherche-nombre-resultat {font-weight:bold; font-size:1.1em;}
.recherche-page {}
#recherche-conteneur .recherche-page-lien a, #recherche-conteneur .recherche-page-lien a:visited {}
.recherche-extrait {}
.recherche-surbrillance {background-color:#FFFF00;}
#recherche-pagination {margin:45px 0 15px; overflow: hidden;}
#recherche-pagination a, #recherche-pagination a:visited {text-decoration:none;}

/* HISTORIQUE DES RECHERCHES */
#recherche-historique {}
#recherche-historique .col{width:380px; margin:0 10px; float:left;}
#recherche-historique .mot{padding:10px; text-align:center;}


/* PAGINATION */
#paginator {
    margin: 10px auto;
}
#centre #paginator .pagination-span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000000;
    border-radius: 7px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
    color:#000;
}
#centre #paginator .pagination-lien {
    background-image: linear-gradient(180deg, #ffffff, #000000); background: -prefixe-linear-gradient(180deg, #ffffff, #000000); 
    border: 1px solid #000000;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-size: 1.1em;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
}
#centre #paginator .pagination-lien:hover {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #000000;
    color:#000;
}



/* 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 */
#centre #module-contact {text-align:left;}
#module-contact .googlemap { float:left;}
#module-contact #contact-conteneur {overflow:hidden;}
#module-contact #module-contact-adresse {margin-right:5px;}
#module-contact #module-contact-adresse .contact-adresse {display:inline-block;}
#module-contact .contact-coordonnee {clear:left; margin-bottom:5px;}
#module-contact .contact-champ {margin-bottom:10px;}
#module-contact .form div {margin:10px 0;}
#contact-captcha {margin-left:160px;}
#formMail .submit {cursor:pointer; margin-left:160px; border-color:#fff;}
#module-contact .submit:hover {}

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


/* Mosaique */
#mosaique-conteneur {overflow:hidden; font-size:0.9em; padding: 20px 0 0 20px;}
.mosaique-image {padding-bottom:5px;}
.mosaique-voir {font-size:0.8em;}


/* Diaporama */
.diaporama-container {position:relative; z-index:1; min-height:200px; min-width:300px; margin:40px 10px; background-color:#FFFFFF; padding:0 40px;}
.diaporama { min-width:300px; min-height: 200px; overflow:hidden;}

.diaporamaPrevBtn,
.diaporamaNextBtn {display:block; position:absolute; z-index:1000; top:0px; width:30px; height:100%; }

.diaporamaPrevBtn {left:2px;}
.diaporamaNextBtn {right:2px;}

.diaporamaPrevBtn a,
.diaporamaNextBtn a {display:block; position:relative; width:30px; cursor:pointer; height:100%;}
.diaporamaPrevBtn a {background:url(../images/diaporama-fleche-gauche.png) center center no-repeat;}
.diaporamaNextBtn a {background:url(../images/diaporama-fleche-droite.png) center center no-repeat;}
	
#centre .diaporama ul { min-width:300px; padding:0px; margin:0;}
#centre .diaporama ul li {list-style:none; min-width:300px; min-height:200px; padding:0px; margin:0; overflow:hidden;}
.diaporama ul li .slider-li {min-height:200px; min-width:300px; margin:0 auto; cursor:pointer; text-align:center;}
.diaporama-boutons{height:17px; text-align:center; padding:10px 0; width:60px; margin:0 auto;}
.diaporama-pause {width:16px; height:17px; display:inline-block; cursor:pointer; margin:0 5px;}
.diaporama-lecture {width:16px; height:17px;  display:inline-block; cursor:pointer; margin:0 5px;}



/* 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;}

/* MODULE ACTUALITES */
#actualites {}
#actualites .conteneur {}
#actualites .conteneur .titre {}
#actualites .conteneur .contenu {}
#actualites .conteneur .contenu .extrait {min-height:90px;}
#actualites .conteneur .contenu .photo {float:left; margin:0 10px 10px 0;}
#actualites .conteneur .contenu .lien {text-align:right;}
#actualites .conteneur .contenu .lien a,
#actualites .conteneur .contenu .lien a:visited {}
#actualites .conteneur .contenu .lien a:hover {}

/* MODULE AUTHENTIFICATION */
#authentification {}
#authentification .form {margin:10px 0;}
#authentification .form label {float:left; width:150px;}
#authentification .form .inputText {width:200px;}
#authentification .form .submit {}

/* TEMPLATE FAMILLE */
#famille {}

#famille .ligne {clear:left; margin:13px 0;}

#famille .ligne .conteneur {width:200px; float:left;}
#famille .ligne .milieu1 {margin-left:26px; margin-right:13px;}
#famille .ligne .milieu2 {margin-left:13px; margin-right:26px;}

#famille .ligne .conteneur .photo {display:block;}
#famille .ligne .conteneur .photo a,
#famille .ligne .conteneur .photo a:visited {display:block; height:133px;}

#famille .ligne .conteneur .nom {text-align:center;}

#famille .ligne .conteneur .pastille {position:absolute; top:0px; left:0px;}

/* TEMPLATE PRODUIT */
#produit {}

#produit .photos {width:350px; float:left;}
#produit .photos .photo {height:350px;}
#produit #produit-photo-zoom {}
#produit #produit-photo {}
#produit #produit-photo-legende {text-align:center;}
#produit .photos .miniatures {height:110px;}
#produit .photos .miniatures .miniature {width:110px; float:left;}
#produit .photos .miniatures #miniature-1 {margin:0 10px;}
#produit .photos .zoomPad {z-index:1000; position:relative; display:block; float:inherit; top:0px; left:0px;}
#produit .photos .zoomPad .zoomWrapperTitle {}

#produit .texte {margin-left:370px;}
#produit .texte p {}
#produit .texte ul {}
#produit .texte ul li {}

#produit #declinaisons {}
#produit #declinaisons table {width:100%; }
#produit #declinaisons th {}
#produit #declinaisons th.first {}
#produit #declinaisons th.last {}
#produit #declinaisons td {}
#produit #declinaisons td.first {}
#produit #declinaisons td.last {}
#produit #declinaisons tr.lastRow {}
#produit #declinaisons tr.lastRow td.first {}
#produit #declinaisons tr.lastRow td.last {}
#produit #declinaisons tr.lastRow td {}
#produit #declinaisons .prix-barre {text-decoration:line-through;}
#produit #produit-ajouter {vertical-align:middle;}
#produit .paire {}
#produit .impaire {}

#produit .supplement {}
#produit .supplement h1 {}
#produit .supplement .element {width:110px; float:left; padding:0px; margin:0px; }
#produit .supplement .element .nom {margin:0px; padding:0px; text-align:center;}
#produit .supplement .element .nom a,
#produit .supplement .element .nom a:visited {}
#produit .supplement .element .photo {height:110px;}
#produit .supplement .element .bas {}
#produit .supplement .element .prix {}
#produit .supplement .element .voir {}

/* TEMPLATE ACTUALITE */
#template-actualite {}
#template-actualite .retour-actualites {}
#template-actualite .retour-actualites a,
#template-actualite .retour-actualites a:visited {}
#template-actualite .retour-actualites a:hover {}

/* Commentaires */
#template-actualite #commentaire-nombre {font-weight:bold; margin:15px 0; font-size:1.4em;}

#template-actualite #commentaire-form-conteneur {}
#template-actualite .commentaire-form {margin-bottom:10px;}
#template-actualite .commentaire-form label {display:block; font-size:0.9em;}
#template-actualite .commentaire-form .input-text {width:300px;}
#template-actualite .commentaire-form .textarea {height:100px; width:100%;}
#template-actualite .commentaire-form .submit {}
#template-actualite #commentaire-desactive {color: #444; font-size:0.9em;}

#template-actualite #commentaire-liste {margin:10px 0px;}
#template-actualite #commentaire-liste .commentaire {border-top:1px dotted #000; padding:10px 0;}
#template-actualite #commentaire-liste .commentaire .nom {font-weight:bold; font-size:0.9em; color:#0000EE;}
#template-actualite #commentaire-liste .commentaire .nom-admin {font-weight:normal; color: #000; font-size:0.8em;}
#template-actualite #commentaire-liste .commentaire .separator {color: #777; padding:0 5px;}
#template-actualite #commentaire-liste .commentaire .date {color:#777; font-size:0.8em;}
#template-actualite #commentaire-liste .commentaire .message {color: #444; font-size:0.9em; margin:5px 0;}
#template-actualite #commentaire-liste .administrateur {background-color:#FFF39B;}

/* 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;}*/

/* Sommaire */
#sommaire-conteneur {}
#sommaire-liste { width:200px;}
#sommaire-liste h2 {margin-left:10px; margin-top:5px; font-size:3.5em; background:none; padding-left:0;}
#sommaire-liste ul {padding-left:20px; margin: 5px; margin-left:25px;}
#sommaire-liste ul li {font-size:12px;  padding-bottom:5px;}
#sommaire-liste ul li a,#sommaire-liste ul li a:visited { text-decoration:none;}
#sommaire-contenu { }

/* Sommaire element */
#sommaire-element-conteneur {}
#sommaire-element-cadre { float: right; border:2px solid #E5E5E5;  width:200px;}
#sommaire-element-cadre h2 {margin-left:10px; margin-top:5px; font-size:3.5em; background:none; padding-left:0;}
#sommaire-element-cadre ul {padding-left:20px; margin: 5px; margin-left:0;}
#sommaire-element-cadre ul li {font-size:12px;  padding-bottom:5px; }
#sommaire-element-cadre ul li span { font-weight:bold;}
#sommaire-element-cadre ul li a, #sommaire-element-cadre ul li a:visited {text-decoration:none;}
#sommaire-element-parent {}
#sommaire-element-parent a, #sommaire-element-parent a:visited {text-decoration:none;}
#sommaire-element-contenu { margin-right:230px;}
#sommaire-element-liens {}
#sommaire-element-precedent {float:left;}
#sommaire-element-precedent a, #sommaire-element-precedent a:visited {text-decoration:none;}
#sommaire-element-suivant {float:right;}
#sommaire-element-suivant a, #sommaire-element-suivant a:visited {text-decoration:none;}

/* 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; }
#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;}
.membre-div-images .membre-image {width:250px; margin:0 auto; text-align:center;}
.product-picture {width:340px;}
.product-picture-actions {width:82px; margin:0 auto; text-align:center;}
.product-picture-img {padding-left:3px;}
.product-picture-container-logo, .product-picture-container-photo {overflow:hidden;}
.membre-form-textes{display:block; width:180px; padding-bottom:10px; text-align:right; font-size:0.8em;}

/* Membre actualités */

#membreactualite-conteneur {}
#membreactualite-conteneur table {width:100%;}
#membreactualite-conteneur table tr td {padding:5px 0;}
#membreactualite-supprime {text-align:right; cursor:pointer;}
.membreactualite-titre {width:564px;}
.membreactualite-liste-date {text-align:center;}
.membreactualite-liste-boutons {width:18px; cursor:pointer;}
#membreactualite-conteneur .membreactualite-liste-titre {padding-left:10px;}
#membreactualite-ajout-conteneur {}
#membreactualite-ajout-required {font-style:italic; font-size:0.9em; }
#membreactualite-ajout-titre { width:300px;}
#membreactualite-ajout-texte { width:300px; height:150px;}
#membreactualite-ajout-date { }
#membreactualite-ajout-bouton {}
#membreactualite-update-bouton {}
.membreactualite-bouton-valider {text-align:center;}



/* Renseignement */
#renseignement-conteneur {cursor:pointer; max-width:625px; position:relative; z-index:10; margin:90px auto 40px; border:1px solid #4abcbc; 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:#4abcbc; 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:#4abcbc;}
#renseignement-telephone a,
#renseignement-telephone a:visited { color:#000000; text-decoration:none;}

#renseignement-mail {display:inline-block;vertical-align:top; height:55px; width: 170px; text-align: center; }
#renseignement-mail-contenu {}
#renseignement-mail a,
#renseignement-mail a:visited {color:#4abcbc;  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:#4abcbc;}
#renseignement-conteneur:hover a i {color:#000000;}

/* CTA NOUVELLE VERSION */
#centre .cta-conteneur {width:100%; max-width:530px; margin:40px auto; }
#centre .cta-titre {font-weight:500; font-size:25px; background:#fff; color: #4abcbc; padding:20px 20px 40px; border:1px solid #4abcbc; text-align:center; box-sizing:border-box; display: -webkit-box;display: -ms-flexbox;display: flex ;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#centre .cta-titre span {font-size:15px; text-transform:uppercase; color:#8185a7;  font-weight: 600;  letter-spacing: 1px; margin-top: 6px;}
#centre .cta-contacts {margin-top: -30px; display: -webkit-box;display: -ms-flexbox;display: flex ;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#centre .cta-contact {  margin: 10px;}
#centre .cta-contact a,
#centre .cta-contact a:visited {padding: 10px 35px 10px 10px; border-radius: 30px; color:#fff; text-decoration:none; font-weight:700; font-size:20px; background: rgb(74,188,188);
    background: -moz-linear-gradient(152deg, rgba(74,188,188,1) 0%, rgba(160,251,251,1) 100%);
    background: -webkit-linear-gradient(152deg, rgba(74,188,188,1) 0%, rgba(160,251,251,1) 100%);
    background: linear-gradient(152deg, rgba(74,188,188,1) 0%, rgba(160,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4abcbc",endColorstr="#a0fbfb",GradientType=1); display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex ;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
#centre .cta-contact i { width:31px; height:31px; margin-right: 15px; background:#fff; color:#1d1d1b;  border-radius: 35px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#centre .cta-contact span {flex:1; color:#1d1d1b;}
#centre .cta-contact-telephone {}
#centre .cta-contact-mail i {font-size:15px;}
#centre .cta-contact a:hover{background: rgb(74,188,188);
    background: -moz-linear-gradient(324deg, rgba(74,188,188,1) 0%, rgba(160,251,251,1) 100%);
    background: -webkit-linear-gradient(324deg, rgba(74,188,188,1) 0%, rgba(160,251,251,1) 100%);
    background: linear-gradient(324deg, rgba(74,188,188,1) 0%, rgba(160,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4abcbc",endColorstr="#a0fbfb",GradientType=1);}


/* BOUTON PAYPAL */
.paypal-button {
    white-space: nowrap;
}
.paypal-button button {
    background: none repeat scroll 0 0 #ffa823;
    border: 1px solid #ffa823;
    border-radius: 13px;
    color: #0e3168;
    cursor: pointer;
    font-family: "Arial",bold,italic;
    font-style: italic;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    z-index: 0;
}
.paypal-button button.large {
    font-size: 14px;
    padding: 4px 19px;
}

.paypal-button button:after {
    background: -moz-linear-gradient(center top , #fefefe 0%, #fed994 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 40px 40px 38px 38px;
    content: " ";
    height: 60%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(1%);
    width: 98%;
    z-index: -1;
}
.paypal-button button:before {
    background: -moz-linear-gradient(center top , #ffaa00 0%, #ffaa00 80%, #fff8fc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 11px;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}


/* PREPARATION RESPONSIVE */
.w1260 {display:block;}
.w385 {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 {    
}