@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: 'Lato', sans-serif;font-size:16px;color: #484847;}

#global {}
.global {max-width:1160px; padding:0 50px; margin:0 auto;}

/* BANDEAU */
#bandeau {padding:0; width:100%; z-index:30; background:#fea75b; }
.lg {height:103px;}
.sm {height:40px;}

#bandeau.sm {background:rgba(255,255,255, 0.8); }
#bandeau.sm #logo a img {height:30px; width:auto;}
#bandeau #logo {min-height:100px; }
#bandeau #logo a,
#bandeau #logo a:visited {text-decoration:none; display:block; min-height:100px;}
#bandeau #logo a img {display:inline-block;  float:left;}
#bandeau #logo a > span {display:inline-block; float:left; padding-top: 40px; padding-left:100px; text-align: center;color: #ffffff;font-size: 30px;font-family: 'Josefin Sans', sans-serif;}
#bandeau #logo a > span span {font-weight:bold;}

/* MENU */
/* Menu niveau 1 */
#menu-container {max-width:1260px; padding:0px; margin:0 auto;border-bottom: 1px solid #ffffff; height:45px; }
#menu {list-style:none; margin:0px auto; padding:7px 0px 0; height:38px;}
#menu .menu-element {float:left;position:relative; text-align: center;  margin: 0 3.3%;}
#menu .menu-element > a {text-decoration:none; }
#menu .menu-element > a > span,
#menu .menu-element > span {width:auto;text-transform:lowercase; display:block;font-weight: 400;color: #242727;font-size: 20px;letter-spacing: -1px;font-family: 'Josefin Sans', sans-serif;color: #242727;}
#menu .menu-element:hover a,
#menu .menu-element.selected a,
#menu .menu-element.selected > a > span,
#menu .menu-element.selected > span {background: url(../images/ssmenu-liseret.png) no-repeat center bottom;display: block;height: 40px;}
#menu .menu-element > a > span:hover 
#menu .menu-element > span:hover {}
#menu .menu-element:hover > a > span,
#menu .menu-element:hover > span {height: 40px;background: url(../images/ssmenu-liseret.png) no-repeat center bottom;display: block;}

/* Sous menu niveau 1 */
#menu .smenu-conteneur { position:absolute; background:#ffffff; left: -20px; z-index:200; margin:0; padding:0; list-style:none; display: none; width: 250px; top: 39px; border: 1px solid #abd4dd; border-top: none; font-size: 15px; font-family: 'Lato', sans-serif; }  
#menu .smenu-bas {} 
#menu .smenu-centre { padding: 0 7px 7px; } 
#menu .smenu-element { text-align: left; color: #abd4dd; border-bottom: 1px solid #efe8d9; min-height: 30px; padding-top: 13px; }    
#menu .smenu-element:nth-last-child(1) { border-bottom: none;  }
#menu .smenu-element a, #menu .smenu-element a:visited {display:block;text-align:left;text-decoration:none;background-image: none !important;color: #98948e;height: inherit !important;} 
#menu .smenu-element a:hover {color:#abd4dd;}
#menu .smenu-element:hover {}
 

/* 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 {}
#centre .global {background-color: rgba(255,255,255,0.5); padding:10px 50px 45px; }
#centre .global .contenu-wrapper { min-height:400px;}
#contenu {max-width:900px; overflow: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:#fc790f;}

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

/* DROITE */
#droite {float:right; min-height:400px; width: 235px; margin-left:20px;}
#droite #dr-adherer {margin: 15px 0; text-align: center;}
#droite #dr-adherer a,
#droite #dr-adherer a:visited {display: block; text-align: center;  padding: 10px 0; text-decoration:none;}
#droite #dr-contact-contenu { text-align: center;}
#droite a#dr-contact-btn { border: 1px solid #bebcb8; display: block; margin-bottom: 30px; cursor: pointer; text-align:center; color:#bebcb8; padding-top: 2px; padding-bottom: 3px; text-decoration:none;}
#droite a#dr-contact-btn:hover { color:#ffffff; background-color:#00a6a6;}
#droite .telephone span.contact-contenu { color: #e58836; font-size: 27px; font-weight: bold; padding-top: 60px; display: block; background-image: url(../images/col_picto_tel.png); background-repeat: no-repeat; background-position: 50% 15px, center; }
#droite .horaires { margin-top: 15px; display: block; padding-bottom: 20px; border-bottom: 1px solid #a0aeae;}
#droite .horaires span.contact-contenu {color: #e58836;}

