/*
Theme Name:  Charvieu-Chavagneux
Description: Thème enfant de Salient pour le site de la commune de Charvieu-Chavagneux. Adapté à Salient 18.2.1 / WordPress 7.0.
Template:    salient
Version:     2.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: charvieu-chavagneux
*/

/* -------------------------------------------------------------------------
 * CORRECTIFS SALIENT 9 -> 18
 *
 * Salient 18 insère dans chaque .wpb_row un conteneur intermédiaire
 * div.row_col_wrap_12.col.span_12 qui n'existait pas en Salient 9. Ce nouveau
 * wrapper se met à matcher les sélecteurs « > .col.span_12 » écrits pour
 * l'ancien DOM, et hérite de marges négatives qui ne lui étaient pas destinées.
 *
 * Cas de la barre « Accès rapides » de l'accueil : sept règles
 * body.home .acces_rapides > .col.span_12 posent des margin-top de -250 à
 * -415px selon le point de rupture. En Salient 9 la marge était absorbée par
 * les wrappers de fond en flux (.upb_row_bg / .row-bg-wrap). En Salient 18
 * elle s'ajoute à celle de la rangée elle-même : mesuré sur la recette, la
 * rangée passait à une hauteur de 0 et son contenu remontait 250px trop haut,
 * par-dessus la vidéo.
 *
 * On neutralise donc la marge sur le seul wrapper Salient 18. Le sélecteur
 * est plus spécifique (0,5,1) que les règles d'origine (0,4,1) : il l'emporte
 * quel que soit l'ordre de chargement, y compris depuis les media queries.
 *
 * Vérifié sur la recette à 1920px : rangée à 425px, hauteur 239px — identique
 * à la production (425px / 240px).
 * ---------------------------------------------------------------------- */

body.home .acces_rapides > .row_col_wrap_12.col.span_12 {
	margin-top: 0;
}

/* --- 2. Hauteur du bandeau « Accès rapides » ---------------------------
 *
 * Le bandeau est remonté sur le bas de la vidéo par sa propre marge négative.
 * Pour le recouvrir exactement, sa hauteur doit égaler cette marge. En
 * Salient 9 cela venait des wrappers de fond en flux ; en Salient 18 la
 * rangée se contente de la hauteur de son contenu, d'où la bande de vidéo
 * visible sous le bleu — 222px de bandeau pour 240px à couvrir.
 *
 * Chaque min-height reprend la valeur absolue du margin-top du même point
 * de rupture (voir les règles body.home .acces_rapides plus haut).
 * Mesuré : bandeau 425..665, hauteur 240 — identique à la production.
 * ------------------------------------------------------------------- */

body.home .acces_rapides {
	min-height: 240px;
}

@media only screen and (max-width: 1280px) {
	body.home .acces_rapides { min-height: 260px; }
}

@media only screen and (max-width: 1000px) {
	body.home .acces_rapides { min-height: 255px; }
}

@media only screen and (max-width: 778px) {
	body.home .acces_rapides { min-height: 400px; }
}

@media only screen and (max-width: 690px) {
	body.home .acces_rapides { min-height: 360px; }
}

/* En dessous, margin-top vaut 0 : plus de recouvrement à assurer. */
@media only screen and (max-width: 630px) {
	body.home .acces_rapides { min-height: 0; }
}

/* --- 3. Taille des pictos « Accès rapides » ----------------------------
 *
 * Deux réductions se cumulaient sous Salient 18 :
 *
 *  a) les colonnes reçoivent désormais une gouttière (12,7px de chaque côté)
 *     qui n'existait pas en Salient 9 : la boîte de contenu passe de 99,6px
 *     à 76,2px ;
 *  b) le nouveau markup des images ajoute .hover-wrap / .hover-wrap-inner et
 *     un .inner { max-width:75% }.
 *
 * Comme la règle d'origine dimensionne l'image en pourcentage
 * (.vc_col-sm-1 img { max-width:60% }), les trois contraintes se multiplient :
 * 101,5 -> 76,2 -> 57,1 -> 34px, au lieu de 60px en production.
 *
 * On rétablit la géométrie d'origine plutôt que de forcer une taille en
 * pixels : la règle en pourcentage et toutes ses déclinaisons responsive
 * continuent ainsi de fonctionner. Mesuré : picto 61x61 (production 60x60).
 * ------------------------------------------------------------------- */

body.home .items_accesrapides .vc_col-sm-1 {
	padding-left: 0;
	padding-right: 0;
}

body.home .items_accesrapides .vc_col-sm-1 .img-with-aniamtion-wrap,
body.home .items_accesrapides .vc_col-sm-1 .inner,
body.home .items_accesrapides .vc_col-sm-1 .hover-wrap,
body.home .items_accesrapides .vc_col-sm-1 .hover-wrap-inner {
	width: 100%;
	max-width: none;
}

/* --- 3 bis. Répartition des pictos sur la largeur ----------------------
 *
 * Sans correctif, le groupe laisse 254px de vide à droite et 0 à gauche.
 *
 * Ce n'est pas un problème de centrage mais de GOUTTIÈRE. En Salient 9 les
 * colonnes sont en float:left avec une gouttière de marge :
 * chaque .vc_col-sm-1 sauf la première porte margin-left: 2,1% (26,14px).
 * Les 10 colonnes à 8% plus leurs 9 gouttières remplissent donc le conteneur,
 * et les 2 colonnes vides restantes basculent sur une seconde ligne où elles
 * sont invisibles.
 *
 * Salient 18 est passé à un conteneur flex dont les gouttières sont des
 * paddings, supprimés au correctif 3. Les 12 colonnes tiennent alors sur une
 * seule ligne, collées, et les 2 vides poussent tout le groupe à gauche.
 *
 * On rétablit donc le modèle d'origine plutôt que de centrer : colonnes vides
 * sorties du flux, puis gouttière de marge identique à la production.
 * Mesuré : groupe 318..1573, vide 0px à gauche et 14px à droite — valeurs
 * exactes de la production.
 *
 * !important est nécessaire : une règle de la grille Salient 18 remet
 * margin-left à 0 en !important sur les enfants du conteneur flex.
 *
 * Portée limitée à > 1180px, au-delà des points de rupture où le thème
 * redéfinit lui-même la largeur des colonnes (10%, 11%, 29%, 31%, 50%) et où
 * la gouttière n'a plus de place.
 *
 * :has() n'est pas reconnu par les navigateurs antérieurs à 2023 ; la règle
 * est alors ignorée et on retrouve le rendu actuel, sans casse.
 * ------------------------------------------------------------------- */

body.home .items_accesrapides .vc_col-sm-1:not(:has(img)) {
	display: none;
}

@media only screen and (min-width: 1181px) {
	body.home .items_accesrapides .vc_col-sm-1 + .vc_col-sm-1 {
		margin-left: 2.1% !important;
	}
}

