/*
Theme Name:         FADOQ WordPress Theme
Theme URI:          http://www.fadoq.ca/
Description:        The largest association of Quebecers over 50 and THE reference in terms of quality of life for Quebec seniors.
Version:            1.2.3
Author:             ∆ Okam
Author URI:         http://www.okam.ca/
Text Domain:        fadoq
*/

/***
*    ########  ########  ######  ######## ######## 
*    ##     ## ##       ##    ## ##          ##    
*    ##     ## ##       ##       ##          ##    
*    ########  ######    ######  ######      ##    
*    ##   ##   ##             ## ##          ##    
*    ##    ##  ##       ##    ## ##          ##    
*    ##     ## ########  ######  ########    ##    
*/
.header-v2 * { box-sizing: border-box; margin:0; padding:0; font-size:1em; }

/***
*       ###    ########  ##     ## #### ##    ##    ########     ###    ########  
*      ## ##   ##     ## ###   ###  ##  ###   ##    ##     ##   ## ##   ##     ## 
*     ##   ##  ##     ## #### ####  ##  ####  ##    ##     ##  ##   ##  ##     ## 
*    ##     ## ##     ## ## ### ##  ##  ## ## ##    ########  ##     ## ########  
*    ######### ##     ## ##     ##  ##  ##  ####    ##     ## ######### ##   ##   
*    ##     ## ##     ## ##     ##  ##  ##   ###    ##     ## ##     ## ##    ##  
*    ##     ## ########  ##     ## #### ##    ##    ########  ##     ## ##     ## 
*/
body:not(.role-administrator) #wp-admin-bar-query-monitor { display: none!important; }

/***
*     ######   ######## ##    ## ######## ########     ###    ##       
*    ##    ##  ##       ###   ## ##       ##     ##   ## ##   ##       
*    ##        ##       ####  ## ##       ##     ##  ##   ##  ##       
*    ##   #### ######   ## ## ## ######   ########  ##     ## ##       
*    ##    ##  ##       ##  #### ##       ##   ##   ######### ##       
*    ##    ##  ##       ##   ### ##       ##    ##  ##     ## ##       
*     ######   ######## ##    ## ######## ##     ## ##     ## ######## 
*/

.valign { display: flex; align-items:center; width:100%; height:100%; }


main { opacity: 1!important; }

.custom-load-more { padding: 1rem; text-align: center; }

.row + .custom-load-more { margin-top:4rem; }
.row.publicite + .row + .custom-load-more { margin-top:0; }


.cache { display: none!important; }