#droite .mail a { font-size: 19px; padding: 15px 0; display: block; color: #e58836; text-decoration: none; }
#droite .mail .image {background:#fea75b; border-radius:50px; width:39px; height:39px; margin: 0px auto 10px; display:block;}
#droite .mail .image i { background:url(../images/icone-enveloppe.svg) no-repeat center center;background-size:25px auto;  display:block; width:100%; height:100%; filter: invert(95%) sepia(100%) saturate(0%) hue-rotate(59deg) brightness(104%) contrast(101%);} 
#droite .mail span:not(.image) {display:block;}

#droite #dr-mail {text-align:center; margin:20px 0; padding-top: 20px; border-top: 1px solid #a0aeae; color:#e58836;}
#droite #dr-mail > .image {background:#fea75b; border-radius:50px; width:39px; height:39px; margin: 0px auto 10px; display:block;}
#droite #dr-mail > .image i { background:url(../images/icone-email.png) no-repeat center center;background-size:25px auto;  display:block; width:100%; height:100%; filter: invert(95%) sepia(100%) saturate(0%) hue-rotate(59deg) brightness(104%) contrast(101%);} 
#droite #dr-mail > span:not(.gras,.image) { font-size: 18px; margin: 10px 0; display: inline-block; vertical-align: middle;} 

#droite #dr-linkedin {  margin-top: 15px; padding-top: 20px; border-top: 1px solid #a0aeae; }
#droite #dr-linkedin a {display:block; text-align:center;  color:#e58836; text-decoration:none;}
#droite #dr-linkedin i {display: block; width: 50px; height: 50px; background:url(../images/icone-linkedin.svg) no-repeat center center; background-size: contain; margin: 25px auto 0;}

#droite #dr-logo {text-align:center;}

/* CONTENU */
#contenu h1 { font-size: 23px; background: url(../images/deco_tit1.png) no-repeat 0px 5px; padding-left: 12px;}
#contenu h2 { font-size: 20px; background: url(../images/deco_tit2.png) no-repeat 0px 5px; padding-left: 12px; color: #fea75b; margin-left: 12px;}
#contenu h3 { font-size: 18px; font-style: italic; margin-left: 24px; font-weight: 400;}
#contenu p { margin-left: 24px; }
#contenu table tr td p {margin-left:0;}
#contenu a,#contenu a:visited { color: #fea75b;}
#contenu a:hover {}
#contenu ul { padding-left: 17px; margin-left: 27px;}
#contenu ul li { list-style-image: url(../images/puce-liste.png);  font-size: 16px;}
#contenu ul li p {margin:0;}

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

/* PIED */
#pied {background:#efe9db; margin:0 auto; max-width:1260px; width:100%; padding-top:25px; padding-bottom:15px;}
#pied .global {}
#pied .global .contenu-wrapper {min-height:300px;}

#pied .global .contenu-wrapper a, #pied .global .contenu-wrapper a:visited { color:#2c2c2c;text-decoration:none;}
#pied .col { text-align:center; width:20%; min-width:170px; max-width:190px; float:left; margin: 0 5% 10px; font-size:13px;}
#pied .col:nth-child(4n+4)  { margin-right: 0%; }
#pied .col .categorie {}
#pied .col .categorie a,
#pied .col .categorie a:visited {text-align:center; text-decoration:none; background-color: #cbc6b9; margin-bottom: 10px;  display:block; font-size: 12px; padding-bottom: 5px; text-transform: uppercase; color: #ffffff; padding-top: 4px; height: 14px;}
#pied .col .categorie a:hover {}
#pied .agoraline a:first-child {display:block;}

#pied .col ul {padding:0; margin:5px 0;}
#pied .col ul li {list-style: none; line-height: 21px; }
#pied .col a,
#pied .col a:visited, 
#pied .col ul li a,
#pied .col ul li a:visited,
#pied .col span {font-weight: 600; text-transform: lowercase; font-size: 13px; text-decoration:none; color:#2c2c2c; margin:0 7px;}
#pied .col a:hover,
#pied .col ul li a:hover {}

#dr-footer-contact-contenu { text-align: left;}
#dr-footer-contact-contenu span { display: inline-block; line-height: 1.2; margin-left: 18px; padding-left: 40px; margin-top: 5px;}
#dr-footer-contact-contenu .telephone span { background-image: url(../images/footer-picto-tel.png); background-repeat: no-repeat; height: 30px; font-weight: bold; font-size: 15px;}
#dr-footer-contact-contenu .adresse span { background-image: url(../images/footer-picto-map.png); background-repeat: no-repeat; height: 50px; font-weight: bold;}
div#dr-footer-contact-contenu img { vertical-align: text-top; padding-bottom: 10px; display: inline;}


