@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:Montserrat, Arial; font-size:15px; background:#FFFFFF; color:#292b2c;}
strong {font-weight:700;}
.noscroll {  overflow: hidden; height: 100%; width:100%;}
.layout {background:rgba(115,115,115,0.5); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; display:none;}
.layout.visible {display:block;}


.blocker {z-index:1000 !important;}
#global {padding-top:100px;}

.noscroll #global {overflow: hidden; height:0px;}
.global {max-width:1210px; padding:0 25px; margin:0 auto;}


/* BANDEAU */
#bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000;
background: rgb(29,147,157);
background: -moz-linear-gradient(180deg, rgba(29,147,157,1) 0%, rgba(22,110,117,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(29,147,157,1) 0%, rgba(22,110,117,1) 100%);
background: linear-gradient(180deg, rgba(29,147,157,1) 0%, rgba(22,110,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d939d",endColorstr="#166e75",GradientType=1);   }
.lg {height:100px;}
.sm {height:60px;}


/* Bandeau réduit */
#bandeau.sm {}
#bandeau.sm #bandeau-conteneur { height:100%; }
#bandeau.sm #bandeau-contact {}
#bandeau.sm #logo {}
#bandeau.sm #logo a img {height:50px;}
#bandeau.sm #menu-conteneur {padding-top:8px;}
#bandeau.sm #menu {}
#bandeau.sm #menu .menu-element > a > span, 
#bandeau.sm #menu .menu-element > a:visited > span, 
#bandeau.sm #menu .menu-element > span {}
#bandeau.sm #menu .smenu-conteneur {}

/* Bandeau non réduit */
#bandeau-conteneur {position: relative; z-index: 400; height:100%; width:100%; }
#bandeau-contact {}
#bandeau-contact .global {max-width:1260px; padding:0; }
#bandeau #logo {float:left; padding:0px 0 0 5px; position:relative; z-index:100; margin-top:4px;}
#bandeau #logo a,
#bandeau #logo a:visited {display:block; text-decoration:none;}
#bandeau #logo a img {display:block; height:90px; width:auto;}


/* MENU */
/* Menu niveau 1 */
#menu-conteneur {padding-top:35px;}
#menu-titre, #menu-close {display:none;}
#menu-wrapper {}
#menu {list-style:none; margin:0px auto; padding: 0; }
#menu > .global {padding: 0;text-align:right; position:relative; z-index:30; font-size:0; }
#menu .global-inner {display: flex;flex-wrap: wrap;justify-content: space-around;}

#menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30;height:35px; /*margin:0 12px;*/ margin:0 5px;}
#menu #menu-4 {margin-left:0;}
#menu .menu-element > span { cursor:default;}
#menu .menu-element > a > span,
#menu .menu-element > a:visited > span,
#menu .menu-element > span {color: #fff; text-align: center; font-weight:700; padding: 10px 0;  display: block; font-size:16px; position:relative; text-transform:uppercase;}

#menu .menu-element.menu-grand {}
#menu .menu-element.menu-grand > a > span,
#menu .menu-element.menu-grand > span  {padding:0px 0 1px;}
#menu .menu-element > a,
#menu .menu-element > a:visited {text-decoration:none;}
#menu .menu-element > a:hover {text-decoration:none;}

/** SI EFFET LIGNE SOUS MENU **/
#menu .menu-element > a > span::after,
#menu .menu-element > span::after {content:"";position: absolute;height: 2px;width: 0;background-color: #ffffff;bottom: -4px;left: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

#menu .menu-element.selected > a > span::after,
#menu .menu-element.selected > span::after,
#menu .menu-element:hover > a > span::after,
#menu .menu-element:hover > span::after {display: block;width: 100%;}

#menu .menu-element:hover .smenu-conteneur {display:block;}


/* Sous menu niveau 1 */
#menu .smenu-conteneur {display:none; position:absolute; top:43px; left:-1px;  z-index:200; width:200px; min-height:20px;  }
#menu .smenu-bas {}
#menu .smenu-centre { margin:0; padding:0; list-style:none; border:1px solid #004b59; width:100%;text-align: left; background: #fff;}
#menu .smenu-centre-menus {}
#menu .smenu-element {}
#menu .smenu-element > a {text-decoration:none;display:block;}
#menu .smenu-element > a > span,
#menu .smenu-element > span {color:#000000; padding:10px 5px;  display:block; width: calc(100% - 14px); font-size:15px; border-top:1px solid #004b59;  position: relative;  z-index: 2;}
#menu .smenu-element:first-child > a > span,
#menu .smenu-element:first-child > span {border:none;}
#menu .smenu-element.selected > span,
#menu .smenu-element.selected > a > span,
#menu .smenu-element:hover > a > span,
#menu .smenu-element:hover > span {color:#004b59;}

#menu #smenu-14 {width:340px; }
#menu #smenu-14 .smenu-element {border-top:1px solid #004b59;}
#menu #smenu-14 .smenu-element:first-child {border:none;} 
#menu #smenu-14 .smenu-element > a > .smenu-image,
#menu #smenu-14 .smenu-element > .smenu-image {border:none; width:100px; display:inline-block; vertical-align:middle;}
#menu #smenu-14 .smenu-element > a > .smenu-texte,
#menu #smenu-14 .smenu-element > .smenu-texte { border:none; width:calc(100% - 120px); font-size:13px; display:inline-block; vertical-align:middle;}


/* PIED */
#pied-rouages {height:180px;}
#pied-liens {background:#ffffff; }
#pied-liens .contenu {padding: 50px 0px 25px; text-align:center;}
#pied-liens .contenu table, #pied-liens .contenu table tr {display:inline;}
#pied-liens .contenu table tr td {display:inline-block; vertical-align:middle;}
#pied-liens .contenu table tr td a {height: 100%;  display: flex;  flex-direction: column; justify-content: center;}
#pied-liens .contenu table tr td img {max-height:105px !important; max-width:200px !important; width: auto !important; height:auto !important; margin:5px 10px; display:block;}


/* PIED */
#pied {background: rgb(29,147,157);
background: -moz-linear-gradient(180deg, rgba(29,147,157,1) 0%, rgba(22,110,117,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(29,147,157,1) 0%, rgba(22,110,117,1) 100%);
background: linear-gradient(180deg, rgba(29,147,157,1) 0%, rgba(22,110,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d939d",endColorstr="#166e75",GradientType=1); }
#pied .global {display: flex;flex-direction: column;justify-content: center; min-height:100px; padding:10px 0 5px; }
#pied .global .contenu-wrapper {height:100%; font-size:0; position:relative; text-align:right; }  
#pied .col {text-align:right; margin:5px 10px; display: inline-block; vertical-align: top;}
#pied .col .categorie {}
#pied .col .categorie > a {text-decoration:none;}
#pied .col .categorie > a > span,
#pied .col .categorie > a:visited > span,
#pied .col .categorie > span {text-decoration:none; color:#fff; font-weight:500; font-size:13px; text-transform:uppercase;}
#pied .col .categorie:hover > a > span,
#pied .col .categorie:hover > span {}


/* CENTRE */
#centre {min-height:150px; }
.body-accueil #centre {background:none;}
#centre .global {}
#centre .global .contenu-wrapper {padding:15px 0; /*min-height:920px;*/ position:relative;}

#contenu .resume {border:2px solid #92CAE4; background-color:#D5EDF8; padding:0px 12px; margin:15px 0;}
#contenu .resume p {color:#205791; margin:15px 0; font-size:0.9em; text-align:justify; padding-left:0px; font-weight:bold;}
#contenu .resume .rouge {  color: #8a1f11;}

#droite {margin-left:20px; float:right; width:380px; }
#droite-twitter {max-height: 630px; overflow-y: scroll;}

/* CONTENU */
#contenu, #contenu-accueil {overflow:hidden;}
#contenu-bandeau {height:150px;} 
h1 { font-weight:700; font-size:25px; text-transform:uppercase; color:#292b2c;}
h1::after {content:""; background:#c7703f; width:45px; height:5px; display:block; margin-top:15px;}
h2 {color:#00b1c6; margin-left:19px; font-size:20px; margin-top:30px; font-weight:500; padding-bottom:8px; background:url(../images/h2-puce.png) bottom left repeat-x;}
h3 { font-size:16px; margin-left:19px; border-bottom: 1px solid #c7703f; padding-bottom: 3px; font-weight: 500;}
h4 {color: #00b1c6;} 
p { text-align:justify; line-height:19px;}
ul { padding-left:15px;}
ul li {list-style:none; padding-left:15px; position:relative; margin: 5px 0;}
ul li::before{color:#c7703f; content:"\f111"; font-size:8px; font-family:"FontAwesome"; position:absolute; left:0; top:5px;}
a,
a:visited {color:#099394; text-decoration:underline;}
a:hover {text-decoration:none;}
ul li p,
table p,
table ul,
table h2,
table h3 {margin-left:0px;}
table.mceLayout {  width: 95% !important;}


#contenu .tableau-artisan {border-bottom:1px solid #000000; margin-bottom:15px;}
#contenu .tableau-artisan table:nth-child(4n+1) p {margin:0;}

#contenu table.table {width:100%; border-collapse:collapse;}
#contenu table.table th, #contenu table.table td {}
#contenu table.table th {text-align:center; padding:10px 0;}
#contenu table.table tbody tr {}
#contenu table.table td {padding:15px 10px; border-bottom:1px solid #8B8E8E;}
#contenu table.table td.center {text-align:center;}

#contenu table.galerie {margin:0px; padding:0px; border-collapse:collapse;}
#contenu table.galerie tr {}
#contenu table.galerie tr td {vertical-align:top; margin:0px; padding:10px;}
#contenu table.galerie tr td a {display:block; width:150px; height:99px; overflow:hidden;}
#contenu table.galerie tr td a img {display:block;}

/* Annuaire*/
#dr-annuaire-stand { height:117px; width:361px;  margin-bottom:20px;}
#dr-annuaire-stand a { background:url(../images/dr-annuaire.png) no-repeat; height:117px; width:361px; display:block; }

/* Organisateurs */
#dr-organisateurs {width: 360px; }
#dr-organisateurs .dr-cadre-haut {background:url(../images/dr-organisateurs.png) no-repeat;}
#dr-organisateurs-contenu {}

/* Parrain */
#dr-parrain {}
#dr-parrain .dr-cadre-haut {background:url(../images/dr-parrain.png) no-repeat;}

/* Partenaires */
#dr-partenaires { width:360px; }
#dr-partenaires .dr-cadre-haut {background:url(../images/dr-partenaires.png) no-repeat;}
#dr-partenaires a {color:#0a51a1; text-decoration:underline;}
#dr-partenaires-contenu {}
#dr-partenaires-contenu a { color:#0a51a1; text-decoration:underline;}
#dr-partenaires-contenu a:hover { color:#0a51a1; text-decoration:none;}

/* Facebook */
#dr-facebook {width:355px; text-align:right; margin-right:5px;}

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

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message,
.ok,
.warning { background: #e6efc2; color: #264409; border-color: #c6d880; }
#contenu .reponse-erreur { color: #8a1f11; font-weight:bold; font-size:14px; }
.reponse-message,
.ok,
.warning { color: #264409; font-weight:bold;font-size:14px; }
#contenu .reponse-message p {color: #264409; font-weight:bold;font-size:14px; }
.warning {border-color:#ffd324; background:#fff6bf; color:#514721;}

.lien {cursor:pointer;}

/* Fil d'ariane */
#ariane { font-size:12px; text-decoration:none; color:#8f8f8f; margin-left:14px; height:20px; line-height:20px; padding-top:8px; background:url(../images/ariane-puce.png) 0px 14px no-repeat; padding-left:8px;}
#contenu #ariane span {padding-left:0;}
#contenu #ariane .ariane-vous-etes-ici {text-decoration:none; color:#8f8f8f; font-size:12px;}
#contenu #ariane .ariane-accueil {text-decoration:none; color:#8f8f8f;}
#contenu #ariane .ariane-accueil:hover {}
#contenu #ariane .ariane-fleche {text-decoration:none; color:#8f8f8f;}
#contenu #ariane a.ariane-element {}
#contenu #ariane span.ariane-element {}
#contenu #ariane .ariane-element-final {}
#contenu #ariane a,
#contenu #ariane a:visited {}
#contenu #ariane a:hover {text-decoration:underline;}

/* Chargement */
#loading {width:445px; position:absolute; top:100px; left:-1000px; z-index:20;}
#loading-top {height:15px; background: url(../images/window-top.png) top left no-repeat;}
#loading-bottom {height:15px; background: url(../images/window-bottom.png) top left no-repeat;}
#loading-text {font-weight:bold; border-left:5px solid #ccc; border-right:5px solid #ccc; background-color:#f7f7f7; text-align:center; font-size:18px; padding:30px 0;}
#loading-image {padding-bottom:15px;}


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

/* 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-erreurs {background-color:#FBE3E4; border:2px solid #FBC2C4; padding:0.8em; font-size:0.8em; margin:10px;}
.contact-erreur {color:#8A1F11; font-weight:bold;}
#contact-ok {background-color:#E6EFC2; border:2px solid #C6D880; color:#264409; padding:0.8em; font-size:0.8em; margin:10px; font-weight:bold;}
#contact-conteneur .form div {margin:10px 0; text-align:right;}
#contact-conteneur .form140 {text-align:left; width:110px;}
#contact-conteneur .input-text,
#contact-conteneur .zone-texte {width:calc(100% - 140px); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box;}
#contact-conteneur .g-recaptcha {margin-left: 135px !important;}
#contact-coordonnees h2,
#contact-coordonnees h3,
#contact-formulaire h2 {margin-left:0;}
#formMail .form > div  {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#contact-coordonnees {display:inline-block; vertical-align:top; width:320px;}
#contact-coordonnees span {font-size: 13px;}
#contact-coordonnees .form140 {text-align:left; font-size: 13px; }
#contact-formulaire {display:inline-block; vertical-align:top; width:calc(100% - 360px); margin-left:30px;}
#contact-formulaire p {margin-left:15px; font-size:12px;}

#contact-conteneur .form #contact-submit {text-align:center;}

.contact-coordonnee {clear:left; margin-bottom:5px;}
.contact-champ {margin-bottom:10px;}

.googlemap {float:right;}

/* 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 .diaporama-slider-image{width:100%; height:100%;}
.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;  color:#94C224;}
.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;  color:#94C224;}
#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 .diaporama-slider-image{width:100%; height:100%;}
.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;}

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

.authentification-conteneur {width:400px; padding:15px; border:1px solid #ccc; margin:0 auto;}


/* Module Membres Bureau */
#membres-bureau {font-size:0px;}
#membres-bureau a,
#membres-bureau a:visited {display:inline-block; vertical-align:top; width:calc(20% - 10px); min-width:134px; margin:15px 5px; text-decoration:none;}
#membres-bureau a > img {display: block; max-width:100%; height:auto;}
#membres-bureau a > span {display:block; font-family: Montserrat, Arial; font-size: 11px; color: #292b2c; text-align:center; text-transform:uppercase; padding-top:8px;}

body .modal-membre {max-width:810px;}
.modal h2 {margin-left:0px;}
.modal h3 {margin-left:0px;}
.modal .logo {display:inline-block; width:180px; margin-right:20px; vertical-align:middle;}
.modal .logo img {max-width:100%;}
.modal .infos {display:inline-block; vertical-align:middle;}
.modal .complement {}
.modal .complement .description {}

/* 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 { 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:60px; 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;}


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

/* Membre Compte */
#membre-container {}
#membre-container ul li p {padding-left:0;}
#membre-container .input-text {width:250px; border:#2e4678 1px solid;}
#membre-container .form {padding:5px 0; }
#membre-container .form180 {padding-right:23px;}
#membre-container .membre-images {padding-right:20px;}
#membre-container .input-text {width:250px; border:#2e4678 1px solid;}
#membre-container .membre-textes {}
#membre-container .membre-textes .mceEditor {width:100%;}
#membre-container .membre-textes span {padding-left:0; margin:0;}
#membre-container h2 {margin-top:15px;}
#membre-contenu {}
#membre-modifier {width: 250px; margin: 15px auto 0; }
#membre-modifier input { font-size: 15px; font-weight: bold; width: 250px; height:35px; border:none; cursor:pointer; color:#fff; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -khtml-border-radius: 18px; background: rgb(62,157,172);
  background: -moz-linear-gradient(0deg, rgba(62,157,172,1) 0%, rgba(70,174,190,1) 50%, rgba(81,213,233,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(62,157,172,1) 0%, rgba(70,174,190,1) 50%, rgba(81,213,233,1) 100%);
  background: linear-gradient(0deg, rgba(62,157,172,1) 0%, rgba(70,174,190,1) 50%, rgba(81,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e9dac",endColorstr="#51d5e9",GradientType=1); }
#membre-modifier input:hover {background: rgb(62,157,172);
  background: -moz-linear-gradient(180deg, rgba(62,157,172,1) 0%, rgba(70,174,190,1) 50%, rgba(81,213,233,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(62,157,172,1) 0%, rgba(70,174,190,1) 50%, rgba(81,213,233,1) 100%);
  background: linear-gradient(180deg, rgba(62,157,172,1) 0%, rgba(70,174,190,1) 50%, rgba(81,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e9dac",endColorstr="#51d5e9",GradientType=1);}

.membre-partie {max-width:824px; margin:25px 0;}
.membre-titre { height:80px;  background: -moz-linear-gradient(top, #FEFEFE 0%, #F0F0F0 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FEFEFE 0%,#F0F0F0 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FEFEFE 0%,#F0F0F0 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; -khtml-border-radius: 25px 25px 0 0;  }
.membre-titre h1 {margin:0 0 0 30px; padding:25px 25px 25px 30px;} 
#membre-contenu {border:3px solid #53AAB8; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } 
.membre-cadre {padding:10px; min-height:10px;}


/* Membre site */
#membre-contenu-informations {clear:both;}
#membre-contenu-maps {float:left; width:300px;margin-left: 10px;}
#membre-contenu-adresse {width:calc(100% - 310px); float:left;}
#membre-showGoogleMap {text-align:center; padding:5px 0;}
#membre-map-canvas {width:300px; height:350px;}
#contenu #membre-display-map{font-size: 0.8em; padding-left:0;}
#validefiche-message { color :#D83634;}
.membre-div-images {padding-left:200px;}

.membre-extensions {font-weight:bold; font-size:15px;}
.product-picture-container-logo, .product-picture-container-photo {overflow:hidden;}
.membre-form-textes{ padding-bottom:10px; display:block; font-size:0.8em; color:#092d78; font-weight:bold;}

/* Membre kakemono */
.membre-kakemono-cadre {  border: 1px solid #8a5390;  margin: 15px;}
#membre-container .membre-kakemono-cadre .kakemono {width:264px;}
.membre-kakemono-points ul {margin-left:205px;}
.membre-kakemono-points ul li {margin:5px 0 ;}

/* Membre annuaire */

#membre-associations {padding-bottom:25px;}
#membre-associations .membre-association-conteneur {float:left; width:115px; text-align:center; margin:0 30px 15px;}
.membre-association-image {width:80px; height:80px; margin:0 auto;}
#contenu .membre-association-image label {padding-left:0; cursor:pointer;}
#contenu #membre-asso-label-0 {text-align:center; margin-top: 20px; display: inline-block;}
#membre-asso-texte {float:left; width:180px; text-align:right;}
#membre-asso-texte p {text-align:right;}
#membre-asso-icones {float:left; width:calc(100% - 180px);}
#contenu #membre-logoAnnuaire span {padding-left:0;}

#fichemembre-contenu {margin-bottom:20px;}

#fichemembre-map {float:right; }
#map_canvas {max-width:350px; height:350px; transform: initial !important; }
#logo-compte {width:350px; float:left;}
#logo-compte img {max-width:100%; height:auto;}

#membre-boutons-droite {float:right; }
#membre-boutons-actions {margin: 0 auto; max-width: 824px;}
.membre-boutons-action {  margin: 0 auto; width: 290px; margin-top:20px; }
.membre-boutons-action .membre-boutons-action-num {font-size: 22px; font-weight: 700;}
.membre-boutons-action > div {display:inline-block; vertical-align:top; margin-left:10px;}
.membre-boutons-action-bouton {margin:0 auto; text-align:center; cursor:pointer; background:#2E4678;  height:32px; width:248px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -khtml-border-radius: 18px;   }
.membre-boutons-action-bouton span,
.membre-boutons-action-bouton input {color:#ffffff;  cursor:pointer; font-weight:bold; font-size:15px; font-family:Arial; padding:0; width:100%; height:100%;} 
.membre-boutons-action-bouton span {line-height:32px;}
.membre-suite-modifier input {border:none; background:none;}

#membre-container #validefiche-bouton {background:#FD6D67;}

#membre-contenu #validefiche-message {margin-bottom:0;}

#membreFormInfo #validefiche-container h4 {margin-bottom :0;}
.membre-cloturer input {border:none;text-align:center; cursor:pointer; color:#fff; font-weight:bold; background:#FD6D67; height:32px; width:248px;  font-size:15px; margin:0 auto;border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; -khtml-border-radius: 18px;   }

/* INVITATIONS */
#invitation-formulaire-conteneur {position:relative; z-index:10;}
#invitation-formulaire-reponse {display:none; font-size: 15px;}
#invitation-formulaire-surcouche {position:absolute; z-index:20; width:100%; height:100%; background:url(../images/ajax-loader.gif) no-repeat center center rgba(236, 236, 236,0.8); display:none;} 
#invitation-form .erreur {border-color:#f00;}

#invitation-historique {}
.invitation-historique-ligne {border-bottom: 1px solid #ccc;padding: 10px 0;}
.invitation-historique-repondu {float:right; width:150px;}
.invitation-historique-infos {float:left;width:calc(100% - 180px);}
				
.invitation-historique-ligne span {font-weight:700;}
.invitation-historique-ligne .infos {font-size:13px; margin-left: 92px;}

/* Template Association */
#association-container { margin-right:10px;}
#association-haut{background:url(../images/conteneur-img-fiches-membres.png) no-repeat; height:645px; width:345px; padding-top:10px; margin-top:20px; float:right; margin-left:15px;}
#association-haut-texte1 {float:left; width:220px;}
#association-haut-texte1 a {float:left; width:220px; color:#fff; text-decoration:none;}
#association-haut-texte1 a:hover {float:left; width:220px; color:#fff; text-decoration:underline;}
#association-haut-texte1 p { color:#fff; padding-left:20px;}
#association-haut-texte1 ul { color:#fff;}
#association-haut-texte1 li { color:#fff;}

#association-haut-texte2 {float:left; padding-top:20px; padding-right:15px; width:318px; padding-left:10px;}
#association-haut-texte2 a { text-decoration:none; color:#fff;}
#association-haut-texte2 a:hover { text-decoration:underline; color:#fff;}
#association-haut-texte2 p { color:#fff; width:283px;}
#association-haut-texte2 ul { color:#fff;}
#association-haut-texte2 li { color:#fff;}

#association-haut-photo {float:right; padding-right:30px; padding-top:20px;}
#association-bas {}

/* Exposant */
#exposant-conteneur #sommaire-cadre {float:none; margin:20px; width:790px; padding-bottom:10px;}
#exposant-conteneur #sommaire-cadre h2 {margin-left:21px; margin-top:15px;}
#exposant-conteneur #sommaire-cadre a img {float:left; display:block; padding-left:15px;}
#contenu #exposant-conteneur .sommaire-cadre-image-debut {padding-left:10px;}
.sommaire-cadre-images {padding:5px 10px;}

#exposant-membres-container {font-size:0;}
#exposant-membres-container .element {position:relative; z-index:10; margin:3px 19px 19px 3px; word-wrap:break-word; width:180px; height:230px; border:1px solid #ccc; display:inline-block; vertical-align:top; -moz-box-shadow: 5px 5px 1px #e4e4e4; -webkit-box-shadow: 5px 5px 1px #e4e4e4;  box-shadow: 5px 5px 1px #e4e4e4;}
#exposant-membres-container .element:nth-child(4n) {margin-right:0px;}
#exposant-membres-container .element .surcouche {position:absolute; z-index:15; width:100%; height:100%; left:0; top:0;}
#exposant-membres-container .element .surcouche a {display:block;width:100%; height:100%; }
#exposant-membres-container .element .contenu {padding:8px 12px 0 8px; font-family:Arial; }
#exposant-membres-container .element .logo {height:70px; margin-bottom:10px;}
#exposant-membres-container .element .entreprise { font-size:18px; color:#000000; height:83px; margin-left:2px; padding-left:15px; background:url(../images/adherent-puce.jpg) 0px 5px no-repeat; overflow:hidden; }
#exposant-membres-container .element .entreprise a,
#exposant-membres-container .element .entreprise a:visited {font-weight:bold; font-size:14px; color:#000000; display:block; line-height:18px; text-decoration:none;}
#exposant-membres-container .element .entreprise span {margin:0; padding:0; font-size:13px;  font-weight:normal; }
#exposant-membres-container .element .site {height:23px; position:relative; z-index:20;}
#exposant-membres-container .element .site a,
#exposant-membres-container .element .site a:visited {margin-left:2px; padding-left:15px; background:url(../images/adherent-puce.jpg) 0px 6px no-repeat; font-size:13px; color:#000000; display:block; line-height:20px;text-decoration:none;}
#exposant-membres-container .element .presentation {height:52px; font-size:15px; color:#000000; padding:5px 0; overflow:hidden;}
#exposant-membres-container .element .statut {font-size:14px; margin-top: 9px; color:#fff; padding: 1px 2px; text-align: center; position: absolute; left: 0; bottom: 0px; width: 98%; height: 25px; display: flex; flex-direction: column;justify-content: center;}
#exposant-membres-container .element .statut.statut-2 {background:#00b1c6;}
#exposant-membres-container .element .statut.statut-3 {background:#c7703f;}

/* Fiche membre */
#fiche-membre-photos-conteneur {text-align:center; font-size:0;}
#fiche-membre-photos-conteneur .fiche-membre-photo {display:inline-block; vertical-align:top; margin:10px; height:250px;}
#fiche-membre-photos-conteneur .fiche-membre-photo a {display:flex; flex-direction:column; justify-content:center; height:100%;}
#fichemembre-infos {clear:left;margin-right:10px;}
#fichemembre-infos p {text-align:left;}

/* Inscription */
#inscription {}
#inscription h3 {margin-left:0px; font-weight:normal;}
#inscription .field {clear:left; margin:10px 0;}
#inscription .field label {display:block; padding:3px 0px;}
#contenu #inscription .field .civilite-label {padding:0; display:inline; padding-left:0;}
#inscription .field label.radio {text-align:center;}
/*#inscription .field label.radio span {margin:0px; padding:0px; position:relative; top:-25px; left:0px; display:inline-block; width:115px;}*/
#inscription .field label.radio span {margin:0px; padding:0px;}
#inscription .field label.radio img {cursor:pointer;}
#inscription .field .inputText,
#inscription .field select {width:320px;}
#inscription .field .inputText.erreur {border-color:#f00;}
#inscription a.suivant {display:block; float:right; margin-right:35px;  margin-top:60px;}
#inscription button.suivant {display:block; float:right; margin-right:35px;  margin-top:60px;}
#inscription p.reservation {font-size:1.0em; font-weight:bold; padding:0px; margin:30px 0px;}
#inscription a.precedent,
#inscription a.suivant {height:38px; line-height:38px; color:#FFFFFF; background-color:#00b1c6; padding:0 20px; text-decoration:none;}
#inscription button.suivant {height:38px; line-height:38px; color:#FFFFFF; background-color:#00b1c6; padding:0 20px; text-decoration:none; border:none; cursor:pointer;font-family: Montserrat, Arial; font-size: 15px;}
#inscription a.precedent:hover,
#inscription a.suivant:hover {background-color:#004b59;}
#inscription button.suivant:hover {background-color:#004b59;}
#inscription a.precedent {display:block; float:left; margin-top:60px; margin-left:0px; background-color:#EEEEEE; color:#999999;}
#inscription a.precedent:hover {background-color:#F4F4F4;}

#inscription .field .option {width:250px; float:left;}
#inscription .field .option span.libelle {display:inline-block; padding:3px 0;}
#inscription .cb,
#inscription .cheque,
#inscription .virement {color:#e30009; display:none;}
#inscription .cb p,
#inscription .cheque p,
#inscription .virement p {margin:15px 0; font-weight:bold;}
#inscription .rouge {margin:15px 0; font-weight:bold; color:#e30009; line-height:18px; padding-left:0px;}

#inscription .fcol,
#inscription .fcol2 {width:350px; float:left; clear:none;}
#inscription .fcol2 {margin-left:50px;}

#inscription .fcol-full {}
#inscription .fcol-full span.prix {padding-left:0px; margin:0px; font-weight:bold; font-size:16px;}

#inscription .field label.inline {display:inline;}
#inscription .ncol {margin:40px 0 20px 0;}
#inscription #utilisation {display:none;}
#inscription textarea {width:720px; height:150px;}

#contenu .recap {margin-left:19px;}
#contenu .recap label {margin:0px;}
#contenu .recap span {padding-left:0px; font-weight:bold;}
#contenu .recap span em {font-weight:normal; color:#aaa;}
#contenu .recap p {padding-left:0px;}

#inscription .recap .fcol2 {margin-left:30px;}
#inscription .selection {margin-left:19px; font-size:20px; font-weight:bold;}

#contenu .reglement, #contenu .reglement p {text-align:center; padding-left:0px;}
#bouton-reglement{background:#ffc438; border:1px solid #feaa00; border-radius:5px; color:#01040b; cursor:pointer; overflow:hidden; position:relative; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); white-space:nowrap; z-index:0; text-align:center; font-size:19px; min-width:120px; height:50px; padding:0 50px; text-transform:uppercase;}
#bouton-reglement:hover {background:#fcd67e;}

#bouton-remboursement{background:#ffc438; border:1px solid #feaa00; border-radius:5px; color:#01040b; cursor:pointer; overflow:hidden; position:relative; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); white-space:nowrap; z-index:0; text-align:center; font-size:19px; min-width:120px; height:50px; padding:0 50px; text-transform:uppercase;}
#bouton-remboursement:hover {background:#fcd67e;}

#contenu .total {font-size:24px; margin:15px 0; font-weight:bold; text-transform:uppercase; text-align:right;}


/* EXPOSANTS VOEUX*/
#exposants-validation {padding: 5px; margin: 10px; background: #e6efc2;  border: 2px solid #c6d880;  }
#exposants-validation p {color: #264409; font-weight:bold; font-size:15px;}
#exposants-erreur {padding: 5px; margin: 10px; background: #EDC2D2;  border: 2px solid #EF94B6;  }
#exposants-erreur p {color: #E02167; font-weight:bold; font-size:15px;}
#exposants-container {}
#exposants-liste {margin:15px 0 10px 0px;}
.exposants-element {padding-bottom:10px;}
#exposants-valider {text-align:center;}
#exposants-valider input {background: url("../images/bouton-cloturer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none;  color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: bold; height: 32px; margin: 0 auto; text-align: center; width: 248px;}

/* EXPOSANTS LISTE VOEUX */
#exposants-voeux-container {font-size:13px;}
#exposants-voeux-container h2 {margin-left:0;}
#contenu #exposants-voeux-container p, #contenu #exposants-planning-container p {padding-left:0;}
#exposants-voeux-emis-container {float:left;padding-right:15px; width:410px;}
#exposants-voeux-emis-liste {}
.exposants-voeu-emis {margin-bottom:10px; border-bottom: 1px solid #CCCCCC; padding-bottom:10px;}
.exposants-voeu-emis .exposant-infos {float:left; width:270px;}
.exposants-voeu-emis .exposant-reponse-container {float:right; width:135px;}

.exposant-nom {}
.exposant-societe {font-weight:bold;}
.exposants-reponses,.exposants-planning { color:#0D6789; text-align: center; font-weight:bold;}

#exposants-voeux-recus-container {float:left;width:410px;padding-left:15px;}
#exposants-voeux-recus-liste {}
.exposants-voeu-recus {margin-bottom:10px; border-bottom: 1px solid #CCCCCC; padding-bottom:10px; min-height:40px;}
.exposants-voeu-recus .exposant-infos {float:left; width:270px;}
.exposants-voeu-recus .exposant-actions {float:right; width:135px; }
#contenu #exposants-voeux-container label {padding-left:0;}
.exposants-erreurs {border:1px solid #F25252; color:#FC0F0F; padding: 5px 3px;}
#exposant-validation {margin-top:35px;text-align:center;}
#exposant-validation input {background: url("../images/bouton-cloturer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none;  color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: bold; height: 32px; margin: 0 auto; text-align: center; width: 248px;}

#exposants-planning-container {margin-top:25px;}
#exposants-planning-container h2 {margin-left:0;}
#exposant-planning {font-size:13px;}
#exposant-planning table {border-collapse:collapse; width:800px;}
#exposant-planning table tr, #exposant-planning table tr td {border:1px solid #ccc;}
#exposant-planning table tr td {padding:10px; width:375px; }
#exposant-planning .exposant-nom , #exposant-planning .exposant-societe, #exposant-planning .exposants-planning {margin-left:25px; text-align:left;}



#module-inscriptionvisiteur {}
#module-inscriptionvisiteur .field {}
#module-inscriptionvisiteur .field label {padding: 3px 0; display:block;  font-size: 13px; margin: 6px 0;  text-align: left;}
#module-inscriptionvisiteur .field input.text {width:320px;}

#module-inscriptionvisiteur .submit input {background-color: #00b1c6; color: #ffffff; height: 38px; line-height: 38px; padding: 0 20px; text-decoration: none; display: block; float:left; margin-top: 30px; border:none; font-size:18px; cursor:pointer;}


/* ACCUEIL */
#accueil-paves-conteneur {}
#accueil-paves-contenu {background: url(../images/fond-paves.jpg) no-repeat left bottom; min-height:800px; background-size:cover;}

/* VIDEO */
#accueil-paves-conteneur {}
#accueil-paves-contenu {background: url(../images/fond-paves.jpg) no-repeat left bottom; min-height:800px; background-size:cover;}

/* VIDEO */
#accueil-video {margin: 0; width:100%; height:400px; position:relative; z-index:10; overflow: hidden;  background:url(../images/bandeau-video-image.jpg) no-repeat center center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#accueil-video video {width: 100% !important; height: auto !important;}
#accueil-video-texte {position:absolute; z-index:15; left:0; top:0; width:100%; height:100%; text-align:center; display: flex;flex-direction: column; justify-content: center;}
#accueil-video-texte div { height:calc(100% - 35px); margin: 10px auto 25px; }
#accueil-video-texte img {width:auto; height:100%; max-height:/*305px*/365px !important; }


#accueil-paves-haut .global { 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;  }
        
#accueil-pave-texte {position:relative; z-index:15; left:unset; top:unset;  width: calc(100% - 600px);height:auto; text-align:left; display: block; max-width:100%;}
#accueil-pave-texte img {width:100%; height:auto !important; max-height:/*305px*/unset !important; }
#accueil-pave-texte img.mobile {display:none;}

#accueil-paves-haut .accueil-pave-haut {display:inline-block; vertical-align:top;  width:185px; height:115px; position:relative; z-index:10; margin:5px;}
#accueil-paves-haut .accueil-pave-haut-surcouche {width:100%; height:100%; position:absolute; left:0; top:0; z-index:15;}
#accueil-paves-haut .accueil-pave-haut-surcouche a { display:block; width:100%; height:100%;} 
#accueil-paves-haut .accueil-pave-haut-image {width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
#accueil-paves-haut .accueil-pave-haut-image img {width:100%; height:100%;}
#accueil-paves-haut .accueil-pave-haut-centre {width:100%; height:100%; position:relative; z-index:10; display:flex; flex-direction: column; justify-content :center; }
#accueil-paves-haut .accueil-pave-haut-contenu {width:100%; height:100%;  margin:0 auto; position:relative; z-index:10; } 
#accueil-paves-haut .accueil-pave-haut-border {margin:5px; padding:10px;  height:calc(100% - 10px); width:calc(100% - 10px); box-sizing:border-box;}
#accueil-paves-haut .accueil-pave-haut-nom {font-size:14px; text-transform:uppercase; color:#fff; height:70px; display:flex; flex-direction: column; justify-content :center;  text-align: center;}
#accueil-paves-haut .accueil-pave-haut-nom strong {font-weight:800; font-size:19px;}
#accueil-paves-haut .accueil-pave-haut-suite {}
#accueil-paves-haut .accueil-pave-haut-suite i {font-size:45px; color:#fff; text-align:center; line-height: 10px;} 

#accueil-paves-haut .accueil-pave-haut:hover .accueil-pave-haut-contenu {/*border:2px solid #fff;*/}
#accueil-paves-haut .accueil-pave-haut:hover .accueil-pave-haut-border {background:#fff !important;}
#accueil-paves-haut .accueil-pave-haut:hover .accueil-pave-haut-icone .accueil-pave-haut-icone-off {display:none;}
#accueil-paves-haut .accueil-pave-haut:hover .accueil-pave-haut-icone .accueil-pave-haut-icone-on {display:block;}

#accueil-paves-haut #accueil-pave-haut-131 .accueil-pave-haut-centre {}
#accueil-paves-haut #accueil-pave-haut-131 .accueil-pave-haut-border {background:#0094fc;}
#accueil-paves-haut #accueil-pave-haut-133 .accueil-pave-haut-nom  { letter-spacing: 0.7px;}
#accueil-paves-haut #accueil-pave-haut-131 .accueil-pave-haut-nom strong { letter-spacing: 5.5px;}
#accueil-paves-haut #accueil-pave-haut-131:hover .accueil-pave-haut-nom {color:#0094fc;}
#accueil-paves-haut #accueil-pave-haut-131:hover .accueil-pave-haut-icone {background: #0094fc;}

#accueil-paves-haut #accueil-pave-haut-132 .accueil-pave-haut-centre {}
#accueil-paves-haut #accueil-pave-haut-132 .accueil-pave-haut-border {background:#4cbe40;}
#accueil-paves-haut #accueil-pave-haut-132 .accueil-pave-haut-nom {  letter-spacing: 0.5px;}
#accueil-paves-haut #accueil-pave-haut-132 .accueil-pave-haut-nom strong { letter-spacing: 9px;}
#accueil-paves-haut #accueil-pave-haut-132:hover .accueil-pave-haut-nom {color:#4cbe40;}
#accueil-paves-haut #accueil-pave-haut-132:hover .accueil-pave-haut-icone {background: #4cbe40;}

#accueil-paves-haut #accueil-pave-haut-133 .accueil-pave-haut-centre {}
#accueil-paves-haut #accueil-pave-haut-133 .accueil-pave-haut-border {background:#884198;}
#accueil-paves-haut #accueil-pave-haut-133 .accueil-pave-haut-nom  { letter-spacing: 2px;}
#accueil-paves-haut #accueil-pave-haut-133 .accueil-pave-haut-nom strong { letter-spacing: 2.3px;}
#accueil-paves-haut #accueil-pave-haut-133:hover .accueil-pave-haut-nom {color:#884198;}
#accueil-paves-haut #accueil-pave-haut-133:hover .accueil-pave-haut-icone {background: #884198;}


/* PAVES */
#accueil-paves-contenu .global {padding:10px 0; max-width:1260px;}
#accueil-paves {font-size:0; text-align:center;}
#accueil-paves .accueil-pave {display:inline-block; vertical-align:top;  width:295px; height:295px; position:relative; z-index:10; margin:10px;}
#accueil-paves .accueil-pave:first-child {margin-left:0;}
#accueil-paves .accueil-pave:last-child {margin-right:0;}
#accueil-paves .accueil-pave-surcouche {width:100%; height:100%; position:absolute; left:0; top:0; z-index:15;}
#accueil-paves .accueil-pave-surcouche a { display:block; width:100%; height:100%;} 
#accueil-paves .accueil-pave-image {width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
#accueil-paves .accueil-pave-image img {width:100%; height:auto;}
#accueil-paves .accueil-pave-centre {width:100%; height:100%; position:relative; z-index:10; display:flex; flex-direction: column; justify-content :center; }
#accueil-paves .accueil-pave-contenu {width:186px; height:186px;  margin:0 auto; position:relative; z-index:10; } 
#accueil-paves .accueil-pave-border {margin:5px; padding:15px 5px;  height:calc(100% - 40px); width:calc(100% - 20px); }
#accueil-paves .accueil-pave-icone {margin:0 auto; width:53px; height:53px; background:#fff; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px;  }
#accueil-paves .accueil-pave-icone .accueil-pave-icone-off {display:block;}
#accueil-paves .accueil-pave-icone .accueil-pave-icone-on {display:none;}
#accueil-paves .accueil-pave-nom {font-size:18px; text-transform:uppercase; color:#fff; height:85px; display:flex; flex-direction: column; justify-content :center; }
#accueil-paves .accueil-pave-nom strong {font-weight:800; font-size:27px;}
#accueil-paves .accueil-pave-suite {}
#accueil-paves .accueil-pave-suite i {font-size:45px; color:#fff; text-align:center; line-height: 10px;} 

#accueil-paves .accueil-pave:hover .accueil-pave-contenu {/*border:2px solid #fff;*/}
#accueil-paves .accueil-pave:hover .accueil-pave-border {background:#fff !important;}
#accueil-paves .accueil-pave:hover .accueil-pave-icone .accueil-pave-icone-off {display:none;}
#accueil-paves .accueil-pave:hover .accueil-pave-icone .accueil-pave-icone-on {display:block;}

#accueil-paves #accueil-pave-131 .accueil-pave-centre {}
#accueil-paves #accueil-pave-131 .accueil-pave-border {background:#0094fc;}
#accueil-paves #accueil-pave-131 .accueil-pave-nom strong { letter-spacing: 4.7px;}
#accueil-paves #accueil-pave-131:hover .accueil-pave-nom {color:#0094fc;}
#accueil-paves #accueil-pave-131:hover .accueil-pave-icone {background: #0094fc;}

#accueil-paves #accueil-pave-132 .accueil-pave-centre {}
#accueil-paves #accueil-pave-132 .accueil-pave-border {background:#4cbe40;}
#accueil-paves #accueil-pave-132 .accueil-pave-nom strong { letter-spacing: 9px;}
#accueil-paves #accueil-pave-132:hover .accueil-pave-nom {color:#4cbe40;}
#accueil-paves #accueil-pave-132:hover .accueil-pave-icone {background: #4cbe40;}

#accueil-paves #accueil-pave-133 .accueil-pave-centre {}
#accueil-paves #accueil-pave-133 .accueil-pave-border {background:#884198;}
#accueil-paves #accueil-pave-133 .accueil-pave-nom  { letter-spacing: 2px;}
#accueil-paves #accueil-pave-133 .accueil-pave-nom strong { letter-spacing: 0px;}
#accueil-paves #accueil-pave-133:hover .accueil-pave-nom {color:#884198;}
#accueil-paves #accueil-pave-133:hover .accueil-pave-icone {background: #884198;}

/* Commande validée accueil */
#confirmation-commande-validee {position:fixed; top:200px; left:0px; width:100%; z-index:10000;}
#confirmation-commande-validee-contenu {background: #e6efc2; border: 2px solid #c6d880; color: #8a1f11; padding:15px; width:calc(100% - 54px); max-width:990px; margin:0 auto;}
#confirmation-commande-validee-contenu .fermer {display:block; float:right;}
#confirmation-commande-validee-contenu > p {color: #000000; font-size:17px; margin:15px 0; text-align:left;}

.hovicon { text-align: center; position: relative; text-decoration: none; z-index: 1; color: #fff;}
.hovicon .accueil-pave-contenu:after,
.hovicon .accueil-pave-haut-contenu:after { pointer-events: none; position: absolute; width: 100%; height: 100%;  content:''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.hovicon .accueil-pave-contenu:before,
.hovicon .accueil-pave-haut-contenu:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
/* Effect 1 */
.hovicon.effect-1 { background: rgba(255, 255, 255, 0.55); -webkit-transition: background 0.2s, color 0.2s;  -moz-transition: background 0.2s, color 0.2s;  transition: background 0.2s, color 0.2s;}
.hovicon.effect-1 .accueil-pave-contenu:after,
.hovicon.effect-1 .accueil-pave-haut-contenu:after { top: 0px; left: 0px; padding: 0px; box-shadow: 0 0 0 3px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0;}
/* Effect 1b */
 .hovicon.effect-1.sub-b:hover { background: rgba(255, 255, 255, 1); }
.hovicon.effect-1.sub-b .accueil-pave-contenu:after,
.hovicon.effect-1.sub-b .accueil-pave-haut-contenu:after { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.hovicon.effect-1.sub-b:hover .accueil-pave-contenu:after,
.hovicon.effect-1.sub-b:hover .accueil-pave-haut-contenu:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}


/* Espace exposant */
#pave-espace-exposant {width:265px; /*height:265px;*/ background:#fff; padding:15px; text-align:center; margin: 0 auto;}
#pave-espace-exposant-titre {font-size:23px; color:#292b2c; text-transform: uppercase; border-top:1px solid #292b2c; border-bottom:1px solid #292b2c; padding:5px 0;}
#pave-espace-exposant-titre strong {display:block; font-weight:800; font-size:27px;}
.pave-espace-exposant-connexion {position:relative;}
.pave-espace-exposant-connexion .form {margin-top:30px;}
.pave-espace-exposant-connexion i {color:#c7703f; font-size:15px; margin-right:5px; width:25px; text-align:center; }
.pave-espace-exposant-connexion .input-text { width:calc(100% - 40px) !important; height: 16px !important; padding-bottom: 5px; border:none; font-size:13px; border-bottom:1px solid #939999;}
#pave-espace-exposant-erreurs { position:absolute; left:0; top:-23px; width: 100%; height: 100%; z-index:20;}
#pave-espace-exposant-erreurs-conteneur {background:#fff;border: 1px solid #ccc; padding: 20px 10px;width: /*100%*/calc(100% - 22px);height:/*20px*/calc(100% - 40px);display: flex;flex-direction: column;justify-content: center;}
#pave-espace-exposant-erreurs-conteneur .reponse-fermer {font-size: 35px;  position:absolute; right:5px; top:0px; cursor:pointer; height: 20px; line-height: 20px;}  
#pave-espace-exposant-erreurs-conteneur .reponse-erreur,
#pave-espace-exposant-erreurs-conteneur .reponse-erreur p {margin:6px 0; text-align: center;}
.pave-espace-exposant-submit {cursor:pointer; margin-left:10px; border:none; padding: 0;background:none; border:1px solid #939999;  font-size:13px;  color:#939999; width:253px; height:30px; text-align:center; text-transform:uppercase; }
.pave-espace-exposant-submit:hover {background:#c7703f; color:#fff;}  
.pave-espace-exposant-mdp-oublie {text-align:right; margin-top: 7px;}
.pave-espace-exposant-mdp-oublie a,
.pave-espace-exposant-mdp-oublie a:visited {font-size:11px; text-decoration:none;}


#droite #pave-espace-exposant {height:auto; width:calc(100% - 30px); margin-bottom:25px;}
#droite #pave-espace-exposant-connexion {width:265px; margin:0 auto;}

#global .pave-espace-menus-conteneur { line-height:25px; text-align:left; }
#global .pave-espace-menus { line-height:/*25px*/21px; text-align:left; }
#global .pave-espace-menu {padding-left:/*50px*/20px; position:relative;border-bottom: 1px solid #ccc; }
#global .pave-espace-menu::before {content:""; width: 5px; height: 2px; background:#c7703f; position:absolute; left:/*30px*/8px; top:/*17px*/15px;}
#global .pave-espace-menu a,
#global .pave-espace-menu a:visited, 
#global .pave-espace-menu span { font-size:14px; text-decoration:none; color:#000000;display: block; padding: 5px 0; }
#global .pave-espace-menu a:hover { text-decoration:none; color:#004b59;}
#global .pave-espace-menu span {color:#848494;}

#accueil-exposant {display:none;}
#accueil-exposant-menu {margin-left:19px;}
#accueil-exposant-menu .pave-espace-menu {padding-left:31px;}
#accueil-exposant-menu .pave-espace-menu::before {left:10px;}

/* ACTUALITES */
#accueil-actualites-conteneur {}
#accueil-actualites-conteneur h2 {font-weight:700; font-size:25px; text-transform:uppercase; color:#292b2c; background:none; padding:0;}
#accueil-actualites-conteneur h2::after {content:""; background:#c7703f; width:45px; height:5px; display:block; margin-top:15px;}
#accueil-actualites {font-size:0; text-align:left;}
#accueil-actualites .accueil-actualite {text-align:center; display:inline-block; vertical-align:top;  width:252px; height:252px; position:relative; z-index:10; margin:0px;}
#accueil-actualites .accueil-actualite:nth-child(3n+1){background:#00adeb;}
#accueil-actualites .accueil-actualite:nth-child(3n+2){background:#08415c;}
#accueil-actualites .accueil-actualite:nth-child(3n+3){background:#c7703f;}
#accueil-actualites .accueil-actualite-surcouche {width:100%; height:100%; position:absolute; left:0; top:0; z-index:15;}
#accueil-actualites .accueil-actualite-surcouche a { display:block; width:100%; height:100%;} 
#accueil-actualites .accueil-actualite-centre {background:url(../images/actu-surcouche.png) no-repeat center center; width:100%; height:100%; position:relative; z-index:10; display:flex; flex-direction: column; justify-content :center; }
#accueil-actualites .accueil-actualite-nom {height:80px; font-weight:500; font-size:20px; text-transform:uppercase; color:#fff; overflow:hidden; }
#accueil-actualites .accueil-actualite-suite {height:30px; margin-top:20px;}
#accueil-actualites .accueil-actualite-suite i {font-size:32px; color:#fff; text-align:center; } 

#accueil-actualites .accueil-actualite-suite span {width:30px; height:30px; display:inline-block; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px;  }
#accueil-actualites .accueil-actualite-suite span::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; content: '';border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;   z-index: -1;  opacity: 0; -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);-o-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -webkit-transform: scale(0.9); -moz-transform: scale(0.9);   -ms-transform: scale(0.9);  transform: scale(0.9);}
#accueil-actualites .accueil-actualite:hover .accueil-actualite-suite span { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93);transform: scale(0.93);}
#accueil-actualites .accueil-actualite:hover .accueil-actualite-suite span::after {-webkit-animation: sonarEffect 1.3s ease-out 75ms;  -moz-animation: sonarEffect 1.3s ease-out 75ms;  animation: sonarEffect 1.3s ease-out 75ms;}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}



#accueil-centre {background:#fff; padding:25px 0;}


/* CONCOURS */

#concours-presentation {    width: calc(100% - 20px);    height: 140px;}
#concours-fichier-container tr {line-height: 14px;}
#concours-fichier-container .concours-fichier-nom {vertical-align:middle; padding:0 5px 10px 0;}
#concours-fichier-container .concours-fichier-nom a,
#concours-fichier-container .concours-fichier-nom a:visited {text-decoration:none; font-size:14px;}
#concours-fichier-container .concours-fichier-delete {vertical-align:top; padding:1px 0 1px 5px;}
#concours-connaissance-reglement {margin-top:25px; text-align:center;}
#concours-connaissance-reglement h3 {display: inline-block;}

#concours-conteneur {display:none;}
#concours-conteneur .small {margin:10px 0;}
#concours-conteneur .remarque {margin:25px 0; font-weight:bold; color: #8a1f11;}

#concours-membre-infos {}
#concours-membre-infos .row {margin:10px 0;}
#concours-membre-infos .row .label {font-weight:bold; display:inline-block; width:180px; text-align:right; padding-right:20px;}
#concours-membre-infos .row .valeur {}


#social-conteneur {text-align:center; background:#f0f1f1; padding:40px 0px; min-height:148px;}
#social-conteneur #social-texte {font-weight:500; font-size:24px; color:#292b2c; margin-bottom:40px;}
#social-conteneur .social-element {display:inline-block; vertical-align:top; margin: 0 50px;}
#social-conteneur .social-element i {}
#social-conteneur .social-element a,
#social-conteneur .social-element a:visited {color:#fff; text-decoration:none; width:80px; height:80px; display:block; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px;  }
#social-conteneur .social-element i {color:#fff;font-size: 50px; line-height: 80px;}
#social-conteneur .social-element a:hover {background: #ffffff !important; }

#social-conteneur #social-facebook a {background:#3b5998; border:1px solid #3b5998;}
#social-conteneur #social-facebook a:hover i { color:#3b5998;}
#social-conteneur #social-linkedin a {background:#0e76a8; border:1px solid #0e76a8;}
#social-conteneur #social-linkedin a:hover i { color:#0e76a8;}


/* PREPARATION RESPONSIVE */
#contenu .iframe-responsive-wrapper .iframe-ratio {height:0;}

/* Retour haut de page */
#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border:none;
    text-decoration: none;
    background: #c7703f;
    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 { }


/* 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: 20px 10px; width: auto; max-width: 590px;  max-height:885px; min-height: 160px; margin: 50px auto; border-radius: 5px; }

/* FIN POPUP */

#accepte_cgv_conteneur {padding:7px; border:2px solid #fff;}
#accepte_cgv_conteneur label {display: block; line-height: 18px; font-size:11px;}
#accepte_cgv_conteneur.error {border:2px solid #D83634; color:#D83634; background:#ffe3e3;}

/* Cookie message */
#cookie-message {position:fixed; bottom:20px; left:20px; z-index:9999; background:rgba(0,0,0,0.8); width:calc(100% - 40px); max-width:680px; border-radius:3px;}
#cookie-message-wrapper {padding:20px 45px 20px 20px;}
#cookie-message-entete { overflow:hidden; text-align:right; position:absolute; top:2px; right:9px; z-index:100;}
#cookie-message-fermer {color: #fff; font-size: 30px; line-height: 30px; text-decoration: none;}
#cookie-message-contenu {color:#ffffff;}
#cookie-message-contenu a,
#cookie-message-contenu a:visited {color:#ffffff;}
#cookie-message-contenu p {margin:0;}

#cookie-choix-contenu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
#cookie-choix-contenu .cookie-choix {-webkit-box-align: center;align-items: center;background-color: #fff;border: none;cursor: pointer;display: -webkit-inline-box;display: inline-flex;-webkit-box-pack: center;justify-content: center;width: 110px;padding: 10px;position: relative;text-decoration: none;-webkit-transition: background-color .3s ease;transition: background-color .3s ease;background: none;color: #fff;text-transform: uppercase;}
#cookie-choix-contenu .cookie-choix a{text-decoration: none;}
#cookie-choix-contenu .cookie-choix span{letter-spacing: 1px;color: #fff;display: block; font-size: 13px;font-weight: 700;line-height: 1.23;pointer-events: none;position: relative;text-align: center;-webkit-transition: color .3s ease;transition: color .3s ease;z-index: 1;}
#cookie-choix-contenu .cookie-choix::before {background-color: #00b1c6; bottom: 0;content: "";display: block;left: 0;position: absolute;top: 0;-webkit-transition: width .3s ease;transition: width .3s ease;width: 0;}
#cookie-choix-contenu .cookie-choix:hover::before {width: 100%;}

.popup-modal-close {display: flex; justify-content: flex-end;margin-bottom:20px;}

/* Cookie consentement modal debut */
#cookie-consent-form {}
#cookie-consent-form > .titre {font-size:18px; text-transform:uppercase;}
#cookie-consent-form .categories {}
#cookie-consent-form .categorie {padding:15px 0; border-top:1px solid #ccc;}
#cookie-consent-form .categorie:first-child {border-top:none;}

#cookie-consent-form .categorie .haut {}
#cookie-consent-form .categorie .titre {font-weight:bold; margin-bottom:15px; display:inline-block; vertical-align:top; width:250px;}
#cookie-consent-form .categorie .configuration {color:#2196F3; display:inline-block; vertical-align:top; width:calc(100% - 260px); text-align:right;}
#cookie-consent-form .categorie .configuration.actif {font-weight:bold;}

#cookie-consent-form .categorie .contenu {}
#cookie-consent-form .categorie .row {margin:10px 0; font-size:0.9em;}
#cookie-consent-form .categorie .label {display:inline-block; vertical-align:top; width:120px; font-weight:bold;}
#cookie-consent-form .categorie .valeur {display:inline-block; vertical-align:top; width:calc(100% - 120px);}

#cookie-consent-form .categorie .nom {}
#cookie-consent-form .categorie .description {}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

/* Cookie consentement modal fin */

#panier-bouton-paiement {text-align:center; -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; flex-direction:column; margin-bottom:20px;}
#panier-bouton-paiement  {display: -webkit-box;display: -ms-flexbox;display: flex;}
/*#checkout-button.stripe-button-el {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; border:none; background:none; cursor:pointer;}*/

#checkout-button.stripe-button-el {cursor:pointer; background:none; border:none; margin:10px auto; max-width:542px; background:#3065e1; padding:10px 30px; text-align:center; border-radius: 80px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#checkout-button.stripe-button-el > span {height: 40px; font-weight:400; font-size:21px; color:#fef4e7; padding-left:50px; padding-bottom: 0px; background:url(../images/icone-cadenas.png) no-repeat left top; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

#checkout-button.stripe-button-el:hover {background:#1aa9ee;}