@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: 'Assistant', sans-serif; font-size:20px; background:#FFFFFF; color:#58666e; }
body * {outline:none; box-sizing:border-box; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {  body * {image-rendering: initial;}}
strong {font-weight:700;}
.noscroll {  overflow: hidden; height: 100%; width:100%;}

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: 3001; display: block; background: rgba(0,0,0,0.6); }

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



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

/* BANDEAU */
#bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000; margin: 38px 0 0;}
.lg {height:85px;}
.sm {height:73px;}

/* Bandeau réduit */
#bandeau.sm {  margin: 8px 0 0; }
#bandeau.sm #bandeau-haut {}
#bandeau.sm #logo {}
#bandeau.sm #logo img { image-rendering: initial;}

#bandeau.sm #menu-conteneur { height:calc(100% - 30px) !important;}
#bandeau.sm #menu {}


/* Bandeau non réduit */
#bandeau-conteneur {position: relative; z-index: 400; height:100%; width:100%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}

#bandeau-contact {position:relative; z-index:40; height:100%; }
#bandeau-contact .global {padding: 0 60px;  position:relative; z-index:40; width: calc(100% - 40px); height:100%; 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; background:#7c539a;}

#bandeau #logo {float:left; padding:5px 0 0 1px; position:relative; z-index:10;}
#bandeau #logo img {height:41px; width:auto; filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
#bandeau #logo span {display:block; color:#fff; font-size:15px;}
    
#bandeau #bandeau-inscription {width:225px; height:46px;  }
#bandeau #bandeau-inscription .bouton {width:100%; height:100%; min-width: 0; min-height:0;}
#bandeau #bandeau-inscription i {margin-right:10px; content:""; display:block; width:21px; height:23px; background:url(../images/icone-user.png) no-repeat center center; background-size:100% auto;}  


/* MENU */
/* Menu niveau 1 */
#menu-conteneur {}
#menu-wrapper {height:100%;}
#menu {list-style:none; margin:0px auto; padding: 0;height:100%;}
#menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; margin:0 30px;}

#menu .menu-element > span {cursor:pointer;  color: #fff; text-align: center;  height:100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#menu .menu-element > span > span { font-size:17px; position:relative; padding: 10px 0 7px; -webkit-box-sizing:border-box; box-sizing:border-box;} 


/* CENTRE */
#centre {min-height:150px;}
#centre .global {}
#centre .global .contenu-wrapper {padding:10px 0; min-height:150px; position:relative;}

/* CONTENU */
#contenu {overflow:hidden;}
#global h1,
#global h2.h1 { font-weight:200; font-size:60px; color:#000; color:#1c272b; text-align:center;  line-height: 63px;}
#global h1 em,
#global h2.h1 em {font-style:normal; font-weight:600; display:block; font-size:40px; line-height: 42px; }
#global h2:not(.h1){ margin-bottom: 10px; font-size: 30px;  color: #1c272b; font-weight:400; text-transform:uppercase; letter-spacing: 3px;}
#global p{ text-align:justify;}
#centre p.bouton,
#centre p span.bouton {cursor:default; text-align:center; margin:10px auto;}
#centre p.bouton:hover,
#centre p span.bouton:hover {background:#d51c07 !important; color:#fff !important;}
#global .bouton p {margin:0 !important; cursor:default;}
#global table.bouton {cursor:default;}
#centre ul {padding-left: 0px; list-style: none; margin-left: 0px;}
#centre ul ul {margin-left:0;}

