html {
font-size: 16px;
}
:root { --default-color: #0158A2;
--secondary-color: #00A2BF;
--color-titre: #222; --title-font: "articulat-cf", sans-serif;
--content-font: "articulat-cf", sans-serif; --h1-size: 4rem;
--h2-size: 3rem;
--h3-size: 1.8rem;
--h4-size: 2rem;
--h5-size: 1.75rem;
--h6-size: 1.4rem; --title-line-height: 1.2; --title-spacing: clamp(1rem, 2vw, 2rem);
--bloc-title-spacing: clamp(0.2rem, 1vw, 1rem); --title-weight-gras: 900;
--title-weight-medium: 700;
--title-weight-light: 400; --title-line-height: 1.2;
} body {
font-family: var(--title-font);
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--title-font);
font-style: normal;
display: flow-root;
}
h1 {
font-weight: var(--title-weight-gras);
font-size: clamp(1.9em, 4vw, var(--h1-size));
margin-bottom: var(--title-spacing);
padding-bottom: 0;
}
h2 {
font-weight: var(--title-weight-medium);
font-size: clamp(1.3em, 3vw, var(--h2-size));
margin: 40px 0 15px 0;
}
h3 {
font-weight: var(--title-weight-gras);
font-size: clamp(1.3em, 3vw, var(--h3-size));
margin: 20px 0 10px 0;
}
h4 {
font-weight: 600;
font-size: clamp(1.3em, 3vw, var(--h4-size));
}
h5 {
font-weight: 500;
font-size: clamp(1.3em, 3vw, var(--h5-size));
}
h6 {
font-weight: 700;
font-size: clamp(1.3em, 3vw, var(--h6-size));
} @media (min-width: 75em) {
:root {
--title-spacing: 2rem;
}
} @media (max-width: 74.9375em) {
:root {
--title-spacing: 1.5rem;
}
} @media (max-width: 47.9375em) {
:root {
--title-spacing: 1rem;
}
} .et_pb_title_container h1 {
font-size: clamp(2.6em, 4vw, var(--h1-size));
} #main-content ul,
#main-content ol {
margin: 10px 0 0 20px;
line-height: 1.2em;
padding-bottom: 1px;
}
#main-content ul li,
#main-content ol li {
margin: 0 0 10px 0;
}
a,
.acces-direct {
color: inherit;
text-decoration: none;
transition: color 300ms ease-in-out;
}
a:hover,
.acces-direct:hover {
color: var(--default-color);
} blockquote {
border-left: 5px solid #dedede !important;
font-size: 25px;
line-height: 1.3em;
font-family: "baskerville-display-pt", serif;
font-weight: 700;
font-style: normal;
margin-bottom: 60px;
color: #000;
} .abt-posts-categorie-more a {
color: white;
display: inline-block;
background: var(--color-titre);
border-radius: 4px;
margin-top: 15px;
padding: 0px 10px;
font-size: 11px;
text-transform: uppercase;
font-weight: 800;
}
.abt-posts-categorie-more a:hover {
background: var(--default-color);
} a:focus-visible,
article:focus-visible,
.dgbc_post_inner_wrapper:focus-visible {
border: 3px solid var(--default-color) !important;
}
.skip-link {
position: absolute;
top: -100px;
left: 0;
padding: 8px;
background: #000;
color: #fff;
z-index: 100000;
}
.skip-link:focus {
top: 0;
} .titre-bloc h2 {
font-weight: var(--title-weight-gras);
font-size: 70px;
} .titre-bloc.special h2 {
font-size: 50px;
width: fit-content;
line-height: 1.3em;
margin-left: 30px;
}
.titre-bloc.special h2 span {
font-size: 120px;
display: block;
text-transform: uppercase;
color: #ccc;
margin-left: -30px;
}
@media only screen and (max-width:679px) {
.titre-bloc.special h2 {
font-size: 40px;
width: fit-content;
line-height: 1.3em;
margin-left: 20px;
}
.titre-bloc.special h2 span {
font-size: 70px;
margin-left: -18px;
}
}  #flash-texte {
padding-top: 7px;
color: #fff;
font-size: 12px;
font-weight: 600;
height: 42px;
}
#flash-texte::after {
padding-top: 7px;
font-family: var(--title-font);
font-weight: 900;
font-size: 18px;
content: "FLASH INFO";
position: absolute;
right: -120px;
top: 0;
background: url(//le-pouget.com/wp-content/themes/divi-child/images/ombre-flash-infos.png);
background-position: left;
background-repeat: no-repeat;
width: 220px;
height: 42px;
text-align: right;
color: #fff;
}   #nav-content .et_pb_menu__logo {
overflow: hidden;
position: absolute;
max-width: 165px;
top: -6px;
}
#primary-nav {
padding: 17px 0;
}
#menu-principal .et_pb_menu__logo img {
display: block;
width: 110px;
position: absolute;
top: 0;
}
#menu-principal:after {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/after-logo.svg);
position: absolute;
left: -102px;
top: 20px;
width: 450px;
z-index: -1;  }
#menu-principal li {
font-family: "articulat-cf", sans-serif;
font-weight: 800;
font-style: normal;
align-items: center;
}
#menu-principal li a {
color: black;
}
#menu-principal li a:hover {
color: var(--default-color);
}
#menu-principal li ul li a {
text-transform: unset;
font-size: 15px;
font-weight: 400;
width: 100%;
} #menu-principal.nav li ul {
width: 360px;
}
#menu-principal.nav li li {
line-height: 1.3em;
padding: 6px 20px 5px 20px;
border-bottom: 1px solid #ededed;
}
#menu-principal.nav li li:last-child {
border-bottom: none;
}
#menu-principal.nav li li:after {
display: none;
}
#menu-principal ul.sub-menu li {
width: 100%;
}
#menu-principal .nav li li ul {
left: 310px;
}
#menu-principal .et_mobile_menu li a:hover,
.nav ul li a:hover {
background-color: unset;
color: var(--default-color) !important;
opacity: 1;
} #menu-principal > li:after {
width: 1px;
height: 24px;
content: "";
background-color: black;
margin-top: 0;
margin-left: 20px;
}
#menu-principal li:first-child:after {
margin-left: 20px;
}
#menu-principal li:last-child:after {
display: none;
}
#menu-principal .menu-item-has-children>a:first-child:after {
content: "" !important;
}
#menu-principal .pdg2r0 a {
padding-right: 20px !important;
} .has_et_pb_sticky #menu-principal:after {
left: -116px;
top: -46px;
}
.has_et_pb_sticky #menu-principal.home .et_pb_menu__logo img {
display: block;
width: 69px;
position: absolute;
top: 3px;
}
.has_et_pb_sticky #menu-principal li a {
font-size: clamp(1.1em, 0.7vw, 30px);
} .tourisme-link a {
border: 2px solid var(--default-color);
border-radius: 30px;
color: var(--default-color) !important;
height: 40px;
padding: 0 40px !important;
margin-top: 0;
}
#menu-principal.et_pb_bg_layout_dark.et_pb_menu ul li a {
color: #000;
} #nav-content .et_mobile_menu .menu-item-has-children>a {
font-weight: 700;
background-color: unset;
}
#nav-content .et_mobile_menu li a {
border-bottom: 1px solid rgba(0, 0, 0, .07);
color: #000;
padding: 10px 5%;
font-weight: 700;
}
#nav-content .et_mobile_menu li a {
font-size: 1em;
}
#nav-content .et_mobile_menu li li {
padding-left: 0%;
font-size: 1em;
text-transform: unset;
}
#nav-content .et_mobile_menu li li a {
font-size: 1em !important;
text-transform: unset !important;
font-weight: 400;
}
#nav-content .et_pb_menu .et_mobile_menu li ul {
padding-left: 0;
}
#nav-content .et_mobile_nav_menu::before {
content: "MENU";
color: var(--default-color);
padding-right: 10px;
padding-top: 2px;
font-weight: 900;
font-size: 20px;
}
#nav-content .et_mobile_nav_menu .tourisme-link>a {
border: none;
background-color: var(--default-color);
color: #fff !important;
height: unset;
border-radius: unset;
padding: 20px 30px;
} #nav-content .has_et_pb_sticky #menu-principal:after {
left: -64px;
top: 30px;
width: 340px;
}
#nav-content .has_et_pb_sticky .et_pb_menu__logo {
overflow: hidden;
position: absolute;
max-width: 120px;
top: 3px;
}
#nav-content .has_et_pb_sticky .et_mobile_nav_menu::before {
color: #000;
}
#menu-principal .et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__logo {
width: 190px;
top: -13px;
} #menu-principal.menu-content .et_pb_menu__logo {
top: -62px;
width: 106px;
height: 130px;
} #menu-principal.menu-content .has_et_pb_sticky .et_pb_menu__logo {
max-width: 100px;
}
#menu-principal.menu-content .et_pb_menu__logo img {
width: 110px; }
#menu-principal.menu-content:after {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/after-logo.svg);
position: absolute;
left: -54px;
top: 10px;
width: 280px;
z-index: -1;
}
#pop-search-icon {
position: absolute;
top: 4px;
right: 140px;
width: 22px;
z-index: 2;
}
@media only screen and (max-width:980px) {} .et-menu-nav li.mega-menu li>a {
width: 100% !important;
}  #slider-home .et_pb_slides .et_pb_slider_container_inner {
display: table-cell;
width: 100%;
vertical-align: baseline;
} #slider-home p {
font-size: 30px;
text-shadow: 1px 1px 2px black;
line-height: 1.3em;
} #slider-home h2 {
font-size: 70px;
text-shadow: 1px 1px 2px black;
margin-top: 20px;
} #bloc-recherche .et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
padding: 20vh 8%;
width: auto;
margin: auto;
} #rechercher {
position: absolute;
z-index: 2;
top: 490px;
padding-top: 0;
pointer-events: none;
}
#bloc-recherche {
margin-top: auto;
}
#bloc-recherche::before {
content: " ";
background-color: rgb(83, 83, 83);
-webkit-mask-image: url(//le-pouget.com/wp-content/themes/divi-child/images/loupe.svg);
mask-image: url(//le-pouget.com/wp-content/themes/divi-child/images/loupe.svg);
width: 20px;
height: 20px;
position: absolute;
z-index: 1;
right: 20px;
top: 19px;
pointer-events: none;
}
#bloc-recherche form {
pointer-events: auto;
}
@media only screen and (max-width:980px) {
#bloc-recherche {
width: 80%;
}
#pop-search #bloc-recherche {
margin-top: 0;
width: 100%;
} #slider-home.et_pb_slider_0 {
min-height: 80vh;
height: 80vh;
}
}
@media only screen and (max-width:660px) { #slider-home p {
font-size: 20px;
text-shadow: 1px 1px 2px black;
line-height: 1.3em;
} #slider-home h2 {
font-size: 40px;
text-shadow: 1px 1px 2px black;
margin-top: 20px;
}
.titre-bloc.special h2 span {
font-size: 97px;
}
}
@media only screen and (max-width:479px) {
#slider-home .et_pb_slides .et_pb_slider_container_inner {
vertical-align: baseline;
}
#bloc-recherche .et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
padding: 17vh 8%;
width: auto;
margin: auto;
}
#bloc-recherche {
margin-top: 0;
width: 80%;
}
#rechercher {
top: 310px;
}
#slider-home.et_pb_slider_0 {
height: 80vh;
} #bloc-recherche input::placeholder,
#bloc-recherche .et_pb_searchsubmit {
font-size: 14px !important;
}
} .multicol {
column-width: 100px;
columns: 2 100px;
column-gap: 3rem;
}
.multicol li {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; } .dgbc_blog_carousel .swiper-button-next:after,
.dgbc_blog_carousel .swiper-button-prev:after {
border: 2px solid var(--default-color);
border-radius: 100%;
}
.lien-voir h3 {
font-size: 19px;
margin-bottom: 1.75% !important;
font-weight: var(--title-weight-gras);
}
.lien-voir a:after {
content: " ";
background-color: black;
-webkit-mask-image: url(//le-pouget.com/wp-content/themes/divi-child/images/arrow-read-more.svg);
mask-image: url(//le-pouget.com/wp-content/themes/divi-child/images/arrow-read-more.svg);
display: inline-block;
width: 24px;
height: 17px;
margin: 0 0 0 6px;
position: absolute;
top: 5px;
}
.lien-voir.light a:after {
content: " ";
background-color: white;
-webkit-mask-image: url(//le-pouget.com/wp-content/themes/divi-child/images/arrow-read-more.svg);
mask-image: url(//le-pouget.com/wp-content/themes/divi-child/images/arrow-read-more.svg);
display: inline-block;
width: 24px;
height: 17px;
margin: 0 0 0 6px;
position: absolute;
top: 5px;
}
.lien-voir a:hover:after {
background-color: var(--default-color);
}
.lien-voir.light a:hover:after {
background-color: var(--secondary-color);
}
.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb img {
object-fit: cover;
aspect-ratio: 1080/675;
}
@media only screen and (max-width:980px) {
.dgbc_blog_carousel .swiper-button-next:after,
.dgbc_blog_carousel .swiper-button-prev:after {
border: none;
border-radius: unset;
background-color: #FFF;
}
} .publi-titre h1 {
color: #fff !important;
mix-blend-mode: difference !important;
}
.publi-auteur::before {
content: "Publié par :";
margin-right: 6px;
} .bg-post .et_parallax_bg {
filter: blur(3.5rem);
opacity: 0.7;
background-position: center;
} .btn-pub {
display: flex;
flex-wrap: wrap; }
.btn-pub a {
color: white !important;
border: 2px solid white;
border-radius: 5px;
flex-direction: row;
text-align: center;
margin-left: 9px;
font-size: 11px;
padding: 0 3%;
}
.btn-pub a:hover {
color: var(--default-color) !important;
border: 2px solid var(--default-color);
}
.btn-pub a:first-child {
margin-left: 0;
} .dgbc_blog_carousel_1.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb img {
border-style: solid;
aspect-ratio: 21 / 29.7;
object-fit: cover;
} #calendar .calContent {
margin: 0 auto;
}
#acf-publication-texte * {
color: #fff !important;
} #voir-egalement .dg-post-thumb a img {
aspect-ratio: 8.27/11.67; object-fit: cover;
margin-bottom: 10px;
} #carousel-agenda.bg-feuille {
background-image: url(//le-pouget.com/wp-content/themes/divi-child/images/favicon-pouget.svg);
background-position: -10px 93px;
background-size: 1236px;
} #map-tarn path,
#map-tarn polygon {
transition: .6s fill;
}
#map-tarn path:hover,
#map-tarn polygon:hover {
fill: var(--default-color) !important;
}
#map-tarn path.active,
#map-tarn polygon.active {
fill: var(--default-color) !important;
}
#link-svg {
list-style: none;
margin: 0 !important;
padding: 0;
font-weight: 300;
}
#link-svg li a {
color: black;
}
#link-svg li a:hover {
color: var(--default-color);
font-weight: bold;
}
#link-svg li a.active {
color: var(--default-color);
font-weight: bold;
}  #page-organisation #directory .dirList .fichette .card-img img {
max-height: 200px;
margin-bottom: 0 !important;
margin-right: 30px !important;
}
#page-organisation #directory .dirList .fichette .card-img img {
width: auto;
height: auto;
margin-bottom: 29px;
}
#page-organisation>#directoryFilter {
display: flex;
align-items: flex-start;
row-gap: 10px;
column-gap: 2em;
flex-direction: row;
justify-content: flex-end;
margin-bottom: 10px;
}
.dirList p {
margin-top: 40px;
font-size: 15px;
text-align: left;
border-bottom: 1px solid #ebebeb;
padding: 23px 0;
margin-top: 10px;
text-transform: uppercase;
font-weight: bold;
color: var(--default-color);
}
.fichette {
display: flex;
margin-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dfdfdf;
}
.fichette H4 {
font-weight: 900;
font-size: 1.3rem;
}
.fichette H4.titleEvent {
font-size: 26px;
}
.more_fichette {
padding: 5px 10px;
background-color: var(--secondary-color);
color: #FFF !important;
margin-top: 15px;
font-size: 14px;
display: inline-block;
border-radius: 5px;
}
.infoTitle {
font-weight: bold;
} .orgContactsListe .fichette {
width: auto;
}
.orgContactsListe .fichette .card-img {
width: 20% !important;
margin-right: 4%;
} #directoryFilter {
display: flex;
align-items: flex-start;
row-gap: 10px;
column-gap: 2em;
flex-direction: row;
justify-content: flex-end;
margin-bottom: 10px;
font-size: 14px;
}
input.search_filter_org {
margin: 20px 0;
padding: 0 10px;
width: 100%;
height: 49px;
border: 1px solid #aaa;
background-color: #fff;
font-size: 14px;
}
#directoryFilter .EnteteFiltre {
background-color: var(--secondary-color);
padding: 20px 20px 9px 20px;
margin-top: 4px;
}
.chosen-container {
display: flex;
flex: 2 1 auto;
}
.chosen-container .chosen-results li.highlighted {
background: unset;
color: #000;
font-size: 14px;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #000;
cursor: default;
text-decoration: line-through;
font-size: 14px;
}
.chosen-container-multi ul.chosen-choices {
position: relative;
overflow: hidden;
margin: 5px 0 0 0 !important;
padding: 14px 10px 3px 10px !important;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: unset !important;
line-height: 2em !important;
cursor: text;
}
.filterButtonWrap button {
width: 200px;
height: 55px;
margin: 5px 0 0 0;
background-color: unset;
border: 2px solid #000000;
border-radius: 5px;
font-size: 14px;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #6e6e6e;
font-size: 14px;
font-family: unset;
line-height: normal;
border-radius: 0;
}
.dirList H5 {
background: #000;
color: #fff;
padding: 10px;
width: fit-content;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
} #categorie-page .et_pb_image_container {
margin: -20px 0px 20px;
}
#categorie-page .et_pb_blog_grid .et_pb_post {
padding: 0;
}
#categorie-page .et_pb_post {
margin: 0;
} .et-blog-css-grid>div {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
} .et-blog-css-grid .et_pb_post {
align-self: start;
padding: 15px;
} .et-blog-css-grid>div>div {
width: 100%;
position: absolute;
bottom: 0;
transform: translate(0%, 150%);
} .et-blog-css-grid .entry-featured-image-url {
padding-top: 56.25%;
}
.et-blog-css-grid .entry-featured-image-url img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
object-fit: cover;
}
.et-blog-css-grid h2 {
font-size: 1em;
;
} a.more-link {
font-size: 14px;
font-weight: bold;
border: 2px solid var(--default-color);
border-radius: 5px;
padding: 0px 20px;
margin-top: 20px;
display: inline-block;
}
a.more-link:hover {
color: white;
background-color: var(--default-color);
} #showsubcat h3 {
margin-bottom: 30px;
}
.abt-posts-categorie-content {
max-height: 74px;
overflow: hidden;
line-height: 1.4em;
font-size: 13px;
}
.abt-titre-categorie {
margin-bottom: 70px;
}
.abt-desc-categorie {
margin-bottom: 80px;
line-height:1.4em;
}
.abt-image-categorie { max-width: 50%;
float: left;
margin: 0 50px 50px 0;
} .abt-sous-categorie-image {
min-height: 200px;
text-align: center;
}
.abt-Categorie-liste-souscat,
.abt-Categorie-liste-article {
display: flex;
flex-wrap: wrap;
gap: 3.75%;
}
.abt-Categorie-liste-souscat .abt-sous-categorie,
.abt-Categorie-liste-article .abt-posts-categorie { flex: 0 0 22%;
margin-right: 0;
margin-bottom: 4%;
}
.abt-sous-categorie-image img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.abt-sous-categorie h3 {
font-size: 20px;
} #showsubcat h4,
#showcatpost h4 {
font-size: 20px;
border-bottom: 1px solid #000;
text-transform: uppercase;
margin-bottom: 30px;
font-weight: 900;
}
#showsubcat {
display: none;
}
#showsubcat:has(img, h3) {
display: block;
}
#showcatpost {
display: none;
}
#showcatpost:has(img, h3) {
display: block;
}
@media only screen and (max-width:1920px) {
.abt-sous-categorie h3 {
font-size: 1.1vw;
}
}
@media only screen and (max-width:1440px) {
.abt-Categorie-liste-souscat,
.abt-Categorie-liste-article {
display: flex;
flex-wrap: wrap;
gap: 5.33%;
}
.abt-Categorie-liste-souscat .abt-sous-categorie,
.abt-Categorie-liste-article .abt-posts-categorie { flex: 0 0 29.75%;
}
.abt-sous-categorie h3 {
font-size: 1.6vw;
}
#column-acces-direct #acces-direct-content .acces-direct-item .et_pb_blurb_container h4 {
font-size: 0.9vw;
}
}
@media only screen and (max-width:1260px) {
#column-acces-direct #acces-direct-content .acces-direct-item .et_pb_main_blurb_image {
display: none;
}
}
@media only screen and (max-width:980px) {
.abt-Categorie-liste-souscat,
.abt-Categorie-liste-article {
gap: 6%;
}
.abt-Categorie-liste-souscat .abt-sous-categorie,
.abt-Categorie-liste-article .abt-posts-categorie {
flex: 0 0 47%;
}
.abt-sous-categorie h3 {
font-size: 2.4vw;
} #voir-egalement .swiper-button-prev,
#voir-egalement .swiper-button-next {
display: none
}
}
@media only screen and (max-width:640px) {
.abt-Categorie-liste-souscat,
.abt-Categorie-liste-article {
gap: unset;
}
.abt-Categorie-liste-souscat .abt-sous-categorie,
.abt-Categorie-liste-article .abt-posts-categorie {
flex: 0 0 100%;
}
.abt-sous-categorie h3 {
font-size: 4.5vw;
}
.abt-image-categorie { max-width: 100%;
float: none;
margin: 0 0 50px 0;
}
}  #image-a-la-une {
display: none;
}
#image-a-la-une:has(img) {
display: block;
}  .galerie-four-colmun {
margin-bottom: 80px !important;
}
.et_pb_gallery.galerie-four-colmun .et_pb_gallery_item {
width: 33.33% !important;
margin: 5px !important;
clear: none !important;
}  @media (min-width: 981px) {
.et_pb_gallery.galerie-four-colmun .et_pb_gallery_item {
width: 23.9% !important;
clear: none !important;
}
}  @media (max-width: 980px) {
.et_pb_gallery.galerie-four-colmun .et_pb_gallery_item {
width: 25% !important;
clear: none !important;
}
}  @media (max-width: 767px) {
.galerie-four-colmun .col-width .et_pb_gallery_item {
width: 33.33% !important;
clear: none !important;
}
}  @media (max-width: 479px) {
.galerie-four-colmun .col-width .et_pb_gallery_item {
width: 50% !important;
clear: none !important;
}
}  #right-column p {
font-size: 14px;
line-height: 1.4em;
}
#documents,
#liensutiles,
#a-noter {
padding: 20px 0 30px 30px;
}
#documents::before,
#liensutiles::before,
#a-noter::before {
font-size: 20px;
font-weight: 700;
margin: 0 0 20px 0;
display: block;
}
#documents::before {
content: "Document(s)";
}
#liensutiles::before {
content: "Liens utiles";
}
#a-noter::before {
content: "À noter";
}
#liensutiles {
font-size: 13px;
line-height: 1.2em;
}
#liensutiles p {
margin: 0;
padding: 0;
}
#liensutiles br {
display: none;
}
#liensutiles a {
color: black;
margin: 13px 0 0 0;
padding: 0 0 0 30px;
display: block;
position: relative;
}
#liensutiles a:hover {
color: var(--default-color);
}
#liensutiles a::before {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/lien-utile.svg);
width: 28px;
display: block;
left: 0;
top: 0;
position: absolute;
} .wpfd-single-file {
flex-basis: none;
background-color: #fff !important;
padding: 10px;
display: flex;
flex: none;
flex-wrap: nowrap !important;
z-index: 0;
position: relative;
flex-direction: row;
border: 1px solid #f0f0f0;
margin-bottom: 10px;
}
.wpfd-single-file--buttons {
display: flex;
margin: 0 !important;
flex-basis: unset !important;
justify-content: right !important;
}
.wpfd-single-file--buttons span {
display: none;
}
.wpfd-file-content--title {
font-family: var(--font-title-bold);
font-size: 14px !important;
color: #000 !important;
font-weight: 500 !important;
}
.wpfd-single-file-button.wpfd-button-download,
.wpfd-single-file-button.wpfd-button-preview {
width: 38px !important;
height: 38px !important;
padding: 10px !important;
margin-top: 5px !important;
background: #333 !important;
;
}
.wpfd-single-file-button.wpfd-button-download:hover,
.wpfd-single-file-button.wpfd-button-preview:hover {
background: var(--default-color) !important;
;
}
.wpfd-single-file a.wpfd-single-file-button.wpfd-button-download svg,
.wpfd-single-file a.wpfd-single-file-button.wpfd-button-preview svg {
margin-left: 0 !important;
}
.wpfd-single-file a.wpfd-single-file-button.wpfd-button-download svg:hover,
.wpfd-single-file a.wpfd-single-file-button.wpfd-button-preview svg:hover {
background: unset;
}
.wpfd-single-file .wpfd-file-content--meta>div {
color: #767676 !important;
} #right-column .wpfd-single-file-button.wpfd-button-download::before,
#right-column .wpfd-single-file-button.wpfd-button-preview::before {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/facebook.svg);
width: 13px !important;
height: 27px !important;
}
#right-column .wpfd-single-file--icon,
#right-column .wpfd-single-file--buttons,
#right-column .wpfd-file-content--meta {
display: none;
}
#right-column .wpfd-single-file .wpfd-file-content {
padding: 0;
}
#right-column .wpfd-single-file .wpfd-file-content::before {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/picto-download.svg);
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
left: 0;
top: -1px;
}
#right-column .wpfd-single-file {
background-color: unset !important;
border: none;
margin-bottom: 10px;
padding: 0 0px 0 30px;
margin-right: 20px;
}
#right-column .wpfd-single-file--details {
flex-basis: 100% !important;
}
#right-column .wpfd-file-content--title {
font-size: 13px !important;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
} h2.wpfd-category-theme-title {
display: none;
}
#et-boc .wpfd-content-tree .breadcrumbs li,
.wpfd-content-tree .breadcrumbs li {
color: #2c2c2c;
font-size: 20px !important;
font-weight: 700 !important;
margin-top: 25px !important;
}
@media (max-width: 768px) {
.wpfd-single-file--icon {
display: none;
}
.wpfd-single-file .wpfd-file-content {
padding-left: 0 !important;
}
} #agenda-home .lastEvents {
background: #fff !important;
}
#agenda-home .card-date {
color: var(--default-color);
margin-bottom: 10px;
padding: 0 10px 0 0;
border: 1px solid var(--default-color);
width: fit-content;
font-size: 12px;
line-height: 1.6em;
}
#agenda-home .card-date::before {
color: #fff;
padding: 1px 10px;
margin-right: 11px;
content: "Date";
background-color: var(--default-color);
border: 1px solid var(--default-color);
}
#agenda-home h4.card-title {
color: #000 !important;
font-size: 26px;
font-weight: 900;
}
#agenda-home .card-text {
line-height: 1.4em;
font-size: 15px;
}
#agenda-home .moreEvent {
font-size: 14px;
padding: 7px 11px;
margin-top: 15px;
} .filterButtonWrap {
text-align: center;
}
.calendar .header .month-year .monthNext {
border-color: transparent transparent transparent var(--abt-bg-default);
border-width: 0 !important;
border-style: none !important;
content: url(//le-pouget.com/wp-content/themes/divi-child/images/monthNext.svg) !important;
height: 30px;
}
.calendar .header .month-year .monthPrec {
border-color: transparent transparent transparent var(--abt-bg-default);
border-width: 0 !important;
border-style: none !important;
content: url(//le-pouget.com/wp-content/themes/divi-child/images/monthPrev.svg) !important;
height: 30px;
}
#page-agenda .calendar .days .day_name {
padding: 18px;
font-size: 15px;
}
.calendar .days .day_name {
padding: 3%;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
background-color: var(--default-color);
color: #fff;
cursor: default;
} .calendar .days .day_num.passe {
background-color: var(--default-color-10);
cursor: default;
font-weight: normal;
font-style: italic;
}
.calendar .days .day_num.ignore {
background-color: #5e5e5e;
color: #fff;
cursor: default;
} .calendar .days .day_num[data-event]:after {
background-color: var(--default-color);
} .calendar .days .day_num.passe.selected {
background-color: var(--default-color-50);
}
.calendar .header .month-year .actualMonth select {
font-size: 1em;
border: unset;
border-bottom: 5px solid var(--default-color);
}
.calendar .header .month-year .actualMonth #selectMonth {
margin: 0 22px 0 0;
}  #little-column #eventList {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#little-column #eventList .media.fichette {
display: flex;
flex-direction: row;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
width: 100%;
}
#little-column #eventList .media.fichette .media-body {
margin-left: 20px;
display: flex;
flex-direction: column;
}
#little-column #eventList .media.fichette {
max-width: 100% !important;
}
#little-column #calendar .calContent {
width: 100% !important;
}
#little-column #eventList .card-img {
min-width: unset;
max-width: 35%;
}
#little-column .card-img img {
padding-right: 5px;
}
#little-column .dateEvent {
font-size: 10px;
color: var(--default-color);
line-height: 1.3em;
margin: 0 0 5px 0;
padding: 3px 8px 2px 0;
}
#little-column .addrEvent {
font-size: 10px;
color: #323232;
display: inline-block;
width: fit-content;
padding: 4px 8px 4px 0px;
margin-top: 0;
line-height: 1;
}
#little-column .calendar .days .day_num {
width: calc(100% / 7);
padding: 0.8vw;
font-weight: bold;
cursor: pointer;
min-height: 70px;
text-align: center;
position: relative;
font-size: 14px;
}
#little-column .calendar .days .day_num[data-event]:after {
position: absolute;
top: 0px;
right: 0px;
content: attr(data-event);
width: 16px;
height: 16px;
border-radius: 0;
font-size: 10px;
color: #fff;
display: flex;
justify-content: space-around;
align-items: center;
}
#little-column #eventList .media.fichette .media-body .descrEvent {
font-size: 12px;
flex-grow: 2;
line-height: 1.3em;
margin: 5px 0 15px 0;
height: 50px;
overflow: hidden;
}
#little-column .fichette H4 {
padding-bottom: 0;
font-size: 18px;
}
#little-column #eventList .media.fichette .media-body a.moreEvent {
font-size: 12px;
font-weight: 700;
background-color: var(--default-color);
color: #fff;
display: inline-block;
width: fit-content;
padding: 4px 8px;
line-height: 1;
}
#little-column #calendar #calendarFilter {
display: none;
} .EnteteFiltre {
background: var(--default-color);
padding: 26px 10px 9px 20px;
margin-top: 4px;
}
.EnteteFiltre h4 {
color: #fff;
font-size: 16px;
}
#Page-Article-Section-Contenu .eventImage img {
width: 100% !important;
height: max-content !important; object-fit: cover;
}
#meta-evenement .et_pb_code_inner {
display: flex;
flex-wrap: wrap;
font-size: 12px;
}
#meta-evenement .eventDate {
color: var(--default-color);
}
#meta-evenement .eventAdr .eventAdr,
#meta-evenement .eventCat .eventCat,
#meta-evenement .eventDate .eventDate {
margin: 0 11px 5px 0;
}
#meta-evenement .eventAdr .eventAdr::before,
#meta-evenement .eventCat .eventCat::before,
#meta-evenement .eventDate .eventDate::before {
color: #fff;
padding: 5px 10px;
margin-right: 11px;
}
#meta-evenement .eventAdr .eventAdr,
#meta-evenement .eventCat .eventCat {
padding: 0 10px 0 0;
border: 1px solid #323232;
}
#meta-evenement .eventDate .eventDate {
padding: 0 10px 0 0;
border: 1px solid var(--default-color);
}
#meta-evenement .eventDate .eventDate::before {
content: "Date";
background-color: var(--default-color);
border: 1px solid var(--default-color);
}
#meta-evenement .eventAdr .eventAdr::before {
content: "Lieu";
background-color: #323232;
border: 1px solid #323232;
}
#meta-evenement .eventCat .eventCat::before {
content: "Catégorie";
background-color: #323232;
border: 1px solid #323232;
} .dateEvent::before {
color: #fff;
padding: 1px 10px;
margin-right: 11px;
content: "Date";
background-color: var(--default-color);
border: 1px solid var(--default-color);
}
.dateEvent {
color: var(--default-color);
margin-bottom: 10px;
padding: 0 10px 0 0;
border: 1px solid var(--default-color);
width: fit-content;
font-size: 12px;
line-height: 1.6em;
}
.addrEvent::before {
color: #fff;
padding: 1px 10px;
margin-right: 11px;
content: "Lieu";
background-color: #323232;
border: 1px solid #323232;
font-weight: normal;
}
.addrEvent {
color: #323232;
padding: 0 10px 0 0;
margin-bottom: 10px;
border: 1px solid #323232;
width: fit-content;
font-size: 12px;
line-height: 1.6em;
font-weight: 700;
}
.descrEvent {
margin: 0px 0 10px 0;
font-size: 14px;
line-height: 1.3em;
}
.moreEvent {
font-size: 12px;
font-weight: 700;
background-color: var(--default-color);
color: #fff;
display: inline-block;
width: fit-content;
padding: 7px 11px;
line-height: 1;
}
.moreEvent:hover {
color:#fff;
background-color: var(--secondary-color);
}
.catEvent {
margin: 0px 0 10px 0;
font-size: 11px;
line-height: 1.3em;
color: black;
text-transform: uppercase;
font-weight: 700;
border: 1px solid #323232;
width: fit-content;
border-radius: 4px;
padding: 2px 10px;
} #suivez-nous::before {
font-family: var(--title-font);
content: "Suivez-nous :";
color: #fff;
font-size: 20px;
position: relative;
top: 4px;
font-weight: 900;
text-transform: uppercase;
margin-right: 10px;
}
#footer {
min-height: 400px;
}
#footer #logo-footer img {
max-width: 200px;
}
#footer .et_parallax_bg {
opacity: 0.3;
}
#footer,
#footer a {
color: #ffffff;
}
#footer a:hover {
color: var(--default-color);
} #col-reseaux-sociaux {
border-left: 1px solid #fff;
}
.reseau:hover {
background: white;
color: var(--secondary-color);
}
.reseau.facebook:before {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/facebook.svg);
display: inline-block;
height: 54px;
width: 50px;
padding: 15px 20px 0 20px;
background-color: var(--secondary-color);
position: absolute;
left: 0;
top: 0;
}
.reseau.linkedin:before {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/linkedin.svg);
display: inline-block;
height: 54px;
width: 50px;
padding: 15px 17px 0 17px;
background-color: var(--secondary-color);
position: absolute;
left: 0;
top: 0;
} .et-shadow:before {
content: url(//le-pouget.com/wp-content/themes/divi-child/images/picto-info.svg) !important;
display: block;
position: absolute;
top: 15px !important;
left: 10px !important;
width: 41px !important;
} .et-info .et-box-content strong {
color: #fff !important;
font-weight: bold;
}
.et-info .et-box-content {
color: #fff !important;
background: var(--default-color) !important;
border: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 6px;
text-shadow: none !important;
padding: 27px 40px 17px 40px !important;
min-height: 90px !important;
line-height: 1.3em;
}
.et-box.et-info {
width: 40%;
float: right;
margin: 0 0 50px 50px;
}
.et-info {
border: none !important;
}
.et-info::before {
display: none;
} img.alignleft {
display: inline;
float: left;
margin: 3vh 3vw 3vw 0;
max-width: 45%;
}
img.alignright {
display: inline;
float: right;
margin: 3vh 0 3vw 3vw;
max-width: 45%;
} #main-content a.small-button,
#main-content a.icon-button {
padding: 10px 20px !important;
font-weight: 600 !important;
font-size: 16px !important;
margin: 20px 5px 8px 0 !important;
}
#main-content a.small-button,
#main-content a.big-button,
a.icon-button {
display: inline-block;
text-shadow: none !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
line-height: 26px !important;
box-shadow: unset !important;
}
#main-content a.smallpink {
color: #FFFFFF !important;
background: var(--default-color) !important;
background: -moz-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--default-color)), color-stop(100%, var(--default-color))) !important;
background: -webkit-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
background: -o-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
background: -ms-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
background: linear-gradient(to bottom, var(--default-color) 0%, var(--default-color) 100%) !important;
border: 1px solid var(--default-color);
}  .vertical-center {
display: flex;
flex-direction: column;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
}
.vertical-bottom {
display: flex;
flex-direction: column;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: end;
-moz-box-pack: end;
-ms-flex-pack: end;
} @media only screen and (max-width:1660px) { #menu-principal li a {
font-size: clamp(1em, 1vw, 25px);
}
}
@media only screen and (max-width:1440px) { #eventList .media.fichette {
max-width: 48% !important;
}
#little-column #eventList .media.fichette {
flex-direction: column;
padding: 0 0 20px 0;
}
#little-column #eventList .media.fichette .media-body {
margin-left: 0;
}
#little-column #eventList .card-img {
min-width: unset;
max-width: 100%;
}
#little-column #eventList .card-img img {
margin-bottom: 0;
}
#little-column .catEvent {
margin: 10px 0 5px 0;
} .calendar .header .month-year .actualMonth select {
font-size: 14px;
}
#little-column .calendar .days .day_num {
padding: 0.3vw;
}
#little-column .calendar .days .day_num {
font-size: 10px;
}
.calendar .days .day_name {
padding: 2%;
border-bottom: 3px;
} #directoryFilter .EnteteFiltre,
.chosen-container,
.filterButtonWrap,
.filterButtonWrap button {
width: 100% !important;
}
#directoryFilter {
flex-direction: column;
} }
@media only screen and (max-width:1280px) {  #menu-principal:after {
left: -73px;
top: 30px;
width: 310px;
}
#menu-principal .et_pb_menu__logo img {
width: 80px;
top: 0;
}
.has_et_pb_sticky #menu-principal .et_pb_menu__logo img {
top: 0;
}
.et-menu .menu-item-has-children>a:first-child {
padding-right: 0px;
}
.has_et_pb_sticky #menu-principal:after {
left: -71px;
top: -6px;
}
}
@media only screen and (max-width:980px) { .et_pb_section_1_tb_header.et_pb_section {
padding-right: 103px !important;
} #primary-nav {
padding: 5px 0;
}
#menu-principal {
padding: 30px 0 !important;
}
#menu-principal:after {
left: -73px;
top: 0;
width: 310px;
}
.has_et_pb_sticky #menu-principal:after {
left: -71px;
top: -6px;
}
#menu-principal .et_pb_menu__logo img {
width: 80px;
top: -30px;
}
.has_et_pb_sticky #menu-principal .et_pb_menu__logo img {
top: -23px;
}
#menu-principal li a {
font-size: 16px;
}
#menu-principal .et_mobile_menu li li {
padding-left: 0%;
}
#menu-principal .et_mobile_menu li ul {
padding-left: 0%;
}
#menu-principal .et_mobile_menu li a {
background-color: #f3f3f3;
border-bottom: none;
}
#menu-principal .et_mobile_menu li ul li a {
background-color: #fff;
font-size: 16px;
border-bottom: 1px solid #f3f3f3;
} .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img {
width: 150px;
}
.et_pb_menu__logo {
max-width: 120px;
}  .fichette {
flex-direction: column;
} #col-reseaux-sociaux {
border-left: none;
}
}
@media only screen and (max-width:860px) { #eventList .media.fichette {
max-width: 100% !important;
} #calendar {
flex-direction: column !important;
}
#calendar #calendarFilter {
width: 100% !important;
margin-left: 0% !important;
margin-top: 25px !important;
}
#calendar .calContent {
width: 100% !important;
}
#calendarFilter .catFilterButton {
margin: 0 0 10px 0 !important;
}
}
@media only screen and (max-width:660px) { #bloc_bienvenue h1 {
font-size: 10vw;
}
#bloc_bienvenue h1 span {
font-size: 6vw;
}
}
@media only screen and (max-width:479px) {
.et_pb_post h2 {
font-size: 25px;
} .et_pb_menu__logo {
max-width: 100px;
top: -15px;
}
#menu-principal:after {
left: -73px;
top: 1px;
width: 344px;
} .has_et_pb_sticky #menu-principal:after {
left: -63px;
top: 1px;
width: 274px;
}
.has_et_pb_sticky .et_pb_menu__logo {
max-width: 80px;
top: -7px;
}
}