/* 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-container {max-width:1260px; padding:0px; margin:30px auto 10px;}
#ariane {height:20px; line-height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#ffffff; display:block; float:left; overflow:hidden;}
#ariane .ariane-vous-etes-ici {}
#ariane .ariane-accueil {}
#ariane .ariane-fleche {}
#ariane a.ariane-accueil,
#ariane a.ariane-element,
#ariane span.ariane-element {font-family:'Josefin Sans', Arial; font-weight:600; font-size:15px; color:#abd4dd; display:block; float:left; height:20px; padding:0 4px; text-decoration:none;}
#ariane .ariane-element-final {display:block; float:left; height:20px;}
#ariane .ariane-element-final strong {font-weight:400; color:#ffffff; display:block; float:left; height:20px; background:url(../images/ariane-final-bg.png) left center no-repeat #abd4dd; padding-left:18px; padding-right:5px; font-size:13px;}
#ariane i {font-size:28px; color:#abd4dd;display:block; float:left; height:20px; line-height:17px;}

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


/* PAGINATION */
#paginator {
    margin: 10px auto;
    text-align:center;
}
#contenu #paginator .pagination-span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #FEA75B;
    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:#FEA75B;
}
#contenu #paginator .pagination-lien {
   background:#FEA75B;
    border: 1px solid #FEA75B;
    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;
}
#contenu #paginator .pagination-lien:hover {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #FEA75B;
    color:#FEA75B;
}


/* Contact */
#contenu #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;}
#module-contact .submit {cursor:pointer; margin-left:160px;}
#module-contact .submit:hover {}

#module-contact .form div.captcha {margin-left:160px;}

/* 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;}
	
#contenu .diaporama ul { min-width:300px; padding:0px; margin:0;}
#contenu .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;}


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

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


/* Accueil */
/* SLIDER */
#accueil-slider-conteneur {z-index:10;  position: relative; width:898px; height:266px; background: #efe9db; border:1px solid #dcd7cd;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;}
/** Carousel **/
#accueil-slider {z-index:10; position: relative; overflow: hidden; width:898px; height:266px;}
#accueil-slider ul {z-index:10; width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
#accueil-slider .accueil-slider-li {list-style:none; float: left; margin: 0; padding: 0; width:898px; height:266px; cursor:pointer;}
#accueil-slider .accueil-slider-li .accueil-slider-centre { position:relative; z-index:10; width:100%; height:100%;}
#accueil-slider .accueil-slider-li .accueil-slider-surcouche a {display:block;  width:100%; height:100%;}
#accueil-slider .accueil-slider-li .accueil-slider-image {width:220px; height:100%; float:left; background:url(../images/slider-image.jpg) no-repeat left center #efe9db;}
#accueil-slider .accueil-slider-li .accueil-slider-image.atelier {background:url(../images/slider-image-atelier.jpg) no-repeat left center #efe9db;}
#accueil-slider .accueil-slider-li .accueil-slider-image.ecrit {background:url(../images/slider-image-ecrits.jpg) no-repeat left center #efe9db;}
#accueil-slider .accueil-slider-li .accueil-slider-contenu { float:left; z-index:10; max-width:635px; padding:0 10px 0 25px; width:65%; height:70%; }
#accueil-slider .accueil-slider-li .accueil-slider-titre {margin:15px 0;}
#accueil-slider .accueil-slider-li .accueil-slider-titre h1 {margin-top:0;}
#accueil-slider .accueil-slider-li .accueil-slider-texte {/*height:150px;*/ height:135px; overflow:hidden; margin-bottom:0px;}
#accueil-slider .accueil-slider-li .accueil-slider-texte p {margin:3px 0 3px 12px;}
#accueil-slider .accueil-slider-li .accueil-slider-suite {position:relative; z-index:20;}
#accueil-slider .accueil-slider-li .accueil-slider-suite a, #accueil-slider .accueil-slider-li .accueil-slider-suite a:visited { display:block; width:188px; height:21px; padding:3px 0; text-transform:uppercase; font-size:15px; text-align:center; text-decoration:none; color:#00a6a6; border:1px solid #00a6a6; background:#efe9db;}
#accueil-slider .accueil-slider-li .accueil-slider-suite a:hover {  background:#cbc6b9; color:#fff; border:1px solid #cbc6b9;}
 
