/*
Theme Name: Thème officiel Mag Anglet 2023
Theme URI: https://a.anglet.fr
Author: REZO 21
Author URI: http://www.rezo21.net
Version: 1.0.0
Description: Développement par l'agence web REZO 21
*/


/* #region GÉNÉRALITÉS */

html{
	scroll-padding-top:120px;
}

:root{
	--mainColor: #000000;
	--secondaryColor: #e26917;
	--thirdaryColor: #1f0055;
	/*--mainColor: #015579;
	--secondaryColor: #0375a6;
	--thirdaryColor: #2C6A3A;*/
	--grisFonce: #2C6A3A;
	--grisClair: #2C6A3A;
	--titleFont: 'Work Sans', sans-serif;
	--textFont: 'Work Sans', sans-serif;
}

a{
	color: var(--secondaryColor);
    text-decoration: none;
}

/*.single-post p a{
	text-decoration: underline;
}*/

a:hover{
    text-decoration: underline;
	color: var(--thirdaryColor);
}
 
a:focus{
	color: var(--thirdaryColor);
    text-decoration: underline;
}

.gras,b,strong{
	font-weight: 600;
}

h1{
	font-family: var(--titleFont);
    color: #000;
    font-size: 2.0em;
    line-height: 1.2em;
    margin-top: 0px;
    margin-bottom: 30px;
	font-weight: 700;
}

h1.entry-title{
	margin-bottom: 15px;
}

h1 small{
	font-size:0.6em;
	display:block;
}

h2{
	font-family: var(--titleFont);
    color: var(--mainColor);
    font-size: 1.6em;
    margin-top: 0px;
    margin-bottom: 15px;
	font-weight: 700;
}

h2.titre-wrapper{
	text-align: center;
	font-size: 1.8em;
    margin-bottom: 50px;
}

h3{
	font-size: 1.4em;
    margin-bottom: 15px;
	font-weight: 600;
}

h4{
	font-size: 1.3em;
    margin-bottom: 15px;
	font-weight: 600;
}

blockquote{
	border: none;
	background: none;
	font-size: 1.0em;
	padding-top: 5px;
	font-style:italic;
	padding-bottom: 5px;
	margin-top: 12px;
	margin-bottom: 5px;
	text-align: center;
}

blockquote:before,
blockquote:after{
	content: '';
	display: none;
}

blockquote h2{
	width: 100%;
	max-width: 100%;
	display: block;
	font-size: 1.8em;
	margin-top: 5px;
}

blockquote h3{
	width: 100%;
	max-width: 100%;
	display: block;
	font-size: 1.6em;
	margin-top: 5px;
}

blockquote p{
	width: 100%;
	max-width: 100%;
	display: block;
	font-size: 1.3em;
	margin-top: 5px;
}

blockquote h2:before,
blockquote p:before,
blockquote h3:before{
	content: url('./images/icon-quote-left.svg') ;
	position: relative; 
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 34px;
	vertical-align: top;
	margin:-7px 5px;
}

blockquote h2:after,
blockquote p:after,
blockquote h3:after{
	content: url('./images/icon-quote-right.svg') ;
	position: relative; 
	right: 0px;
	bottom: -5px;
	display: inline-block;
	width: 34px;
	vertical-align: bottom;
	margin:-7px 5px;
}

img{
    image-rendering: -webkit-optimize-contrast;
	/*border-radius: 2%;*/	
}

.btn{
	color: var(--mainColor);
	border: 1px solid var(--mainColor);
	background: #fff;
	font-weight: 600;	
	border-radius: 0px;
	padding: 6px 25px;
}

.btn:hover{
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
	color: #fff;
	text-decoration: none;
	outline: none;
}

.btn:focus{
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
	color: #fff;
	text-decoration: none;
}

.btn-second{
	background: var(--secondaryColor);
	border: 1px solid var(--secondaryColor);
	color:#ffffff;
}

.btn-second:hover,
.btn-second:focus{
	background: var(--mainColor);
	border-color: var(--mainColor);
}

.form-control{
	border-radius: 0px;
	border-color:#000000;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
    border: none;
}

.wpcf7-response-output p{
	margin-bottom:0;
}

.wpcf7 form .wpcf7-response-output{
    margin: 0;
}

.wpcf7-form-control{
    margin-top: 10px;
}

.wpcf7-form-control-wrap,.form-label-title{
    display: block;
}

span.wpcf7-list-item{
   margin: 0px;
}

.wpcf7 form.failed .form-output-message, 
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.invalid .form-output-message, 
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.spam .form-output-message, 
.wpcf7 form.spam .wpcf7-response-output, 
form.invalid .form-output-message, 
form.invalid .wpcf7-response-output {
    border-color: #962e3f;
    color: #962e3f;
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-left:2.7em;
	position:relative;
}

.wpcf7 form.failed .form-output-message:before, 
.wpcf7 form.failed .wpcf7-response-output:before, 
.wpcf7 form.invalid .form-output-message:before, 
.wpcf7 form.invalid .wpcf7-response-output:before, 
.wpcf7 form.spam .form-output-message:before, 
.wpcf7 form.spam .wpcf7-response-output:before, 
form.invalid .form-output-message:before, 
form.invalid .wpcf7-response-output:before {
    background-image: url('./images/invalid.svg');
}

.wpcf7-response-output:before, 
.wpcf7 form .wpcf7-response-output:before, 
form .form-output-message:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 1.0em;
    left: 1.0em;
    margin-top: 1.0em;
    position: absolute;
    top: 0;
    width: 1.0em;
}

.fieldset, fieldset {
    border-left: 1rem solid #ededed;
    margin-bottom: 2.4rem;
    padding: 15px;
    width: 100%;
}

.form-error, 
.form-label-help, 
.form-meta, 
.wpcf7-not-valid-tip {
    font-size: 0.85em;
    line-height: 1.2em;
}

.form-label{
	margin-bottom: 0em;
}

.wpcf7 form.failed .fieldset:has(.wpcf7-not-valid), 
.wpcf7 form.invalid .fieldset:has(.wpcf7-not-valid), 
.wpcf7 form.spam .fieldset:has(.wpcf7-not-valid), 
form.invalid .fieldset:has(.wpcf7-not-valid) {
    border-left-color: #962e3f;
}