/* --- 4. Section « Dates à retenir » ------------------------------------
 *
 * La règle d'origine pose une hauteur fixe :
 *   body.home .dates_home > .vc_column-inner > .wpb_wrapper { height:140px }
 *
 * En Salient 9 les rangées imbriquées étaient des sœurs de .wpb_wrapper,
 * enfants directs de .vc_column-inner : la hauteur fixe ne concernait
 * qu'un bloc de réserve. Salient 18 les place À L'INTÉRIEUR de .wpb_wrapper,
 * qui les enferme donc dans 140px. La colonne s'effondre, son contenu
 * déborde, et la section « En 1 clic » — remontée de -80px — vient se
 * superposer aux pictos.
 *
 * min-height conserve la réserve de 140px sans piéger le contenu.
 * Mesuré : .dates_home passe de 140px à 260px, plus aucun chevauchement.
 *
 * ATTENTION à la spécificité. Ce bloc de correctifs est placé en tête de
 * fichier, donc AVANT la règle d'origine (plus bas). À spécificité égale
 * c'est la dernière déclarée qui l'emporte : une première version écrite
 * `body.home .dates_home > ...` (0,4,1), identique à l'original, ne prenait
 * que sur min-height — height restait à 140px et le contenu restait piégé.
 * Le sélecteur ci-dessous ajoute .vc_col-sm-12 pour passer à (0,5,1) et
 * l'emporter quel que soit l'ordre.
 * ------------------------------------------------------------------- */

body.home .vc_col-sm-12.dates_home > .vc_column-inner > .wpb_wrapper {
	height: auto;
	min-height: 140px;
}

/* --- 5. Cartouches de titre « Dates à retenir » / « En 1 clic » --------
 *
 * Le fond bleu translucide de ces deux titres était 40px plus haut en
 * production, avec 20px de respiration au-dessus et en dessous du texte.
 *
 * Salient 9 plaçait .column-bg-overlay en enfant direct de la COLONNE, dont
 * la hauteur dépassait de 20px en haut et en bas celle de .vc_column-inner.
 * Salient 18 l'a déplacé dans .vc_column-inner sous le nom
 * .column-bg-overlay-wrap, en position absolue avec top:0 / bottom:0 /
 * height:100% : le fond épouse désormais exactement le texte, sans marge.
 *
 * On réétend le fond de 20px de chaque côté. height:auto est indispensable :
 * le height:100% d'origine annule l'effet de top/bottom négatifs, le cartouche
 * se contentait de remonter sans grandir.
 *
 * Aucun impact sur le flux : l'élément est en position absolue.
 * Mesuré : « Dates à retenir » 54px -> 94px, valeur exacte de la production.
 *
 * « En 1 clic » arrive à 135px contre 125px en production. Les 10px restants
 * viennent d'un margin-bottom sur le h2 présent en Salient 18 et absent en
 * Salient 9 — non corrigé ici, faute de savoir s'il relève d'un réglage de
 * l'élément Ultimate Heading ou d'un défaut du thème.
 *
 * Portée volontairement limitée à l'accueil. Si d'autres pages utilisent des
 * colonnes à fond coloré, elles présentent probablement le même retrait :
 * à vérifier avant d'élargir le sélecteur.
 * ------------------------------------------------------------------- */

body.home .vc_column-inner > .column-bg-overlay-wrap {
	top: -20px;
	bottom: -20px;
	height: auto;
}

/* Bouton d'ouverture du formulaire de modification d'une fiche association. */

#cc-asso-edit-toggle {
	margin-bottom: 1em;
}

.cc-asso-form.hidden {
	display: none;
}

.hidden {
    display: none;
}
/*HEADER*/
body #header-secondary-outer{
	height:50px;
	background-color: #fff!important;
}
#header-outer{
	height:65px;
	padding-top:0!important;
}
#social-in-menu>a{
	margin-top:0!important;
}
/*#social-in-menu{
	padding-top:50px!important;
}*/
#top>.container>.row>.col.span_3{
	top:15px;
}
#top nav>ul>li:not(#social-in-menu)>a{
	padding-top:25px!important;
	padding-bottom: 21px!important;
}



/*#top nav>ul.buttons>li#search-btn a{
	padding-top:48px!important;
	padding-bottom: 21px!important;
}*/
body #header-secondary-outer{
	z-index:100;
}
body #header-secondary-outer nav .nectar-center-text{
	padding-left:2.5%;
	font-weight:800;
	color:#24599b!important;
	font-size:16px;
}
body #top .sf-menu ul.sub-menu{
	width:135%;
}
body[data-dropdown-style="minimal"] .sf-menu li li ul {
	left: 130px!important;
}
body p#breadcrumbs{
	text-align: center;
    padding-top: 15px;
    width: 70%;
    margin-left: 15%;
    background-color: #90aac9;
    padding-bottom: 10px;
    margin-bottom: 30px;
    color:#fff;
}
body p#breadcrumbs a{
	color:#fff;
}
body p#breadcrumbs a:hover{
	color:#24599b;
}
body .divid_tilt{
    z-index:1;
}
body .divid_tilt .nectar-shape-divider-wrap::after{
	content: '';
    display: block;
    width: 12%;
    background-color: #ec7670;
    margin: auto;
    margin-top: 83px;
    transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    -webkit-transform: skew(0deg,-4.9deg);
    transform-origin: bottom;
    height: 8px;
}

.row.blog-recent > .format-standard a {max-height: ;}


/*FOOTER*/
#footer-outer #footer-widgets h4{
	font-size:14px;
	line-height:16px;
	font-weight:800;
	color: #000!important;
}
#footer-outer #footer-widgets .row .col.clear-both:first-child{
	margin-top:-183px;
}
#footer-outer #footer-widgets #menu-footer_menu #menu-item-783>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-76>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-79>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-80>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-81>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-82>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-83>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-84>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-85>a, #footer-outer #footer-widgets #menu-footer_menu #menu-item-86>a{
	font-weight:500;
}
#footer-outer #footer-widgets #media_image-5, #footer-outer #footer-widgets #media_image-6{
	width: 15%;
	float:left;
	margin-right: 3%;
}
#ajax-content-wrap>.container-wrap{
	padding-bottom:0;
}
/*BTN ALERTE INFO*/
.ubtn {
    border: inherit;
    -webkit-border-radius: none;
    border-radius: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    color: inherit;
    background: 0 0;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: 0;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
    max-width: 100%;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ubtn-ctn-right {
    display: block;
    text-align: right;
}
a.ubtn-link {
    display: inline-block;
    margin: 0;
    color: inherit;
    text-decoration: none;
    max-width: 100%;
}
a.ubtn-link .ubtn {
    margin: 0;
}
body.alert-cc>#button-alert.ubtn-ctn-right{
	position: fixed;
    top: 280px;
    z-index: 1000;
    right: -10px;
    width:10%;
}
.ubtn-data {
    z-index: 3;
    position: inherit;
    display: block;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}