#centre ul li {line-height: 19px; margin:12px 0; padding-left:0; position:relative; text-align:left; list-style: none; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
#centre ul li > div{line-height: 20px;}
#centre ul li::before { content: "\f105"; font-family: FontAwesome; font-size: 21px; display: block; color: #58666e; margin-right:6px;}
a,
a:visited {color:#78c344; text-decoration:underline;}
a:hover {text-decoration:none;}
#global ul li p {margin:0px;}


/*Accueil */
#accueil-haut-conteneur {position:relative; z-index:20;}
/* SLIDER */
#accueil-slider-conteneur {position: relative; z-index: 20;}
#accueil-slider-loader {width:100%; height:100%;  position:absolute; left:0; top:0; z-index:35; background:url(../images/ajax-loader.gif) no-repeat center center #F8F7F7;}

/** Carousel **/
#accueil-slider { position: relative;  z-index: 20; overflow: hidden; height:826px;} /* HEIGHT A MODIFIER */
#accueil-slider ul { width: 20000em; position: relative; z-index:20; list-style: none; margin:0 !important; padding:0 !important; height:100%;}
#contenu #accueil-slider .accueil-slider-li {display: initial; float: left; margin:0 !important; padding:0 !important; height:100%; background:none; line-height: initial;  position:absolute;z-index:20; }
#accueil-slider .accueil-slider-li::before {display:none;}
#accueil-slider .accueil-slider-li .accueil-slider-image { width:100%; height:100%;}

#quoi-y-trouver {  position: relative;  z-index: 20; background:url(../images/fond-quoi-y-trouver.jpg) no-repeat center center; background-size:cover;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  -webkit-box-align:  start;  -ms-flex-align:  start;  align-items:  flex-start; -webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}
#quoi-y-trouver * {color:#fff;}
#quoi-y-trouver .global { padding: 40px;}
#quoi-y-trouver h1 {color:#fff; text-align:left; margin-bottom: 0;}
#quoi-y-trouver h1::after {width:215px; height:6px; background:#7c539a; content:""; display:block; margin: 10px 0 5px;}
#quoi-y-trouver h2:not(.h1) {color:#fff;  margin-top: 0;}    
#quoi-y-trouver h2.h1 {color: #fff; text-align:left;}
#quoi-y-trouver ul li::before {color:#fff;}

#quoi-y-trouver-droite {width:60%; max-width: 930px; margin-top: -214px;}
#quoi-y-trouver-droite #quoi-y-trouver-droite-haut {padding: 20px 20px 20px 100px; background: rgb(39,50,56);
background: -moz-linear-gradient(90deg, rgba(39,50,56,0.85) 0%, rgba(27,36,41,0.85) 100%);
background: -webkit-linear-gradient(90deg, rgba(39,50,56,0.85) 0%, rgba(27,36,41,0.85) 100%);
background: linear-gradient(90deg, rgba(39,50,56,0.85) 0%, rgba(27,36,41,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#273238",endColorstr="#1b2429",GradientType=1);}
#quoi-y-trouver-droite #slide-logos {background:#263138; padding: 30px 100px;   font-size: 23px;}
#quoi-y-trouver-droite #slide-logos-images {display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
#quoi-y-trouver-droite #slide-logos-images img {max-width:280px; width:calc(50% - 10px);filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
#quoi-y-trouver-gauche {width:40%;}


#les-intervenants {}
#les-intervenants .global {padding:40px 40px 70px;}
#les-intervenants h2.h1 {margin-top:20px;}
#les-intervenants-conteneur {margin-top: 70px; 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:  start;  -ms-flex-align:  start;  align-items:  flex-start;}
#les-intervenants-conteneur .les-intervenants {width: calc(25% - 40px);  margin: 20px;}
#les-intervenants-conteneur .les-intervenants-image {width:175px; height:175px; border-radius:100px; margin:0 auto 25px;}
#les-intervenants-conteneur .les-intervenants-image img {width:100% !important; height:100% !important; object-fit:cover;  border-radius:100px;}
#les-intervenants-conteneur .les-intervenants-nom {font-size:25px; color:#1e282d; text-align:center;}
#les-intervenants-conteneur .les-intervenants-texte {font-size:19px; text-align:center;}
#les-intervenants-conteneur .les-intervenants-texte p {text-align:center;}

#deroulement-journee {background:#1e282d;}
#deroulement-journee .global {padding:40px;}
#deroulement-journee h2.h1 {color:#fff; text-align:center; margin-top: 20px;}
#deroulement-journee-liste {}
#deroulement-journee-liste .deroulement-journee-element { margin-bottom: 30px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align:  stretch;  -ms-flex-align:  stretch;  align-items:  stretch;}
#deroulement-journee-liste .deroulement-journee-horaire {width:180px; color:#bb85e1; font-size:22px; text-align:right; line-height: 37px;}
#deroulement-journee-liste .deroulement-journee-description {width: 570px; color:#fff; font-size: 22px; margin-left: 10px; padding-left: 25px; line-height: 37px; position: relative;z-index: 10;}
#deroulement-journee-liste .deroulement-journee-description::before {position: absolute; left: 0; top: 10px; content:""; display:block; width: 2px; height:calc(100% - 17px); background:#7c539a; }

#deroulement-journee-liste .deroulement-journee-element-spe {  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
#deroulement-journee-liste .deroulement-journee-element-spe i {display:block; width:230px;}
#deroulement-journee-liste .deroulement-journee-element-spe span {font-size:20px; color:#8f9ba1; text-transform:uppercase; letter-spacing:2px; }
#deroulement-journee-liste .deroulement-journee-element-spe .deroulement-journee-description {padding-left:0;}
#deroulement-journee-liste .deroulement-journee-element-spe .deroulement-journee-description::before {display:none;} 
#deroulement-journee-liste #deroulement-pause-dejeuner i {height:17px; background:url(../images/icone-pause-dejeuner.png) no-repeat center right; filter: brightness(0) invert(59%) sepia(93%) saturate(603%) hue-rotate(214deg) brightness(91%) contrast(94%);}
#deroulement-journee-liste #deroulement-conclusion i {height:32px; background:url(../images/icone-conclusion.png) no-repeat center right; filter: brightness(0) invert(59%) sepia(93%) saturate(603%) hue-rotate(214deg) brightness(91%) contrast(94%);}

#inscription {  margin-top: 60px;}

/* PIED */
#pied { background:#7c539a;}
#pied .global {padding:0px 10px;}
#pied .global .contenu-wrapper { 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: stretch;  -ms-flex-align: stretch;  align-items: stretch;}

#pied #pied-col-gauche {width:60%; max-width: 787px; padding: 90px 20px 0px 0;}
#pied #pied-col-gauche img {display:block; height:100%; width:100%; object-fit:contain;margin:0 auto;}
#pied #pied-logo {width:calc(100% - 50px); max-width:430px; position:relative; margin:0 auto 100px;  filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
#pied #pied-logos {padding: 50px 15px; text-align:center; background: #fff;   font-size: 23px;} 
#pied #pied-logos-images {display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
#pied #pied-logos img {max-width:280px; width:calc(50% - 10px); }
#pied #pied-col-droite {width:40%; padding:85px 15px 10px 105px;   display: flex;  flex-direction: column;  justify-content: space-between;}
#pied ul li {padding:0;}
#pied ul li::before {display:none;}

#pied .categorie {margin-bottom:20px;}
#pied .categorie > span { letter-spacing: 3px; color:#bb85e1; font-size:20px; text-transform:uppercase; display:block;}

#pied .menu {padding:0; margin:0 0 15px 0;}
#pied .menu li {list-style:none;  margin:0 0 15px 0;}
#pied .menu li > span {cursor:pointer; text-decoration:none; color:#ffffff; font-weight:400; font-size:22px; position: relative;}

#pied .liens {padding:0; margin:0 0 15px 0;}
#pied .liens li {list-style:none;  margin:0 0 15px 0;}
#pied .liens li a,
#pied .liens li a:visited {cursor:pointer; text-decoration:none; color:#bb85e1; font-weight:400; font-size:19px; position: relative;}

#pied #pied-inscription {  margin-top: 60px;}
#pied #pied-inscription .bouton {width:225px; height:46px;}
#pied #pied-inscription i {margin-right:10px; content:""; display:block; width:21px; height:23px; background:url(../images/icone-user.png) no-repeat center center;}  

#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: #7c539a; color:#fff; width:50px; height:50px; padding: 2px; box-sizing: border-box; z-index:500; border-radius: 35px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; }
#back-to-top span { width:100%; height:100%; background: #7c539a; border: 3px solid #fff; display:inline-block; vertical-align:middle; border-radius: 35px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; }
#back-to-top i {color:#fff; font-size: 32px; line-height: 35px; width:100%; height:100%; text-align:center; }

/* 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; font-size:15px; }
#cookie-message-contenu p {margin:0; font-size:15px;}

#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: #7c539a; 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; }
.popup-modal-close .bouton {background:#7c539a; color:#fff; border:1px solid #7c539a;}

/* 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:#bb85e1; 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 */

.gras {font-weight:bold;}
.lien {cursor:pointer;}
.vert {color:#018032;}
.clear { clear:both;}
.clearLeft { clear:left;}
.clearRight { clear:right;}
.floatLeft { float:left;}
.floatRight { float:right;}
a img {border:none;}


.submit input,
input.submit,.bouton,.bouton-fleche,
#global a.bouton,
#global a.bouton:visited,
#global a.bouton-fleche,
#global a.bouton-fleche:visited {outline:none; border:none;font-size:20px;background:#fff; color: #273238; min-height: 30px; min-width: 120px;text-align: center; padding: 10px 30px; font-family: 'Assistant', sans-serif; font-weight:400;  border-radius: 65px; text-decoration: none; vertical-align:top; cursor: pointer; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-transition: color 400ms ease-in-out;-moz-transition: color 400ms ease-in-out;-ms-transition: color 400ms ease-in-out;-o-transition: color 400ms ease-in-out;transition: color 400ms ease-in-out; -webkit-box-sizing: border-box;box-sizing: border-box;-webkit-hyphens: unset;-ms-hyphens: unset;hyphens: unset;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;}
#global a.bouton span,
#global a.bouton:visited span,
#global a.bouton-fleche span,
#global a.bouton-fleche:visited span,
#global a.bouton-fleche i,
#global a.bouton-fleche:visited i,
#global .bouton a,
#global .bouton a:visited,
#global .bouton-fleche a,
#global .bouton-fleche a:visited {color:#273238; text-decoration:none;}
.submit input,
input.submit,
.bouton input,
input.bouton  {height: 32px; border:none; }

.bouton-fleche i,
#global a.bouton-fleche i {margin-left:12px;}
.bouton,
#global a.bouton,
#global a.bouton:visited,
.bouton-fleche,
#global a.bouton-fleche,
#global a.bouton-fleche:visited {	line-height: 20px;}

.submit input:hover,
input.submit:hover,
.bouton input:hover,
input.bouton:hover,
.bouton:hover,
#global .bouton:hover,
#global a.bouton:hover,
.bouton-fleche:hover,
#global .bouton-fleche:hover,
#global a.bouton-fleche:hover  {background:#fff; color:#78c344; text-decoration:none; }
#global a.bouton:hover span,
#global a.bouton-fleche:hover span,
#global a.bouton-fleche:hover i {color:#78c344; }


@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
 
	.logo-image.icon{display:inline-block;}
	.logo-image.iconGrand{display:none;} 
 
	body * {image-rendering: -webkit-optimize-contrast;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {  
 
	.logo-image.icon {display:none;}
	.logo-image.iconGrand{display:inline-block;} 
	body * {image-rendering: initial;}
}