input:not([type=button]):not([type=submit])[aria-invalid=true], 
select[aria-invalid=true], textarea[aria-invalid=true] {
    border-color: #962e3f;
    box-shadow: -4px 5px 0 0 rgba(150,46,63,.7);
}

input:not([type=button]):not([type=submit])[aria-invalid=true]:focus, 
select[aria-invalid=true]:focus, 
textarea[aria-invalid=true]:focus{
    border-color: unset;
    box-shadow: unset;
}

.wpcf7-not-valid-tip {
    color: #962e3f;
    font-size: 0.8em;
	margin-top: 7px;
    font-weight: normal;
    display: block;
}

p.form-wrapper{
	margin-bottom:0px;
}

.wpcf7 form.failed .fieldset:has(.wpcf7-not-valid) .form-label-help, .wpcf7 form.failed .fieldset:has(.wpcf7-not-valid) .form-label-title, .wpcf7 form.failed .fieldset:has(.wpcf7-not-valid) select, .wpcf7 form.invalid .fieldset:has(.wpcf7-not-valid) .form-label-help, .wpcf7 form.invalid .fieldset:has(.wpcf7-not-valid) .form-label-title, .wpcf7 form.invalid .fieldset:has(.wpcf7-not-valid) select, .wpcf7 form.spam .fieldset:has(.wpcf7-not-valid) .form-label-help, .wpcf7 form.spam .fieldset:has(.wpcf7-not-valid) .form-label-title, .wpcf7 form.spam .fieldset:has(.wpcf7-not-valid) select, form.invalid .fieldset:has(.wpcf7-not-valid) .form-label-help, form.invalid .fieldset:has(.wpcf7-not-valid) .form-label-title, form.invalid .fieldset:has(.wpcf7-not-valid) select {
    color: #962e3f;
	font-weight: bold;
}

.grecaptcha-badge{
	display: none;
}

iframe{
	width: 100%;
	height:500px;
}

/* social share */

.cartouche-meta{   
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

#partagerunarticle .modal-dialog-centered{
	min-height: 0;
    flex-direction: column;
	padding-top: 10px;
	padding-bottom: 30px;
	overflow-y: hidden;	
}

#partagerunarticle .modal-header,
#partagerunarticle .modal-content{
	width: 100%;
	max-width: 100%;
	border:none;
}

#partagerunarticle p.modal-title{
	font-weight: 600;
	font-size: 1.4em;
	color: var(--mainColor);
}

#partagerunarticle .juiz_sps_links{
    margin:0;
	display: flex;
    flex-direction: row;
    justify-content: center;
}

#partagerunarticle .juiz_sps_links a:hover{
	background: var(--mainColor) !important;
}

#partagerunarticle .juiz_sps_compact .juiz_sps_icon{
    font-size: 35px;
}

li.juiz_sps_item.juiz_sps_link_twitter a.juiz_sps_button,
li.juiz_sps_item.juiz_sps_link_linkedin a.juiz_sps_button{
	background: #ffffff;
	/*color: #999999;*/	
	color: #1C2F39;
}

/*** OCT 2025 - grille articles ***/

#content .wrapper-articles ul.row{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
  	grid-gap: 15px;
}

#content .wrapper-articles ul.row>*{
	padding-right:0px;
	padding-left:0px;
}

/* #endregion GÉNÉRALITÉS */

/* #region ALIGNEMENTS */

.alignleft{
	display: inline;
	float: left;
}

.alignright{
	display: inline;
	float: right;
}

.aligncenter{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft{
	margin: 0.4em 15px 15px 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright{
	margin: 0.4em 0 15px 15px;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter{
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 15px;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone,
.wp-caption.aligncenter{
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption.alignleft img,
.wp-caption.alignright img,
.wp-caption.alignnone img,
.wp-caption.aligncenter img{
	max-width: 100%;
	height: auto;
}

img.size-full, img.alignnone{
	margin-top: 15px;
	margin-bottom: 15px;
}

#content .entry-content p.wp-caption-text{
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.wp-caption img{
	width:100%;
}

/* #endregion ALIGNEMENTS */

/* #region HEADER */

header{
	position: sticky;
	top: -1px;
	width: 100%;
	z-index: 1000;
	background: #ffffff;
}

header.scrolled{	
    -webkit-box-shadow: 0px 0px 8px 0px #b3b3b3;
    box-shadow: 0px 0px 8px 0px #b3b3b3;
}

header .wrapper-header{
	display: flex;
	justify-content: space-between;
    align-items: center;
	padding-top:10px;
	padding-bottom: 10px;
}

header .bloc-logo{
	display: flex;
    align-items: center;
	gap: 15px;
}

header .ouvrir-menu{
	display: flex;
	color: #000;
	font-size: 3.0em;
	transition: all 0.2s ease 0s;
	background:none;
	border:none;
	padding:0;
}

header .ouvrir-menu:hover{
	color: var(--mainColor);
}

header #display-search-modal{
	display:none;
	background:none;
	border:none;
	padding:0;
}

header #display-search-modal img{
	color:#000000;
}

header #display-search-modal.open{
	display:block;
}

header .ouvrir-menu img{
	width: 50px;
	height: auto;
}

header .logo{
	display: inline-block;
	width: 250px;
}

header .logo a{
	transition: all 0.15s ease 0s;
}

header .logo a:hover{
    transform: scale(0.95);
}

header .navigation{
    display: flex;
    gap: 20px;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.reseaux-sociaux{
	display: flex;
	gap: 1px;
	padding-top: 3px;
	padding-bottom: 0px;
	list-style:none;
	padding-left:0;
	margin-bottom:1px;
}

.reseaux-sociaux a{
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 1.2em;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	color: #222;

}

.reseaux-sociaux a:hover{
	color: #fff;
	background: var(--secondaryColor);
	text-decoration: none;
}

.reseaux-sociaux .favoris{
	position: relative;
}

.reseaux-sociaux .favoris #nombre-favoris{
	position: absolute;
	top: 2px;
	right: -2px;
	background: var(--mainColor);
	color: #fff;
	border: 1px solid #fff;
	font-size: 0.5em;
	width: 17px;
	height: 17px;
	border-radius: 17px;
	display: flex;
	justify-content: center;
}

.modal-dialog{
	background: #fff;
	overflow-y:scroll;
}

.modal-content{
	max-width:80%;
	margin:auto;
}

.menu-lateral{
	display: flex;
	top: 0px;
	width: 100%;
	margin: 0px auto;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

.menu-lateral a.logo{
	display: inline-block;
	margin: 0 auto 30px auto;
	max-width: 400px;
}

.menu-lateral .reseaux-sociaux{
	justify-content: center;
	list-style:none;
	padding-left:0;
}

ul#menu-lateral{
    padding-left: 0px;
    margin: 0px;
    border-bottom: 1px solid #000;
}

ul#menu-lateral li{
    list-style: none;
}

ul#menu-lateral>li{
	padding: 6px 0px;
    border-top: 1px solid #000;
}