.ubtn-sep-icon.ubtn-sep-icon-at-left .ubtn-icon {
    left: 20px;
    opacity: 1;
}
.ubtn-sep-icon .ubtn-icon {
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    -webkit-transition: all .3s;
    transition: all .3s;}
body.alert-cc>#button-alert.ubtn-ctn-right .ubtn-data.ubtn-text{
	text-align:left;
	margin-left:35px;
	font-weight:800;
	font-size:13px;
}
body.alert-cc>#button-alert.ubtn-ctn-right .ubtn-data.ubtn-icon{
	left:5px;
}

body.alert-cc-off #button-alert {display: none!important;}
/*FOND BLEU H1*/
body:not(.single) #page-header-wrap #page-header-bg .container::after {
    content: '';
    display: block;
    width: 70%;
    background-color: rgba(36, 89, 155, 0.5);
    margin: auto;
    margin-top: -110px;
    top: 75px;
    height: 45%;
}
body:not(.single) #page-header-wrap #page-header-bg .container h1{
	margin-bottom:-35px;
	font-size:42px;
	line-height:45px;
}
body.category #page-header-wrap #page-header-bg .container::after, body.tag #page-header-wrap #page-header-bg .container::after{
    display:none;
}
/*ACCUEIL*/
body.home .acces_rapides{
	margin-top: -240px;
    z-index: 100;
}
body.home .acces_rapides>.col.span_12{
	margin-top:-250px;
}
body.home .vc_row-fluid.items_accesrapides .vc_col-sm-1 {
    width: 8%;
}
body.home .vc_row-fluid.items_accesrapides .vc_col-sm-1 img{
	max-width:60%;
}
body.home .ult_main_cl{
	margin-bottom:0!important;
}
body.home .blog_dates{
	margin-bottom:0;
}
body.home .dates_section, body .adresse_section2{
	margin-top:-40px;
}
body .adresse_section{
	margin-top: -75px;
}
body.home .btn_moredates .ubtn-icon{
	right:0;
}
body.home .btn_moredates .ubtn-icon i{
	font-size:36px;
}
body.home .btn_moredates span.ubtn-text{
	text-align: left;
	padding-left:20px;
}
body.home .un_clic{
	margin-top:-80px
}
/*DECOUVRIR*/
body .chiffres{
	margin-top:20px;
}
/*HISTOIRE*/
.nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line{
	line-height: 15px!important;
}
body .nowadays{
	margin-bottom:5px;
}
/*ÉLUS*/
body .title_elus{
	margin-bottom:0;
	padding-bottom:10px;
	background-color: #fff;
	width:55%;
	padding-left:5px;
    position: absolute;
    margin-top: -35px;
	padding-top: 5px;
}
body .title_elus.gpe_majo{
	position:relative;
	margin-top:0;
}
/*BOUTON STICKY PORTAIL FAMILLE*/
body #afc_sidebar_1198{display:none;}
body.page-id-404 #afc_sidebar_1198, body.page-id-444 #afc_sidebar_1198, body.page-id-471 #afc_sidebar_1198, body.page-id-486 #afc_sidebar_1198, body.page-id-494 #afc_sidebar_1198{
    display: block;
}
#afc_sidebar_1198 a{
    color:#fff;
    text-transform: uppercase;
    font-weight:600;
    padding:15px 25%;
    font-size:18px;
}
#afc_sidebar_1198:hover{
    background-color: #f8d9d7;
}
#afc_sidebar_1198{
    text-align:center;
    padding:15px!important;
    width:100%!important;
}

/*CONTACT*/
body .contact_form .gform_body input, body .contact_form .gform_body .select2-container a, body .contact_form .gform_body textarea, body.single-post .category-offres-demploi .ginput_container:not(.ginput_container_fileupload) input{
	background-color: #f9f9f9;
    border: 1px solid #24599b;
    border-radius: 20px;
}
body .contact_form .gform_body label.gfield_label, body.single-post .category-offres-demploi .gform_body label.gfield_label{
	font-weight:700!important;
	color:#24599b;
}
body .contact_form .gform_footer #gform_submit_button_1, body .contact_form .gform_footer #gform_submit_button_2,body.single-post .category-offres-demploi #gform_submit_button_3{
	padding: 10px 20px!important;
}
body.single-post .category-offres-demploi #extensions_message_3_6, body.single-post .category-offres-demploi #extensions_message_3_7{
	font-size:12px;
	font-weight:600;
}
/*ORGANISMES LIES*/
body.page-id-306 .title_elus{
	margin-top:-83px;
}
body.page-id-306 .title_lysed, body.page-id-395 .title_lysed{
	margin-top:-106px;
}
/*FANCY BOX SANTÉ-PARENTS D'ÉLÈVES-SPORTS*/
body .nectar-fancy-box{
	padding:8%;
}
body .nectar-fancy-box .box-link{
    z-index:9;
}
body .fancybox_cc .nectar-fancy-box p, body .fancybox_cc .nectar-fancy-box p strong, body .fancybox_cc .nectar-fancy-box p a{
	color:#000!important;
}
body .fancybox_cc .nectar-fancy-box p a:hover{
	color:#275b99!important;
}
body .nectar-fancy-box .inner{
    padding-bottom: 6%;
}
body .fancybox_cc .nectar-fancy-box .box-bg::after{
    background-color: #fff!important;
}
body .fancybox_cc .nectar-fancy-box .link-text{
    background-color: #275b99;
    max-width: 350px;
    text-align: center;
    border-radius: 20px;
    min-height: 40px;
    padding: 1%;
}
/*CENTRE GENIN*/
body.page-id-607 .title_elus:not(.title_clubretraite){
	margin-top:-46px;
}
body .title_clubretraite{
	margin-top: -69px;
}
/*DATES À RETENIR*/
.elem_date {
    background-color: #fff;
    height: 115px;
    display:table;
}
.elem_date .post_container, .elem_date .post_meta{
    display: table-cell;
    vertical-align: middle;
    padding: 4% 0;
}
.elem_date .post_meta{
    width: 75px;
    background-color: #275b99;
    color: #fff;
    font-weight: 800;
    text-align: center;
    padding: 0 1%;
    font-size: 14px;
}
.post_meta span{
    display:block;
}
.elem_date .post_container{
    text-align: center;
    padding: 5px 10px;
    width: 230px!important;
}
.elem_date .post_container .title_post a{
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.elem_date .post_container .title_post a:hover{
    color: #ea746a;
}
.elem_date .post_container .content_post{
    margin-top: 5px;
    font-size: 16px;
}
body.page-id-855 #ajax-content-wrap .elem_date{
	width:28%!important;
	margin-right: 5%!important;
	margin-left: 0!important;
}
/*DATES ACCUEIL*/
body.home #ajax-content-wrap .elem_date{
    width: 30%!important;
    margin-right: 5%!important;
    margin-left: 0!important;
}
body.home #ajax-content-wrap .elem_date:nth-child(3){
    margin-right:0!important;
}
body.home .dates_home>.vc_column-inner>.wpb_wrapper{
	height:140px;
}
/*ARTICLES RÉCENTS*/
body .blog-recent .type-post{
	background-color: white;
}
body .blog-recent div.type-post.post div.post-header h3.title a, body.archive .post-content .post-header h2.title a{
	color:#24599b!important;
	text-transform: uppercase;
}
body .blog-recent div.type-post.post div.post-header h3.title a:hover, body.archive .post-content .post-header h2.title a:hover{
	color: #ea746a!important;
}
body .blog-recent div.type-post.post div.post-header h3.title::after, body.archive .post-content .post-header h2.title::after{
	content:'';
	display:block;
	border :2px solid #ea746a;
	width:20px;
	margin:5px 0;
}
body .blog-recent .post-header, body .blog-recent .excerpt, body.archive .post-content .post-header, body.archive .post-content .excerpt{
	padding-left:2%;
	padding-right:2%;
}
body .blog-recent .excerpt{
	padding-bottom:2%!important;
}
/*body.home .blog-recent .post-header{
	background-color: white;
    position: absolute;
    bottom: 45px;
}*/
.home .blog-recent .col .post-header h3{
	margin-top:2px;
}
body:not(.home) .blog-recent .post-header{
	background-color: white;
    position: absolute;
    bottom: 15%;
    width: 100%;
}
body:not(.home) .blog-recent .excerpt{
	padding-top:20px;
}
body.archive .post-content .article-content-wrap{
	padding:0!important;
}
/*ARTICLES*/

