@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;}

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

/* BANDEAU */
#bandeau {padding:0; width:100%; z-index:3000;
background: -moz-linear-gradient(top, #6abfe6 0%, #00b1c6 99%);
background: -webkit-linear-gradient(top, #6abfe6 0%,#00b1c6 99%);
background: linear-gradient(to bottom, #6abfe6 0%,#00b1c6 99%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abfe6', endColorstr='#00b1c6',GradientType=0 );   }
.lg {height:100px;}
.sm {height:60px;}

/* 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 {padding:0px 0 0 5px; position:relative; z-index:100; width: calc(100% - 20px); }
#bandeau #logo img {display:block; height:auto; width:100%; margin:0 auto; max-width: 330px;}


/* PIED */
#pied {background:#00b1c6; }
#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:calc(100% - 100px); }
.body-accueil #centre {background:none;}

/* PAVES */
#accueil-paves-contenu .global {padding:10px 0; max-width:1860px;}
#accueil-paves {font-size:0;  max-width: 1140px;  margin: 0 auto; text-align:center;min-height:calc(100vh - 250px); 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-paves .accueil-pave {display:inline-block; vertical-align:top; width:calc(50% - 20px); max-width: 550px; max-height:430px; position:relative; z-index:10; margin:10px; overflow:hidden;}
#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 {position:relative; z-index:9;}
#accueil-paves .accueil-pave-image img {width:100%; height:100%; -o-object-fit:cover;object-fit:cover;}  
#accueil-paves .accueil-pave-centre {width:100%; height:100%; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; display:flex; flex-direction: column; justify-content :center; }
#accueil-paves .accueil-pave-contenu {width:calc(100% - 130px); height:calc(100% - 130px);  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; 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-paves .accueil-pave-icone span {font-size:25px; color:#000; font-weight:700;}
#accueil-paves .accueil-pave-nom {font-size:18px; text-transform:uppercase; color:#fff; height:calc(100% - 70px); display:flex; flex-direction: column; justify-content :center; }
#accueil-paves .accueil-pave-nom strong {font-weight:800; font-size:27px;letter-spacing: 4.7px;}
#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 span {color:#fff !important;}

#accueil-paves #accueil-pave-1 .accueil-pave-centre {background:/*rgba(11, 69, 111, 0.6)*/rgba(247,165,49,0.6);}
#accueil-paves #accueil-pave-1 .accueil-pave-border {background:#F7A531;}
#accueil-paves #accueil-pave-1 .accueil-pave-icone span {color:#F7A531;}
#accueil-paves #accueil-pave-1:hover .accueil-pave-nom {color:#F7A531;}
#accueil-paves #accueil-pave-1:hover .accueil-pave-icone {background: #F7A531;}

#accueil-paves #accueil-pave-2 .accueil-pave-centre {background:rgba(139,200,78,0.6);}
#accueil-paves #accueil-pave-2 .accueil-pave-border {background:#89c54d;}
#accueil-paves #accueil-pave-2 .accueil-pave-icone span {color:#89c54d;}
#accueil-paves #accueil-pave-2:hover .accueil-pave-nom {color:#89c54d;}
#accueil-paves #accueil-pave-2:hover .accueil-pave-icone {background: #89c54d;}


#accueil-paves #accueil-pave-3 .accueil-pave-centre {background:rgba(136, 65, 152,0.6);}
#accueil-paves #accueil-pave-3 .accueil-pave-border {background:#884198;}
#accueil-paves #accueil-pave-3 .accueil-pave-icone span {color:#884198;}
#accueil-paves #accueil-pave-3:hover .accueil-pave-nom {color:#884198;}
#accueil-paves #accueil-pave-3:hover .accueil-pave-icone {background: #884198;}

#accueil-paves #accueil-pave-4 .accueil-pave-centre {background:rgba(0, 148, 252,0.6);}
#accueil-paves #accueil-pave-4 .accueil-pave-border {background:#0094fc;}
#accueil-paves #accueil-pave-4 .accueil-pave-icone span {color:#0094fc;}
#accueil-paves #accueil-pave-4:hover .accueil-pave-nom {color:#0094fc;}
#accueil-paves #accueil-pave-4:hover .accueil-pave-icone {background: #0094fc;}


.hovicon { text-align: center; position: relative; text-decoration: none; z-index: 1; color: #fff;}
.hovicon .accueil-pave-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 { 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 { 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 { -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 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}

#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;}


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


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