ul#menu-lateral>li>a{
    display: block;
    font-size: 1.0em;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

ul#menu-lateral li a{
    color: #000;
}

ul#menu-lateral li a.active{
	color: var(--mainColor);
}

ul#menu-lateral li a:hover{
    color: var(--mainColor);
	text-decoration: none;
}

ul#menu-lateral .sub-menu {
    display: none;
}

ul#menu-lateral .sub-menu li a{
    font-size: 1.2em;
}

.retour-haut{
	position: fixed;
	bottom: 30px;
    right: 30px;
    z-index: 1000;
	width: 40px;
	height: 40px;
	background: var(--mainColor);
	border: 1px solid var(--mainColor);
	color: #fff;
	text-align: center;
	font-size: 2.0em;
	padding:0;
}

.retour-haut:hover{
	text-decoration: none;
	background: #fff;
	color: var(--mainColor);
}

.toast-container>:not(:last-child){
	margin-bottom: 15px;
}

.toast-container{
	position: fixed;
	bottom: 120px; 
	right: 50px;
    z-index: 1000;
	width:300px;
}

.toast-header{
	color: var(--mainColor);
    background: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 1.1em;
}

.toast-body{
	background: #fff;
}

.toast-body a{
	color: var(--mainColor);
}

.notification{
    display: flex;
    align-items: center;
    gap: 10px;
    background: #65ccca1f;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #bababa;
}

.notification img{
    width: 25px;
	height: auto;
	margin-right: 10px;
}

.notification.notification-gris{
	background: #ededed;
}

#search-modal{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 89999;
	background: #ffffff;
	display: none;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	padding:5%;
}

#search-modal.open{
	display:flex;
}

#search-modal input {
    border: none !important;
    border-bottom: 1px solid #000000 !important;*/
    padding: 10px !important;
    max-width: 100%;
	box-shadow: none;
	font-size: 1.6em !important;
}

#search-modal form{
	padding: 5%;
}

#search-modal #close-search-modal{
	position: absolute;
	top: 30px;
	right: 15px;
	color: #000000;
	text-transform: uppercase;	
	background:none;
	border:none;
	padding:0;
}

#search-modal #close-search-modal ion-icon{
	width:40px;
	height:40px;
}

#searchsubmit{    
    background: none;
    border: none;
    width: 50px;
}

#search-modal #searchsubmit{
	height: 100px;
}

#searchform .form-control{
	padding: 5px 15px;
	background: #fff;
	border-radius: 0;
	height: 35px;
	color: #000;
	font-size: 1.1em;
}

#search-modal #searchform .form-control{
	border-radius: 0;
	font-size: 2.5em;
	height: auto;
	padding: 20px 10px;
}

#searchform .btn{
	padding: 3px 10px;
	border-radius: 0;
	border: none;
	margin-left: 0px;
	font-size: 18px;
	margin-bottom:0px;
}

#search-modal #searchform .btn{
	font-size: 30px;
	color:#000000;
	
}

#searchform img{
	color: #000000;
	fill: #000000;
	stroke: #000000;
}

#searchform .btn:hover{
    color: var(--mainColor);
	background: none;
	border:none;
}

input[type="submit"]:focus{
	background:#000000;
	color:#FFFFFF;
}

/* #endregion HEADER */

/* #region MENU */

.menu-principal-container{
	display: flex;
}

#menu-principal{
	display: flex;
    justify-content: flex-end;
	gap: 20px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}

#menu-principal li a{
	display: inline-block;
	text-transform:uppercase;
	font-size: 1.0em;
	transition: all 0.15s ease 0s;
	font-weight: 600;
    padding-top: 8px;
	color: #222;
}

#menu-principal li a:after{
	position: relative;
	content: '';
	display: block;
	margin: auto;
	width: 0;
	height: 3px;
	margin-top: 5px;
	background: var(--secondaryColor);
	transition: width .2s;
}

#menu-principal li a:hover:after{
    width: 100%;
}

#menu-principal li a:hover{
	color: var(--secondaryColor);
	text-decoration: none;
}

#menu-principal .menu-item-has-children{
    position: relative;
}

#menu-principal .menu-item-has-children:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
}

#menu-principal ul.sub-menu{    
	position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
	width:200%;
    transition: visibility 0s, opacity 0.2s linear;   
	padding: 0px;
	list-style: none;
}

#menu-principal ul.sub-menu li a{ 
	display: inline-block;
	width: 100%;
	font-size: 1.0em;
	padding: 7px 20px;
	background: var(--mainColor);
	color: #fff;
}

#menu-principal .sub-menu li a:after{ 
	display: none;
}

#menu-principal .sub-menu li a:hover{ 
	background: var(--secondaryColor);
}

/* #endregion MENU */

/* #region DIAPORAMA */

.swiper{
	width: 100%;
	height: 100%;
}

.swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-accueil .main-texte{
	position: absolute;
	top: 0px;
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.swiper-accueil .texte{
	color: #fff;
	text-shadow: 0px 0px 5px #000000;
	font-size: 2.0em;
	line-height: 1.2em;
}

.swiper-accueil .texte p:last-child{
	margin-bottom: 0px;
}

.swiper-accueil .lien{
	margin-top: 30px;
}

.swiper-pagination{
	bottom: 30px !important;
}

.swiper-pagination-bullet{
	width: 15px;
	height: 15px;
}

.swiper-pagination-bullet-active{
	background-color: var(--mainColor);
}

.swiper-button-next, 
.swiper-button-prev{
	color: var(--mainColor);
}

/* #endregion DIAPORAMA */

/* #region CORPS */

body{
    font-family: var(--textFont);
    font-weight: 400;
	overflow-x: hidden;
}

#menu-accessible{
	position: relative;
	padding:15px;
	padding: 10px;
	width:100%;
	display: flex;
	gap:10px;	
	list-style:none;
	background:#ededed;
	opacity:0;
	height:0;
	margin-bottom:5px;
}

#menu-accessible li{
	list-style:none;
}

#menu-accessible.open{
	opacity:1;
	height:45px;
}

main{
	padding-top: 0px;
	padding-bottom: 80px;
}

#content{
	margin: auto;
}

#content .entry-content p{
    font-size: 1.1em;
}

#content .entry-content article p{
	font-size: 1.0em;
	line-height: 1.25em;
}

#content .entry-content ul,
#content .entry-content ol{
	font-size: 1.1em;
}

#content .entry-content ul.row{
	padding-left:0;
	list-style:none;
	font-size: 1.0em;
}

#content ol{
	list-style: numeric;
}

#content .entry-content ul ul,
#content .entry-content ol ul,
#content .entry-content ul ol,
#content .entry-content ol ol{
	font-size: 1.0em;
}

.container{
	max-width: 1400px;  
	margin: auto;
}

.titre-paragraphe{
	margin-bottom: 5px;
}

.paragraphe{
	padding: 20px 0px 0px 0px;
}

.paragraphe+.paragraphe{
	padding-top:0;
}

.paragraphe .container{
	padding-left:0;
	padding-right:0;
}

.paragraphe.avec-bordures{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.paragraphe.avec-bordures .container{
	padding: 30px 30px 20px 30px;
}

.paragraphe.avec-bordures .titre-paragraphe{
	background:#ffffff;
	display: table;
	padding: 15px;
	margin-left:-15px;
	font-size: 1.4em;
	margin-top: -60px;
	margin-bottom: 0px;
}

.paragraphe-1{
	padding-top: 0px;
}

body.home .paragraphe{
	padding-bottom: 0px;
}

.main-wrapper-presentation{
	padding: 0px 0px;
	background: #ededed;
}

.wrapper-presentation.container{
	max-width: 100%;
}

.wrapper-presentation .photo{
	padding-left: 0px;
	padding-right: 30px;
} 

.wrapper-presentation .texte{
	padding: 30px;
} 

.section-gauche{
	background: #fff;
	/* padding-right: 50px; */
	padding-right: 40px;
}

.description{
	margin-bottom: 0px;
}

.main-etiquettes{
	padding: 10px 0px 10px 0px;
	text-transform: uppercase;
}

.banniere{
	margin-top: 50px;
}

.banniere a{
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.banniere a:hover{
	opacity: 0.8;
}

.navigation-articles{
	display: flex;
    justify-content: space-between;
	margin-top: 30px;
}

.wrapper-autres{
	margin-top: 80px;
}

.wrapper-autres .titre-wrapper{
	text-align: left;
	margin-bottom: 30px;
}

form button.lien-icone{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mainColor);
    color: #fff;
	padding: 10px;
    border-radius: 100px;
	border: none;
}

form button.lien-icone:hover{
    background: var(--secondaryColor);
}

form.envoi-favoris{
	margin-bottom: 15px;
}

.actions-favoris{
	display:flex;
	gap:10px;
	padding-bottom: 15px;
}

.actions-article{
	display:flex;
	gap:10px;
}

.actions-article a.lien-icone{
	display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mainColor);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 1.4em;
	border: none;
	padding-top:2px;
	line-height:1.0em;
}

.actions-article a.lien-icone:hover{
    background: var(--secondaryColor);
}

/*** TAB - PILLS PAGE ACCUEIL */

.nav-pills{
	display:flex;
	flex-direction: row;
    justify-content: flex-end;
}

.nav-pills .nav-link{
	text-transform:uppercase;
	font-weight:700;
	line-height:1.1em;
	border-radius:0; 
	color: var(--mainColor);
	opacity:0.7;
	display: flex;
	align-items: center;
	gap: 5px;
}

.nav-pills .nav-link:hover{
	opacity:1;
}

.nav-pills .nav-link.active{
    color: #ffffff;
    background-color: var(--mainColor);
	opacity:1;
}

.nav-pills .show>.nav-link {
    color: var(--mainColor);
    background-color: var(--mainColor);
	opacity:1;
}


/**** TAXONOMY ***/

.sommaire{
	padding-left: 10px;
	padding-top: 15px;
}

.banniere-taxo{
	position: relative;
	margin-bottom: 5px;
}

.banniere-taxo .categorie{
	/* position:absolute; */
	/* right:15px; */
	/* top: 15px; */
	/* margin-left:15px; */
	/* margin-top: 15px; */
	font-weight: 600;
	background: var(--secondaryColor);
    color: #fff;
    font-size: 1.4em;
    line-height: 1em;
    padding: 8px 10px;
    text-transform: uppercase;
    border-radius: 2px;	
	display:table;
	margin-bottom:0;
}

.banniere-taxo .bloc-titre{
	position:relative;
	font-weight: 600;
}

.banniere-taxo .bloc-titre h1.entry-title{
	margin-bottom:5px;
	padding: 10px 10px 0px 0px;
	color:var(--mainColor);
}

.banniere-taxo .bloc-titre .accroche{
	margin-bottom:5px;
	font-size: 1.1em;
}

.tax-dossier .row article .numero-article{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 65px;
    left: 25px;
    z-index: 10;
    text-align: center;
    padding-top: 5px;
    border-radius: 100px;
    font-size: 1.3em;
    color: #ffffff;	
	background:var(--secondaryColor);
}

.tax-dossier .vignette-article .image form.formulaireAjouterArticle{
	left: 75px;
}

.sidebar .wrapper-autres.meme-dossiers{
	list-style-type: none;
	counter-reset: css-counter 0;
}