/** Carousel Pagination **/
#accueil-slider-controls { position: absolute; bottom: 25px; right: 30px; margin: 0; z-index:20;}
#accueil-slider-controls a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; margin:0 3px; background:url(../images/slider-puce.png) no-repeat;}
#accueil-slider-controls a.active { background:url(../images/slider-puce-on.png) no-repeat;}


#accueil-paves {min-height: 200px;  margin: 30px auto;}
#accueil-paves .accueil-pave { width: 270px;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; height: 170px; margin-top: 0px;text-align:center;float: left;}
#accueil-paves .accueil-pave:nth-child(3n+2) {margin:0 45px;}
#accueil-paves .accueil-pave .accueil-pave-titre {color: #FFFFFF;  font-size: 35px;  text-align: center;  z-index:100;  text-transform: uppercase; padding-top: 80px; display: block;}
#accueil-paves .accueil-pave .accueil-pave-lien {margin-top:10px; text-align:center;}
#accueil-paves .accueil-pave .accueil-pave-lien a,
#accueil-paves .accueil-pave .accueil-pave-lien a:visited {color: #ffffff; text-transform: uppercase; width:185px;  padding: 3px 0px; display:inline-block; text-align: center; border: 1px solid #ffffff; cursor: pointer; text-decoration: none;}
#accueil-paves .accueil-pave .accueil-pave-lien a:hover {background:#fff;}
#accueil-pave-conferences {background:url(../images/presta1.png) no-repeat center 10px #fea75b;}
#accueil-pave-ecrits {background:url(../images/presta2.png) no-repeat center 10px #abd4dd;}
#accueil-pave-ateliers {background:url(../images/presta3.png) no-repeat center 10px #d47475;}

#accueil-pave-conferences .accueil-pave-lien a:hover {color: #fea75b;}
#accueil-pave-ecrits .accueil-pave-lien a:hover {color: #abd4dd;}
#accueil-pave-ateliers .accueil-pave-lien a:hover {color:#d47475;}


   
#accueil-actualite {}
#accueil-actualites-conteneur {}
#accueil-actualites-conteneur .accueil-actualite {float: left;  min-height: 1px; width:33%; height:100%; margin-bottom:5px;}
#accueil-actualites-conteneur .accueil-actualite-contenu {margin: 0 15px; overflow: hidden; padding: 8px; position: relative;}
#accueil-actualites-conteneur .accueil-actualite-date {text-transform:lowercase; display: block; color: #fea75b; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 18px; padding-top: 3px; padding-bottom: 3px; line-height: 17px;}
#accueil-actualites-conteneur .accueil-actualite-titre {display: block; font-size: 20px; font-style: italic; line-height: 20px; margin-top: 15px; padding-left:15px; background:url(../images/actu-titre.png) no-repeat left 5px;}
#accueil-actualites-conteneur .accueil-actualite-texte { display: block;  margin: 15px 0 15px 15px; font-size: 15px;   text-align: justify;}
#accueil-actualites-conteneur .accueil-actualite-texte ul {margin-left:0;} 
#accueil-actualites-conteneur .accueil-actualite-texte p {line-height:20px; margin-bottom:0;  margin-left:0; padding-top:0; }
#accueil-actualites-conteneur .accueil-actualite-suite {text-align:left;}
#accueil-actualites-conteneur .accueil-actualite-suite a,
#accueil-actualites-conteneur .accueil-actualite-suite a:visited {display: inline-block; color: #fea75b; text-transform: uppercase; padding: 5px 20px; text-align: center; border: 1px solid #fea75b; cursor: pointer; text-decoration: none; margin-left: 15px;}

#accueil-actualites-conteneur .accueil-actualite-suite a:hover {background:#fea75b; color:#fff;}

/* 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(257, 167, 91, 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 {    
}

/* 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: #fea75b; 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 .contenu > div { border-bottom: 1px solid #ccc;}
#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 */

body.mfp-open {height:100%; overflow:hidden;}
body.mfp-open .mfp-wrap {}
body.popin-open .mfp-wrap { overflow:hidden !important;/*height: 100% !important;*/  position: /*static*/fixed;}

body.showLayout {overflow: hidden !important; height: 100% !important; width:100% !important;}
body.showLayout #modal-layout {  width: 100%;  height: 100%;  position: fixed;  left: 0px;  top: 0px;  z-index: 1000;  display: block; background: rgba(0,0,0,0.6);}

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

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