.container_img_thumb {min-height: 260px;background-size: cover;background-position: 50% 50%;}


body.post-template-default.single-post .main-content>.row:nth-child(2){
	padding-bottom:0;
}
body.post-template-default.single-post .post-area article .content-inner{
	padding-bottom:0;
	margin-bottom:0;
}
body.post-template-default.single-post .meta-category a{
	font-size:14px!important;
	line-height: 17px;
}
body.archive #page-header-bg .subheader{
	line-height:44px;
}
body.single .nectar-shape-divider{
	bottom:-2px;
}
/*Annuaire associations*/

/* -------------------------------------------------------------------------
 * Grille de l'annuaire — correctif Salient 9 -> 18
 *
 * L'élément vc_association pose des classes de colonnes WPBakery
 * (vc_col-xs-12 vc_col-sm-4 vc_col-md-3) sur un conteneur maison
 * (.filtr-container) qui n'est pas une vc_row. Sous Salient 9 la grille venait
 * de js_composer.min.css et flottait les colonnes malgré tout : ça tenait.
 *
 * Salient 18 fournit sa propre grille (css/grid-system.css), qui définit bien
 * .vc_col-md-3 { width:25% } mais SANS float — le float dépend désormais du
 * contexte .vc_row-fluid / .wpb_row, absent ici. Résultat mesuré sur la
 * recette : float:none, et surtout width:100px, car .box-filter { width:100px }
 * (règle de démo restée dans cette feuille) l'emporte sur .vc_col-md-3 —
 * grid-system.css est chargé AVANT style.css, que Salient enqueue en priorité
 * 90, et les deux sélecteurs ont la même spécificité (0,1,0).
 *
 * On ne dépend donc plus de la grille WPBakery : le conteneur porte lui-même
 * sa mise en page, et les largeurs sont posées avec une spécificité (0,2,0)
 * qui l'emporte quel que soit l'ordre de chargement.
 *
 * Breakpoints repris à l'identique de vc_col-md-3 / -sm-4 / -xs-12.
 * Référence de production : 4 cartes par rangée, hauteur 160px.
 * ---------------------------------------------------------------------- */

.filtr-container {
    display: flex;
    flex-wrap: wrap;
}

.filtr-container > .filtr-item {
    width: 25%;
    float: none;
}

@media (max-width: 999px) {
    .filtr-container > .filtr-item {
        width: 33.3333%;
    }
}

@media (max-width: 690px) {
    .filtr-container > .filtr-item {
        width: 100%;
    }
}