.sidebar .wrapper-autres.meme-dossiers a{
	counter-increment: css-counter 1;
	position:relative;
}

.sidebar .wrapper-autres.meme-dossiers a:after {
	content: counter(css-counter);
    display: block;
    width: 40px;
    height: 40px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 5;
    text-align: center;
    padding-top: 5px;
    font-weight: 600;
    font-size: 1.1em; 
}

/**** SIDEBAR ****/

#recherche-sidebar .is-form-style input.is-search-input{
	border:none !important;
	font-size: 1.1em !important;
	color:#000000 !important;
}

#recherche-sidebar .is-form-style button.is-search-submit{
    background: none;
    border: 0;
    box-shadow: none!important;
    opacity: 1;
    padding: 0!important;
    margin: 0;
    line-height: 0;
    /* outline: 0; */
    vertical-align: middle;
    width: 36px;
    height: 36px;
}

#recherche-sidebar .is-form-style input.is-search-submit, 
#recherche-sidebar .is-search-icon{
	background:none;
	border:none;
	font-size:18px !important;
	padding-top: 2px !important;
}

#recherche-sidebar .is-search-icon svg {
    width: 30px;
}

aside.main-sidebar{
	padding-left: 0px; 
}

aside .sidebar{
	padding: 15px;
}

.sidebar .banniere{
	margin-top: 0px;
}

.sidebar #newsletter .mailpoet_submit.btn{
	margin-top: 10px !important;
}

.sidebar .element-sidebar{
	margin-bottom: 30px;
}

.sidebar .element-sidebar .wrapper-autres{
	margin-top:0;
}

.sidebar .element-sidebar .wrapper-autres a{
	display:block;
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: 700;
}

.sidebar .element-sidebar .wrapper-autres a .titre-article{
	padding: 10px 0px;
	line-height: 1.2em;
}

.sidebar .element-sidebar .wrapper-autres a:hover{
	color:var(--secondaryColor);
	text-decoration: none;
}

.sidebar .element-sidebar .wrapper-autres a .image {
    position: relative;
    overflow: hidden;
}

