/*
Theme Name: My custom theme
Description: Un thème HTML5 basé sur <a href="http://nathanstaines.com/articles/starkers-html5/">Starkers HTML5</a>
Version: 1.2
Author: Yann
*/

/* permet de respecter la width fixée sans prendre en compte le padding */
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.alignleft {
	float: left;
	margin: 5px 10px 5px 0px;
}

.alignright {
	float: right;
	margin: 5px 0px 5px 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.ppw-post-password-container {
	display: table;
	margin: 25px auto;
}

/* div qui entoure les images insérées (posts ou pages) si elles ont une légende */
.wp-caption {
	color: #000;
}

/* légende des images insérées */
.wp-caption-text {
	color: red;
}

/* légende des galleries natives */
.gallery-caption {}

/* style des commentaires postés par l'auteur du post */
.bypostauthor {}

.header-designe-right {
	top: -82px;
	right: -138px;
	position: absolute;
}

.header-designe-left {
	position: absolute;
	width: 180px;
	top: -70px;
}

.footer-designe-right,
.footer-designe-left {
	z-index: 1;
	position: absolute;

}



body.page-id-19 div#meteo+.container,
body.page-id-976 div#meteo+.container,
.container:has(#callage_cible_verte) {
	position: relative;
	z-index: 2;
	background-color: white;
	width: 100%;
}

.footer-designe-left {
	height: 100%;

}

.footer-designe-right {
	right: -40px;

}

#footer {
	background-image: url("images/footer-img.svg");
	background-size: cover;
	background-position: 40%;
	background-color: #06384c;
}

@media (max-width: 991px) {
	#container_photos_videos>h3,
	#container_photos_videos>div {
		z-index: 2;
		position: relative;
	}
}

.home #swiper_header {
	z-index: 2;
	background-color: aliceblue;
}

.continerDiv {
	background-color: #023850;
}

@media (min-width: 1200px) {
	.container.div_container_header {
		width: calc(100% - 200px);
	}
}

.bk_blue{
	background-color: #023850;
}

header .evenement_date{
    font-weight: bold;
    font-style: italic;
    font-size: 45px;
    color: #fff;
    font-family: 'Roboto';
	line-height: 1;
}

a:has(#logo){
	margin-bottom: 25px;
}

header .evenement_date.mobile_evenement_date{
	display: none;
	font-size: 22px;
	line-height: 1;
	margin-top: 10px;
}

header .container.div_container_header::before,
header .container.div_container_header::after{
	content: unset;
}

header .container.div_container_header{
	display: flex;
	justify-content: space-between;
	height: 100%;
	align-items: end;
}

header .menu_right_items{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: end;
	padding: 15px 0px;
}

header .evenement_date.web_evenement_date{
	margin-bottom: 25px;
	margin-left: 10px;
}

.evenement-date-front{
	text-align: center;
	font-size: 50px;
	font-style: italic;
	font-weight: bold;
	font-family: 'Roboto';
	color: #fff;
}

header .menu_right_items{
	display: none;
}

.left-part-web{
	display: flex;
    align-items: end;
}

header #container_menu ul.menu li.menu ul.sous_menu li.sous_menu a{
	white-space: normal;
}

.bk-light-blue{
	background-color: #edf3f4 !important;
}

@media (max-width: 1350px) {
	header .evenement_date{
		font-size: 33px;
	}
}

@media (max-width: 991px) {
	header #div_header_social{
		display: none;
	}

	header .evenement_date.mobile_evenement_date{
		display: block;
		max-width: 200px;
	}

	header .evenement_date.web_evenement_date{
		display: none;
	}

	header a:has(#logo.web_logo){
		display: none;
	}

	header .menu_right_items{
		display: flex;
	}
}

@media (max-width: 470px) {
	.evenement-date-front{
		font-size: 33px;
	}
}

.custom-news .vc_grid-btn-load_more{
	display: none !important;
}


body:has(.vc_tta-panel){
	overflow: unset;
}