/*Theme Name: officetheme
Description: Theme enfant pour le site loffice.org/
Author: NGcrea
Template: generic
*/

@import url("../generic/style.css");


/*enconstruction
body#enconstruction {margin: 0;	display: flex;	height: 100vh;	align-items: center;  justify-content: center;}
.contenu_construction {width: 100%; height: auto ; background: #ffffff; text-align: center ; padding: 40px 20px }
.contenu_construction img {max-height: 300px; max-width: 300px; display: inline-block }
.phrase_construction { font-family: "Montserrat", sans-serif;  font-weight: 800; display: block; margin-top: 30px; font-size: 32px; line-height: 42px }
#enconstruction header, #enconstruction aside {display: none !important}
body#enconstruction {background: var(--beige); }
.phrase_construction {color: var(--bleu);  }
*/





/*color*/
.blanc, .blanc strong, .has-blanc-color {color: #ffffff !important }
.noir, .noir strong, .has-noir-color {color: #000000 !important }
.bleu, .bleu strong, .has-bleu-color {color: #075b98 !important}
.orange, .orange strong, .orange a, .has-orange-color {color: #e16f31 !important}
.orangeclair, .orangeclair strong, .orangeclair a, .has-orangeclair-color {color: #ff6600 !important}
.beige, .beige strong, .has-beige-color {color: #f8f3ed !important}
.gris, .gris strong, .has-gris-color {color: #999999 !important}
.grisclair, .grisclair strong, .has-grisclair-color {color: #f5f5f5 !important}
.has-blanc-background-color {background-color: #ffffff !important }
.has-noir-background-color {background-color: #000000 !important }
.has-bleu-background-color {background-color: #075b98 !important }
.has-orange-background-color {background-color: #e16f31 !important }
.has-orangeclair-background-color {background-color: #ff6600 !important }
.has-beige-background-color {background-color: #f8f3ed !important }
.has-gris-background-color {background-color: #999999 !important }
.has-grisclair-background-color {background-color: #f5f5f5 !important}


:root {
--blanc: #ffffff;
--noir: #000000;
--bleu  :#075b98;
--orange : #e16f31;
--orangeclair : #ff6600;
--beige: #f8f3ed;
--gris: #999999;
--grisclair: #f5f5f5;
}

.fullscreen.has-beige-background-color {box-shadow: 500px 0 0 var(--beige), -500px 0 0 var(--beige);}
.fullscreen.has-orange-background-color {box-shadow: 500px 0 0 var(--orange), -500px 0 0 var(--orange);}
.fullscreen.has-bleu-background-color {box-shadow: 500px 0 0 var(--bleu), -500px 0 0 var(--bleu);}



/*font*/
.roboto {  font-family: "Roboto Condensed", sans-serif !important  }
.montserrat{  font-family: "Montserrat", sans-serif !important }


body {font-family: "Roboto Condensed", sans-serif ; font-weight: 400  ;  text-align: justify ; font-size: 16px  ; line-height: 26px ; color: #000000 ; margin: 0  ; padding: 0 ; word-wrap: normal ; word-break: normal  ; background-color: #ffffff; position: relative }

.sitecontenu {overflow: hidden; }

#header, #container, #footer {    padding: 0% !important}
a img:hover, a:focus img, a svg:hover, a:focus svg {  opacity: 1;}
main p a, main li a, footer p a { border-bottom-width:1px; border-bottom-style: dotted; border-bottom-color: inherit}
main p a:hover, main li a:hover, footer p a:hover { border-bottom-style: solid;}
.mark, mark {  padding: 0;  background-color: unset;}
header {padding: 0 !important}
.container {position: relative;  }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {  padding-right: 50px;    padding-left: 50px;    margin-right: auto;    margin-left: auto;}
strong, .gras {font-weight: 700 !important; }


p {margin: 0 0 16px 0 !important;}
div p:last-child {margin: 0 0 0 0 !important;}
:root :where(.is-layout-constrained) > * {  margin-block-start: 0px;  margin-block-end: 0;}

a img {    opacity: 1 !important }
i {font-style: italic}
.aligncenter {margin: 0px auto;    }
a{text-decoration: none; color: inherit;}

.contenu a, .contenu li a{  color: inherit;  }
.contenu a:hover, .contenu li a:hover{ color: inherit}
@media (prefers-color-scheme: light) {  #header {    background: #ffffff;  }
}


[class*="col"] {margin: 0 ; padding: 0  }
.row {padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0}
/* * { transition: all 0.3s ease; }*/
.wp-block-separator {    border-top: 0px solid;    border-bottom: 0px solid;}
.wp-block-media-text > .wp-block-media-text__content {   padding: 40px 40px;  }
.has-border-color {border-style: solid; padding: 1px}

.wp-block-image .aligncenter > figcaption {text-align: center}
.wp-block-image :where(figcaption) {  margin-bottom: 5px;  margin-top: 5px; font-size: 12px; line-height: 16px}

.wp-block-media-text > .wp-block-media-text__content {  padding: 20px 20px; }

/* hack sep hr*/
hr {opacity: 1 !important; margin: 0px 0;}
:root :where(.wp-block-separator.is-style-dots)::before {    content: "";    font-size: 0;  letter-spacing: 0;  padding-left: 0;  border-top: 1px dotted currentColor;  display: block;  margin:
	20px 0; }
.justify{text-align: justify}
.has-small-font-size {font-size: 13px}

.wp-block-media-text {overflow: hidden}

/*hack li*/
ul li, ul {list-style-type: none !important;   }
ul  {margin: 0 0 0 0 !important; text-indent: 0px; }
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol {  font-family: inherit !important;  font-weight: 400  ;    }
.entry-content ul {margin: 0px 0 16px 0 !important}
.entry-content ul.nomarge {margin: 0px 0 0px 0 !important}
.entry-content li { margin: 0px 0; }
.entry-content li { margin-bottom: auto !important; line-height: inherit;}
.entry-content ul li:not(.ymc li)::before, .widget-container ul li:not(.ymc li)::before  {    content: "\f192";  font-family: "Font Awesome 5 Free";  color: var(--orange);  display: inline-block; margin-right: 7px;   font-weight: 900; font-size: 8px;  position: relative;  top: -2px; } 



.overflow {overflow: hidden}

.cap {text-transform: uppercase}
.pacap {text-transform: none !important}

.noborder { border: 0 !important}

.invisible, .hidedesk {display: none}

.bloc {display: block}

.droite {text-align: right}
.gauche {text-align: left }
.centre {text-align: center !important}
.justif {text-align: justify !important}

.nopad, .pad0 {padding: 0 !important}
.pad10 {padding: 10px}
.pad15 {padding: 15px}
.pad20 {padding: 20px}
.pad30 {padding: 30px}
.pad40 {padding: 40px}
.padbot0{padding-bottom: 0!important}
.padtopt0{padding-top: 0!important}
.nomarge, .marge0 {margin: 0px !important}
.pmarg0 p {margin: 0 0 0 0 !important}

.taille44 {font-size: 44px}
.taille36 {font-size: 36px}
.taille28 {font-size: 28px}
.taille20 {font-size: 20px}
.taille16 {font-size: 16px}

.radius20 {border-radius: 20px}
.cercle {border-radius: 200px}

.texte-2colonnes {  column-count: 2;  column-width: auto;  column-gap: 40px;}
.texte-3colonnes {  column-count: 3;  column-width: auto;  column-gap: 30px;}
.texte-4colonnes {  column-count: 4;  column-width: auto;  column-gap: 20px;}

@media (min-width: 1400px) {
 .container {    max-width: 1400px;  }
}
/*.mb-2 {  margin-bottom: 0rem !important;}*/


/*-------------------------------------------------------titres et boutons-----------------------------------------------------*/

h1:where(.wp-block-heading).has-background, h2:where(.wp-block-heading).has-background, h3:where(.wp-block-heading).has-background, h4:where(.wp-block-heading).has-background, h5:where(.wp-block-heading).has-background, h6:where(.wp-block-heading).has-background {
  padding: 10px 20px;
}

h1, h2, h3, h4, h5, h6 {padding: 0 0 0 0  ; margin: 0 0 0 0 ; display: block ; text-align: left;   }
h1:not(h1.hp_tagline), h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; font-weight: 900;    }
h1:not(h1.hp_tagline) {font-size: 44px; line-height: 50px; }
h2 {font-size: 36px; line-height: 42px; }
h3 {font-size: 28px; line-height: 32px;  }
h4 {font-size: 20px; line-height: 24px; }
h5 {font-size: 16px; line-height: 20px; }
h6 {font-size: 13px; line-height: 16px; }



/*bouton*/
.wp-block-button__link {padding : 15px 25px 15px 20px;; font-size: 20px}
.boxes .wp-block-button__link, .wp-block-button__link.has-small-font-size {padding : 5px 15px 5px 10px; font-size: 16px !important; line-height: 20px }


.wp-block-button__link.has-orange-background-color:hover .svg-inline--fa {color: var(--orange) !important }
.wp-block-button__link.has-beige-background-color:hover .svg-inline--fa, .wp-block-button__link.has-bleu-background-color:hover .svg-inline--fa, .fiche_sejour:hover .wp-block-button__link .svg-inline--fa   {color: var(--bleu) !important }


/*-------------------------------------------------------header-----------------------------------------------------*/
.bande_hp_logo-nav {padding: 0 20px 0 50px}
#header-reseaux {padding: 5px 15px 5px 20px;  font-size: 13px; position: relative; z-index: 10001}
#header-reseaux .wp-font-awesome-icon {font-size: 20px}
#header-reseaux a:nth-child(2) {display: none}
#header-reseaux a:hover {color: var(--orange)}
#logo_header {position :relative; }
#logo_header .wp-block-site-tagline, h1.hp_tagline {position: absolute;  bottom: -65px;  left: 0;  z-index: 99;  text-align: left;  max-width: 200px;  font-size: 13px;  font-weight: 700;  line-height: 16px;}
.home #logo_header .wp-block-site-tagline, h1.hp_tagline { font-size: 16px;  line-height: 22px;  max-width: 250px;	bottom: -85px; }

#banner_header, #banner_header_hp {position: relative; margin-left: 20px}
#banner_header:before  {content: ""; position: absolute; width: 100%; z-index: 2; background: url('../../uploads/2026/08/courbe_masque_header.png') no-repeat left top; background-size: contain; }
#banner_header:before  {height: 500px}
#banner_header .wp-block-cover__background {box-shadow: inset 0 7px 0 #fff, inset 0 -7px 0 #fff;}
#banner_header .wp-block-cover__inner-container {padding-left: 150px;}
#banner_header .wp-block-cover__inner-container h1 { max-width: 50%}



#banner_header_hp .superblockslider__slide__overlay {  box-shadow: inset 0 10px 0 #ffffff, inset 0 -10px 0 #ffffff; }
#banner_header_hp .superblockslider__slide__overlay {  background-image: linear-gradient(90deg,rgba(7,91,152,1) 10%, rgba(7,91,152,0.7) 30%, rgba(7,91,152,0) 55%) !important;}
#banner_header_hp .superblockslider__slide__bg:after {content: "";  display: block;  width: 100%;  position: absolute;  top: 0;  left: -1px;  height: 700px;  background: url('../../uploads/2026/08/courbe_masque_header.png') no-repeat left top;    background-size: auto;  background-size: contain;  z-index: 1;}

#banner_header_hp .superblockslider__slide_inner {z-index: 3; padding-left: 250px; max-width: 50%; text-align: left; font-size: 20px; line-height: 28px; padding-right: 0px}

#banner_header_hp .superblockslider__button__previous--icon svg , #banner_header_hp .superblockslider__button__next--icon svg {width: 25px}
#banner_header_hp .superblockslider__button__previous--icon svg {margin-left: 100px}

#banner_header_hp p {margin-bottom: 0 !important}

.hp_slider_content .wp-block-heading, .hp_slider_content p, #banner_header .wp-block-cover__inner-container h1   {text-shadow: 0 0 10px rgba(5,57,94,1);}

.page-parent-header span, .page-parent-header .taxonomy-category {display: inline-block; background: var(--beige); color: var(--bleu); padding: 0px 5px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase}

.single-post #banner_header img.wp-block-cover__image-background {
  filter: blur(10px);
}

/*.single-post #banner_header img.featured-image-low-res {
  filter: blur(5px);
  transform: scale(1.02);
}
*/

.filarianne {display: block; margin-left: 120px }






/*-------------------------------------------------------nav-----------------------------------------------------*/
#nav_office {text-align: left; position: relative; z-index: 3; max-width: 70%}

#nav_office .wp-block-navigation__container {flex-wrap: nowrap}
#nav_office .wp-block-navigation .wp-block-navigation-item__content {   line-height: 20px;}


#nav_office .wp-block-navigation-item:not(.wp-block-navigation__submenu-container .wp-block-navigation-item) { padding: 0 20px; height: 80px;  text-align: center;  }

#nav_office .wp-block-navigation-item.ombrage {position: relative; padding-right: 0px !important }
#nav_office .wp-block-navigation-item.ombrage:after {content:""; position: relative; top: -5px; display: block;  width: 20px; height: 80px;  background: url('../../uploads/2026/08//ombrage_nav.png') no-repeat; margin-left: 40px }

.vousetes, .tirets-avant, .tirets-apres {position: relative}
.has-child.tirets-avant:after, .has-child.tirets-apres:before  {content: "";  position: absolute;  width: 400px;  height: 20px;  top: -10px;    border-bottom: 1px dotted var(--orange); }
.has-child.tirets-avant:after  { left: 0px;  }
.has-child.tirets-apres:before  { right: 40px;  }
.has-child.vousetes:before {content: "Vous êtes";  position: absolute;  background: #fff; font-size: 13px ; padding: 0 15px; top: -5px; left: 70px; color : var(--gris); font-weight: 400 ; z-index: 9;  }

#nav_office .wp-block-navigation__submenu-container {font-weight: 700; text-transform: none; border-radius: 0 0 20px 20px ; border: 0px; overflow: hidden ; background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(248,243,237,0.95) 100%); padding: 0px 0 10px 0; font-family: "Roboto Condensed", sans-serif; text-align: left}
#nav_office .wp-block-navigation__submenu-container .wp-block-navigation-item__content {padding : 10px 15px; line-height: 18px}

#nav_office .wp-block-navigation__submenu-container .wp-block-navigation-item__label:before {content: "\f105";  font-family: "Font Awesome 5 Free";  color: var(--orange);  display: inline-block;  margin-right: 0px;  font-weight: 900;  transition: all 0.3s ease; margin-right: 5px}

#nav_office ul.has-orange-color li:hover, #nav_office .wp-block-navigation__submenu-icon {color: var(--bleu)}
#nav_office ul.has-bleu-color li:hover {color: var(--orange)}

#mysticky-nav.wrapfixed .myfixed {  padding-top: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.2)}
#mysticky-wrap .wrapfixed .wp-block-site-tagline, #mysticky-wrap .wrapfixed  h1.hp_tagline {display: none}
#mysticky-wrap .wrapfixed  #logo_header img {width: 200px}

.mobmenu-content {  margin-top: 60px !important;  padding-top: 0 !important;}
.mobmenul-container {     height: 30px !important;     background: #fff;    border-radius: 20px;  }
#mobmenuleft {text-align: left; }
#mobmenuleft li {position: relative}
#mobmenuleft li:nth-child(4):not(#mobmenuleft .sub-menu li:nth-child(4)) a, #mobmenuleft li:first-child:not(#mobmenuleft .sub-menu li:first-child) a {padding-bottom: 20px}
#mobmenuleft li:nth-child(4):not(#mobmenuleft .sub-menu li:nth-child(4))::after, #mobmenuleft li:first-child:not(#mobmenuleft .sub-menu li:first-child)::after  {content:""; position: relative; top: 0; display: block;  width: 100%; height: 20px;  background: url('../../uploads/2026/09/ombrage_nav_mobile.png') no-repeat top center; background-size: contain;}
#mobmenuleft li:nth-child(2):not(#mobmenuleft .sub-menu li:nth-child(2))::before  {content:"Vous êtes..."; position: relative; top: 0; display: block;  width: 100%; color: var(--gris); text-transform: uppercase; margin-bottom 20px; font-size: 13px; padding-left: 20px}
#mobmenuleft .sub-menu li a {font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important}
#mobmenuleft .sub-menu  {padding: 10px 0}
#mobmenuleft .sub-menu a:before  {content: "\f105";  font-family: "Font Awesome 5 Free";  color: var(--orange);  display: inline-block;  margin-right: 0px;  font-weight: 900;  transition: all 0.3s ease; margin-right: 5px}
#mobmenuleft .sub-menu li a:hover  {color: var(--orange)}
#mobmenuleft .sub-menu a:hover:before  {color: var(--bleu);}
#mobmenuleft .mob-expand-submenu i {    font-size: 15px;  }
#mobmenuleft .sub-menu li {    padding-left: 0;  }



/*-------------------------------------------------------Fil d'ariane-----------------------------------------------------*/

.filarianne li {margin-top: 5px}
.filarianne li {line-height: 14px !important}

/*-------------------------------------------------------contenu-----------------------------------------------------*/
/*icone*/
.icone { border-radius: 100px;  }
.has-bleu-background-color .icone {background: #f8f3ed; box-shadow: 0 0 0 1px var(--orange), 0 0 0 4px var(--beige)   }

.trait-main {position: relative}
.trait-main:before, .trait-main:after {content:""; position: absolute;  display: block; width: 100%; height: 15px; background-size: cover; background-repeat: no-repeat;   }
.trait-main:before {  top: -10px; background-position: top center   }
.trait-main:after {  bottom: -10px; background-position: bottom center   }
.trait-main.has-bleu-background-color:before, .trait-main.has-bleu-background-color:after  { background-image: url('../../uploads/2026/08//bande_trait_bleu.png') }

.pad10-sejour {padding: 10px 10px 10px 0px}
.sep-xs {height: 10px !important}
.sep-s {height: 30px !important}
.sep-m {height: 50px !important}
.sep-l {height: 70px !important}
.sep-xl {height: 100px !important}

main a:not(.wp-block-button a, .post-card__title a) {color: var(--orange) !important;  border-bottom-width: 0}
main a:not(.wp-block-button a, .post-card__title a):hover {color: var(--bleu) !important }
main .has-bleu-background-color a:not(.has-bleu-background-color .wp-block-button a), main .has-orange-background-color a:not(.has-orange-background-color .wp-block-button a) {color: var(--orangeclair) !important;  border-bottom-width: 0}
main .has-bleu-background-color a:not(.has-bleu-background-color .wp-block-button a):hover {color: var(--beige) !important; }
main p a:hover {color: var(--bleu) !important }

.boxes p, .boxes li  { text-align: left; margin-bottom: 0px !important }
.boxes h1, .boxes h2, .boxes h3, .boxes h4, .boxes h5, .boxes h6 {text-align: left }
.boxes :where(.wp-block-separator.is-style-dots)::before {margin:	5px 0;}
.boxes a img {object-position: center center; transition: transform .5s ease-out;}
.boxes a:hover img { transform: scale(1.05); }

.pastille_sommaire {  gap: 0rem 3rem !important;}

/*compo fiche sejour*/
.fiche_sejour:hover {box-shadow: inset 0 0 1px 2px rgba(0,0,0,0.1);}
.fiche_sejour a p {color: var(--noir) }
.fiche_sejour .wp-block-buttons  {padding-bottom: 15px}
.fiche_sejour:hover .wp-block-button__link {background: var(--orange) !important} 

/*bulle séjour*/
.bulle_sejour {margin-top: -20px !important;}
.bulle_sejour .bulle_icone {position: relative; bottom: -40px; border-width: 3px !important; position: relative;  z-index: 1;}
.bulle_sejour a:hover .bulle_icone {background: var(--blanc) !important; border-color: var(--orange) !important; }
.bulle_sejour .bulle_photo .wp-block-image {padding : 0px}
.bulle_sejour a .bulle_photo figure {  border: 3px solid var(--beige);  box-shadow: 0 0 1px 2px var(--blanc), 0 0 0px 7px var(--beige); border-radius: 200px}
.bulle_sejour a:hover .bulle_photo figure {  border: 3px solid var(--orange);  box-shadow: 0 0 1px 2px var(--blanc), 0 0 0px 7px var(--orange);}
.bulle_sejour a:hover .bulle_photo figure img {transform: scale(1.05);}
.bulle_sejour a:hover h5 {color: var(--orange) !important }



.panoramique img {aspect-ratio: 24/9;}
.ultrapanoramique img {aspect-ratio: 32/9;}

.colonnes2_notgrid .colonne {flex-basis: 50% !important }



/*accordeon natif*/
.wp-block-accordion {  padding: 0 20px;}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {  text-decoration: none; }
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title mark , .wp-block-accordion-heading__toggle:not(:focus-visible) {  color: var(--orange) !important  }
.wp-block-accordion-heading__toggle {  opacity: 1 !important;}
.wp-block-accordion-heading__toggle-icon {font-size :35px; background: var(--beige); border-radius: 50px}
.wp-block-accordion-panel-is-layout-flow {margin-block-start: 0px;}


/*tabs block*/
.wp-block-tab-list {border-bottom: 1px solid rgba(0,0,0,0.1); position: relative}
.wp-block-tab-list:after {content:""; width: 100%; height: 20px; background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); display: block; position: absolute; left: 0; bottom: -20px}
.wp-block-tab-list button {font-family: "Roboto Condensed", sans-serif !important; padding: 0 7px; border-radius: 7px 7px 0 0; font-size: 13px; text-transform: uppercase }
.wp-block-tab-list button:hover, :where(.wp-block-tab-list button)[aria-selected="true"] {background: var(--bleu) !important; }
.wp-block-tab-list button:hover, .wp-block-tab-list button:focus {opacity: 1 !important }
:where(.wp-block-tab-list button)[aria-selected="true"]::before {  border-bottom: 0px solid;}




/*filtre et grille articles */	
.ymc .filter-button  {border-radius: 50px !important}

.ymc .total-results-found {display: none}
.ymc-container .filter-content .posts-grid .post-card, .ymc-extra-container .filter-content .posts-grid .post-card {  border: 0px; background: var(--beige); border-radius: 20px; overflow: hidden ; position: relative; padding-bottom : 10px}

.ymc-container .filter-content .posts-grid .post-card__categories, .ymc-extra-container .filter-content .posts-grid .post-card__categories {  font-family:  "Roboto Condensed", sans-serif;  margin-bottom: 0px;  font-size: 12px;   text-transform: uppercase;  color: var(--orange);    padding: 0px 15px; }
.ymc-container .filter-content .posts-grid .post-card__categories .categorie, .ymc-extra-container .filter-content .posts-grid .post-card__categories .categorie {  padding: 0;  background-color: rgba(0,0,0,0);  border: 0px ; 
  margin: 0 0px 0px 0;}
.ymc-container .filter-content .posts-grid .post-card__categories .categorie:before , .ymc-extra-container .filter-content .posts-grid .post-card__categories .categorie:before {content: "\f02b";  font-family: "Font Awesome 5 Free";  color: var(--orange);  display: inline-block; margin-right: 5px;   font-weight: 900; }

.ymc .wp-post-image {  margin-bottom: 0;}
.ymc-container .filter-content .posts-grid .post-card__image, .ymc-extra-container .filter-content .posts-grid .post-card__image {margin-bottom: 0px; margin-top: 0px}
.ymc-container .filter-content .posts-grid .post-card__image img.is-medium, .ymc-extra-container .filter-content .posts-grid .post-card__image img.is-medium {margin-bottom : 0}

.ymc-container .filter-content .posts-grid .post-card__content, .ymc-extra-container .filter-content .posts-grid .post-card__content {padding: 0 15px 15px 15px}

.ymc-container .filter-content .posts-grid .post-card__title, .ymc-extra-container .filter-content .posts-grid .post-card__title {  margin: 0 0 0px; padding: 15px 0 0 0; line-height: 25px;     text-align : center}
.ymc-container .filter-content .posts-grid .post-card__title:after, .ymc-extra-container .filter-content .posts-grid .post-card__title:after{content:""; display: block; width: 70px; height: 13px; background: url("https://dev1.loffice.org/wp-content/uploads/2026/08/trait_main_bleu.svg") no-repeat center center; margin: 10px 0;   position: relative; left: 50%; margin-left: -35px}
.ymc-container .filter-content .posts-grid .post-card__title-link:hover, .ymc-extra-container .filter-content .posts-grid .post-card__title-link:hover {color: var(--orange)}

.ymc-container .filter-content .posts-grid  .post-card__excerpt, .ymc-extra-container .filter-content .posts-grid  .post-card__excerpt
{  font-family:  "Roboto Condensed", sans-serif ;  line-height: 24px;   margin-bottom: 0px;  text-align: left; padding: 0;}

.ymc-container .filter-content .posts-grid  .post-card__read-more, .ymc-extra-container .filter-content .posts-grid  .post-card__read-more
{  font-weight: 700;  text-decoration: none;  padding: 0 0px;  margin-bottom: 5px;  transition: all 0.3s ease;}
.ymc-container .filter-content .posts-grid  .post-card__read-more:before, .ymc-extra-container .filter-content .posts-grid  .post-card__read-more:before {content: "\f105";  font-family: "Font Awesome 5 Free";  color: var(--bleu);  display: inline-block; margin-right: 5px;   font-weight: 900; }
.ymc-container .filter-content .posts-grid .post-card__read-more:hover, .ymc-extra-container .filter-content .posts-grid .post-card__read-more:hover {  color:var(--bleu);  }
.ymc-container .filter-content .posts-grid .post-card__read-more:hover:before, .ymc-extra-container .filter-content .posts-grid .post-card__read-more:hover:before { color: var(--orange); }
/*.ymc-container  .post-card__categories .post-taxonomy:nth-child(2) {    display: none !important;}*/

.ymc-container .filter-content .posts-grid .post-card__tags, .ymc-extra-container .filter-content .posts-grid .post-card__tags {display: none}

.ymc-container .filter-content .posts-grid .post-card__meta, .ymc-extra-container .filter-content .posts-grid .post-card__meta {position: absolute; bottom: 10px; right: 15px;  margin-bottom: 0px;
  font-family:   "Roboto Condensed", sans-serif;   padding: 0 0px;}

/* YMC post layout standard au cas où */
.ymc-container .filter-content .posts-grid .post-layout_standard , .ymc-extra-container .filter-content .posts-grid .post-layout_standard  {  padding-bottom : 30px}
.ymc-container .filter-content .posts-grid .post-layout_standard .post-card__title, .ymc-extra-container .filter-content .posts-grid  .post-layout_standard .post-card__title {  padding: 15px 15px 0px 15px;}
.ymc-container .filter-content .posts-grid  .post-layout_standard  .post-card__excerpt, .ymc-extra-container .filter-content .posts-grid  .post-layout_standard .post-card__excerpt, .ymc-container .filter-content .posts-grid .post-layout_standard .post-card__read-more, .ymc-extra-container .filter-content .posts-grid .post-layout_standard .post-card__read-more {  padding: 0 15px;}

.ymc .pagination  {  margin-top: 20px !important}
.ymc .pagination a, .ymc .pagination .page-numbers {  font-family:"Roboto Condensed", sans-serif !important;}

/* YMC logos organismes */
@media (min-width: 1400px) {
 .ymc8col .ymc-container .filter-content .ymc-cols-xl-6,.ymc8col .ymc-extra-container .filter-content .ymc-cols-xl-6 {
    grid-template-columns: repeat(8, 1fr);
  }
}
.organismes-sejour .ymc-container .filter-content .posts-grid .post-card, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card {  background: rgba(255,255,255,0); padding-bottom: 0px !important;}
.organismes-sejour .ymc-container .filter-content .posts-grid .post-card__image, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card__image {  background: var(--grisclair);  border-radius: 20px;}
.has-background .organismes-sejour .ymc-container .filter-content .posts-grid .post-card__image, .has-background .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card__image {  background: var(--blanc); }
.organismes-sejour .ymc-container .filter-content .posts-grid .post-card__image img.is-full, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card__image img.is-full {  aspect-ratio: 1/1;}
.organismes-sejour .ymc-container .filter-content .posts-grid .post-card__title::after, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card__title::after {  content: "";  display: none;  width: 0px;  height: 0px;  background: url("") no-repeat center center;  margin: 0px 0;    margin-left: 0px;  position: relative;  left: 0%;  margin-left: 0px;}
.organismes-sejour .ymc-container .filter-content .posts-grid .post-layout_standard .post-card__title, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-layout_standard .post-card__title {  padding: 5px 15px 0px 15px; font-size: 12px; line-height: 16px; font-weight: 400; text-transform: uppercase; color: var(--orange); font-family:"Roboto Condensed", sans-serif !important;}
.organismes-sejour .ymc-container .filter-content .posts-grid .post-card:hover .post-card__image, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card:hover .post-card__image { box-shadow: inset 0 0 30px rgba(0,0,0,0.15); }
.organismes-sejour .ymc-container .filter-content .posts-grid .post-card:hover .post-card__title, .organismes-sejour .ymc-extra-container .filter-content .posts-grid .post-card:hover .post-card__title { color:var(--bleu) }




/*tableaux
.wp-block-table table {  margin: 0px 0;}
.wp-block-table td {line-height: normal !important}
.wp-block-table td, .wp-block-table th {  border-color: #000;}
.wp-block-table tr:nth-child(odd) {background: var(--blanc)}
.wp-block-table tr:nth-child(even) {background: var(--grisclair)}
.wp-block-table thead tr:nth-child(odd) {background: var(--bleu) ; color: var(--blanc) ; border-color: #000000; font-weight : 700}
.wp-block-table tfoot tr {color: var(--bleu) ; font-weight : 700}*/


/*faqs*/
.ewd-ufaq-faq-div {   border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:  var(--grisclair);  padding: 10px 0 !important;  }
.ewd-ufaq-faq-div   {    transition: all 0.3s ease; }
.has-grisclair-background-color .ewd-ufaq-faq-div {  border-bottom-color: var(--blanc); }
.ewd-ufaq-faqs .ewd-ufaq-faq-div:last-child {   border-bottom-width: 0px; }
.ewd-ufaq-faq-category {  margin-bottom: 0px !important; padding: 50px 0 10px 0}
.ewd-ufaq-faqs h3 {font-size: 60px; line-height: 66px; font-weight: 700;  color: var(--bleu) ; margin-bottom: 30px }
.ewd-ufaq-faqs h4 {font-size: 16px; font-weight: 700; color: var(--bleu)}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {  font-size: 20px !important;  margin: 7px auto auto auto !important;  color: var(--orange);}
.ewd-ufaq-faq-title:hover h4 {color: var(--orange) }
div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {  margin-right: 8px !important;    margin-left: 4px;}
.ewd-ufaq-faq-category-title h3:before { font-family: "Font Awesome 5 Free";  color: var(--orange);  display: inline-block; margin-right: 5px;   font-weight: 900; }
.ewd-ufaq-post-active .ewd-ufaq-faq-title h4 {color: var(--bleu) }
.ewd-ufaq-post-active .ewd-ufaq-faq-title:hover h4 {color: var(--blanc) }
.ewd-ufaq-faq-body {  padding-left: 37px !important;} 


	


/*-------------------------------------------------------formulaire-----------------------------------------------------
.gform-theme--foundation .gform_fields {  row-gap: 20px !important;}

.gform_heading {margin-bottom: 20px !important}
.gform_required_legend {display: block; width: fit-content; padding: 0px 10px; background: var(--gris); font-size: 12px; font-style: italic}
.gfield_required_asterisk {font-size: 20px}

fieldset:not(.eligibilite, .rgpd) > .gform-field-label, .telephone  .gform-field-label, .message  .gform-field-label {font-family: "Oswald", sans-serif !important;  }
.eligibilite .gform-field-label, .rgpd .gform-field-label, .rgpd .gfield_consent_label {font-size: 15px !important; color: var(--noir) !important; font-weight: 400 !important}
.rgpd legend.gform-field-label {font-weight: 700 !important; color: var(--bleu) !important}
fieldset:not(.eligibilite, .rgpd)  {border-bottom: 1px dotted var(--bleu) !important; padding-bottom: 30px !important; position: relative }
fieldset:not(.eligibilite, .rgpd, .anniversaire):after  {content:""; display: block; width: 100%; height: 20px; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); position: absolute; bottom: -21px ;  }
fieldset.anniversaire  {border-bottom-width: 0px !important;}
.confirmation {border-top: 1px dotted var(--bleu) !important; padding-top: 30px !important; position: relative !important; font-weight: 700 !important }
.confirmation:before  {content:""; display: block; width: 100%; height: 20px; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); position: absolute; top: 0px ;  }

.gform-theme--foundation .gform_footer {justify-content: center !important}
.gform_button { font-size: 20px !important; line-height: auto; font-weight: 700 !important; padding: 15px 25px !important; text-transform: uppercase !important; width: fit-content !important; white-space: nowrap !important; font-family: "Oswald", sans-serif !important; border-radius: 0 !important }
.gform_button:hover { background: var(--bleu) !important; color: var(--orange) !important }

.nom legend:before, .adresse_residence legend:before, .pays legend:before, .email legend:before, .telephone label:before, .anniversaire legend:before,  .message label:before {  font-family: "Font Awesome 5 Free";  color: var(--orange);  display: inline-block; margin-right: 5px;   font-weight: 900;}
.nom legend:before{content: "\f2bd";  }
.adresse_residence legend:before {content: "\f3c5"; }
.pays legend:before {content: "\f024";  }
.email legend:before{content: "\40";  }
.telephone label:before {content: "\f095"; }
.anniversaire legend:before {content: "\f274"; }
.message label:before {content: "\f075"; } */


/*-----------------------------------------------------yarpp-------------------------------------------------------
.yarpp-thumbnail-default {position: relative !important; overflow: hidden !important; display: block !important; width: 150px !important; height: 150px !important; background: url(/wp-content/uploads/2025/05/picto_gocampus_blanc.svg) no-repeat center center #075b98 ; }
.yarpp-thumbnail-default img {display: none !important}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {  margin: 5px 5px 0 5px !important;}
.yarpp-related h3 { color:  #e16f31; text-transform: uppercase !important; padding-left: 5px !important}
.yarpp-related  { margin-bottom: 50px !important}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {  border: 0px !important;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {  display: block !important; text-align: center !important;  font-size: 12px !important; color: #075b98;  border-top: 1px solid #075b98;  padding-top: 5px; overflow: visible !important; margin-top: 2px !important; margin-left: 5px !important}
.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover .yarpp-thumbnail-title {  color:  #e16f31; border-top: 1px solid #e16f31;} */




/*-------------------------------------------------------footer-----------------------------------------------------*/


/*404*/
.grecaptcha-badge  {display: none}
/*hack block content*/
.content_block p {margin-bottom: 0 !important}


@media screen and (max-width: 1700px) {	
.has-child.tirets-avant:after, .has-child.tirets-apres:before  { width: 350px; }
#nav_office .wp-block-navigation-item:not(.wp-block-navigation__submenu-container .wp-block-navigation-item) { padding: 0 17px;  }
}

@media screen and (max-width: 1600px) {	
#banner_header .wp-block-cover__inner-container {padding-left: 120px}
.has-child.tirets-avant:after, .has-child.tirets-apres:before  { width: 300px; }
#nav_office .wp-block-navigation-item:not(.wp-block-navigation__submenu-container .wp-block-navigation-item) { padding: 0 15px;  }
#banner_header_hp .superblockslider__slide_inner {  max-width: 55%;}
}
	
@media screen and (max-width: 1500px) {	

.bande_hp_logo-nav .custom-logo-link {width: 200px}
.home #logo_header .wp-block-site-tagline, h1.hp_tagline {  bottom: -65px;  max-width: 200px;  font-size: 13px;  line-height: 16px;}
.bande_hp_logo-nav {  padding: 0 20px 0 30px;}
.has-child.vousetes::before {  left: 40px;}
#nav_office .wp-block-navigation-item:not(.wp-block-navigation__submenu-container .wp-block-navigation-item) { padding: 0 10px;  }
#banner_header, #banner_header_hp {  margin-left: 30px;}
#banner_header_hp .wp-block-superblockslider-slider {height: 500px !important}
#banner_header_hp .superblockslider__slide__overlay {  background-image: linear-gradient(90deg,rgba(7,91,152,1) 10%, rgba(7,91,152,0.7) 50%, rgba(7,91,152,0) 65%) !important;}
#banner_header_hp .superblockslider__slide__bg:after { height: 500px; }
#banner_header_hp .superblockslider__slide_inner {max-width: 60%; padding-left: 200px }
#banner_header_hp .superblockslider__slide__overlay {  box-shadow: inset 0 7px 0 #ffffff, inset 0 -7px 0 #ffffff; }
}

@media screen and (max-width: 1400px) {	
h1:not(h1.hp_tagline) {font-size: 40px; line-height: 46px; }
h2 {font-size: 32px; line-height: 38px; }
h3 {font-size: 24px; line-height: 28px;  }
h4 {font-size: 16px; line-height: 20px; }	

.has-child.tirets-avant:after, .has-child.tirets-apres:before  { width: 270px; }
.has-child.vousetes::before {  font-size: 11px;  top: -4px;  }
#nav_office .wp-block-navigation-item:not(.wp-block-navigation__submenu-container .wp-block-navigation-item) { font-size: 13px ;  }
#nav_office .wp-block-navigation__submenu-container {font-size: 16px}
#nav_office .wp-block-navigation .wp-block-navigation-item__content {line-height: 17px}
#banner_header_hp .superblockslider__slide_inner {max-width: 55%; }

#banner_header, #banner_header::before {min-height: unset !important; height: 400px; }

.filarianne { margin-left: 110px }

}

	
@media screen and (max-width: 1200px) {	
.entry-content li { text-align: left }	
	
#header-reseaux a:nth-child(2) {display: inline-block}
#header-reseaux a:nth-child(1) {display: none}
#header-reseaux {  padding: 0px 5px 0px 10px; }
	
#mysticky-wrap .wrapfixed { display: none}
	
.bande_hp_logo-nav {margin-top: -10px; padding-left: 20px}
#banner_header, #banner_header_hp {  margin-left: 20px;}
#banner_header_hp .superblockslider__slide__overlay, #banner_header .wp-block-cover__background {    background-image: linear-gradient(0deg,rgba(7,91,152,1) 10%, rgba(7,91,152,0.7) 30%, rgba(7,91,152,0) 50%) !important;  }
#banner_header_hp .superblockslider__slide_inner {    max-width: 100%;     }
#banner_header_hp .superblockslider__slide.is-vertical-center .superblockslider__slide_inner {  justify-content: flex-end; padding-bottom: 50px; padding-left: 100px; font-size: 16px}
#banner_header_hp .superblockslider__slide.is-vertical-center .superblockslider__slide_inner .wp-block-spacer {height: 10px !important }
#banner_header, #banner_header::before {min-height: unset !important; height: 350px; }
#banner_header .wp-block-cover__background {  box-shadow: inset 0 5px 0 #fff, inset 0 -5px 0 #fff;}
#banner_header .wp-block-cover__inner-container {    align-self: flex-end; margin-bottom:  50px; padding-left: 70px }
#banner_header .wp-block-cover__inner-container h1 {   max-width: 100% }

#logo_header .wp-block-site-tagline:not(.home #logo_header .wp-block-site-tagline)  {padding-left: 20px;  }	
#logo_header .wp-block-site-logo, #logo_header .wp-block-site-tagline {display: inline-block}
#logo_header  .wp-block-site-tagline {  position: relative; bottom: -8px;  max-width: unset; }

.filarianne { margin-left: 90px }
	
	
h1:not(h1.hp_tagline) {font-size: 36px; line-height: 42px; }
h2 {font-size: 28px; line-height: 34px; }
h3, h4 {font-size: 20px; line-height: 24px;  }

	
.colonnes2 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;  }
.colonnes3 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;  }
.colonnes4 {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;  }
.organisme-hp .colonnes2_notgrid .colonne:first-child {flex-basis: 33.3% !important }
.organisme-hp .colonnes2_notgrid .colonne:last-child {flex-basis: 66.6% !important }

	
.wp-block-button__link {padding : 10px 15px 10px 10px; font-size: 16px; line-height: 20px}

#hp_introduction .wp-block-column {  flex-grow: 1;}
#hp_introduction .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {    flex-basis: 100% !important;  }
#hp_introduction .wp-block-columns {flex-wrap: wrap !important;}
	
.logo_contrat_qualite img {width: 200px !important}

#contrat_qualite .wp-container-core-group-is-layout-10e0bbfb {  gap: 0rem !important; column-gap: 2rem !important}

}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.bascule_image {    display: flex !important;    flex-wrap: nowrap !important;    flex-direction: row !important;    align-items: stretch !important;}
.image_bascule {    display: flex !important;    flex-direction: column !important;    align-items: stretch !important;    height: 100% !important; }
.image_bascule > .wp-block-group-is-layout-constrained {    flex: 1 1 auto !important;    display: flex !important;    flex-direction: column !important; width: 300px}
.image_bascule img {    width: 100% !important;    height: 100% !important;    min-height: 100% !important;    object-fit: cover !important;    display: block !important;    border-top-right-radius: 0 !important;    border-bottom-left-radius: 20px !important;}
}

@media screen and (max-width: 1000px) {
.sep-xs {height: 10px !important}
.sep-s {height: 30px !important}
.sep-m {height: 30px !important}
.sep-l {height: 50px !important}
.sep-xl {height: 70px !important}

.organisme-hp .colonnes2_notgrid .colonne:first-child {flex-basis: 50% !important }
.organisme-hp .colonnes2_notgrid .colonne:last-child {flex-basis: 50% !important }
	
#banner_header .wp-block-cover__inner-container {   margin-bottom:  30px; padding-left: 50px }
.page-parent-header span {font-size: 13px; line-height: 16px; padding: 2px 5px}

	
.texte-2colonnes, .texte-3colonnes , .texte-4colonnes  {  column-count: 1;  column-width: auto;  column-gap: 0px;}
	
.wp-block-columns {  flex-wrap: wrap !important;}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {    flex-basis: 100% !important;  }

	
}

@media screen and (max-width: 800px) {
.fullscreen.has-beige-background-color {box-shadow: 200px 0 0 var(--beige), -200px 0 0 var(--beige);}
.fullscreen.has-orange-background-color {box-shadow: 200px 0 0 var(--orange), -200px 0 0 var(--orange);}
.fullscreen.has-bleu-background-color {box-shadow: 200px 0 0 var(--bleu), -200px 0 0 var(--bleu);}
	
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {  padding-right: 25px;  padding-left: 25px;  }
.colonnes2_notgrid {flex-wrap: wrap !important}
.organisme-hp .colonnes2_notgrid .colonne:first-child , .organisme-hp .colonnes2_notgrid .colonne:last-child {flex-basis: 100% !important }
.colonnes4, .colonnes5, .colonnes6 {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;  }
.organisme-hp .sep-m {display: none}
.organisme-hp .wp-block-image {margin-top: -15px !important}
.organisme-hp h2.has-text-align-left {text-align: center}
.organisme-hp .wp-block-buttons.is-content-justification-left {justify-content: center; margin-bottom: 30px}
	
#logo_header .wp-block-site-tagline {padding-left: 0px !important;  }
#banner_header {    margin-left: 0px;    margin-top: 30px !important;  }
#banner_header::before {  left: -40px;}
#banner_header .wp-block-cover__inner-container {    padding-left: 20px; padding-right: 20px }
	#banner_header .wp-block-cover__inner-container h1 {text-align: center}
.filarianne { margin-left: 40px }
	
}

@media screen and (max-width: 600px) {
body { text-align: left ; }
h2 {font-size: 24px; line-height: 30px; }
h3, h4 {font-size: 20px; line-height: 24px;  }
#logo_header {  width: 100%;  text-align: center; margin-top: 10px}
#logo_header .wp-block-site-tagline, .home #logo_header .wp-block-site-tagline, h1.hp_tagline {    bottom: -15px;    max-width: 100%;  position: relative; text-align: center   }
#banner_header, #banner_header_hp {    margin-left: 0px;    margin-top: 30px !important;  }
#banner_header_hp .superblockslider__slide__bg::after {  left: -180px;}
#banner_header_hp .superblockslider__slide.is-vertical-center .superblockslider__slide_inner {   padding-left: 25px;   padding-right: 25px;  }
#banner_header_hp .superblockslider__button__previous--icon svg {  margin-left: -25px;}
#banner_header_hp .wp-block-superblockslider-slider {height: 580px !important}
#banner_header_hp .superblockslider__slide__bg:after { height: 580px; }
#banner_header_hp .superblockslider__button svg {  height: 0.7rem;  width: 0.7rem;}
#banner_header_hp .superblockslider__button--active svg, #banner_header_hp .superblockslider__button:hover svg {  height: 1rem;  width: 1rem;}
#banner_header_hp .superblockslider__button {  min-width: 1.5rem;  width: 10px;}

.filarianne { margin-left: 20px }
	
.pastille_sommaire {  gap: 0rem 2rem !important;}
.bulle_sejour  {flex-basis: 140px !important; }
.bulle_sejour .bulle_icone img {width: 50px !important}
.bulle_sejour h5 {font-size : 13px; line-height: 16px}
	
}