.sidebar .element-sidebar .wrapper-autres a img{
	filter: brightness(80%);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.sidebar .element-sidebar .wrapper-autres a:hover img{
	filter: brightness(100%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sidebar .element-sidebar .widget-texte{
	background: #ffffff;
	padding: 15px;
	font-size: 1.0em;
	margin-top: 15px;
}

.sidebar .element-sidebar .widget-texte.sans-bordures{
	padding: 0px;
	font-size: 1.2em;
	margin-top:15px;
}

.sidebar .element-sidebar .widget-texte .titre-bloc-sidebar{
	background:#ffffff;
	display: table;
	padding: 10px;
	margin-left:-10px;
	font-size: 1.2em;
	font-weight:600;
	margin-top: -43px;
	margin-bottom: 0px;
	color:#00509d;
}

.sidebar .element-sidebar .widget-texte.sans-bordures .titre-bloc-sidebar{
	padding: 0px;
	margin-left:0px;
	font-size: 1.2em;
	font-weight:600;
	margin-top: 0px;
}

.sidebar blockquote{
	margin-top:0;
	margin-bottom:0;
}

/*** RSS ***/

.rss_header h2{
	display:none;
}

.sidebar .feedzy-rss .rss_item {
    padding: 10px 5px 5px 5px !important;
	margin:0;
	font-size:0.8em;
}

.sidebar .feedzy-rss .rss_item:last-child{
	border-bottom: none;
}

.sidebar p{
	margin-bottom: 10px;
}

.sidebar .rss_image{
	float:right !important;
	max-width: 90px !important;
	max-height: 90px !important;	
	margin-right: 0 !important;
	margin-left: 5px !important;
}

ul.liens-actus{
	padding-left:0;
	list-style:none;
}

.agenda-item a,.actu-item a{
	display:block;
	border-top:1px solid var(--mainColor);
	padding-top: 10px;
	font-size:0.9em;
	color:#222222;
}

.actu-item a{
	padding-bottom: 5px;
}

.agenda-item a:hover,.actu-item a:hover{
	text-decoration:none;
	color:var(--secondaryColor);
}

.dates-item,
.date-actu{
	font-size: 0.7em;
	text-transform:uppercase;
	line-height: 1.1em;
}

.titre-item{
	line-height: 1.1em;
	margin-bottom: 5px;
	margin-top: 5px;
}

.resume-item{
	font-size: 0.8em;
}

.page-id-204 .container,
.page-id-207 .container{	
    align-items: center;
    justify-content: center;
}

.page-id-204 header .wrapper-header,
.page-id-207 header .wrapper-header{	
    align-items: center;	
	padding-top: 50px;
	
}

.page-id-204 main,
.page-id-207 main{
	padding-top: 50px;
}

.page-id-204 h1,
.page-id-207 h1{
	text-align:center;
}

.page-id-204 form,
.page-id-207 form{
	max-width:400px;
	margin:auto;
}

/* #endregion CORPS */

/* #region ARTICLES */

.wrapper-top-articles{
	margin-bottom: 50px;
}

.wrapper-top-articles .main-template-vignette-article-1{
	padding-right: 0px;
}

.wrapper-top-articles .main-template-vignette-article-2{
	padding: 0px;
}

.wrapper-top-articles .main-template-vignette-article-3{
	padding-left: 0px;
}

.vignette-article.template-vignette-article-2 .row{
	height: 100%;
    margin: 0;
}

.vignette-article{
	height: 100%;
	position:relative;
	/*margin-bottom:40px;*/
}

.vignette-article a{
	display: block;
	height: 100%;
	overflow: hidden;
	color: #000;
}

.vignette-article.template-vignette-article-1 a{
	position: relative;
}

.vignette-article a:hover{
	text-decoration: none;
}

.template-vignette-article-2.vignette-article .row,
.template-vignette-article-3.vignette-article .row{
	position:relative;
}

.template-vignette-article-2.vignette-article form,
.template-vignette-article-3.vignette-article form{
	left:5px;
}

.vignette-article .main-image{
	padding: 30px;
	/* height: 280px; */
	transition: background-color 0.5s ease;
}

.vignette-article a:hover .main-image{
	background: transparent;
	border-radius: 2px;
}

.vignette-article.template-vignette-article-2 .main-image{
	position: relative;
	height: 50%;
	overflow:hidden;
}

.vignette-article .image{
	position: relative;
	border-radius: 2px;	
	overflow: hidden;
    /* height: 210px;*/
}

.vignette-article.template-vignette-article-2 .image{
	height: 100%;
}

.vignette-article form{
	position: absolute;
    top: 15px;
    left: 25px;
    z-index: 100;
}

.vignette-article .wrapper-format{
	position: absolute;
    top: 15px;
    right: 15px;
    display: flex;	
	justify-content: flex-end;
	align-items: center;
    z-index: 10;
	gap:5px;
}

.vignette-article .format{	
    background: var(--mainColor);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 1.4em;
	display: flex;
    justify-content: center;
    align-items: center;
}

.vignette-article.template-vignette-article-1 .image{
	/* height: 380px; */
	height: 100%;
}

.vignette-article.template-vignette-article-1 .image form,
.vignette-article.template-vignette-article-2 .image form{
    left: 15px;
}

.vignette-article .image img{
    display: block;
	/*object-fit: cover;*/
	width: 100%;
	/*height: 100%;*/
	filter: brightness(90%);
	-webkit-transform: scale(1);
	transform: scale(1);
	/*border-radius: 2px;*/	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.vignette-article a:hover .image img{
	filter: brightness(110%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.row article.vignette-article a{
	/*padding-top:30px;*/
	padding-bottom:30px;
	margin-bottom: 15px;
	margin-top: 15px;
	border: 1px solid #ededed;
	position:relative;
}

article.vignette-article:first-child a{
	/*border-top:  1px solid #ededed;*/
}

.vignette-article.template-vignette-article-2 .main-texte{
	border-top: none;
	border-right: none;
	height: 50%;
    padding: 0px;
}

.vignette-article .main-texte .texte{
	height: 100%;
	padding: 20px 30px 20px 30px;
	border-right: none;
}

article.template-vignette-article-1 .texte{
	position: absolute;
	width: calc(100% - 30px);
	bottom: 15px;
	left: 15px;
}

.vignette-article.template-vignette-article-2 .main-texte .texte{
	border-right: none;
}

.vignette-article .titre{
	font-family: var(--titleFont);
	color: #000;
	font-size: 1.4em;
	line-height: 1.0em;
	margin-bottom: 15px;
    transition: all 0.2s ease 0s;
}

.vignette-article.template-vignette-article-1 .titre{
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	color: #fff;
    font-size: 2.4em;
    line-height: 1.0em;
    padding: 10px 10px;
    font-weight: 600;
    /* background: rgba(0,79,159,0.8); */
    background: #004f9fcc;
    margin-bottom: 3px;
}

.vignette-article a:hover .titre{
	color: var(--mainColor);
}

.vignette-article.template-vignette-article-1 a:hover .titre{
	background: var(--thirdaryColor);
    color: #fff;
}

.vignette-article .categories{
	display: flex;
    flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 12px;
	position:relative;
	z-index:3;
	padding-left:0;
	list-style:none;
}

.vignette-article .categories .categorie{
	border: 1px solid var(--mainColor);
	color: var(--mainColor);
	font-size: 0.7em;
	border-radius:2px;
	font-weight: 600;
    line-height: 1.3em;
	padding: 7px 15px 5px 15px;
	text-transform: uppercase;
}

.vignette-article .categories .categorie:hover{
	background: var(--mainColor);
	color: #ffffff;
}

.vignette-article .categories .dossier{
	border: 1px solid var(--secondaryColor);
	background: var(--secondaryColor);
	color: #ffffff;
	font-size: 0.7em;
	font-weight: 600;	
	border-radius:2px;
    line-height: 1.3em;
	padding: 7px 15px 5px 15px;
	text-transform: uppercase;
}

.vignette-article .categories .dossier:hover{
	background: var(--mainColor);
	color: #ffffff;
}

.vignette-article.template-vignette-article-1 .categories{
	margin-bottom: 5px;
}

.vignette-article.template-vignette-article-2 .categories{
	/*position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	bottom: 0px;
	margin-bottom: 0px;*/
}

.auteur-date{
    display: flex;
	gap: 10px;
	/* font-size: 0.7em; */
    line-height: 1em;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.vignette-article.template-vignette-article-1 .auteur-date{
	gap: 0px;
	margin-bottom: 0px;
}

.auteur-date .date{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

.temps-lecture{
	display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: row;
    align-items: center;
}

.vignette-article.template-vignette-article-1 .auteur-date .auteur,
.vignette-article.template-vignette-article-1 .auteur-date .date{
	padding: 8px 10px;
    background: rgba(0,79,159,0.8);
	color: #fff;
}

.vignette-article .resume{
	color: #000;
}

.vignette-article .resume p:last-child{
	margin-bottom: 0px;
}

.single-post .image{
	position: relative;
	overflow:hidden;
}

.single-post .image.avec-video {
    position: relative;
    height: auto;
    overflow: visible;
	padding-bottom: 70px;
}

.single-post .vignette-article .image{
	/*height: 210px;*/
}

.single-post .image img{
	width:100%;
	/*height:100%;
	object-fit:cover;*/
}

.single-post .image .lien-dossier{
	position:absolute;
	right: 15px;
	top: 15px;
	z-index:3;
}

.single-post .image .lien-dossier a{
	font-size: 1.2em;
	border-radius:2px;
}

.single-post .entete{
	position: relative;
	background: #fff;
	padding: 30px 0px 30px 0px;
	display:flex;
	gap:30px;
	align-items:center;
}

.single-post .entete .image{
	width:50%;
	border:1px solid #888888;
}

.single-post .entete .top-entete{
	width:50%;
}

.single-post .entete .top-entete .meta-actions{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 15px;
	font-size: 0.8em;
	width:100%;
}

.single-post .entete p.categories{
	margin-bottom: 5px;
}

.single-post .entry-content{
	position: relative;
	/*left: 150px;
	width: calc(100% - 150px);*/
	padding: 0 0 0 30px;
	background: #fff;
}

.single-post .entry-content .resume{
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
	padding-top: 10px;
	max-width:1000px;
	margin:auto;
}

.single-post .paragraphe .container{	
	max-width:1000px;
}

.single-post .entry-content .auteur-date{
	font-size: 0.9em;
	margin-bottom: 0px;
}

.single-post .categories a.btn{
    font-size: 0.7em;
    line-height: 1.3em;
    padding: 7px 15px 5px 15px;
    text-transform: uppercase;
}

.single-post .commentaires-titre{
	border-top: 1px solid #EDEDED;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.5em;
	color:var(--mainColor);
	font-weight: 700;
}

.single-post p.comment-form-comment label{
	display:block;
	margin-bottom: 10px;
	font-weight: 700;
}

p.comment-form-comment label{
	display:block;
}

p.comment-form-comment textarea#comment{
	padding:10px;
}

.single-post ol.commentlist{
	padding-left: 0px;
	list-style:none;
}

.single-post ol.commentlist li{
	border: 1px solid #BBBBBB;
	padding: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.single-post ol.commentlist ul.children{
	list-style:none;
	padding-left:0px;
	margin-top: 10px;
}

.comment-author.vcard img{
	display:none;
}

.comment-author, .comment-meta{
	display:inline;
}

#content .comment-body p{
	margin-top: 10px;
}

.gallery-item a{
	display: block;
	border-radius: 10px;
    transition: all 0.3s ease 0s;
}

.gallery-item a:hover{
	opacity: 0.8;
}

.gallery img{
	border: none !important;
	padding: 0 10px;
	border-radius: 10px;
}

.gallery .gallery-caption{
	font-size: 0.8em;
}

.galerie-photos{
	margin-top: 30px;
}

.galerie-photos a{
	display: block;
	margin-bottom: 30px;
}

.galerie-photos a:hover{
	opacity: 0.8;
}

/** FIL D'ARIANE **/

ol.breadcrumb{
	padding-bottom: 10px;
}

ol.breadcrumb li:before{
	display:none;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

#content .pagination{
	display: flex;
    justify-content: center;
}

#content .pagination ul{	
	display: flex;
    justify-content: center;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}
#content .pagination ul.page-numbers{
	border:none;
}

#content .pagination a{
    transition: all 0.15s ease 0s;
}

#content .pagination a:hover{
	text-decoration: none;
	background: var(--secondaryColor);
	color: #fff;
}

#content .pagination .page-numbers{
	padding: 5px 10px;
	border: 1px solid #ddd;
}

#content .pagination .current{
	background: var(--secondaryColor);
	color: #fff;
}

#infinite-handle .ctis-load-more button{
	color:#ffffff;
	background: var(--mainColor);
	display: inline-block;
	padding: 10px 20px;
	border:2px solid var(--mainColor);
	text-transform: uppercase;
	font-family:var(--textFont);
	font-weight: 700;
	line-height: 1.0em;
}