.box-filter{
    box-shadow: 0 0 0 3px #f9f9f9 inset;
}
.filtr-item {
    padding:0.1rem;
    background-color: #fff;
    margin-left:0!important;
}
.filtr-item .content_post{
    color: #000;
    padding-left:10px;
}
.filtr-item .title_post{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.filtr-item .title_post a{
    color: #000;
}

.filtr-item .title_post a:hover{
    color: #275b99;
}
.filtr-item  .content_post .ssintutle {font-size: 14px;line-height: 1.2em;margin-bottom: 5px;}
.box-filter {
    display: flex;
    box-sizing: border-box;
    width: 100px;
    height: 160px;
    color: #fff;
    padding: 15px 0 0 20px;
}

.encart_asso_container ul  {padding:0 0 20px 0;margin:0;}
.encart_asso_container .ss_intu {margin-bottom: 20px;display: block;}

.encart_asso_container ul li {list-style: none;}
.encart_asso_container .span_4 {float: left;}


/*TITLES*/
body.page-id-306 h2, body.page-id-498 h2, body.page-id-634 h2{
	text-transform:initial;
}
/*Docs dld*/
/*.docs img{
    width: 25px!important;
    min-width: 25px!important;
    margin-right: 6px!important;
}
.img-with-aniamtion-wrap{
    float:left;
}
.home .img-with-aniamtion-wrap{
    float:none;
}
.page-template-default .dl_urba .ult_main_cl .ult_colorlink{
    width: 85%!important;
    margin-top: 0px!important;
}
.page-template-default .dl_page .ult_main_cl .ult_colorlink{
    width: 100%!important;
    margin-top: 15px!important;
    text-align: center;
}
.toggle .ult_main_cl, .page-template-default .ult_main_cl{
    margin: 0;
    text-align: left;
    margin-bottom: 17px!important;
}*/
.toggle .ult_main_cl .ult_colorlink {
    font-weight: 300!important;
    font-size: 18px;
    margin-top: 4px;
    width: 89%;
}
.toggle  i {
    position: absolute;
    left: 13px;
    background-color: transparent;
    color: #888;
    top: 13px;
    width: 18px;
    height: 16px!important;
    line-height: 18px!important;
    font-size: 15px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
ul[data-style*="minimal"] .toggle i {
    width: 30px;
    height: 30px!important;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
}
ul[data-style="minimal"] .toggle  i:before {
    content: ' ';
    top: 14px;
    left: 6px;
    margin-top: -2px;
    width: 14px;
    height: 2px;
    position: absolute;
    background-color: #888;
    -ms-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    -webkit-transition: background-color 0.15s ease;
}
ul[data-style="minimal"] .toggle  i:after {
    content: ' ';
    top: 6px;
    left: 14px;
    width: 2px;
    margin-left: -2px;
    height: 14px;
    position: absolute;
    background-color: #888;
    -ms-transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
}
ul[data-style="minimal"] .directory.toggle {
    border-bottom: 2px solid rgba(0,0,0,0.08);
    -ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
    margin-bottom: 0!important;
}
UL.jqueryFileTree LI {padding: 0!important}
UL.jqueryFileTree LI.directory {background-image: none!important;position: relative}
UL.jqueryFileTree LI.directory a,  UL.jqueryFileTree LI.file a{display: block;}
UL.jqueryFileTree LI.directory  i {position: absolute;
    top: 50px;
    right: 0;
    z-index: -1;
}
UL.jqueryFileTree LI.directory > a {font-size: 28px;line-height: 32px;font-family: Oswald, sans-serif!important;font-weight: 500!important;padding: 30px 70px 30px 0px;-ms-transition: color 0.15s ease;transition: color 0.15s ease;-webkit-transition: color 0.15s ease;}
.directory.toggle.expanded > a {color:#24599b;}
.directory.toggle.expanded > i {border:2px solid #24599b;}
.directory.toggle.expanded > i::before,.directory.toggle.expanded > i::after {background-color:#24599b;}
UL.jqueryFileTree LI.ext_pdf,
UL.jqueryFileTree LI.ext_png,
UL.jqueryFileTree LI.ext_jpg,
UL.jqueryFileTree LI.ext_txt,
UL.jqueryFileTree LI.ext_doc {background:url(img/picto_download.png) 0 center no-repeat;padding-right: 15px;background-size: 30px}
UL.jqueryFileTree LI.file {font-size:18px;line-height: 24px;}
UL.jqueryFileTree LI.file a {padding: 6px 0;}
UL.jqueryFileTree LI.file a {padding-left: 35px;}
UL.jqueryFileTree LI.file:nth-child(odd) a{
    background-color: rgba(36, 89, 155, 0);
}
UL.jqueryFileTree LI.file:nth-child(even) a{
    background-color: rgba(36, 89, 155, 0.22);
}
UL.jqueryFileTree .file A:hover {
    color: #24599b!important;
}
ul[data-style="minimal"] .toggle.expanded i:after {-ms-transform: scale(1,0);transform: scale(1,0);-webkit-transform: scale(1,0);}
/*LOCATION SALLES*/
body.page-id-277 .booking_form_div .wpbc_vertical{
	display:flex;
    margin-left:10%;
}
body.page-id-277 .booking_form_div .wpbc_structure_calendar{
	margin:auto 10px;
}
#footer-outer{
	z-index: unset;
}
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):hover {
    opacity: unset!important;
}
body.page-id-277 .booking_form_div input.btn{
    background-color: #24599b;
    color:#fff;
}
body.page-id-277 .booking_form_div input.btn:hover{
    background-color: #f8d9d7!important;
}
/*SONDAGES*/
body.page-id-712 #sidebar .widget_yop_poll_widget form .basic-vote a.button{
    background-color: #24599b!important;
    text-transform: uppercase;
    height:40px;
    font-size:18px;
}
body.page-id-712 #sidebar .widget_yop_poll_widget form .basic-vote a.button:hover{
    background-color: #f8d9d7!important;
    text-decoration:none;
}
body.page-id-712 #sidebar .widget_yop_poll_widget .basic-yop-poll-container{
    background-color: #f9f9f9!important;
    border:none!important;
}
body.page-id-712 #sidebar .widget_yop_poll_widget .basic-element{
    background-color: #f9f9f9!important;
    border:none!important;
}
body.page-id-712 #sidebar .widget_yop_poll_widget .basic-answer{
    background-color: #f9f9f9!important;
}


/* DOWNLOAD MANAGER */

.bulletins-municipaux .accordion .toggle h3 a {
	color: #000;
    font-size: 1.4em!important;
    text-transform: uppercase;
}

.bulletins-municipaux .wpdm-lt-card .list-group-item {
	border:0;
	padding:.25rem 0 0;
	justify-content: center!important;
}

.bulletins-municipaux .wpdm-lt-card .list-group-item:nth-child(3), .bulletins-municipaux .wpdm-lt-card .list-group-item:nth-child(4) {
	display:none!important;
}

.bulletins-municipaux .wpdm-lt-card .list-group-item h3 a {
	background-color:transparent!important;
	color: #000!important;
	text-transform: none;
    line-height: 1em!important;
	padding: 0;
	margin: .5rem auto;
	text-align: center;
}

.bulletins-municipaux .wpdm-lt-card .list-group-item .badge {
	margin-left:5px;
}


body.wpdmpro-template-default #ajax-content-wrap > .container-wrap {
	margin-bottom: 10%;
}

body.wpdmpro-template-default .w3eden .list-group, body.wpdmpro-template-default .w3eden .col-md-7 {
	display:none;
}







/*RESPONSIVE*/
@media only screen and (min-width: 1001px) {
    body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row,
    body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav,
    body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav >ul,
    body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row nav >ul > li {
        height: 65px;
    }

    body.material #header-outer #logo, body.material #header-outer .logo-spacing {margin-top: 0!important;}
}

