/*
Theme Name: CHS Holding
Version: 1.0
Description: Thème
Author: Codeway
*/
*, *:before, *:after {
box-sizing: border-box;
}
/* Flex box grid */
.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:20px;padding-left:20px}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:20px;padding-left:20px}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:20px;padding-left:20px}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:82rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:20px;padding-left:20px}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 7, 2025 */
@font-face {
font-family: 'ciutadella_roundedmedium';
src: url('fonts/emtype_foundry_-_ciutadella_rounded_medium_regular-webfont.woff2') format('woff2'),
url('fonts/emtype_foundry_-_ciutadella_rounded_medium_regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ciutadella_rounded_regularRg';
src: url('fonts/emtype_foundry_-_ciutadella_rounded_regular_regular-webfont.woff2') format('woff2'),
url('fonts/emtype_foundry_-_ciutadella_rounded_regular_regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
html{
overflow-x:hidden;
}
body{
margin:0;
padding:0;
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 17px; line-height: 1.4em;
}
strong{
font-weight: 600;
}
.h1-c{
margin:70px 0;
}
.bg-gray{
background: #f4f4f4;
}
.bloc-intro-home{
padding-bottom: 40px;
}
h2,
.h2{
position: relative;
padding:0 0 35px;
margin:70px 0 35px;
}
h2:after,
.h2:after{
content:"";
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
width: 86px; height: 2px;
background-color: #00994c;
}
.alignleft h2:after,
.alignleft .h2:after{
left: 0;
transform: translate(0%,0);
}
h2.green{
color: #00994c;
margin: 40px 0 0;
padding:0;
text-transform: none;
}
h2.green:after{
display: none;
}
header{
background:#00994c;
}
header .retour-site{
display:none;
position: absolute;
top: 50%;left: 20px;
transform: translate(0,-50%);
padding:3px 10px 3px 24px;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
}
header .retour-site:after{
content: "";
position: absolute;
left: 4px;
top: 50%;
color: #fff;
transform: translateY(-50%) rotate(270deg);
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 5L5 12M12 5L19 12' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s ease;
}
.parent-pageid-23 .retour-site,
.page-id-23 .retour-site{
display: inline-block;
}
.menu-menu-top-container{
text-align: center;
}
header ul{
margin:0;
padding:0;
}
header ul a{
display: inline-block;
padding: 30px 14px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-family: 'ciutadella_roundedmedium';
}
header ul li.adherents a{
background-color: #000;
color: #fff;
padding-left: 27px;
padding-right: 27px;
}
header ul li svg{
position: absolute;
left: 16px;
top: 16px;
}
.menu-private{padding: 30px 10px;}
.menu-private ul{
margin:0;
padding:1px;
}
.menu-private ul a{
display: inline-block;
color: #000 !important;
text-decoration: none;
}
.menu-private ul a.current_page_item{
color: #00994c !important;
font-weight: bold;
}
.menu-private-bottom{
margin:0 -20px;
}
.menu-private-bottom .t{
position: relative;
padding:20px;color:#000 !important;
margin:20px 0 20px;
font-family: 'ciutadella_roundedmedium';
font-size: 20px;
}
.menu-private-bottom .t::after{
content: "";
position: absolute;
bottom: 0;
left: 20px;
transform: translate(0%,0);
width: 86px;
height: 2px;
background-color: #00994c;
}
.menu-private-bottom a:before{
content:"";
position: absolute;
left: 50%;
top:-1px;
transform: translate(-50%,0);
height: 2px; width: 90%;
background:url(img/dot.webp) repeat-x;
}
.menu-private-bottom li:first-child a:before{
display: none;
}
.menu-private-top .menu-menu-prive-container > ul > li > a:before{
content:"";
position: absolute;
left: 50%;
top:-1px;
transform: translate(-50%,0);
height: 2px; width: 90%;
background:url(img/dot-white.webp) repeat-x;
}
.menu-private-top .menu-menu-prive-container > ul > li:first-child > a:before{
display: none;
}
.menu-private-top a{
text-transform: uppercase;
}
h2{
font-family: 'ciutadella_rounded_regularRg';
font-size: 27px;
font-weight:normal;
text-transform: uppercase;
}
.simpleh2{
font-size: 27px; line-height: 1.1em;
font-weight:normal;
text-transform: none;
padding: 0;
}
.simpleh2:after{
display: none;
}
.relative{
position: relative;
}
.zindex2{
z-index: 2;
}
.container{
/*max-width: 1210px;*/
max-width: 1300px;
margin:0 auto;
padding:0 20px
}
img {
max-width: 100%;
height: auto;
display: block;
}
.img-top{
position: relative;
aspect-ratio: 1.5;
background-size:cover;
background-position: center right;
}
.single .img-top img{
/*width: 17vw;*/
width: 12vw;
}
.img-top img{
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
object-fit: cover;
}
.img-top .img-mini{
position: absolute;
left: 50%; top: 50%;
width: 20vw; height: auto;
transform: translate(-50%,-50%);
}
.bloc-rightcolor{
text-align: center;
color: #fff;
padding:40px 20px;
line-height: 2;
background-color: #0075C9;
}
.bloc-rightcolor{
display: flex;
aspect-ratio: 1.32;
align-items: center;
justify-content: center;
}
.bloc-rightcolor .t{
position: relative;
margin:0 0 20px 0;
padding:0 0 20px 0;
font-weight: 600;
font-size: 1.2em;
}
.bloc-rightcolor .t:after{
content:'';
height: 2px; width: 80px;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
}
@media \0screen {img { width: auto !important }}
.menumobile-items-c{
display: none;
}
.menu-desktop{
display: none;
}
main ul{
list-style: none;
padding-left: 0;
}
main ul li {
position: relative;
padding-left: 30px;
margin-bottom: 8px;
}
main ul li::after {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
background-color: #00994c;
/* mask (Chrome/Firefox) */
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
/* WebKit (Safari) */
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
background-size: 16px;
background-repeat: no-repeat;
}
main ul.social-footer li:after{
display: none;
}
.menumobile{
display: none;
}
.single .img-top{
margin: 0 0 70px;
}
h1{
font-family: 'ciutadella_roundedmedium';
font-size: 27px;
text-transform: uppercase;
padding: 0 0 16px;
margin:20px 0 40px;
font-weight: normal;
}
.single h1{
position: relative;
margin: 20px 0 0;
}
.single h1:after{
content:'';
position: absolute;
left: 0; top: 100%;
height: 2px; width: 100px;
background: #039ADD;
}
body.single .h2,
body.page-template-page-club-clubs-herve .h2{
position: relative;
padding: 0 0 18px;
margin:26px 0;
}
body.single .h2:after{
content:'';
position: absolute;
left: 0; top: 100%;
transform: none;
height: 2px; width: 100px;
background: #039ADD;
}
body.single-correspondant .h2:after{
background: #00994c;
}
body.single .h3,
body.page-template-page-club-clubs-herve .h3{
position: relative;
padding: 0 0 12px;
margin:0 0 16px 0;
}
body.single .h3:after{
content:'';
position: absolute;
left: 0; top: 100%;
height: 2px; width: 40px;
background: #039ADD;
}
body.single-correspondant .h3:after{
background: #00994c;
}
.content-corresp{
padding-top: 16px;
}
.single h1 .c{
color: #039ADD;
}
.single .img-single{
margin:0 0 50px 0;
max-width: calc(50% - 30px);
display: inline;
}
.single .img-single.is1{
float: left;
}
.single .img-single.is2{
float: right;
}
.bloctop{
padding-bottom: 20px;
}
.bloc-contact{
font-size: 15px;
}
.bloc-contact p{
margin-bottom: 0;
}
.bloc-contact a{
text-decoration: none !important;
color: #000 !important;
}
.email svg{
display: inline;
width: 20px;
}
.phone svg{
display: inline;
width: 20px;
}
.button{
display: inline-block;
padding:5px 12px;
border: 1px solid #000;
color: #000 !important;
text-decoration: none !important;
transition: all 0.2s;
}
.button.disabled{
opacity: 0.2;
pointer-events: none;
}
.button.big{
font-size: 1.2em;
}
.button:hover{
background-color: #000 !important;
color: #fff !important;
}
.button:hover svg polygon{
fill:#fff !important;
}
.galerie-items{
display: flex;
flex-wrap: wrap;
gap: 30px;
margin:0 0 70px 0;
}
.galerie-items .item{
position: relative;
background-size: cover;
aspect-ratio: 1;
text-align: center;
width: 100%;
flex: 0 0 calc(50% - 15px); /* 25% moins le gap fractionné */
max-width: 50%; /* limite à 25% pour 4 colonnes */
align-content:center;
font-size: 14px;
background-position: center;
padding:0 2%;
}
.galerie-items .item.img{
color: #fff;
}
.galerie-items .item.img:after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0,0,0,0); /* overlay transparent par défaut */
transition: background-color 0.3s ease;
pointer-events: none; /* laisse le texte cliquable */
}
.galerie-items .item:hover:after {
background-color: rgba(0,0,0,0.7); /* overlay noir semi-transparent */
}
.galerie-items .item.img .t{
position: relative;
z-index: 100;
opacity: 0;
transition: all 0.3s ease;
pointer-events: none;
}
.galerie-items .item.img:hover .t{
opacity: 1;
}
.galerie-items .item.date{
background:#f1f0f0;
}
.galerie-items .item i{
font-style: normal;
display: block;
color: #00994c;
font-size: 2em;
margin: 12px 0;
font-family: 'ciutadella_roundedmedium';
}
.img-flag{
float: right;
max-width: 100px;
}
.single-correspondant h1 span{
display: inline-block;
opacity: .8;
margin:5px 0;
font-size: .86em;
}
.single-correspondant h1::after {
background: #00994c;
}
.bulletin{
padding-bottom: 40px;
}
.desktoponly{
display: none;
}
.desktoponlyinline{
display: none;
}
.backtolist{
position: relative;
display: inline-block;
background-color: #00994c;
color: #fff;
text-decoration: none;
padding:12px 20px 12px 50px;
text-transform: uppercase;
vertical-align: middle;
margin-right: 40px;
white-space: nowrap;
}
.backtolist:after{
position: absolute;
content: "";
height: 100%;width: 1px;
background-color: #000;
right: -20px;top: 0;
}
.backtolist svg{
position: absolute;
width: 30px;
left: 12px;
top: 9px;
}
.listing ul{
margin: 0;
}
.listing ul li{
padding:0;
margin:0;
}
.listing ul li:after{
display: none !important;
}
main ul li:before{
display: none;
}
.page-template-page-historique .col-right{
padding-top:42px;
}
.page-template-page-historique .b.index1{
display: inline-block;
width: calc(50% - 20px);
aspect-ratio: 1;
aspect-ratio: 1.4;
margin-right:40px
}
.page-template-page-historique .b.index2{
display: inline-block;
width: calc(50% - 20px);
aspect-ratio: 1.4;
}
.page-template-page-historique .b.index1 img,
.page-template-page-historique .b.index2 img{
object-fit: cover;
height: 100%;
}
.page-template-page-historique .services{
padding:100px 0;
}
.organigramme-c{
display: inline-block;
border:1px solid #000;
width: 100%;
}
.cinquanteans{
padding:70px 0;
}
.relative{
position: relative;
}
.justify{
text-align: justify;
}
.submenu-specifs a{
text-transform: none !important;
}
.menu-desktop ul li ul.submenu-specifs li a span,
.menu-mobile ul li ul.submenu-specifs li a span{
text-transform: uppercase;
}
.margin-bottom-70{
margin-bottom: 40px;
}
.margin-bottom-40{
margin-bottom: 20px;
}
.encartrightclubprivate{
display:inline-block;
border:1px solid #000;
align-content:center;
text-align:left !important;
height: 100%;
padding: 20px;
width:100%;
text-decoration:none !important;
color: #000 !important;
}
.encartrightclubprivate .b{
position: relative;
}
.encartrightclubprivate svg{
position: absolute;
right:0; bottom: 5px;
width: 25px;
}
.slider-home .slick-track {
transition-timing-function: linear !important;
}
.menu-desktop .nav-menu-header a.on,
.menu-desktop .nav-menu-header > li.current_page_item a,
.menu-desktop .nav-menu-header > li.current-page-ancestor a{
position: relative;
color: #000;
}
.menu-desktop .nav-menu-header > li:hover > a{color: #000 !important;}
.menu-desktop .nav-menu-header a.on:after,
.menu-desktop .nav-menu-header > li.current_page_item > a:after,
.menu-desktop .nav-menu-header > li.current-page-ancestor > a:after{
position: absolute;
left: 50%; bottom: 20px;
content: "";
width: 50%;
height: 3px;
background-color: #000;
transform: translate(-50%,0);
}
.menu-desktop .nav-menu-header a.hasChilds:not(.childOnlyDesktop),
.menu-desktop .nav-menu-header li.menu-item-has-children > a:not(.childOnlyDesktop){
pointer-events: none;
}
.menu-desktop .nav-menu-header li.adherents a{
color: #fff !important;
}
.menu-desktop .nav-menu-header li.correspondants ul{
display: none !important;
}
.margintop0{
margin-top: 0;
}
header{
position: fixed;
top: 0;
background: #00994c;
height: 80px; width: 100%;
z-index: 200;
}
header .logotop{
float: left;
margin-top: 31px;
margin-left: 27px;
}
.parent-pageid-23 .logotop,
.page-id-23 .logotop{
float: right;
margin-top: 31px;
margin-right: 20px;
}
header .logotop svg{
width:150px;
}
.files-c{
margin-bottom: 70px;
}
.files-c .file{
background-color: #f4f4f4;
margin:20px 0;
}
.files-c .file .t{
display: block;
font-size: .8em;
line-height: 1.2em;
font-family: 'ciutadella_roundedmedium';
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.files-c .file .date{
display: block;
font-size: .8em;
color:#6f707b;
font-family: 'ciutadella_rounded_regularRg';
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.files-c .file{
display: flex;
align-items: center;
}
.files-c .file .c1{
padding:10px;
}
.files-c .file .c2{
padding:10px; flex: 1 1 auto; min-width: 0;
}
.files-c .file .c3{
padding:10px; min-width: 48px;
flex: 0 0 50px;
width: 50px;
}
.menudownload{
position: relative;
width: 100%;max-width:28px;height: 30px;
background-color: transparent;
cursor: pointer;
transition: all 0.2s;
}
.menudownload.specif{
position: absolute;
top: 17px;right: 17px;
}
.menudownload:hover{
background-color: #e5e5e5;
}
.menudownload i{
transform:translate(0,-50%);
}
.menudownload i:nth-child(1){
position: absolute;
width: 4px;height: 4px;
top: 50%; left: 6px;
background-color: #000;
}
.menudownload i:nth-child(2){
position: absolute;
width: 4px;height: 4px;
top: 50%; left: 12px;
background-color: #000;
}
.menudownload i:nth-child(3){
position: absolute;
width: 4px;height: 4px;
top: 50%; left: 18px;
background-color: #000;
}
.submenudownload{
position: absolute;
top: 100%;left: 0;
margin:10px 0 10px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
box-shadow: 0px 0px 2px rgba(0,0,0,.1);
z-index: 50;
display: none;
}
.submenudownload a{
position: relative;
display: block;
text-decoration: none !important;
color:#000;
background: #fafafa;
padding:8px 20px;
}
.submenudownload a:hover{
background-color: #f4f4f4;
}
.submenudownload a:after{
content:"";
position: absolute;
left: 50%;
top:-1px;
transform: translate(-50%,0);
height: 2px; width: 90%;
background:url(img/dot.webp) repeat-x;
}
.submenudownload a:first-child:after{
display: none;
}
.menudownload.show .submenudownload{
display: block;
}
.center-all{
text-align: center !important;
}
@media (min-width: 64em) {
.mobileonly{
display: none;
}
.desktoponly{
display: block;
}
.desktoponlyinline{
display: inline-block;
}
.img-top{
aspect-ratio: 4;
background-position: center center;
}
.galerie-items .item i{
font-size: 35px;
}
.galerie-items .item{
font-size: 17px;
}
.galerie-items .item{
background-size: cover;
flex: 0 0 calc(25% - 23px); /* 25% moins le gap fractionné */
max-width: 25%; /* limite à 25% pour 4 colonnes */
aspect-ratio: 1;
text-align: center;
}
.galerie-items .col-specif-cwfive{
flex: 0 0 20%;
max-width: calc(20% - 24px);
}
.margin-bottom-70{
margin-bottom: 70px;
}
.margin-bottom-40{
margin-bottom: 40px;
}
.margintop0onlydesktop{
margin-top: 0;
}
}
@media (min-width: 1190px) {
header .retour-site{
display: none !important;
}
header{
position: fixed;
width: 100%;
top: 0;left:0;
z-index: 900;
height: auto;
}
#primary{
padding-top:80px;
}
/*
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9{
padding-right: 20px;
padding-left: 20px;
}
*/
footer .col-actus{
padding-left:40px;
}
.menu-desktop{
display: block;
}
.menumobile-items-c{
display: none;
}
.menu-desktop ul li{
list-style: none;
display: inline-block;
}
.menu-desktop ul li a{
color:#fff;
}
header ul li.adherents{
float: right;
}
header .logotop{
float: left !important;
margin-top: 31px;
margin-left: 27px;
}
header .logotop svg{
width:150px;
}
.menu-desktop ul li{
position: relative;
}
.menu-desktop ul li ul {
display: none;
position: absolute;
top: 100%; left: 0;
min-width: 100%;
border-bottom:1px solid rgba(0,0,0,.3);
}
.menu-desktop ul li:hover ul {
display: block;
}
.menu-desktop ul li ul li{
display: block;
text-align: left;
background-color: #fff;
border-right:1px solid rgba(0,0,0,.3);
border-left:1px solid rgba(0,0,0,.3);
}
.menu-desktop ul li ul li a{
position: relative;
display: block;
padding: 14px 20px 14px 45px;
color: #000;
white-space: nowrap;
text-transform: none;
}
.menu-desktop ul li ul.sub-menu li a{
padding: 14px 20px 14px 20px;
}
.menu-desktop ul li ul li a:hover{
background-color: #f4f4f4;
}
.menu-desktop ul li ul li a:after{
content:"";
position: absolute;
left: 50%;
top:-1px;
transform: translate(-50%,0);
height: 2px; width: 90%;
background:url(img/dot.webp) repeat-x;
}
.menu-desktop ul li ul li:first-child a:after{
display: none;
}
.menu-desktop ul li ul li:first-child{
margin-top:20px;
border-top:1px solid rgba(0,0,0,.3);
}
}
@media (min-width: 1500px) {
header ul a{
font-size: 18px;
}
}
@media (min-width: 2000px) {
.menuleft{
display: block;
position: absolute;
right: 100%;
margin-right: 40px;
padding-top: 20px;
}
}