#mailpoet_form_1 form.mailpoet_form{
	padding: 0px !important;
}

#mailpoet_form_1 .mailpoet_paragraph{
	margin-bottom: 0px !important;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success{
	text-align:left !important;
	width: 100% !important;
}

#mailpoet_form_1 .mailpoet_message{
	margin-top: 10px !important;
}

/* #endregion ARTICLES */

/* #region FOOTER */

footer{
	font-size: 0.9em;
}

footer .parsley-errors-list,
footer .parsley-required{
	color: #ffffff !important;
}

footer input.parsley-error, 
footer select.parsley-error, 
footer textarea.parsley-error{
    background-color: #ffffff;
    border-color: #eed3d7;
    color: red;
}

footer .titre{
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.1em;
	color: #ffffff;
	font-size: 1.2em;
}

footer .top-footer{
	border-top: 1px solid #d2d2d2;
	padding: 50px 0px;
	background: #1f0055;
	color: #ededed;
}

footer .logo a{
	display: block;
	margin-bottom: 15px;
    transition: all 0.15s ease 0s;
	color:#999999;
}

footer .logo a:hover{    
	opacity: 0.9;
}

footer .rs .reseaux-sociaux{
    justify-content: center;
	gap: 10px;
	list-style:none;
	padding-left:0;
}

footer .rs .reseaux-sociaux a{
    font-size: 1.6em;
	width: 40px;
	height: 40px;
	color:#ffffff;
}

footer .rs .reseaux-sociaux a:hover{
	color:#ffffff;
}

footer .bottom-footer{
	padding: 15px 0px;
    background: #000000;
}

footer .bottom-footer .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .bottom-footer a{
	color: #ededed;
}

footer .mailpoet_text:focus{
	border:1px solid red !important;
}

footer #menu-pied-de-page{    			
	display: flex;
    gap: 30px;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}

footer #menu-pied-de-page li{
    display: inline-block;
}

footer .logo-rezo21{
}

footer .logo-rezo21 img{
	height: 32px;
	width: auto;
}

.picto-social{
	max-width:24px;
}

header .picto-social{
	max-width:20px;
}

/* #endregion FOOTER */

/* #region TABLETTE */

@media screen and (max-width: 1180px) {
	
}

@media screen and (max-width: 1180px) and (orientation: portrait) {
	
	#menu-principal{
		padding-left: 0px;
		margin-bottom: 0px;
		list-style: none;
	}

	#menu-principal li{
		list-style: none;
	}

	#menu-principal li a{		
		display: block;
		color: var(--secondaryColor);
		transition: all 0.2s ease 0s;
	}

	#menu-principal li a:hover{		
		padding-left: 10px;	
		text-decoration: none;
	}

	#menu-principal>li>a{
		font-size: 1.6em;
		font-family: var(--titleFont);
		color: var(--secondaryColor);
	}

	#menu-principal .sub-menu{
		font-size: 1.4em;
	}
}

/* #endregion TABLETTE */

/* #region MOBILE */