.bulle { margin-left: 0.5rem; display: inline-block; position: relative; }
.bulle > div { position: absolute; bottom: 2rem; left: -1rem; background-color:#ddd; padding: 1rem; white-space: nowrap; display: none; }
.bulle > div:after {
  content:'';
  display: block;
  position: absolute;
  bottom: -0.5rem; 
  left: 1rem;
  width: 0; 
  height: 0; 
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #ddd;
}
.bulle.actif > div { display: block;  }
.bulle.actif > div > *:last-child { margin-bottom: 0; }
.bulle.actif > div p { font-size: 0.8rem; }
.bulle .fermer { position: absolute; top: 0; right: 0; width:1rem; height: 1rem; text-align: center; line-height: 1rem; font-size: 0.75rem; background-color: #005499; display: block; color:#fff!important;}

.bottom-marging { margin-bottom:2rem; }

.alerte-contenu-non-traduit { padding:0.5rem 1rem; color:#fff; border-radius:0.5rem; background-color:#00A1CB; padding-left:3rem; position:relative; font-size:0.8rem; margin-bottom:2rem; text-align:left; }
.alerte-contenu-non-traduit i { position:absolute; left:1rem; top:50%; transform: translateY(-50%); }
.alerte-contenu-non-traduit + .alerte-contenu-non-traduit { margin-top:-1rem; }

.text-left.small_notice {font-size: 1.2em; font-style: italic;}
.picker__header .picker__select--month, 
.picker__header .picker__select--year { height: 2.3em; }

.mini-table td { padding:0.5rem; font-size: 0.8rem; }
.hscroll-table { max-width: 100%; overflow: auto; border:1px solid #f2f2f2; margin-bottom: 1rem; }
.hscroll-table table { margin-bottom: 0; float: none!important; }
.hscroll-table table tbody { border:none!important; }

#regionSelector img.popup_logo { margin: 10px 0 0 0; display: block; max-width: 160px; }

.embed-responsive { position: relative; max-width:100%; }
.embed-responsive iframe {  max-width:100%; }
.embed-responsive-16by9 iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-16by9:after { content:''; display: block; padding-bottom: 56.25%; width:100%; }

.fadoq-alert-box { display: inline-grid; grid-template-columns: auto auto; justify-items:center; align-items: center; grid-gap:2rem; margin-top:4rem; text-align: left; margin-left:auto; margin-right:auto; }
.fadoq-alert-box > div { max-width:25rem; }
.fadoq-alert-box > div p  { font-size: 1em; }
.fadoq-alert-box > div .cta { margin-top:0.5rem; margin-right:0.5rem; }
.fadoq-alert-box > a { display: block; }

.cta { padding: 0.75em; border: 2px solid #005ea6; text-align: center; display: inline-block; cursor: pointer; min-width: 10em;  }
.cta.ghost { color:#005ea6; }
.cta:not(.ghost){ background-color: #005ea6; color: #fff!important; }
.cta:hover { background-color: #003d7f; border-color: #003d7f; color: #fff!important; }

.fadoq-region-accent-color *,
.fadoq-region-accent-color { color:red!important; }


/***
*       ###    ##     ## ########  #######      ######   #######  ##        ######  
*      ## ##   ##     ##    ##    ##     ##    ##    ## ##     ## ##       ##    ## 
*     ##   ##  ##     ##    ##    ##     ##    ##       ##     ## ##       ##       
*    ##     ## ##     ##    ##    ##     ##    ##       ##     ## ##        ######  
*    ######### ##     ##    ##    ##     ##    ##       ##     ## ##             ## 
*    ##     ## ##     ##    ##    ##     ##    ##    ## ##     ## ##       ##    ## 
*    ##     ##  #######     ##     #######      ######   #######  ########  ######  
*/

.ff-auto-cols { display:flex; flex-wrap:wrap; justify-content:center; --_gap:0rem; gap:var(--_gap);  }
.ff-auto-cols > * { width:calc(100% / var(--columns) - (var(--_gap) - var(--_gap) / var(--columns))); }

/* Desktop */
@media only screen and (min-width: 1200px) {
  .ff-auto-cols{ --columns:4; }
  .ff-auto-cols[data-total="1"] { --columns:2; }
  .ff-auto-cols[data-total="2"] { --columns:2; }
  .ff-auto-cols[data-total="3"] { --columns:3; }
  .ff-auto-cols[data-total="5"] { --columns:3; }
  .ff-auto-cols[data-total="6"] { --columns:3; }
  .ff-auto-cols[data-total="9"] { --columns:3; }
}

/* Tablette */
@media only screen and (max-width: 1200px) and (min-width: 600px) {
  .ff-auto-cols{ --columns:3; }
  .ff-auto-cols[data-total="1"] { --columns:2; }
  .ff-auto-cols[data-total="2"] { --columns:2; }
  .ff-auto-cols[data-total="4"] { --columns:2; }
}

/* Mobile */
@media only screen and (max-width: 600px) {
  .ff-auto-cols{ --columns:1; }
  .ff-auto-cols[data-total="1"] { --columns:1; }
}

/***
*    ########   #######  ########  ##     ## ########          ##          ###    ##    ##  ######   ##     ## ######## 
*    ##     ## ##     ## ##     ## ##     ## ##     ##         ##         ## ##   ###   ## ##    ##  ##     ## ##       
*    ##     ## ##     ## ##     ## ##     ## ##     ##         ##        ##   ##  ####  ## ##        ##     ## ##       
*    ########  ##     ## ########  ##     ## ########  ####### ##       ##     ## ## ## ## ##   #### ##     ## ######   
*    ##        ##     ## ##        ##     ## ##                ##       ######### ##  #### ##    ##  ##     ## ##       
*    ##        ##     ## ##        ##     ## ##                ##       ##     ## ##   ### ##    ##  ##     ## ##       
*    ##         #######  ##         #######  ##                ######## ##     ## ##    ##  ######    #######  ######## 
*/
.popup-langue { position:fixed; top:0; right:0; border-radius:0 0 0 100%; background-color:#005499; color:#fff; z-index:10000; width:20rem; height: 20rem; text-align:right; display:none; }
.popup-langue .fermer { position:absolute; top:2rem; right:2rem; font-size:1rem; color:#fff; z-index: 2; opacity:0.75; }
.popup-langue .fermer:hover { opacity:1; }
.popup-langue .valign { justify-content: flex-end; position: absolute; top:0; right:0; }
.popup-langue .valign > div { padding:2rem; padding-top:1rem; }
.popup-langue .valign > div > *:first-child { margin-top:0; }
.popup-langue .valign > div > *:last-child { margin-bottom:0; }
.popup-langue .valign > div a { color:#fff; font-weight:bold; }
.popup-langue .valign > div a i { opacity: 0.75; }
.popup-langue .valign > div a:hover { text-decoration:underline; }
.popup-langue .valign > div a:hover i { opacity: 1; }


/***
*    ##     ## ########    ###    ########  ######## ########  
*    ##     ## ##         ## ##   ##     ## ##       ##     ## 
*    ##     ## ##        ##   ##  ##     ## ##       ##     ## 
*    ######### ######   ##     ## ##     ## ######   ########  
*    ##     ## ##       ######### ##     ## ##       ##   ##   
*    ##     ## ##       ##     ## ##     ## ##       ##    ##  
*    ##     ## ######## ##     ## ########  ######## ##     ## 
*/
.top-banner { background-color: #000; color:#fff; text-align: left; padding:0.5rem; }
.top-banner.--no-icon { padding-left:1.25em; padding-right:1.25em; }
.top-banner__wrapper { display: flex; justify-content: center; align-items: center; max-width: 74rem; margin-left:auto; margin-right:auto; }
.top-banner__icon { width: 1.5em; height: 1.5em; margin-right:1em; flex-shrink: 0;  }
.top-banner a { color:inherit; text-decoration: underline; }
.top-banner a:hover { color:inherit!important; opacity: 0.85; }
.top-banner__content > *:first-child { margin-top:0; }
.top-banner__content > * { font-size: 1.1em!important; }
.top-banner__content p:not(:first-child) { margin-top:0.5em!important; }

#header-v2-mobile .top-banner__content > * { font-size: 0.80em!important; }

.top-bar > div { position: relative; }
.top-bar .top-bar-left { width: 197px; position: absolute; top: 0; left: 0; } 
.top-bar .top-bar-right { width: 100%!important; padding-left: 197px; }
.top-bar.small-menu .top-bar-left { width: 80px; }
.top-bar.small-menu .top-bar-right { padding-left: 80px; }
#header-v2-desktop .top-bar .select2-container .select2-selection--single .select2-selection__rendered { cursor: pointer!important; }
.discount .is-dropdown-submenu > li { display: inline-block!important; vertical-align: top!important; }

.ff-slider { position: relative; }
.ff-slider .contenu { display: none!important; }
.ff-slider .mask { width: 100%; height: 100%; overflow:hidden; }

#header-slider .thumbs { z-index: 101; width: auto!important; position: absolute; bottom: 0; right: 58.5%; padding: 2rem; }
#header-slider .thumbs a { border-radius: 50%; height: 1rem; width: 1rem; display: inline-block; margin: 0.26rem; vertical-align: top; }
#header-slider .thumbs a { background-color: #c0d5e6; }
#header-slider .thumbs a.actif { background-color: #407fb3; }

#header-slider.colored-bg .thumbs a { background-color: rgba(255, 255, 255, 0.5); }
#header-slider.colored-bg .thumbs a.actif { background-color: rgba(255, 255, 255, 0.9); }

#header-slider .box-content-main > div { display: block; width: 96%; }
#header-slider .box-content-main .addthis_tool { display: none; }

#header-slider .box-content-main ul a,
#header-slider .box-content-main p a { color: #005499; font-weight: bold; 
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
#header-slider .box-content-main ul a:hover,
#header-slider .box-content-main p a:hover { opacity: 0.8; }

#header-slider.colored-bg .box-content-main ul a,
#header-slider.colored-bg .box-content-main p a { color: #fff; }

.outdated-browser { text-align: center; padding: 1rem; background-color:#db2726; color: #fff;  }
.outdated-browser a { font-weight: bold; color: #fff!important; text-decoration: underline;  }

.menu-top .menu-tools [data-action=zoom] { margin-left:10px; }

/* Annuler les styles de Woocommerce sur les select2*/
.select2-container .select2-selection--single .select2-selection__arrow b { background: none!important; }

/***
*    ##     ## ########    ###    ########  ######## ########     ##     ##  #######  
*    ##     ## ##         ## ##   ##     ## ##       ##     ##    ##     ## ##     ## 
*    ##     ## ##        ##   ##  ##     ## ##       ##     ##    ##     ##        ## 
*    ######### ######   ##     ## ##     ## ######   ########     ##     ##  #######  
*    ##     ## ##       ######### ##     ## ##       ##   ##       ##   ##  ##        
*    ##     ## ##       ##     ## ##     ## ##       ##    ##       ## ##   ##        
*    ##     ## ######## ##     ## ########  ######## ##     ##       ###    ######### 
*/

.dark-overlay { background-color:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; z-index:10; display:none; }

/* Reset */
.header-v2 .top-bar:before,
.header-v2 .top-bar:after { display:none; }

.header-v2 h3 { font-size:1.75em; font-weight:bold; }
.header-v2 h4 { font-size:1em; text-transform:uppercase; }
.header-v2 h5 { font-size:1.5em; }
.header-v2 p { margin-top:1em; font-size:1.2em; }

/* Ctas */
.header-v2 .ctas .cta + .cta { margin-left:0.5em; }

.header-v2 [data-action=zoom]:after { content:'A+'; }
.header-v2 [data-action=zoom].zoomed:after { content:'A-'; }

/***
*     #    # ######   ##   #####  ###### #####     #    #  ####  #####  # #      ###### 
*     #    # #       #  #  #    # #      #    #    ##  ## #    # #    # # #      #      
*     ###### #####  #    # #    # #####  #    #    # ## # #    # #####  # #      #####  
*     #    # #      ###### #    # #      #####     #    # #    # #    # # #      #      
*     #    # ###### #    # #####  ###### #    #    #    #  ####  #####  # ###### ###### 
*/
#header-v2-mobile { display: none; font-size:16px; }

/*=============================*/
/* Top bar */
/*=============================*/
#header-v2-mobile .top-bar { display:flex; justify-content: space-between; align-items:center; height:3.125em; padding:0 1em; border-bottom:1px solid #eaebeb; position:relative; text-transform: uppercase; background-color: #fff; }
#header-v2-mobile .top-bar a { color:#005ea6; font-size: 0.8em; }
#header-v2-mobile .top-bar a i { width:1.5em; text-align: center;  }
#header-v2-mobile .top-bar .logo { height:100%; display: inline-block; position:absolute; left:50%; transform:translateX(-50%); top:0rem; }
#header-v2-mobile .top-bar .logo img { height:120%; display: block; filter: drop-shadow(-0.25rem 0.25rem 0.25rem rgba(0,0,0,0.4)); }
#header-v2-mobile .top-bar .primary-menu-btn:after { content:' Menu'; }
#header-v2-mobile .top-bar .primary-menu-btn i.close { display: none; }
#header-v2-mobile .top-bar .primary-menu-btn i.open { display: inline-block; }

/*=============================*/
/* Primary menu */
/*=============================*/
#header-v2-mobile .primary-menu { display: none; background-color: #fff; }
#header-v2-mobile .primary-menu > ul > li:not(.line) { padding: 0.75em 2em; line-height: 1.7em; }
#header-v2-mobile .primary-menu > ul > li:not(.line) > a { font-size: 0.8em;  }
#header-v2-mobile .primary-menu > ul > li.line { border-bottom:1px solid #eaebeb; padding:0.7em 1.67em; font-size: 1.2em; }
#header-v2-mobile .primary-menu > ul > li.ctas { text-align:center; font-size: 0.85em; white-space: nowrap; padding: 1em 0; }
#header-v2-mobile .primary-menu > ul > li.ctas .cta { line-height: 2.1em; }
#header-v2-mobile .primary-menu > ul > li.search-bar form { position:relative; }
#header-v2-mobile .primary-menu > ul > li.search-bar form .search-submit { position:absolute; right:0; top:0; display: inline-block; vertical-align: middle; padding:0; height:2.1em; width: 2.1em; font-size:1.2em;  background-image: url(assets/images/icons/search-icon@2x.png);  background-repeat: no-repeat;  background-position: center; background-color:transparent; background-size:0.875em;  margin:0; }
#header-v2-mobile .primary-menu > ul > li > a:not(.cta) { display: block; }

body.primary-menu-open #header-v2-mobile .top-bar .primary-menu-btn i.close { display: inline-block; }
body.primary-menu-open #header-v2-mobile .top-bar .primary-menu-btn i.open { display: none; }
body.primary-menu-open #header-v2-mobile.lang-fr .top-bar .primary-menu-btn:after { content:' Fermer'; }
body.primary-menu-open #header-v2-mobile.lang-en .top-bar .primary-menu-btn:after { content:' Close'; }

/*=============================*/
/* Region menu */
/*=============================*/
#header-v2-mobile .region-menu { display: none; background-color: #fff; }
#header-v2-mobile .region-menu form { padding:1.5em; padding-top:2em; }
#header-v2-mobile .region-menu form h4 { margin-bottom:0.25em; }
#header-v2-mobile .region-menu form > div { margin-top:2em; }
#header-v2-mobile .region-menu form > div:first-child { margin-top:0; }
#header-v2-mobile .region-menu form > div .select2-container { width:100%!important; }
#header-v2-mobile .region-menu form > div input[type=submit] { width:100%; background:none; border:2px solid #000; padding:1em; text-align:center; display:block; }
#header-v2-mobile .region-menu form > div input[type=submit] + a { margin-top:1em; color:#8f8f8f; display:inline-block; }

/***
*     #    # ######   ##   #####  ###### #####     #####  ######  ####  #    # #####  ####  #####  
*     #    # #       #  #  #    # #      #    #    #    # #      #      #   #    #   #    # #    # 
*     ###### #####  #    # #    # #####  #    #    #    # #####   ####  ####     #   #    # #    # 
*     #    # #      ###### #    # #      #####     #    # #           # #  #     #   #    # #####  
*     #    # ###### #    # #####  ###### #    #    #####  ######  ####  #    #   #    ####  #      
*/
#header-v2-desktop { margin-top:9.85em; }
#header-v2-desktop > div { z-index:20; background:#fff; position:absolute; width:100%; top:0; }
#header-v2-desktop a:hover { color:#005ea6; }

/*=============================*/
/* Top bar */
/*=============================*/
#header-v2-desktop .top-bar { display:flex; justify-content: space-between; align-items:stretch; background-color:#e8e9e9; box-shadow:none!important; font-size: 1em; }
#header-v2-desktop .top-bar .select2-container { height:2.5em; width:22em!important; }
#header-v2-desktop .top-bar .select2-container .select2-selection--single { height:2.5em; border:none; }
#header-v2-desktop .top-bar .select2-container .select2-selection--single .select2-selection__rendered { padding:0; padding-top: 0px; padding-left: 1em; line-height:2.5em; font-size: 1em; }
#header-v2-desktop .top-bar .select2-container .select2-selection--single .select2-selection__arrow { position:absolute; height:100%; top:0.25em;right:5px; }
#header-v2-desktop .top-bar .select2-container .select2-selection--single .select2-selection__arrow b { top: 0; right:0; display: block; height:100%; width:100%; text-align: center;  font-size: 2em; }
#header-v2-desktop .top-bar .select2-container .select2-selection--single .select2-selection__arrow b:before {top: 0; line-height: 1em; position: relative; height:100%; overflow: hidden; display: block;  font-size: 1em; }
#header-v2-desktop .top-bar ul { background: none; }
#header-v2-desktop .top-bar ul li { display:inline-block; vertical-align: middle; margin:0 0.5em; }
#header-v2-desktop .top-bar ul li:last-child { margin-right: 1em; }
#header-v2-desktop .top-bar ul li form { vertical-align: middle; display: inline-block; }
#header-v2-desktop .top-bar ul li form input[type="search"]{ display: inline-block; vertical-align: middle; margin:0; height:auto; border:none; width:0px; padding:0; background:none; border-bottom:1px solid #555; transition: all .3s ease; font-size:1em; }
#header-v2-desktop .top-bar ul li form input[type="search"]::placeholder{ opacity: 1; color:#555; }
#header-v2-desktop .top-bar ul li form input[type="search"]:-ms-input-placeholder{ opacity: 1; color:#555; }
#header-v2-desktop .top-bar ul li form input[type="search"]::-ms-input-placeholder { opacity: 1; color:#555; }
#header-v2-desktop .top-bar ul li form input[type="submit"]{ display: inline-block; vertical-align: middle; padding:0; height:2.1em; width: 0.875em; font-size:1.2em;  background-image: url(assets/images/icons/search-icon@2x.png);  background-repeat: no-repeat;  background-position: center;  background-color:transparent;  background-size:0.875em;  margin:0;}
#header-v2-desktop .top-bar ul li form:hover input[type="search"] { width:200px; }
#header-v2-desktop ul li [data-action=zoom] { margin-bottom:0; font-size: 1.2em; cursor:pointer; }

/*=============================*/
/* Bottom bar */
/*=============================*/
#header-v2-desktop .bottom-bar { display:flex; justify-content: space-between; align-items:center; position:relative; }
#header-v2-desktop .bottom-bar > .logo { z-index:1; position: relative; height: 7.35em; top:0rem; left:0.5rem; }
#header-v2-desktop .bottom-bar > .logo img { height: 130%; width: auto; filter: drop-shadow(-0.25rem 0.25rem 0.25rem rgba(0,0,0,0.4)); }
#header-v2-desktop .bottom-bar > .menu { position:absolute; left:0; top:0; width:100%; text-align:center; }
#header-v2-desktop .bottom-bar > .menu > ul { height: 7.35em; }
#header-v2-desktop .bottom-bar > .menu > ul > li { height:100%; display: inline-block; vertical-align: middle; padding:0 1em; top:0; }
#header-v2-desktop .bottom-bar > .menu > ul > li > div.link { height:100%; position:relative; }
#header-v2-desktop .bottom-bar > .menu > ul > li > div.link:before { content:''; display:none; position:absolute; bottom:0; width: 0; height: 0; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 0.5em solid #005ea6; left:50%; transform:translateX(-50%); }
#header-v2-desktop .bottom-bar > .menu > ul > li > div.link > a { top:50%; transform: translateY(-50%); position:relative; display:inline-block; font-size: 1.2em; }
#header-v2-desktop .bottom-bar > .menu > ul > li > div.link > a i { color:#bfc0c1; font-size: 0.8em; margin-left:0.5em; }

/* Sous-menu */
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu { position:absolute; left:0; top:100%; background-color:#fff; display:none; width:100%; text-align:left;  border-top:3px solid #005ea6; align-items: stretch; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .close-btn { position:absolute; right:2em; top:1em; white-space: nowrap; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .description { width:30%; border-right:1px solid #eceded; padding:4em; flex-shrink: 0; display: flex; flex-direction: column; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .description .see-all { color:#005ea6; margin-top:2em; display: inline-block; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .description .text-bottom { margin-top:auto; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .description .text-bottom a { font-weight: bold; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .description .text-bottom a:hover { text-decoration: underline; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .taxonomies { flex-grow: 1; padding:4em; border-right:1px solid #eceded; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .taxonomies ul { columns: 2; margin:0; font-size: 1.2rem; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .taxonomies ul li { margin-bottom:0.5em; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .card { padding: 2em; padding-top:6em; width:25em; flex-shrink: 0; text-align:center; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .card .column { padding:0; text-align:left; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .card .column .box-content-small { margin-bottom:0; border:#005ea6 solid 1px; margin-top:1em; min-height: 20em; }
#header-v2-desktop .bottom-bar > .menu > ul > li > .sub-menu .card .column .box-content-small p.stats { margin-top:0; }

/* Couleurs */
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post a:hover { color:#DB2726; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post > .sub-menu { border-color:#DB2726; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post > .sub-menu .card .column .box-content-small { border-color:#DB2726; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post > div.link:before { border-bottom-color:#DB2726; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post .description .see-all { padding: 0.75em; border: 2px solid; color:#DB2726; border-color:#DB2726; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post .description .see-all:hover { background-color:#DB2726; color: white; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post .description .text-bottom { color:#DB2726; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-post .description .text-bottom a { color:#DB2726; }

#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount a:hover { color:#F47A1F; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount > .sub-menu { border-color:#F47A1F; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount > .sub-menu .card .column .box-content-small { border-color:#F47A1F; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount > div.link:before { border-bottom-color:#F47A1F; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount .description .see-all { padding: 0.75em; border: 2px solid; color:#F47A1F; border-color:#F47A1F; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount .description .see-all:hover { background-color:#F47A1F; color: white; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount .description .text-bottom { color:#F47A1F; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-discount .description .text-bottom a { color:#F47A1F; }

#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity a:hover { color:#00A651; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity > .sub-menu { border-color:#00A651; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity > .sub-menu .card .column .box-content-small { border-color:#00A651; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity > div.link:before { border-bottom-color:#00A651; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity .description .see-all { padding: 0.75em; border: 2px solid; color:#00A651; border-color:#00A651;}
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity .description .see-all:hover { background-color:#00A651; color: white; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity .description .text-bottom { color:#00A651; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-activity .description .text-bottom a { color:#00A651; }

#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource a:hover { color:#92294C; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource > .sub-menu { border-color:#92294C; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource > .sub-menu .card .column .box-content-small { border-color:#92294C; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource > div.link:before { border-bottom-color:#92294C; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource .description .see-all { padding: 0.75em; border: 2px solid; color:#92294C; border-color:#92294C; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource .description .see-all:hover { background-color:#92294C; color: white; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource .description .text-bottom { color:#92294C; }
#header-v2-desktop .bottom-bar > .menu > ul > li.post-type-resource .description .text-bottom a { color:#92294C; }

/* Sous-menu actif */   
#header-v2-desktop .bottom-bar > .menu > ul > li.actif > .sub-menu { display: flex; }
#header-v2-desktop .bottom-bar > .menu > ul > li.actif > div.link:before { display: block; }

#header-v2-desktop .bottom-bar .ctas { margin-right:1.5em; z-index:1; }

body.sub-menu-open .dark-overlay { display: block; }

/* Mini version */
#header-v2-desktop.mini-version > div { position:fixed; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); top:0; }
body.admin-bar #header-v2-desktop.mini-version > div { top:32px; }
#header-v2-desktop.mini-version .top-bar { display: none; }
#header-v2-desktop.mini-version .bottom-bar > .logo { height:50px; top:0rem; left:0.25rem; }
#header-v2-desktop.mini-version .bottom-bar > .menu > ul { height: 50px; }
#header-v2-desktop.mini-version .bottom-bar .ctas { margin-right:0.5em; }
#header-v2-desktop.mini-version .bottom-bar .ctas .cta { padding: 0.5em; width:auto; }

/*
  #header-v2-desktop .bottom-bar > .menu > ul > li:first-child .sub-menu { display: block; }
*/
/***
*    ########     ###     ######   ########       ###     ######   ######  ##     ## ######## #### ##       
*    ##     ##   ## ##   ##    ##  ##            ## ##   ##    ## ##    ## ##     ## ##        ##  ##       
*    ##     ##  ##   ##  ##        ##           ##   ##  ##       ##       ##     ## ##        ##  ##       
*    ########  ##     ## ##   #### ######      ##     ## ##       ##       ##     ## ######    ##  ##       
*    ##        ######### ##    ##  ##          ######### ##       ##       ##     ## ##        ##  ##       
*    ##        ##     ## ##    ##  ##          ##     ## ##    ## ##    ## ##     ## ##        ##  ##       
*    ##        ##     ##  ######   ########    ##     ##  ######   ######   #######  ######## #### ######## 
*/

#home-slider .bottom-section { position: relative; }
#home-slider .publicite { width: 300px; padding: 0; margin: 0; position: absolute; top: 0; right: 0; }
#home-slider .publicite .columns { padding: 0; }

#home-slider .slick-dots li { background:none!important; }

#home-slider .slick-dots li,
#home-slider .slick-dots li button,
#home-slider .slick-dots li button:before {
  user-select: none; 
  -moz-user-select: none; 
  -webkit-user-select: none; 
  -ms-user-select: none; 
  backface-visibility: hidden;
}

#home-slider .bottom-section .icone { display: block; padding-left: 3.75%; padding-top: 30px; }
#home-slider .bottom-section .icone i { display: inline-block; }
#home-slider .bottom-section .icone h6 { margin-left: 0.5em; }
#home-slider .bottom-section .icone + h4 { padding-top: 10px; }

.column.bloc-vedette + .column { display: none; }

body.desabonnement-infolettres .bulle { display: none!important; }
body.desabonnement-infolettres #input-virage { display: none; }

/* ================================= */
/* ACCUEIL V2 */
/* ================================= */
.clearfix{ clear:both; }

html{
  margin-top:0px;
}

.reference { position:absolute!important; top:29px; left:0; width:100%; opacity:0.5; pointer-events:none; padding:0!important; z-index:50; }

.page-accueil,
.page-accueil * { box-sizing: border-box; position:relative; }
.page-accueil > * { padding:3.5em; }

.page-accueil .fleche { z-index:2; width:2.75em; height:2.75em; line-height:2.75em; text-align:center; display: inline-block; background-color:#a8a7a5; color:#000; font-size:1.25em; }
.page-accueil .fleche i{ color:#ffffff; }
.page-accueil .fleche.gauche i { left:-0.15em; }
.page-accueil .fleche.droite i { right:-0.15em; }
.page-accueil .fleche:hover { background-color:#015fa6; color:#fff; }

.page-accueil .thumbs a { border-radius:50%; border:2px solid white; display: inline-block; width:0.9em; height:0.9em; margin:0.15em; }
.page-accueil .thumbs a.actif,
.page-accueil .thumbs a:hover { background-color:white; }

.page-accueil p { font-size: 1.25em; }
.page-accueil h1 { font-size:3em; }
.page-accueil h2 { font-size:2.4em; }
.page-accueil h3 { font-size:1.6em; }
.page-accueil h4 { font-size:1em; }

/* HERO */
.page-accueil section.hero { display: flex; padding:0; height:29.5vw; min-height: 420px; }

.page-accueil section.pub { padding-left:0; padding-right:0; }
.page-accueil section.pub .publicite { padding-left:0; padding-right:0; }

.page-accueil section.hero #carousel { width:70%; background-color: #f5f5f5; }
.page-accueil section.hero #carousel .fleche { top:50%; transform:translateY(-50%); position:absolute; }
.page-accueil section.hero #carousel .fleche.droite { right:0; }
.page-accueil section.hero #carousel .fleche.gauche { left:0; }
.page-accueil section.hero #carousel .thumbs { position:absolute; left:50%; bottom:0; padding:0.5em 2em 0.8em 2em; width:auto!important; z-index:2; transform:translateX(-50%); }
.page-accueil section.hero #carousel .conteneurCSS > div { width:100%; height:100%; display: flex; align-items:center; cursor:pointer;  }
.page-accueil section.hero #carousel .conteneurCSS > div > div { margin:0; text-shadow:0px 0px 10px #000; position: absolute; bottom: 2em; left: 8em; right: 8em;}
.page-accueil section.hero #carousel .conteneurCSS > div > div.bg {  max-width:none; position:absolute; top:0; left:0; right:0; bottom:0; margin:0!important; padding:0!important; background-size:cover; background-position: center; background-repeat:no-repeat }
.page-accueil section.hero #carousel .conteneurCSS > div > div.bg.bg-mobile { display: none; }
.page-accueil section.hero #carousel .conteneurCSS > div > div.bg:before {
  display: block; position: absolute; bottom: 0;width: 100%;height: 100%;content: "";
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+40,0.8+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
.page-accueil section.hero #carousel .conteneurCSS > div > div h2 { display: block; color:#fff; text-transform: uppercase; max-width: 17em; font-weight: bold;}
.page-accueil section.hero #carousel .conteneurCSS > div > div .button { border: black 2px solid;margin-top:2em; text-shadow:none;position: absolute; right: 0; bottom: 0.5em; font-size: 1.1em;}

.page-accueil section.hero .manchettes { width:30%; }
.page-accueil section.hero .manchettes .manchette { height:33.33%; display: block; border-bottom:1px solid #fff; }
.page-accueil section.hero .manchettes .manchette:last-child{ border:none; }
.page-accueil section.hero .manchettes .manchette:nth-child(2n+1) { background-color:#f5f5f5; }
.page-accueil section.hero .manchettes .manchette { display: flex; }
.page-accueil section.hero .manchettes .manchette .texte { width:66.66%; padding:1em 2em; }
.page-accueil section.hero .manchettes .manchette .texte .categorie > * { vertical-align: middle; }
.page-accueil section.hero .manchettes .manchette .texte .categorie > div { width:37.5px; height:37.5px; display: inline-block;  }
.page-accueil section.hero .manchettes .manchette .texte .categorie > div i { width:51px; height:51px; display: inline-block;transform:scale(0.75); transform-origin: top left; }
.page-accueil section.hero .manchettes .manchette .texte .categorie span { margin-left:0.5em; }
.page-accueil section.hero .manchettes .manchette .texte .en-savoir-plus { position:absolute; bottom:0.5em; right:1em; }
.page-accueil section.hero .manchettes .manchette .texte .en-savoir-plus i { margin-left:0.25em; }
.page-accueil section.hero .manchettes .manchette .texte > h3 { margin-top:0.25em;font-size:1.2em; }
.page-accueil section.hero .manchettes .manchette .image { height:100%; width:33.33%; overflow: hidden; }
.page-accueil section.hero .manchettes .manchette .image > div { width:100%; height:100%; background-size:cover; transition: transform 250ms; background-position:center; background-image:url('assets/images/fadoq_placeholder_smallbox@2x.jpg'); }
.page-accueil section.hero .manchettes .manchette:hover { background-color:#e8e9e9; }
.page-accueil section.hero .manchettes .manchette:hover .image > div { transform:scale(1.15); }

/* A PROPOS */
.page-accueil section.a-propos { display: flex; align-items:center; padding-left:7em; padding-right:7em; border-bottom:1px solid #e9eaea; }
.page-accueil section.a-propos .texte { width:33.33%; padding: 0 1.5em; }
.page-accueil section.a-propos .texte h3{ font-weight:600; }
.page-accueil section.a-propos .liens { width:66.66%; display:flex; align-items: stretch; }
.page-accueil section.a-propos .liens > a { display: inline-block; vertical-align: middle; border-right:1px solid #eaebeb; width:20%; text-align:center; padding:2rem 1rem; }
.page-accueil section.a-propos .liens > a:last-child { border:none; }
.page-accueil section.a-propos .liens > a:hover { background-color:#e8e9e9; }
.page-accueil section.a-propos .liens > a > div { height:5em; display: flex; align-items:center; justify-content:center; }
.page-accueil section.a-propos .liens > a > div img { max-height:100%; width:auto; }
.page-accueil section.a-propos .liens > a h4 { margin-top:1em; text-transform: uppercase; margin-bottom:0; }

/* EN VEDETTE */
.page-accueil section.en-vedette { padding:0; background-color:#e8e9e9; text-align:center; padding-top:1px; padding-bottom:5em; }
.page-accueil section.en-vedette h3 { color:#ffffff; margin-top: 3.75em; margin-bottom: 3.75em; font-size:2.7em; clear:both; }

.page-accueil section.en-vedette .flex-small-box { text-align: left; width:100%; height:100%; padding:0 5em; }
.page-accueil section.en-vedette .flex-small-box .row { justify-content: center; height:100%; max-width:none; }
.page-accueil section.en-vedette .flex-small-box .row .column { margin:0; height:100%; max-width:30rem; }

.page-accueil section.en-vedette .flex-small-box .row .column .ff-same-height-2 { margin-top:1rem; }

.page-accueil section.en-vedette #en-vedette .flex-small-box .row .column{ width:25%; }
.page-accueil section.en-vedette #en-vedette-tablet .flex-small-box .row .column { width:50%;  }
.page-accueil section.en-vedette #en-vedette-mobile .flex-small-box .row .column { width:100%; }

.page-accueil section.en-vedette #en-vedette-tablet .flex-small-box .row .column a .relative img{ max-height:300px; }
.page-accueil section.en-vedette #en-vedette-mobile .flex-small-box .row .column a .relative img{ max-height:none; }

.page-accueil section.en-vedette .box-content-main { width:100%; padding:0px; }
.page-accueil section.en-vedette h1 { margin-top: 3.5em; margin-bottom:0; color:#fff; }
.page-accueil section.en-vedette .ff-slider { height:28rem;}
.page-accueil section.en-vedette .ff-slider .fleche { top:52%; transform:translateY(-50%); position:absolute; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #005499; }
.page-accueil section.en-vedette .ff-slider .fleche.droite { right:4%; }
.page-accueil section.en-vedette .ff-slider .fleche.gauche { left:4%; }

.page-accueil section.en-vedette .ff-slider .row:after,
.page-accueil section.en-vedette .ff-slider .row:before,
.page-accueil section.en-vedette .ff-slider .column:after,
.page-accueil section.en-vedette .ff-slider .column:before { display: none; }

.page-accueil section.en-vedette .ff-slider .thumbs { position:absolute; left:50%; bottom:-5em; width:auto!important; z-index:2; transform:translateX(-50%); line-height: 5em; }
.page-accueil section.en-vedette .ff-slider .mask { overflow:visible!important; }
.page-accueil section.en-vedette .ff-slider .conteneurCSS { display: flex; align-items:center; justify-content: center; }
.page-accueil section.en-vedette .bg { background-size:cover; height:30em; background-position:center; position:absolute; top:0; left:0; right:0; }
.page-accueil section.en-vedette .bg:after { content:''; background-color: rgba(0,0,0,0.2); display:block; width:100%; height:100%; }

.page-accueil section.en-vedette .fleche{  z-index: 2;  width: 48px;  height: 48px;  line-height: 48px;  text-align: center;  display: inline-block;  background-color: #005499;  color: #000;  font-size: 15px;}

.page-accueil section.en-vedette .box-content-small .event-date{  margin:0px;  padding-bottom: 4px;  text-align:left; }
.page-accueil section.en-vedette .box-content-small .box-content-bottom{  text-align:left;}
.page-accueil section.en-vedette .box-content-small .box-content-bottom button{  font-size:1.2rem;}

/* LIENS UTILES */
.page-accueil section.liens { border:solid 1px #707070; margin:0 auto; max-width:95%; width: 1070px; padding: 2em 9em 5em; text-align: center; }
.page-accueil section.liens > h3 { font-size:2.7em; text-align:center; margin-bottom:1em; }
.page-accueil section.liens > a:not(.cta) { border-bottom:solid 2px #f3f3f3; display: inline-flex; align-items:center; vertical-align: top; width:48%; margin:0px 1%; padding: 0.25em 1em; }
.page-accueil section.liens > a:not(.cta) > img { display: inline-block; vertical-align: middle; max-height:3em; max-width:3em; margin:0.25em 0; height: auto; width: auto; }
.page-accueil section.liens > a:not(.cta) > div { display: inline-block;  vertical-align: middle; padding:0.25em 0.5em; line-height:1.25em; text-align: left; }
.page-accueil section.liens > a:not(.cta):hover { background-color: #f5f5f5; }

body.ux-v2 footer.content-info{  padding:2.55em 0px 0px;}

/* Font-size */
@media screen AND (min-width: 1800px) {  
  #header-v2-desktop,
  .page-accueil { font-size:16px; }
  html.zoomed .page-accueil { font-size: 17px; }
}

@media screen AND (min-width: 1700px) AND (max-width: 1800px) {
  #header-v2-desktop,  
  .page-accueil { font-size:15px; }
  html.zoomed .page-accueil { font-size: 16px; }
}

@media screen AND (min-width: 1600px) AND (max-width: 1700px) { 
  #header-v2-desktop, 
  .page-accueil { font-size:14px; }
  html.zoomed .page-accueil { font-size: 15px; }
}

@media screen AND (min-width: 1500px) AND (max-width: 1600px) {  
  #header-v2-desktop,
  .page-accueil { font-size:13px; }
  html.zoomed .page-accueil { font-size: 14px; }
}

@media screen AND (max-width: 1500px) {  
  #header-v2-desktop,
  .page-accueil { font-size:12px; }
  html.zoomed .page-accueil { font-size: 13px; }
}




/***
 *    ########   #######  ########  ##     ## ########     ########  ########  ######## ######## ######## ########  ######## ##    ##  ######  ########  ######  
 *    ##     ## ##     ## ##     ## ##     ## ##     ##    ##     ## ##     ## ##       ##       ##       ##     ## ##       ###   ## ##    ## ##       ##    ## 
 *    ##     ## ##     ## ##     ## ##     ## ##     ##    ##     ## ##     ## ##       ##       ##       ##     ## ##       ####  ## ##       ##       ##       
 *    ########  ##     ## ########  ##     ## ########     ########  ########  ######   ######   ######   ########  ######   ## ## ## ##       ######    ######  
 *    ##        ##     ## ##        ##     ## ##           ##        ##   ##   ##       ##       ##       ##   ##   ##       ##  #### ##       ##             ## 
 *    ##        ##     ## ##        ##     ## ##           ##        ##    ##  ##       ##       ##       ##    ##  ##       ##   ### ##    ## ##       ##    ## 
 *    ##         #######  ##         #######  ##           ##        ##     ## ######## ##       ######## ##     ## ######## ##    ##  ######  ########  ######  
 */

body.ux-v2 #regionSelector { max-width:435px; overflow: hidden; }

body.ux-v2 #regionSelector .save-preference .texte_intro_alt,
body.ux-v2 #regionSelector .save-preference .texte_intro { background-color:#eee;  padding:5px 10px; }
body.ux-v2 #regionSelector .save-preference .texte_intro_alt *,
body.ux-v2 #regionSelector .save-preference .texte_intro * { font-size:0.8rem; color: black;}
body.ux-v2 #regionSelector .save-preference .texte_intro_alt a,
body.ux-v2 #regionSelector .save-preference .texte_intro a { display: inline-block;  line-height: 1em;  padding-top:20px; }
body.ux-v2 #regionSelector .save-preference .texte_intro_alt a, 
body.ux-v2 #regionSelector .save-preference .texte_intro_alt a:after,
body.ux-v2 #regionSelector .save-preference .texte_intro a, 
body.ux-v2 #regionSelector .save-preference .texte_intro a:after { color: #005ea6; font-size: 1em;}
body.ux-v2 #regionSelector .save-preference .texte_intro_alt > *:last-child, 
body.ux-v2 #regionSelector .save-preference .texte_intro > *:last-child { margin-bottom:0; }

body.ux-v2 #regionSelector .save-preference h4{ display:block; font-size:0.94rem; margin:0px 0px 10px !important; }
body.ux-v2 #regionSelector .save-preference .input-wrap,
body.ux-v2 #regionSelector .save-preference input[type=text]{ display:block; width:100%; }
body.ux-v2 #regionSelector .save-preference .choix_region_liste a:after,
body.ux-v2 #regionSelector .save-preference .choix_code_postal a:after,
body.ux-v2 #regionSelector .save-preference .input-alert{ display:none; }

.save-preference { padding:5px 15px 20px;}
.save-preference .close-btn{ color:#8b8b8b; float:right; font-size:0.8rem; }
.save-preference .close-btn:after{ display:none; }
.save-preference .close-btn:hover{ color:#000000; }

.save-preference > div{ clear:both; margin-top:40px; }
.save-preference > div .input-wrap { margin-left:0!important; }
.save-preference > div:first-child{ margin-top:0px; }
.save-preference label{ font-size:1rem; }

.save-preference input + label:before { background:none!important; border:2px solid #9fa3a7; }
.save-preference input:checked + label:before { border:2px solid #fff; background:#00a1cb!important; box-shadow: 0 0 0 2px #00a1cb; }

.save-preference .choix_region_liste,
.save-preference .choix_code_postal{ font-size:0.7rem; margin-top:10px; text-align: right; text-transform:uppercase; }
.save-preference .choix_region_liste a,
.save-preference .choix_code_postal a { text-decoration:underline; text-transform:none; }
.save-preference .select2-container{ width:100% !important; }
.save-preference input[type='submit']{ background:none; border:solid 2px #000000; padding:10px; width:100%; }
.save-preference input[type='submit']:hover, 
.save-preference input[type='submit']:focus { border:solid 2px #005ea6!important; background: #005ea6!important; color: white; }

.save-preference[data-current-lang=fr] .lang-en { display: none!important; }
.save-preference[data-current-lang=en] .lang-fr { display: none!important; }

.save-preference .error-message { color:#db2726!important; font-size:1em; display: none; }
.save-preference .input-wrap.error input { border-color:#db2726!important; }

body.ux-v2 .select2-container--open{ z-index:1100000 !important; /* PAR-DESSUS LE OVERLAY */ }

.save-preference.hide-some-fields .texte_intro,
.save-preference.hide-some-fields .bloc_choisir_langue{ display:none !important;}
.save-preference.hide-some-fields .popup_logo { display: none!important; }

.save-preference:not(.hide-some-fields) .texte_intro_alt { display: none!important; }

body.ux-v2 .region-menu .save-preference .texte_intro,
body.ux-v2 .region-menu .save-preference .bloc_choisir_langue{ display:none !important;}
body.ux-v2 .region-menu .save-preference .popup_logo { display: none!important; }


/***
*    ########   #######  ##     ##     ######  ##     ##    ###    ##       ##       
*    ##     ## ##     ##  ##   ##     ##    ## ###   ###   ## ##   ##       ##       
*    ##     ## ##     ##   ## ##      ##       #### ####  ##   ##  ##       ##       
*    ########  ##     ##    ###        ######  ## ### ## ##     ## ##       ##       
*    ##     ## ##     ##   ## ##            ## ##     ## ######### ##       ##       
*    ##     ## ##     ##  ##   ##     ##    ## ##     ## ##     ## ##       ##       
*    ########   #######  ##     ##     ######  ##     ## ##     ## ######## ######## 
*/

.box-content-small div[data-id="box-small-text-general"]:empty{ display:none!important; }

.flex-small-box > .row { 
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 

  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}


.flex-small-box > .row > .column { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.flex-small-box > .row > .column .box-content-small{ height: 100%!important; margin-bottom: 0; } 
.flex-small-box > .row > .column .box-content-small img:not('.box-icon') { display: block; margin-left: auto; margin-right: auto; }
.flex-small-box > .row > .column .box-content-small > * { height: 100%;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: column;
  -webkit-box-direction: column;
  -moz-box-orient: column;
  -moz-box-direction: column;
  flex-direction: column;

  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

/* ajouté feb 2020 */
.page-accueil section.en-vedette .padding_wrap {width: 100%; height: 0; padding-bottom: 62.5%;position: relative;}
.page-accueil section.en-vedette .padding_wrap .box-small-text {position: absolute; top: 0; width: 100%; padding-left: 1rem; padding-right: 1rem;}
.page-accueil section.en-vedette .box-content-bottom {position: absolute; bottom: 0; width: 100%;}
.box-content-small.discount .event-date + p {
    margin-top: .35rem;
}

.flex-small-box .box-content-main h6 { height:auto; padding:0; display: inline-block; width:50%; }
.flex-small-box > .row > .column .box-content-small .box-content-main { padding: 1rem; flex-grow:1; min-height: 248px;}
.flex-small-box > .row > .column .box-content-small .colored_title { clear:both; }
.flex-small-box .region { display: block!important; }
.flex-small-box .alerte-contenu-non-traduit { margin-bottom:0; margin-top:0.5rem; margin-left:auto; margin-right:auto; width:100%; line-height: 0.9em; }

#en-vedette .flex-small-box .alerte-contenu-non-traduit,
#en-vedette-tablet .flex-small-box .alerte-contenu-non-traduit,
#en-vedette-mobile .flex-small-box .alerte-contenu-non-traduit { width:auto; position: absolute; vertical-align: bottom; left: 15px; right: 15px; bottom: 15px; }

.resultat_ajax { padding-bottom: 7rem; }

body.role-administrator .box-content-small.lang-fr:after { content: 'FR'; background-color: #379cdc; position: absolute; bottom: 0rem; right: 0rem; padding: 0.25rem; color: #fff; z-index: 1; }
body.role-administrator .box-content-small.lang-en:before { content: 'EN'; background-color: red; position: absolute; bottom: 0rem; right: 0rem; padding: 0.25rem; color: #fff; z-index: 1; }

body.role-administrator .box-content-small.en-vedette:after { /*content: 'En vedette'; background-color: red; position: absolute; top: 0rem; left: 0rem; padding: 0.25rem; color: #fff; z-index: 1;*/ }
body.role-administrator .box-content-small.en-priorite:before { content: 'En priorité'; background-color: orange; position: absolute; top: 0rem; right: 0rem; padding: 0.25rem; color: #fff; z-index: 1; }

body.role-administrator .box-content-small.region-defaut-courante { /*background-color: #b7f2ba;*/ }
body.role-administrator .box-content-small.region-defaut-reseau { background-color: #afd0fa; }

/***
*    ########  #######  ########  ##     ## ##     ## ##          ###    #### ########  ########  ######  
*    ##       ##     ## ##     ## ###   ### ##     ## ##         ## ##    ##  ##     ## ##       ##    ## 
*    ##       ##     ## ##     ## #### #### ##     ## ##        ##   ##   ##  ##     ## ##       ##       
*    ######   ##     ## ########  ## ### ## ##     ## ##       ##     ##  ##  ########  ######    ######  
*    ##       ##     ## ##   ##   ##     ## ##     ## ##       #########  ##  ##   ##   ##             ## 
*    ##       ##     ## ##    ##  ##     ## ##     ## ##       ##     ##  ##  ##    ##  ##       ##    ## 
*    ##        #######  ##     ## ##     ##  #######  ######## ##     ## #### ##     ## ########  ######  
*/
form.custom-form-cyprex { width: 100%; }
form.custom-form-cyprex.inactif { opacity: 0.5; pointer-events: none; }
form.custom-form-cyprex .filter { float: left; }
form.custom-form-cyprex .filter .select2-selection--single,
form.custom-form-cyprex .filter input[type=text] { border: 2px solid #F47A1F; border-left: 1px solid #F47A1F; border-right: 1px solid #F47A1F; }

form.custom-form-cyprex.count-3 .filter { width: 33.33%; }
form.custom-form-cyprex.count-4 .filter { width: 25%; }
form.custom-form-cyprex.count-5 .filter { width: 20%; }

form.form-discount .filter .select2-selection--single,
form.form-discount .filter input[type=text] { border-color:#F47A1F; }

form.form-activity .filter .select2-selection--single,
form.form-activity .filter input[type=text] {  border-color:#00A651; }

form.form-actuality .filter .select2-selection--single,
form.form-actuality .filter input[type=text] {  border-color:#DB2726; }

form.form-ressource .filter .select2-selection--single,
form.form-ressource .filter input[type=text] {  border-color:#92294C; }

#page-search {max-width: 50%;}
#page-search.search-form input[type="submit"] {top: -5px;}
#page-search.search-form input[type="search"] {max-width: 300px;}
/* ========================================= */
/* Formulaire de changement d'adresse */
/* ========================================= */
.confirmation-region + .formulaire { display: none; }
.confirmation-region.confirme { display: none; }
.confirmation-region.confirme + .formulaire { display: block; }

/***
*    ########  ##     ## ########  ##       ####  ######  #### ######## ########  ######  
*    ##     ## ##     ## ##     ## ##        ##  ##    ##  ##     ##    ##       ##    ## 
*    ##     ## ##     ## ##     ## ##        ##  ##        ##     ##    ##       ##       
*    ########  ##     ## ########  ##        ##  ##        ##     ##    ######    ######  
*    ##        ##     ## ##     ## ##        ##  ##        ##     ##    ##             ## 
*    ##        ##     ## ##     ## ##        ##  ##    ##  ##     ##    ##       ##    ## 
*    ##         #######  ########  ######## ####  ######  ####    ##    ########  ######  
*/
.publicite { text-align: center; padding: 2rem; width: 100%; }
.publicite img { max-width: 100%; height: auto; }

/***
*    #### ##    ## ########  #######  ##       ######## ######## ######## ########  ######## 
*     ##  ###   ## ##       ##     ## ##       ##          ##       ##    ##     ## ##       
*     ##  ####  ## ##       ##     ## ##       ##          ##       ##    ##     ## ##       
*     ##  ## ## ## ######   ##     ## ##       ######      ##       ##    ########  ######   
*     ##  ##  #### ##       ##     ## ##       ##          ##       ##    ##   ##   ##       
*     ##  ##   ### ##       ##     ## ##       ##          ##       ##    ##    ##  ##       
*    #### ##    ## ##        #######  ######## ########    ##       ##    ##     ## ######## 
*/
.onglets { border-bottom:1px solid #ddd; padding: 0 0.5rem; margin-bottom: 2rem; }
.onglets .onglet { border:1px solid #ddd; border-bottom:none; display: inline-block; padding: 1rem; position: relative; margin: 0 0.25rem; color: #aaa!important; }
.onglets .onglet.actif { color: #005499!important; }
.onglets .onglet.actif:before { content: ""; display: block; position: absolute; width: 100%; height:1px; bottom: -1px; left: 0; background:#fff;  }

#newsletter-form .checkbox-container.medium-5 { width: auto; }
#newsletter-form .checkbox-container.medium-5 + .medium-7 {  width: auto; min-width: 30%; white-space: nowrap; } 

.adresses_region { display: inline-block; vertical-align: middle; }
.adresses_region > .bulle { display: none; }
.adresses_region > .bulle.visible { display: block; }

body.non-membre #newsletter-regional + label + span .bulle { display: none; }

/***
*       ###    ########  ##     ## ########  ######  ####  #######  ##    ## 
*      ## ##   ##     ## ##     ## ##       ##    ##  ##  ##     ## ###   ## 
*     ##   ##  ##     ## ##     ## ##       ##        ##  ##     ## ####  ## 
*    ##     ## ##     ## ######### ######    ######   ##  ##     ## ## ## ## 
*    ######### ##     ## ##     ## ##             ##  ##  ##     ## ##  #### 
*    ##     ## ##     ## ##     ## ##       ##    ##  ##  ##     ## ##   ### 
*    ##     ## ########  ##     ## ########  ######  ####  #######  ##    ## 
*/
.adhesion-bouton { text-align: center; }
.adhesion-bouton a.button { background: #00A1CB; border-color:#00A1CB!important; }
.adhesion-bouton + div { margin-top: 2rem!important; }
.woocommerce-info { display: none; }

#adhesion-form #card-type__avert .message-new, #adhesion-form #card-type__avert .message-virtual{ margin-bottom: 20px; border-color: #004c93; background-color: #e6f3ff; font-size: medium; padding: 0.5rem 0.625rem 0.625rem; }
#adhesion-form .card-type { margin-bottom: 20px; }
#adhesion-form .card-type.is-invalid-input {background-color: transparent !important; }
#adhesion-form .card-type.is-invalid-input label { color: #ec5840; }
#adhesion-form .card-type .form-error { margin-top: 0; }
#adhesion-form .avert__virtual-card p { font-size: 14px; }
#adhesion-form .disabled input, #adhesion-form .disabled label { opacity: 0.7; }
#adhesion-form .disabled input[type=radio]:checked+label::before { background-image: url(assets/images/forms/radio-btn-inactive.png); }
#adhesion-form #card-type__avert p, #adhesion-form #card-type__message p, #adhesion-form #card-type__message ul li { font-size: 16px; margin-bottom: 0; }
#adhesion-form .read-more-link { display:block; margin-top: 10px; margin-bottom: 10px; }
#adhesion-form .step-3-info-adhesion > label { margin-bottom: 0.5rem!important; }
#adhesion-form .step-3-info-adhesion > label:not(:first-child) { margin-top: 1.25rem; }
#adhesion-form .step-3-info-adhesion > div { font-size: 1rem; }
#adhesion-form .step-3-info-adhesion > div > a { margin-left: 0.25rem; border-bottom:1px solid #005499; display: inline-block; padding: 0 0.25rem; color: #000; text-transform: uppercase; }

.ncov_alert {
  border-color: #004c93; background-color: #e6f3ff;
  padding: 20px;
  margin: 0 0 30px 0;
}
.ncov_alert p {
    font-size: 1em;
}
.ncov_alert p:last-child {
  margin-bottom: 0;
}

#terms-of-sales-check.error + label .custom-checkbox { border-color:#db2726; }
#terms-of-sales-check.error + label + span,
#terms-of-sales-check.error + label + span a { color:#db2726; }
#terms-of-sales-check.error + label + span + .form-error { display: block; }

.check-options .form-error { margin-top:1px; padding-left:2.5rem; }

table.woocommerce-table--order-details td:not(:first-child),
table.woocommerce-table--order-details th:not(:first-child) { text-align: right; }

table.woocommerce-table--order-details tfoot th { text-align: right; } 

table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details tfoot td { font-weight: normal!important; }

.top-border { border-top:2px solid #000!important; }

/***
*       ###     ######   ######   #######  ########  ########  ####  #######  ##    ##  ######  
*      ## ##   ##    ## ##    ## ##     ## ##     ## ##     ##  ##  ##     ## ###   ## ##    ## 
*     ##   ##  ##       ##       ##     ## ##     ## ##     ##  ##  ##     ## ####  ## ##       
*    ##     ## ##       ##       ##     ## ########  ##     ##  ##  ##     ## ## ## ##  ######  
*    ######### ##       ##       ##     ## ##   ##   ##     ##  ##  ##     ## ##  ####       ## 
*    ##     ## ##    ## ##    ## ##     ## ##    ##  ##     ##  ##  ##     ## ##   ### ##    ## 
*    ##     ##  ######   ######   #######  ##     ## ########  ####  #######  ##    ##  ######  
*/
.fadoq-accordion-item { position: relative; }
.fadoq-accordion-item-title { margin-top:4rem; }
.fadoq-accordion-item-question-answer { padding-left:3.5rem; padding-bottom:1rem; padding-top:1rem; border-bottom:1px solid #ddd; min-height: 2rem; }
.fadoq-accordion-item-question-trigger { cursor: pointer; }
.fadoq-accordion-item-question-trigger-button { background-color:#003d7f; position:absolute; top:1rem; left:0; width:2rem; height:2rem; line-height: 2rem; text-align: center; }
.fadoq-accordion-item-question-trigger-button:before { content:'+'; color:#fff; }
.fadoq-accordion-item-question { color:#003d7f; font-size:1.25rem; }
.fadoq-accordion-item-question:hover { opacity:0.8; }
.fadoq-accordion-item-answer { display: none; margin-top:1rem; }
.fadoq-accordion-wrapper { margin-bottom:4rem; }

.fadoq-accordion-item-question-answer.open .fadoq-accordion-item-question-trigger-button:before{ content:'-'; }

/***
*    ##     ## ######## ########  ####    ###        #######  ##     ## ######## ########  ##    ## 
*    ###   ### ##       ##     ##  ##    ## ##      ##     ## ##     ## ##       ##     ##  ##  ##  
*    #### #### ##       ##     ##  ##   ##   ##     ##     ## ##     ## ##       ##     ##   ####   
*    ## ### ## ######   ##     ##  ##  ##     ##    ##     ## ##     ## ######   ########     ##    
*    ##     ## ##       ##     ##  ##  #########    ##  ## ## ##     ## ##       ##   ##      ##    
*    ##     ## ##       ##     ##  ##  ##     ##    ##    ##  ##     ## ##       ##    ##     ##    
*    ##     ## ######## ########  #### ##     ##     ##### ##  #######  ######## ##     ##    ##    
*/
@media only screen and (min-width: 1040px) {
  #page-header-image { height: auto!important; position: relative; }
  #page-header-image #page-header-img:before { content: ""; display: block; padding-top: 21.15%; position: relative; }
  #page-header-image #page-header-img > div { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
  #page-header-image #page-header-title { display: block; position: absolute; top: 0; left: 0; }
  #page-header-image #page-header-title > div { display: block; top: 50%; transform: translateY(-50%); position: relative; }
  
  /* Désactiver l'interaction sur les numéros de téléphone sur bureau  */
  a[href^="tel :"],
  a[href^="tel:"] { pointer-events:none; }

}

@media only screen and (max-width: 1040px) {
  #page-header-image #page-header-img { height: auto; }
  #page-header-image #page-header-img:before { content: ""; display: block; padding-top: 21.15%; position: relative; }
  #page-header-image #page-header-img > div { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
  #page-header-image #page-header-img > div > img { display: none!important; }
}

/***
*     #    #  ####  #####  # #      ###### 
*     ##  ## #    # #    # # #      #      
*     # ## # #    # #####  # #      #####  
*     #    # #    # #    # # #      #      
*     #    #  ####  #####  # ###### ###### 
* RESOLUTION TEST SCREENS:
* 1300px (extra-large)
* 1000px (large)
* 770px (medium)
* 590px (small)
* 320px (extra-small)
*/
.desktop_only{
  display:block;
}
.tablet_only{
  display:none;
}
.mobile_only{
  display:none;
}

/* extra-large */
/***
 *     ###### #    # ##### #####    ##         #        ##   #####   ####  ###### 
 *     #       #  #    #   #    #  #  #        #       #  #  #    # #    # #      
 *     #####    ##     #   #    # #    # ##### #      #    # #    # #      #####  
 *     #        ##     #   #####  ######       #      ###### #####  #  ### #      
 *     ###### #    #   #   #    # #    #       ###### #    # #    #  ####  ###### 
 */
@media only screen and (max-width: 1800px) {
  .page-accueil section.en-vedette .ff-slider .fleche.gauche { left: 1%; }
  .page-accueil section.en-vedette .ff-slider .fleche.droite{ right:1%; }
}

/* large */
/***
 *     #        ##   #####   ####  ###### 
 *     #       #  #  #    # #    # #      
 *     #      #    # #    # #      #####  
 *     #      ###### #####  #  ### #      
 *     ###### #    # #    #  ####  ###### 
 */
@media only screen and (max-width: 1200px) {

  .desktop_only{
    display:none;
  }
  .tablet_only{
    display:block;
  }
  .mobile_only{
    display:none;
  }

  /* ============================== */
  /* HEADER V2 */
  /* ============================== */
  #header-v2-desktop .bottom-bar .ctas .cta { min-width:auto; }
  #header-v2-desktop .bottom-bar > .menu { position: static; width:auto; }

  #home-slider .publicite { position: relative; width: 100%; padding-top: 2rem; clear: both; }

  .page-accueil section.en-vedette .ff-slider .fleche.gauche { left: 0%; }
  .page-accueil section.en-vedette .ff-slider .fleche.droite{ right:0%; }

  .page-accueil section.hero { height:42.7vw; min-height: auto; }
  .page-accueil section.hero #carousel{    width:100%;  }
  .page-accueil section.hero .manchettes{    display:none;    width:0px;  }

  .page-accueil section.a-propos { padding-left:2em; padding-right:2em; }

}

@media only screen and (max-width: 1000px) {
  form.custom-form-cyprex .filter { float: none; width: 100%!important; }
  form.custom-form-cyprex .filter .select2-selection--single,
  form.custom-form-cyprex .filter input[type=text] { border-width: 1px; }
  form.custom-form-cyprex .filter:not(:first-child) { border-top: none!important; }

}

/* medium */
/***
 *     #    # ###### #####  # #    # #    # 
 *     ##  ## #      #    # # #    # ##  ## 
 *     # ## # #####  #    # # #    # # ## # 
 *     #    # #      #    # # #    # #    # 
 *     #    # ###### #####  #  ####  #    # 
 */
@media screen and (max-width: 992px){

  /* ============================== */
  /* HEADER V2 */
  /* ============================== */
  #header-v2-desktop { display: none; }
  #header-v2-mobile { display: block; }

  .page-accueil section.hero #carousel .conteneurCSS > div > div { margin: 0 7.5em; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div h2 { font-size: 1.5rem; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div .button{ font-size: 1.075rem; padding: .45em .5em; position: relative;}

  .page-accueil section.a-propos {    display:block;    padding-left:3em;    padding-right:3em;  }
  .page-accueil section.a-propos .texte, 
  .page-accueil section.a-propos .liens {    width:100%;  }
  .page-accueil section.a-propos .liens > a{    padding:2em 0.5em;  }

  .page-accueil section.en-vedette .bg{    height:22rem;  }
  .page-accueil section.en-vedette h1{    margin-top:2em;  }
}

/* small */
/***
*      ####  #    #   ##   #      #      
*     #      ##  ##  #  #  #      #      
*      ####  # ## # #    # #      #      
*          # #    # ###### #      #      
*      ####  #    # #    # ###### ###### 
*/
@media screen and (max-width: 768px){
  .desktop_only{
    display:none;
  }
  .tablet_only{
    display:none;
  }
  .mobile_only{
    display:block;
  }

  .fadoq-alert-box { grid-template-columns:auto; }
  .fadoq-alert-box > div { max-width:300px; }

  /* HEADER */
  #full_page_content .title-bar-left .lines-button{ float:left; height:55px; padding:0px 4%; text-align:left; width:31%; }
  #full_page_content .title-bar .select2-container{ width:34% !important; min-width:initial !important; }
  #full_page_content .title-bar .select2-container--default .select2-selection--single .select2-selection__rendered{ padding:11px 40px 11px 3px; }
  #full_page_content .title-bar ­.title-bar-left, 
  #full_page_content .title-bar ­.title-bar-right{ float:none !important; }
  #full_page_content .title-bar ­.title-bar-left{ width:100% !important; }

  /* ACCUEIL */
  #header-slider:before { content: ''; display: block; position: relative; padding-top: 150%; }
  #header-slider .thumbs { bottom: 35%; right: 0; }
  #header-slider .columns.med-large-5 { height: 65%; } /* Texte */
  #header-slider .columns.med-large-7 { height: 35%; } /* Image */
  #header-slider .box-content-main { min-height: auto; }

  /* ACCUEIL V2 */
  .page-accueil h3 { font-size:2.25em; }

  .manchettes{ display:none; }
  .page-accueil section.hero{ height:87.5vw; margin-bottom:43px; }
  .page-accueil section.hero #carousel .conteneurCSS > div { align-items:flex-end; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div { margin: 0 auto; position:relative; bottom: auto; left: auto; right: auto; text-align:center; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div h2 { max-width: 100%; text-align:center; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div .button{ font-size: 1.075rem; display:inline-block;  margin: 2em auto 0px; padding: 1em 2rem; white-space: nowrap; background-color:#005ea6; color:#fff; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div p { position:initial; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div.bg.bg-desktop { display: none; }
  .page-accueil section.hero #carousel .conteneurCSS > div > div.bg.bg-mobile { display: block; }
  .page-accueil section.hero #carousel .thumbs{ bottom:-43px; }

  .page-accueil section.en-vedette .bg{ display: none; }
  .page-accueil section.en-vedette h3{ color:#000; margin:1em 0; font-size:2.25em; }
  .page-accueil section.en-vedette .ff-slider .fleche{ z-index: 2; width: 2.75em; height: 2.75em; line-height: 2.75em; text-align: center; display: inline-block; background-color: #a8a7a5; font-size: 1.25em; color:#fff; -webkit-text-stroke-color:transparent; }
  .page-accueil section.en-vedette .ff-slider .fleche:hover{ background-color: #015fa6; color: #fff; }
  .page-accueil section.en-vedette .ff-slider .fleche.gauche{ left:0%; }
  .page-accueil section.en-vedette .ff-slider .fleche.droite{ right:0%; }
  .page-accueil section.en-vedette .flex-small-box { padding: 0 1.5em; }

  .page-accueil section.a-propos { display: block; text-align:left; border-bottom:0; padding-left:0em; padding-right:0em; padding-top:0em; }
  .page-accueil section.a-propos + .pub { padding-top:0; }
  .page-accueil section.a-propos h3 { font-size:2.25em; }
  .page-accueil section.a-propos .texte { display:block; width:100%; margin-top:1em; }
  .page-accueil section.a-propos .texte p { line-height:1.4em; font-size: 1.6em; }
  .page-accueil section.a-propos .liens { padding:0px 1.5em; display:block; width:100%; margin-top:3em; }
  .page-accueil section.a-propos .liens > a { display:flex; align-items:center; width:100%; padding:0.75em 0rem; border-bottom: solid 2px #e8e9e9 !important; border-right:none; }
  .page-accueil section.a-propos .liens > a:first-child{ border-top: solid 2px #e8e9e9; }
  .page-accueil section.a-propos .liens > a > div { display: inline-flex; width: 15%; text-align: center; max-height: 4em; }
  .page-accueil section.a-propos .liens > a h4{ display:inline-block; width: 85%; text-align: left; padding: 0px 8%; font-size: 1.3em; margin-top:0px; vertical-align:middle; }


  .page-accueil section.liens { padding:0 1.5em; border:none; max-width: none; width:auto; }
  .page-accueil section.liens > a:not(.cta) { width:100%; margin:0; }
  .page-accueil section.liens h3 { margin-bottom:1em; font-size:2.25em; }
  .page-accueil section.liens > a:not(.cta) > div { padding:0.5em 1em; font-size: 1.25em; }


  /* FOOTER */
  footer #footer-logo,
  footer a,
  footer .contact-us, 
  footer .contact-us a{ text-align:center !important; }

  #top-footer{ padding:1.1rem 0 2.8rem; }

  body.ux-v2 .reveal { top : 50px; }

}

/* extra small */
/***
*                                                                             
*     ###### #    # ##### #####    ##       ####  #    #   ##   #      #      
*     #       #  #    #   #    #  #  #     #      ##  ##  #  #  #      #      
*     #####    ##     #   #    # #    #     ####  # ## # #    # #      #      
*     #        ##     #   #####  ######         # #    # ###### #      #      
*     #       #  #    #   #   #  #    #    #    # #    # #    # #      #      
*     ###### #    #   #   #    # #    #     ####  #    # #    # ###### ###### 
*                                                                             
*/
@media only screen and (max-width: 576px) {
  #standard-page #changeStep, 
  .fluid-wrap #changeStep { display: inline-block; }
  #header-slider { height: 800px; }
}

/***
*    ########  ########  #### ##    ## ######## 
*    ##     ## ##     ##  ##  ###   ##    ##    
*    ##     ## ##     ##  ##  ####  ##    ##    
*    ########  ########   ##  ## ## ##    ##    
*    ##        ##   ##    ##  ##  ####    ##    
*    ##        ##    ##   ##  ##   ###    ##    
*    ##        ##     ## #### ##    ##    ##    
*/
@media print {
    
  /* HEADER */

  * {
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
  }
  html, body {
    width: 215.9mm;
    height: 279.4mm;
  }

  body, p, h1, h2, h3, h4, h5, h6 { font-size: 15pt !important;}

  .top-bar-left img { position: relative; width: 190px; height: 120px; left: 0; margin-left: 0; }

  body.single .wrap,
  .page-accueil section.liens {
    max-width: 95%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .flex-small-box > .row > .column .box-content-small .box-content-main {min-height: auto;}

  #header-v2-desktop {
    height: 100px;
    margin-bottom: 20px !important;
  }
  #header-v2-desktop .bottom-bar > .logo { width: 100%; }
/*  #header-v2-desktop .bottom-bar > .logo img {
    margin: 0 auto !important;
    display: block;
    width: auto;
    max-height: 100px;
  }*/

  .box-content-small .over-hidden button,
  #header-v2-desktop .top-bar,
  #header-v2-desktop .bottom-bar > .menu,
  #header-v2-desktop .bottom-bar .ctas,
  .filter-row,
  .box-content-small .box-content-bottom button,
  .back-button,
  .page-links,
  .page-accueil section.en-vedette .bg,
  .page-accueil section.en-vedette .ff-slider .fleche.gauche,
  .page-accueil section.en-vedette .ff-slider .fleche.droite,
  .page-accueil section.en-vedette .ff-slider .conteneurCSS,
  #header-v2-desktop .bottom-bar > .logo img {
    display: none;
  }

  h1, h2, h3, h4, h5, h6, p, ul, ul li {
    padding: 0 0 10px 0 !important;
  }
  .page-accueil section.hero {
    height: auto;
  }
  #header-v2-desktop.mini-version > div {
    position: relative !important;
  }
  body .flex-small-box > .row > .column {
    margin: 20px 2.5% !important;
    border: 1px solid grey;
    padding: 10px !important;
    width: 45% !important;
    float: left;
  }
  div.column {
    page-break-inside: avoid;
  }

  a[href]:after {
    display: inline;
    content: " (" attr(href) ")" !important;
    word-break: break-all;
  }

  @page {
    size: Letter;
    margin: 17mm 17mm 17mm 17mm;
  }

  #top-footer .xxsmall-12 a.hover-muted {
    padding: 0 10px !important;
  }

    #top-footer .xxsmall-12 a.hover-muted img {
      max-width: 120px !important;
      height: auto;
    }

  footer.hide-for-print {
    display: none !important;
    text-align: center;
    padding: 20px 0 100px 0 !important;
  }

    footer.hide-for-print a[href]:after {
      display: none !important;
    }

    .inner-row {
      max-width: 100% !important;
    }

    #footer-socials {
      padding: 20px 0;
    }

      .page-accueil section.hero {
        display: block;
      }
      .box-content-small a[href]:after {
        font-size: 0.8em !important;
         
      }
      .page-accueil section.hero  a[href]:after,
      .a-propos a[href]:after, 
      .page-accueil section.hero #carousel .fleche.gauche,
      .page-accueil section.hero #carousel .fleche.droite,
      .page-accueil section.hero #carousel .thumbs {
        display: none !important;
      }
      .page-accueil section.hero img  {
        display: block !important;
      }
      .page-accueil section.hero #carousel, .page-accueil section.hero .manchettes {
        width: 100%;
        float: none;
        display: block;
      }


  .page-accueil section.hero .manchettes .manchette .image,
  .page-accueil section.hero .manchettes .manchette .texte .categorie > div {
    display: none;
  }
  .page-accueil section.hero .manchettes .manchette .texte {
    width: 100%;
  }

  .ff-slider .contenu {
    display: block!important;
    padding: 20px !important;
  }
   .manchettes, .a-propos, .en-vedette  {
    padding: 20px !important;
   }

   .page-accueil section.a-propos .liens a h4 {
    font-size: 14px !important;
   }

    .page-accueil section.en-vedette,
    .page-accueil section.pub,
    .page-accueil section.liens {
      display: none;
    }

    #top-footer.hide-for-print {
      display: block !important;
      padding: 20px !important;
    }
      #top-footer.hide-for-print  a[href]:after {
        display: none;
      }

/*  footer #footer-logo,
  footer .columns.small-6,
  footer #footer-socials {
    width: 33.33333%;
  }

  footer #footer-socials ul li {
    width: 100%;
    margin-top: 15px !important;
  }
    footer.hide-for-print #footer-socials a {
      display: block;
      width: 100%;
      height: auto;
    }
    footer.hide-for-print #footer-socials a:before {
      top: 0;
      padding-top: 10px;
    }
    footer.hide-for-print #footer-socials a[href]:after {
      display: inline-block !important;
      content: attr(href) !important;
      font-size: 0.8em;
      padding: 20px 0;
    }*/
}

/* single activity */
.single-activity .activity-important-info {
  display: block;
  position: relative;
  background-color: #E8E9E9;
  padding: 2rem 3rem;
  margin-bottom: 1.5rem;
  margin-left: -3rem;
  margin-right: -3rem;
}

@media only screen and (min-width: 1101px) {
  .single-activity .activity-important-info {
    display: none;
  }
}

/***
*    #### ########       ##     #####         ##    ##      ##   
*     ##  ##           ####    ##   ##       ##   ####    ####   
*     ##  ##             ##   ##     ##     ##      ##      ##   
*     ##  ######         ##   ##     ##    ##       ##      ##   
*     ##  ##             ##   ##     ##   ##        ##      ##   
*     ##  ##             ##    ##   ##   ##         ##      ##   
*    #### ########     ######   #####   ##        ######  ###### 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

  .box-content-small a .hvr-grow {
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: color 0 ease-in!important;
    transition: none!important;
    -webkit-transform: none!important;
    transform: none!important; 
  }

  /* IE11 only fix for top-menu region dropdown (arrow mislagned) */
  #header-v2-desktop.mini-version .bottom-bar > .menu {
    height: 50px;
  }
  #header-v2-desktop.mini-version .bottom-bar > .menu ul li div.link {
    height: 50px;
  }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1500px) {  
  #header-v2-desktop .top-bar .select2-container .select2-selection--single .select2-selection__arrow { top:0; }
}