@media only screen and (max-width:1430px){
	#header-outer #top #search-btn>div{
		padding-left:0;
	}
	body #header-outer #top .container ul.buttons li#search-btn>div>a{
		padding-left:5px!important;
	}
	body #header-outer #top nav .sf-menu>li>a{
		margin-right:5px!important;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right{
		width:11%;
	}
	body .divid_tilt .nectar-shape-divider-wrap::after{
		transform: skew(0deg,-2deg);
    	-ms-transform: skew(0deg,-2deg);
    	-webkit-transform: skew(0deg,-6.5deg);
	}
	body.page-id-306 .title_elus, body.page-id-634 .title_elus{
		position:relative;
		margin-top:0;
		width:100%;
	}
	body.page-id-277 h2{
		font-size:30px!important;
		line-height:33px!important;
	}
	body.page-id-277 .adresse_section {
	    margin-top: -60px;
	}
    body.page-id-277 .booking_form_div .wpbc_vertical{
        margin-left:5%;
    }
}
@media only screen and (max-width: 1330px){
	body #header-outer #top .container{
		padding: 0 10px;
	}
	body #header-outer #top nav .sf-menu>li>a{
		font-size:13px;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right{
		width:13%;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button{
		width:170px!important;
	}
	body .fullw_section .vc_hidden-sm{
		width:10%!important;
	}
	body .fullw_section .vc_col-sm-3:not(.vc_hidden-sm){
		width:40%;
	}
	body.page-id-269 .post-header, body.page-id-660 .post-header, body.page-id-671 .post-header, body.page-id-716 .post-header{
		position:relative!important;
		top:unset!important;
	}
    body.page-id-277 .booking_form_div .wpbc_vertical{
        margin-left:0;
    }
}
@media only screen and (max-width: 1280px){
	header#top .span_9 > .slide-out-widget-area-toggle{
		padding-top:21px!important;
		padding-right: 80px;
	}
    body header#top>.container>.row>.col.span_9::before{
        content:'Ville de Charvieu-Chavagneux';
        color:#24599b;
        margin-top:25px;
        margin-left:25px;
        font-weight: 600;
        font-size:16px;
    }
	body #header-outer #top .container {
	    padding: 0 40px;
	}
	header#top nav > ul.buttons {
	    margin-right: 0!important;
	}
	body .divid_tilt .nectar-shape-divider-wrap::after{
		transform: skew(0deg,-2deg);
    	-ms-transform: skew(0deg,-2deg);
    	-webkit-transform: skew(0deg,-7.3deg);
	}
	body.home .uvc-main-heading h2{
		font-size:32px;
		line-height:35px;
	}
	body.home .uvc-heading .uvc-sub-heading h1, body.home .uvc-heading .uvc-sub-heading h3{
		font-size:26px!important;
		line-height:29px!important;
	}
	body.home .un_clic{
		padding-top:80px!important;
	}
	body.home .blog-recent .post-header {
	    top: unset;
	    position:relative;
	}
	body .mobile-only ul.menuopen>li, body .mobile-only ul.sub-menu>li{
		margin-bottom:20px;
	}
	body .mobile-only ul.menuopen>li a, body .mobile-only ul.sub-menu>li a{
		font-size:20px!important;
		line-height:23px!important;
	}
	body #social-in-menu{
		display: none;
	}
    body.page-id-662 .ult-new-ib{
        height:361px!important;
    }
    body #search-btn{
        right:45px;
        bottom:3px;
    }
    body #social-in-menu.button_social_group{
        right:25px;
    }
    body:not(.home) h1{
        font-size:39px!important;
        line-height: 42px!important;
    }
    body.page-id-277 .booking_form_div .wpbc_vertical{
        margin:0 20px;
    }
    body.home .acces_rapides{
        margin-top:-260px;
    }
    body.home .acces_rapides>.col.span_12{
        margin-top: -265px;
    }
}
@media only screen and (max-width: 1180px){
	.out_tablet{
		display:none;
	}
	.items_accesrapides .vc_col-sm-1{
		width: 10%!important;
		margin-bottom: 13px!important;
	}
	body:not(.home) h1{
		font-size:34px!important;
		line-height: 37px!important;
	}
	body.page-id-240 h2{
		font-size:24px!important;
		line-height: 27px!important;
	}
	body.page-id-240 h3{
		font-size:30px!important;
		line-height: 33px!important;
	}
	body.page-id-214 h2, body.page-id-277 h2{
		font-size:30px!important;
		line-height:33px!important;
	}
	body.page-id-560 #comarquage #co-bar form.co-search input.co-btn{
		padding:10px 23px!important;
	}
    body.page-id-560 #comarquage #co-bar .co-search{
        width:80%;
        margin-bottom:15px;
    }
    body.page-id-560 #comarquage #co-bar{
        text-align:center;
    }
    body.page-id-560 #comarquage #co-bar .co-btn.btn-monsp{
        float:none;
    }
	body.page-id-277 .loc .img-with-aniamtion-wrap{
		text-align:center;
	}
	body.page-id-277 .loc>.col>.vc_col-sm-6{
		width:100%;
	}
	body.page-id-277 .loc .booking_form_div{
		margin-left:25%;
	}
    body.page-id-277 .booking_form_div .wpbc_vertical {
        margin: 30px 0;
    }
}
@media only screen and (max-width: 1000px){
    body header#top>.container>.row>.col.span_3 a::after {
        content: 'Ville de Charvieu-Chavagneux';
        color: #24599b;
        font-weight: 600;
        position: absolute;
        top: 35px;
        left: 100px;
        font-size: 16px;
        font-family: 'Roboto';
        letter-spacing:0;
    }
    body header#top>.container>.row>.col.span_9::before{
        display:none;
    }
	#top>.container>.row>.col.span_3 {
	    top: 0;
	}
	body #header-outer header#top a#logo img.stnd{
	    height: 100px!important;
	}
	header#top .span_9 > .slide-out-widget-area-toggle {
	    padding-top: 0!important;
	    padding-right: 50px;
	}
	#slide-out-widget-area.slide-out-from-right{
		padding: 70px 35px 33px 33px;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right{
		width:17%;
	}
	body.home .dates_section, body .adresse_section2 {
	    margin-top: -40px!important;
	}
	body.home .un_clic {
	    margin-top: -80px!important;
	}
	body .btn_actushp{
		width:32%!important;
		margin-left:5px!important;
	}
	body .btn_actushp .ubtn-text{
		font-size:15px;
		line-height:18px;
	}
	body.home .blog-recent .post{
		width:48%;
	}
	body.home .blog-recent .post-header h3 a{
		font-size:14px;
		line-height:17px;
	}
	body.home .blog-recent.columns-3 div:nth-child(3n+4){
		clear: none;
	}
	body.home .blog-recent.columns-3 div:nth-child(3n+3){
		margin-right:2%!important;
	}
	body.home #ajax-content-wrap .elem_date, body.page-id-855 #ajax-content-wrap .elem_date {
	    width: 80%!important;
	    margin-left: 10%!important;
	}
	body.home .pictos_unclic{
		width:33%!important;
	}
    body.home .acces_rapides>.col.span_12 {
        margin-top: -273px;
    }
    body.home .acces_rapides {
        margin-top: -255px;
    }
	.items_accesrapides .vc_col-sm-1 {
	    width: 11%!important;
	    margin-bottom: 8px!important;
        margin-left:1.5%!important;
	}
    .items_accesrapides .vc_col-sm-1 .ult_cl_link_3 a span{
        font-size:12px;
    }
	body .divid_tilt .nectar-shape-divider-wrap::after{
		margin-top:104px;
		transform: skew(0deg,-2deg);
	    -ms-transform: skew(0deg,-2deg);
	    -webkit-transform: skew(0deg,-7.2deg);
	}
	body .fullw_section .vc_col-sm-6{
		width:50%!important;
	}
	body:not(.home) #page-header-bg{
		padding-bottom:0!important;
	}
	body:not(.home) h1{
		margin-bottom:35px;
	}
	body:not(.single) #page-header-wrap #page-header-bg .container::after{
		padding-top: 90px;
		width:90%;
		margin-top:-35px;
	}
	body p#breadcrumbs{
		width: 90%;
    	margin-left: 5%;
	}
	body:not(.home) h2{
		font-size:24px!important;
		line-height:27px!important;
	}
	body:not(.home) .uvc-headings-line{
		width:100px!important;
	}
	body:not(.home) h3{
		font-size:20px!important;
		line-height: 23px!important;
	}
	body.page-id-99 .wpb_row:last-child .vc_col-sm-3{
		margin-left:50%!important;
	}
	body.page-id-125 .wpb_wrapper{
		text-align:center;
	}
	body.page-id-125 .liste_histoire .wpb_wrapper{
		text-align:left;
	}
	body.page-id-154 .title_elus{
		margin-left:12.5%;
	}
	body.page-id-154 .title_elus + .wpb_text_column, body.page-id-306 .title_elus + .wpb_text_column,body.page-id-634 .title_elus + .wpb_text_column{
		margin-left: 12.5%!important;
    	width: 75%;
	}
	body.page-id-154 .txt_elus .wpb_wrapper{
		text-align: center;
	}
	body.page-id-306 .title_elus, body.page-id-634 .title_elus{
		width:75%;
		margin-left:12.5%;
	}
	body .fancybox_cc .nectar-fancy-box>.inner{
		padding-bottom:0;
	}
	body.page-id-384 a>button, body.page-id-395 a>button{
		font-size:16px!important;
		line-height:19px!important;
		width:400px!important;
	}
	body.page-id-404 a>button{
		font-size:16px!important;
		line-height:19px!important;
	}
	body.page-id-404 .nectar-fancy-ul>ul>li, body.page-id-508 .nectar-fancy-ul>ul>li, body.page-id-653 .nectar-fancy-ul>ul>li{
		padding-left:0;
	}
	body .fancybox_cc .link-text{
		margin-left:20%;
		margin-top:10px;
	}
	body.page-id-607 .title_elus{
		margin-left:12.5%;
	}
	body .title_clubretraite{
		margin-top:-46px;
	}
	body.page-id-240 h2{
		font-size:24px!important;
		line-height: 27px!important;
	}
	body.page-id-240 h3{
		font-size:30px!important;
		line-height: 33px!important;
	}
	body:not(.home) .blog-recent .post{
		width:49%;
	}
	body:not(.home) .blog-recent .post-header h3{
		font-size:18px!important;
		line-height:21px!important;
		padding-top:5px;
	}
	body.page-id-662 .toggle .vc_col-sm-3.wpb_column{
        width:100%!important;
    }
    body.page-id-662 .ult-new-ib{
    	background-color: #f9f9f9!important;
    }
    body.page-id-662 .toggle h3>a{
    	font-size:22px;
    	line-height: 25px
    }
    body.page-id-662 .ult-new-ib img.ult-new-ib-img {
	    height: auto!important;
	    min-width: 50%!important;
	}
	body.page-id-214 .adress_section{
		margin-bottom:0;
	}
	body.page-id-214 .adress_section .instance-3{
		margin-bottom:-20px;
	}
	body.archive #page-header-wrap #page-header-bg{
		height:280px!important;
	}
	body.page-id-779 p{
		text-align:center;
	}
	body.page-id-277 .loc .booking_form_div {
	    margin-left: 20%;
	}
	body.page-id-277 .sallenole{
		width:100%!important;
	}
    body.page-id-662 .ult-new-ib-img{
        left:25%;
    }
    #footer-outer #footer-widgets .row .col.clear-both:first-child {
        margin-top: 0;
    }
    #footer-outer #footer-widgets .row .col:nth-child(2){
        margin-top:185px;
    }
    body.page-id-560 #comarquage #co-bar .co-search{
        margin-left:0;
    }
}
@media only screen and (max-width: 938px){
	body.alert-cc>#button-alert.ubtn-ctn-right {
	    width: 13%;
	    right:11px;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button{
		width:100px!important;
		min-height: 35px!important;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button .ubtn-text{
		text-align: center!important;
	    margin-left: 22px!important;
	}
}
@media only screen and (max-width: 778px){
	body.home .acces_rapides div.items_accesrapides .ult_crlink>a{
		font-size:12px!important;
		line-height:15px!important;
	}
	body.home .items_accesrapides .vc_col-sm-1{
		width: 29%!important;
        min-height:100px;
	}
    body.home .items_accesrapides .vc_col-sm-1:first-child, body.home .items_accesrapides .vc_col-sm-1:nth-child(2), body.home .items_accesrapides .vc_col-sm-1:nth-child(3){
        min-height:115px;
    }
	body.home .items_accesrapides .vc_col-sm-1 .img-with-aniamtion-wrap img{
		width:33%;
	}
	body.home .acces_rapides>.col.span_12 {
	    margin-top: -415px;
	}
	body.home .acces_rapides {
	    margin-top: -400px;
	}
	body.page-id-277 .loc .booking_form_div {
	    margin-left: 10%;
	}
    body.page-id-560 #comarquage #co-bar .co-search{
        width:94%;
    }
    #afc_sidebar_1198 a{
        padding:15px 15%;
    }
}
@media only screen and (max-width: 690px){
    body.home .items_accesrapides .vc_col-sm-1 {
        width: 31%!important;
    }
    body.home .acces_rapides {
        margin-top: -360px;
    }
    body.home .acces_rapides>.col.span_12 {
        margin-top: -380px;
    }
	body.alert-cc>#button-alert.ubtn-ctn-right {
	    width: 17%;
	    right: 11px;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button{
		width:118px!important;
	}
	body.home .uvc-main-heading h2{
		font-size:28px;
		line-height:31px;
	}
	body.home .uvc-heading .uvc-sub-heading h1, body.home .uvc-heading .uvc-sub-heading h3{
		font-size:24px!important;
		line-height:27px!important;
	}
	body.home .encemoment h2{
		margin-top:0!important;
	}
	body .btn_actushp .ubtn-text {
	    font-size: 13px;
	    line-height: 16px;
	}
	body.home .blog-recent .post {
	    width: 100%;
	}
	body.home #ajax-content-wrap .elem_date, body.page-id-855 #ajax-content-wrap .elem_date {
	    width: 100%!important;
	    margin-left: 0!important;
	}
	body .divid_tilt .nectar-shape-divider-wrap::after {
	    margin-top: 142px;
	    transform: skew(0deg,-2deg);
	    -ms-transform: skew(0deg,-2deg);
	    -webkit-transform: skew(0deg,-4.5deg);
	    height:5px;
	    width:25%;
	}
	#footer-widgets>.container>.row{
		text-align:center;
	}
	#media_image-5{
		margin-left:35%;
		width:13%;
	}
	body:not(.single) #page-header-wrap #page-header-bg .container h1{
		margin-bottom:-42px!important;
	}
	body .fullw_section .vc_col-sm-3:not(.vc_hidden-sm) {
	    width: 50%;
	}
	.divid_tilt{
		padding-bottom:150px!important;
	}
	body:not(.single) #page-header-wrap #page-header-bg .container::after{
		width:100%;
	}
	body p#breadcrumbs {
	    width: 100%;
	    margin-left: 0;
	}
	body.page-id-154 .title_elus{
		margin-left:0;
	}
	body.page-id-154 .title_elus + .wpb_text_column, body.page-id-306 .title_elus + .wpb_text_column, body.page-id-634 .title_elus + .wpb_text_column{
		margin-left: 0!important;
    	width: 100%;
	}
	body.page-id-154 .divid_tilt .wpb_row{
		margin-bottom:0;
	}
	body.page-id-306 .title_elus, body.page-id-634 .title_elus{
		width:100%;
		margin-left:0;
	}
	body.page-id-306 .title_elus h2, body.page-id-634 .title_elus h2{
		font-size:22px!important;
		line-height: 25px!important;
	}
	body.page-id-384 .ubtn-ctn-center, body.page-id-395 .ubtn-ctn-center, body.page-id-404 .ubtn-ctn-center, body.page-id-240 .ubtn-ctn-center, body.page-id-710 .divid_tilt>.col, body.page-id-560 .divid_tilt>.col{
		margin-bottom:20px!important;
	}
	body .fancybox_cc .link-text {
    	margin-left: 5%;
	}
	body.page-id-607 .title_elus {
	    margin-top: 0;
	    width:100%;
	    margin-left:0;
	}
	body:not(.home) .blog-recent .post {
	    width: 48%;
	    margin-right: 2%;
	}
	body.page-id-214 #field_1_3, body.page-id-214 #field_1_4, body.page-id-214 #field_1_10, body.page-id-214 #field_1_14, body.page-id-214 #field_1_6, body.page-id-214 #field_1_7, body.page-id-214 #field_1_15{
		width:100%;
	}
	body.page-id-560 #comarquage #co-bar form.co-search input.co-btn {
	    padding: 10px 15px!important;
	}
	body.archive #page-header-wrap #page-header-bg {
	    height: 230px!important;
	}
	body.archive #page-header-bg span.subheader{
		font-size:18px!important;
		line-height:28px;
	}
    body.page-id-662 .ult-new-ib-img {
        left: 15%;
    }
    #footer-outer #footer-widgets .row .col:nth-child(2){
        margin-top:0;
    }
    body.page-id-277 .loc .booking_form_div {
        margin-left: 0;
    }
    body.page-id-277 .booking_form_div .wpbc_vertical {
        margin: 30px 20px;
    }
    body.home .items_accesrapides .vc_col-sm-1{
        min-height:85px;
    }
}
@media only screen and (max-width: 630px){
	#rev_slider_4_1 #slide-4-layer-1{
		display:none;
	}
	body .fullw_section .wpb_column{
		width:100%!important;
	}
	body .fullw_section .wpb_column .uvc-heading, body .fullw_section .wpb_column p{
		text-align:center!important;
	}
	body .fullw_section .uvc-headings-line{
		float:none!important;
		margin-left:42%;
	}
	body .fullw_section{
		margin-bottom:7%!important;
	}
	body.page-id-99 .wpb_row:last-child .vc_col-sm-3 {
	    margin-left: 25%!important;
	}
	body.page-id-404 .ubtn-ctn-right, body.page-id-404 .ubtn-ctn-left{
		text-align:center;
	}
	body.page-id-494 .divid_tilt>.col{
		margin-bottom: 20px!important;
	}
    body.home .acces_rapides {
        margin-top: 0;
    }
    body.home .acces_rapides>.col.span_12 {
        margin-top: 0;
    }
}
@media only screen and (max-width: 560px){
	body.alert-cc>#button-alert.ubtn-ctn-right{
	    width: 75px;
	    right: 40px;
	    top:unset;
	    bottom:40px;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button{
		min-height: 72px!important;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button .ubtn-icon{
		display:none;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right button .ubtn-text{
		margin-left:0!important;
	}
	body .acces_rapides h3{
		text-align:center;
	}
	body .fullw_section .uvc-headings-line{
		margin-left:40%;
	}
	body.single.alert-cc>#button-alert.ubtn-ctn-right{
		bottom:100px;
		right:30px;
	}
    #afc_sidebar_1198{
        padding:10px!important;
    }
    #afc_sidebar_1198 a {
        padding: 15px 7%;
    }
}
@media only screen and (max-width: 479px){
    body header#top>.container>.row>.col.span_3 a::after{
        top: 25%;
        left: 15%;
    }
	#header-outer #top #logo{
		margin-top:0!important;
	}
	body #header-outer header#top a#logo img.stnd {
	    height: 55px!important;
	    top:0;
	    margin-top:-9px!important;
	}
	body.home .items_accesrapides .vc_col-sm-1 {
	    width: 50%!important;
	    min-height: 95px;
        margin-left:0!important;
	}
	body.home .btn_actushp:first-child, body.home .btn_actushp:nth-child(2){
		width:48%!important;
	}
	body.home .btn_actushp:last-child{
		width:100%!important;
	}
	body.home .btn_actushp:last-child a.ubtn-link{
		width:50%;
	}
	body .divid_tilt .nectar-shape-divider-wrap::after{
		-webkit-transform: skew(0deg,-6.5deg);
	}
	body.home .acces_rapides {
	    margin-top: 0;
	}
	body.home .acces_rapides>.col.span_12 {
	    margin-top: 0;
	}
	body.home .pictos_unclic {
	    width: 70%!important;
	    margin-left: 15%!important;
	}
	body.alert-cc>#button-alert.ubtn-ctn-right{
		right:15px;
	}
	body.page-id-154 .title_elus{
		position:relative;
		margin-top:0;
		width: 100%;
	}
	body.page-id-384 a>button, body.page-id-395 a>button, body.page-id-404 a>button{
	    font-size: 14px!important;
	    line-height: 17px!important;
	}
	body .fancybox_cc .link-text {
	    margin-left: 0;
	}
	body:not(.home) .blog-recent .post {
	    width: 100%;
	    margin-right: 0;
	}
	body.page-id-560 #comarquage #co-bar form.co-search input.co-btn {
	    padding: 10px!important;
	}
	body.archive #page-header-wrap #page-header-bg {
	    height: 160px!important;
	}
	body.page-id-277 .loc .booking_form_div {
	    margin-left: 0;
	    margin-top:20px;
	    padding-left: 4%;
    	padding-right: 4%;
	}
	body.page-id-277 .booking_form_div .wpbc_vertical {
	    display: block;
	}
    #afc_sidebar_1198 a{
        font-size:16px;
    }
}
@media only screen and (max-width: 370px){
    body header#top>.container>.row>.col.span_3 a::after{
        top: 0;
        left: 20%;
        width:150px;
    }
}
@media only screen and (max-width: 321px){
	.dates_home>.vc_column-inner>.wpb_row:last-child{
		margin-bottom: 0;
	}
	body .divid_tilt .nectar-shape-divider-wrap::after {
	    -webkit-transform: skew(0deg,-9.5deg);
	}
	body.page-id-99 .wpb_row:last-child .vc_col-sm-3 {
	    margin-left: 10%!important;
	}
	body .fullw_section .uvc-headings-line {
	    margin-left: 35%;
	}
}

#rdv-id-passeport .wpb_tabs_nav {
	display: flex;
    justify-content: center;
}

#rdv-id-passeport .wpb_tabs_nav li a {
	border-radius: 8px;
    padding: 1rem 1.5rem;
    font-size: 1.2rem!important;
    margin: .5rem;
}

#rdv-id-passeport .wpb_tabs_nav li a:hover {
	background-color: #24599b!important;
	border-color: #24599b!important;
	color: #fff!important;
}