@media screen and (max-width: 767px) {	

	header .menu-principal-container{
		display:none;
	}
	
	header .navigation ul.reseaux-sociaux{
		display:none;
	}

	.modal-content {
		max-width: 95%;
		margin: auto;
	}
	
	#content .wrapper-articles ul.row{
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
	}

	main>nav{
		overflow-x: scroll; /* Activer le défilement horizontal */
		white-space: nowrap; /* Empêcher les sauts de ligne */
		-webkit-overflow-scrolling: touch; /* Améliore le défilement sur les appareils iOS */
	}
	
	.nav-container{
		overflow-x: scroll; /* Activer le défilement horizontal */
		white-space: nowrap; /* Empêcher les sauts de ligne */
		-webkit-overflow-scrolling: touch; /* Améliore le défilement sur les appareils iOS */
		padding-bottom: 10px;
		margin-left:-15px;
		margin-right:-15px;
	}
	
	ul.nav.nav-pills{
		display:block;
		width:auto;
		margin-bottom:0 !important;
	}
	
	ul.nav.nav-pills.mb-3{
		margin-bottom:0 !important;
	}
	
	ul.nav.nav-pills ion-icon{
		display:none;
	}
	
	ul.nav.nav-pills li{
		display:inline-block;
	}
	
	.nav-pills .nav-link{
		padding:8px 7px;
	}
	
	ol.breadcrumb{
		width:auto;
		display:block;
	}
		
	header .logo a{
		max-width:220px;
		margin:auto;
		display:block;
	}

	header #display-search-modal{
		display: flex;
		color: #000;
		font-size: 3.0em;
		transition: all 0.2s ease 0s;
		width:38px;
		margin-top:0px;
	}
		
	header .bloc-logo {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.entry-content p a,
	.entry-content li a{
		word-break: break-all;
	}
	
	.entry-content p a,
	.entry-content li a{
		word-break: break-all;
	}
	
	.entry-content li a .titre{
		word-break: normal;
	}
		
	h1,
	h2.titre-wrapper{
		font-size: 1.6em;
		margin-bottom: 30px;
	}
	
	.vignette-article .titre {
		color: var(--mainColor);
	}
	
	.vignette-article .image img {
		height:280px;
	}
	
	.vignette-article .resume, .vignette-article .auteur{
		display:none;
	}
	
	.single-post .entete {
		margin-top: 0px;
	}
	
	#menu-principal ul.sub-menu{   
		width:100%;
	}
	
	.wrapper-top-articles {
		margin-bottom: 20px;
	}
	
	.menu-lateral a.logo{
		display:none;
	}
	
	ul#menu-lateral {
		margin: 10px 0px;
	}
	
	ul#menu-lateral>li {
		padding: 6px 0px;
	}
	
	ul#menu-lateral>li>a {
		font-size: 1.0em;
	}

	.main-wrapper-presentation{
		padding: 0px 0px;
	}

	.wrapper-presentation .photo{
		padding: 0px;
	}

	.wrapper-presentation .texte{
		padding: 50px 15px;
	}
	
	.wrapper-top-articles .main-template-vignette-article-1,
	.wrapper-top-articles .main-template-vignette-article-3{
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.vignette-article.template-vignette-article-1 .image {
		height: auto;
	}
	
	.vignette-article .image {
		height: auto;
	}
	
	.vignette-article .main-texte .texte {
		height: auto;
	}
	
	.vignette-article.template-vignette-article-2 .main-image {
		position: relative;
		height: auto;
	}

	.vignette-article .image,
	.vignette-article .texte{
		align-self: center;
	}

	.vignette-article .contenu{
		padding-left: 0px;
	}

	.vignette-article .contenu .date{
		margin-bottom: 0px;
	}
	
	.vignette-article .categories{
		/* display: none; */
	}
	
	.vignette-article.template-vignette-article-2 .categories {
		position: relative;
		width: calc(100% - 30px);
		left: auto;
		bottom: auto;
		margin-bottom: 10px;
	}
	
	.vignette-article .main-texte .texte {
		padding: 15px 15px 25px 10px;
	}
	
	article.template-vignette-article-1{
		height:auto;
	}
	
	article.template-vignette-article-1 .texte {
		position: relative;
		width: 100%;
		bottom: auto;
		left: auto;
		top:auto;
		background:#ffffff;
		padding: 15px 15px 25px 10px;
	}
	
	.vignette-article.template-vignette-article-1 .titre {
		color: var(--mainColor);
		line-height: 1.0em;
		padding: 0px;
		font-weight: 700;
		background: none;   
		font-family: var(--titleFont);
		font-size: 1.6em;
		line-height: 1.0em;
		transition: all 0.2s ease 0s;
	}
	
	.vignette-article.template-vignette-article-1 .auteur-date{
		gap: 15px;
	}
	
	.vignette-article.template-vignette-article-1 .auteur-date .auteur, 
	.vignette-article.template-vignette-article-1 .auteur-date .date {
		padding: 8px 0px;
		background: none;
		color: #000000;
	}
	
	.single .date-article{
		margin-bottom: 15px;
	}
	
	.single-post .image {
		height: auto;
	}
		
	.section-gauche {
		padding-right: 15px;
	}
	
	.vignette-article .main-texte .texte {
		border-right: none;
	}
	
	.single-post .image .entete {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
		padding: 15px 0 0 0;
	}
		
	.single-post .vignette-article .image {
		height: auto;
	}
	
	.single-post .entry-content {
		position: relative;
		left: auto;
		width: 100%;
		padding: 0;
	}
	
	.single-post .image.avec-video .entete {
		margin-left: 0px;
	}
	
	.nav-pills {
		justify-content: flex-start;
	}
	
	.banniere-taxo .categorie {
		margin-top: 15px;
	}
	
	.single-post .entete .top-entete {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		margin-bottom: 15px;
		flex-direction: column;
		align-content: flex-start;
		gap:10px;
	}
	
	.tax-dossier .row article:after{
		bottom:auto;
		bottom:56%;
		right:auto;
	}
	
	.banniere-taxo .categorie {
		left:auto;
		right: 15px;
	}
		
	.vignette-article .image .format {
		right: 25px;
	}
		
	/* section latérale */
	aside.main-sidebar {
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 30px;
		border-top:1px solid #ededed;
	}

	footer #menu-pied-de-page{
		display: block;
		margin-bottom: 30px;
	}

	footer #menu-pied-de-page li{
		display: block;
	}
}

/* #endregion MOBILE */