/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      0.1

/*************** CSS OK SW La Touline ***************/
/***********Css Landing*****************/
/*.page-type-landing .top-bar, .page-type-landing .site-header, .page-type-landing .site-footer,
.page-template-page-landing .site-footer, .page-template-page-landing-immersion .site-footer{
display: none;
}*/
.page-type-landing .btn {
	text-transform: initial;
	border-radius: 30px;
	padding: 11px 35px;
	white-space: normal;
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 20px;
}
.page-type-landing .btn_orange_light {
	color: #FFB752 !important;
	background-color: #fff;
	border: 1px solid #FFB752;
}
.page-type-landing .btn_orange_light:hover {
	color: #fff !important;
	background-color: #FFB752;
	border: 1px solid #FFB752;
}
.page-template-page-home .btn_dark_blue_full{
	background-color: #0F2033 !important;
	border: 1px solid #0F2033 !important;
}
.page-template-page-home .btn_dark_blue_full:hover{
	color: #0F2033 !important;
	border: 1px solid #0F2033 !important;
}
.title-landing,
.header-title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	font-family: "futura-pt-condensed", sans-serif;
}
.header-title {
	flex-direction: column;
}
.title-landing::before,
.title-landing::after {
	display: inline-block;
	content: '';
	background-color: #0F2033;
	height: 6px;
	width: 110px;
	margin-right: 25px;
	margin-left: 25px;
}
#cta-1 .title-landing {
	margin-top: -90px;
}
#cta-1 .title-landing::before, 
#cta-1 .title-landing::after {
	content: none;
}
.title-landing h2,
.title-landing-outside h2,
.header-title .blue-part,
.header-title .white-part {
	background-color: #0F2033;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px 50px;
	font-weight: 700;
	font-style: italic;
	transform: skewY(-3deg) rotateY(30deg);
	margin: 0;
	font-size: 50px;
}
.header-title .blue-part,
.header-title .white-part {
	font-size: 70px;
	line-height: 70px;
	position: relative;
	z-index: 10;
}
.header-title .white-part {
	background-color: #FFF;
	color: #70a8da;
	box-shadow: -3px 10px 15px #ccc;
	padding: 30px 100px 20px;
	margin-top: -15px;
	font-weight: 900;
	font-size: 80px;
	z-index: 0;
}
/******section vp*********/
.page-type-landing #VP{
	padding-top: 0px;
	padding-bottom: 60px;
}
.page-type-landing #VP .logo{
	position: initial;
}
.page-type-landing #VP .logo img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.page-type-landing #VP .image_full_largeur {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.page-type-landing #VP .container-info{
	text-align: center;
}
.page-type-landing #VP .container-info img,
.page-type-landing .header-title {
	position: relative;
	top: -150px;
	margin-bottom: -80px;
}

.page-type-landing #VP .container-info h1,.page-type-landing #VP .container-info h2, .page-type-landing .section-lp-p .container-info h2{
	color: #37B3E4;
	font-size: 48px;
	text-transform: unset;
	line-height: 1.1;
}
.page-type-landing .section-lp-p .container-info h2{
	font-size: 40px;
}
.page-type-landing .wave {
	position : relative;
}


.page-type-landing #VP .container-info h1 .wave::before, .page-type-landing #VP .container-info h2 .wave::before, .page-type-landing .section-lp-p .container-info h2 .wave::before{
	content: '';
	background: url(/wp-content/uploads/2021/10/vaguelette.svg) no-repeat;
	background-size: contain;
	width: 80px;
	height: 15px;
	position: absolute;
	left: -95px;
	top: 50%;
}
.page-type-landing #VP .container-info h1 .wave::after, .page-type-landing #VP .container-info h2 .wave::after,  .page-type-landing .section-lp-p .container-info h2 .wave::after{
	content: '';
	background: url(/wp-content/uploads/2021/10/vaguelette.svg) no-repeat;
	background-size: contain;
	width: 80px;
	height: 15px;
	position: absolute;
	right: -95px;
	top: 50%;
}
.page-type-landing #VP .container-info p,  .page-type-landing .section-lp-p .container-info p{
	color: #0F2033;
	font-size: 30px;
	font-weight: 700;
	margin: 30px auto;
}

.page-type-landing .small_p p, .page-type-landing p.small_p {
	font-size: 24px !important;
	font-weight: 300;
}

.page-type-landing #VP .container-info .btn:not(:last-of-type){
	margin-right: 10px;
}

#section_vague_adherer  {
	background-size: cover;
	background-repeat: round;
	margin-top : -50px;
	position : relative;
}

.page-type-landing .cta_1_links_adherer {
	position : relative;
	padding-top : 75px;
	margin-top : 100px;
}


.page-type-landing .cta_1_links_adherer p,  #section_vague_adherer p {
	font-size : 25px;
	font-weight : 800;
	margin-bottom : 20px;
}
#section_vague_adherer p {
	line-height :1.2em;
}


.page-type-landing .cta_1_links_adherer svg,  #section_vague_adherer  svg{
	position : relative;
	z-index : 1;
}
@media (max-width : 1200px) {
	.page-type-landing .cta_1_links_adherer svg,  #section_vague_adherer svg {
		display : none;
	}
}


.page-type-landing .cta_1_links_adherer:before {
	content : '';
	background: url("/wp-content/uploads/2023/11/separateur-vague-blanc-bottom.svg") no-repeat;
	background-size: cover;
	background-position: top;
	height: 75px;
	width : 100%;
	position : absolute;
	top : -1px;
	right : 0;
}




/******section or*********/
.page-type-landing #OR{
	background-color: #0F2033;
}

/*****métiers*****/
.page-type-landing #metiers .row .container img:nth-of-type(1){
	margin-bottom: 10px;
}
.page-type-landing #metiers .carousel-nav{
	padding-bottom: 15px;
}
.page-type-landing #metiers .carousel-nav .carousel-cell{
	opacity: 0.4;
	width: 100px;
	margin-right: 30px;
}
.page-type-landing #metiers .carousel-nav .carousel-cell img{
	height: 50px;
}
.page-type-landing #metiers .carousel-nav .carousel-cell p{
	color: #37B3E4;
	font-weight: 700;
	padding-top: 10px;
	margin-bottom: 20px;
}
.page-type-landing #metiers .carousel-nav .is-selected{
	opacity: 1;
}
.page-type-landing #metiers .carousel-nav .flickity-page-dots{
	bottom: 0;
}
.page-type-landing #metiers .carousel-nav .flickity-page-dots .dot{
	background-color: #37B3E4;
	width: 40px;
	height: 4px;
	margin: 0;
	border-radius: 0;
}
.page-type-landing #metiers .carousel-main{
	height: 700px;
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.page-type-landing #metiers .carousel-main .flickity-button {
	position: absolute;
	background: #0f2033!important;
	border: 3px solid #0F2033!important;
	color: #fff!important;
}
.page-type-landing #metiers .carousel-main .flickity-button {
	position: absolute;
	background: #0f2033!important;
	border: 3px solid #0F2033!important;
	color: #fff!important;
}

.page-type-landing .dark-bg {
	background-color: #0F2033;
	padding: 60px 0px;
}
.page-type-landing #VP .dark-bg p,  .page-type-landing .section-lp-p .dark-bg p{ 
	color: #FFF;
}
.page-type-landing #metiers .carousel-main .flickity-button.next {
	right: 15%;
}
.page-type-landing #metiers .carousel-main .flickity-button.previous {
	left: 15%;
}
.page-type-landing #metiers .carousel-main .carousel-cell{
	width: 100%;
	height: 100%;
	position: absolute;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod{
	border: none;
	border-radius: 50px;
	position: absolute;
	top: 100px;
	right: -100px;
	margin-right: -100px;
	z-index: 100;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body{
	text-align: center;
	margin: 20px auto;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body img {
	width: 60px;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body .logo img {
	width: inherit;
	max-height: 40px;
}

.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body h2 .wave {
	position: relative;
	min-height: inherit;
	max-width: calc(100% - 200px);
	width: fit-content;
	display: block;
	margin: auto;
}

.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body h2 .wave::before{
	content: '';
	background: url(/wp-content/uploads/2021/10/vaguelette.svg) no-repeat;
	width: 80px;
	height: 15px;
	position: absolute;
	left: -95px;
	top: calc(50% - 5px);
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body h2 .wave::after{
	content: '';
	background: url(/wp-content/uploads/2021/10/vaguelette.svg) no-repeat;
	width: 80px;
	height: 15px;
	position: absolute;
	right: -95px;
	top: calc(50% - 5px);
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .title{
	color: #37B3E4;
	font-size: 30px;
	text-align: center;
	text-transform: none;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .avis{
	color: #0F2033;
	font-size: 18px;
	text-align: left;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .row .col-6{
	text-align: center;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .row h3{
	font-size: 18px;
	margin: 0px;
}
.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .row p{
	font-size: 18px;
}
.page-type-landing #metiers .carousel-main .carousel-cell .carousel-img{
	position: relative;
	z-index: 50;
}
.page-type-landing #metiers .infos{
	padding-top: 15px;
}

.page-type-landing .section-btn-adherer {
	overflow : hidden;
}
.page-type-landing .section-btn-adherer h2.wave {
	max-width : 600px;
	margin : auto;
	position : relative;
	min-height : auto;
	font-size : max(30px);
	margin-bottom : 40px;
	font-weight : 900;
	line-height : 1.2em;
}
.page-type-landing .section-btn-adherer h2 .wave-left {
	position : absolute;
	top : 49%;
	left : -100px;
}
.page-type-landing .section-btn-adherer h2 .wave-right {
	position : absolute;
	top : 49%;
	right : -100px;
}


.page-type-landing .section-btn-adherer .row {
	row-gap : 20px;
}

.page-type-landing .section-btn-adherer .btn_icon_bleu_blanc {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 8px 8px 30px #00000026;
	border-radius: 20px;
	transition : 0.3s ease;
	cursor : pointer;
}
.page-type-landing .section-btn-adherer .btn_icon_bleu_blanc:hover {
	box-shadow: -8px -8px 30px #00000026;
}

.page-type-landing .section-btn-adherer .btn-supplementaire a {
	border : solid 1px #FEAB2E;
	border-radius : 41px;
	display: flex;
	margin-top : 20px;
	font-size : 18px;
	background-color:#FEAB2E;
	color : #FFF;
	padding : 10px;
	min-height : 60px;
	justify-content: center;
	align-items: center;
	font-weight : 700;
}
.page-type-landing .section-btn-adherer .btn-supplementaire a:nth-child(odd) {
	background-color:#FFF;
	color : #FEAB2E;
}

.page-type-landing .section-btn-adherer .btn_icon_bleu_blanc .cta-icon-svg {
	width: 85px;
	height: 85px;
	background: #182335;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius : 50px;
	padding : 20px;
	transform : scale(1.2);
}

.page-type-landing .section-btn-adherer .btn_icon_bleu_blanc .cta-text {
	width: calc( 100% - 85px );
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: #182335;
	font-weight : 900;
	font-size : 20px;
}


/***********chiffres cles*****************/
.page-type-landing #chiffres-cles{
	padding-top: 30px!important;
	padding-bottom: 90px!important;
}

/***********CTA 1*****************/
.page-type-landing #cta-1{
	background-color: #FFB752;
}
.page-type-landing #cta-1 img{
	position: relative;
	top: -140px;
	margin-bottom: -105px;
}
.page-type-landing #cta-1 .container h3 {
	color: #FFF;
	font-size: 30px;
	text-transform: none;
}

/***********Témoignages*****************/
.page-type-landing #temoignages .carousel {
	max-width : 1200px;
	margin : auto;
	padding : 10px;
	margin-bottom : 150px;
}
.page-type-landing #temoignages .flickity-slider .carousel-cell {
	width: 100%;
	margin : 0 10px;
	padding : 0 10px 10px 10px;
	bottom : 0;
}
.page-type-landing #temoignages .carousel-temoignages .carousel-cell .picto {
	position: relative;
	bottom: -70px;
	width: 20%;
	z-index: 100;
	border-radius : 100px;
}
.page-type-landing #temoignages .carousel-temoignages .carousel-cell .item-prod {
	border-radius: 30px;
	box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}
.page-type-landing #temoignages .carousel-temoignages .carousel-cell .item-prod .card-body {
	margin-top: 65px;
}
.page-type-landing #temoignages .carousel-temoignages .carousel-cell .item-prod .avis{
	color: #0F2033;
	font-size: 20px;
	font-style: italic;
	text-align: left;
}
.page-type-landing #temoignages .carousel-temoignages .carousel-cell .item-prod .temoin{
	color: #37B3E4;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	margin : 0;
}
.page-type-landing #temoignages .carousel-temoignages .flickity-page-dots{
	display: none;
}
.page-type-landing #temoignages .carousel-status{
	color: #0F2033;
	font-size: 36px;
	font-weight: 700;
}
.page-type-landing #temoignages .carousel-temoignages .flickity-button {
	position: absolute;
	background: #0f2033!important;
	border: 3px solid #0F2033!important;
	color: #fff!important;
}
.page-type-landing #temoignages .carousel-temoignages.flickity-button:hover {
	background: #fff!important;
	color: #0F2033!important;
}

.page-type-landing #temoignages .carousel-temoignages .flickity-prev-next-button {
	bottom: -70px;
	top: inherit;
}

.page-type-landing #temoignages .carousel-temoignages .flickity-prev-next-button.previous {
	left: calc(50% - 70px);
}
.page-type-landing #temoignages .carousel-temoignages .flickity-prev-next-button.next{
	right: calc(50% - 70px);
}

/**************section vidéo*********************/
.page-type-landing #video .container-infos p {
	font-size: 26px;
	color:#0F2033;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0;
}
.page-type-landing #video .container-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.page-type-landing #video .container-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***********Partenaires*****************/
.page-type-landing #partenaires {
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 55%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
	padding-bottom : 150px;
}

.page-type-landing #partenaires .container img:nth-of-type(1){
	margin-bottom: 50px;
}
.page-type-landing #partenaires .container .container-info p{
	color: #0F2033;
	font-size: 24px;
}
.page-type-landing #partenaires .container img:last-child{
	margin-bottom: 40px;
}

/***********Contact*****************/
.page-type-landing #contact{
	background-color: #37B3E4;
}
.page-type-landing #contact .container-infos img:nth-of-type(1){
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -140px;
}
.page-type-landing #contact .container-infos p{
	color: #FFF;
	font-size: 18px;
}
.page-type-landing #contact .container-form p{
	color:#0f2033;
	margin-bottom: 5px;
	font-size: 16px;
}
.page-type-landing #contact .container-form .wpforms-container{
	color: #FFF;
}
.page-type-landing #contact .container-form .wpforms-container input, .page-type-landing #contact .container-form .wpforms-container select, .page-type-landing #contact .container-form .wpforms-container textarea{
	background-color: unset;
	border: 1px solid #FFF !important;
}
.page-type-landing #contact .container-form .wpforms-container ::-webkit-input-placeholder{
	color: #FFF;
	font-size: 16px;
}
.page-type-landing #contact .container-form .wpforms-container button{
	color: #37B3E4 !important;
	background-color: #FFF !important;
	border: none !important;
	border-radius: 30px;
	white-space: normal;
	font-weight: 600;
	text-transform: initial;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 11px 35px;
	transition: ease-in-out 0.3s;
}
.page-type-landing #contact .container-form .wpforms-container button:hover{
	color: #FFF !important;
	background-color: #0F2033 !important;
}



/* Découverte */

#decouverte .sous-titre {
	margin : 50px auto;
}

.page-type-landing #decouverte .sous-titre p {
	font-weight: bold;
	font-size : 25px;
	color: #182335;
}


#decouverte .card {
	border : none;
	box-shadow: 0px 0px 20px #00000029;
	border-radius: 40px;
	padding : 40px;
	height : 100%;
	max-width : 505px;
	margin : 10px;
}

#decouverte .card-img-top {
	width : fit-content;
	margin : auto;
	margin-bottom : 40px;
}

#decouverte .card-title {
	font-size : 25px;
	color : #182335;
}

#decouverte .card-text p {
	font-size: 20px;
	line-height: 1.4em;
	color : #182335;
	margin : 0;
}


#decouverte .decouverte-col-3 .card {
	padding : 40px 20px;
}
#decouverte .decouverte-col-3 .card img {
	max-width : 80px;
}
#decouverte .decouverte-col-3 .card .card-body {
	padding: 0;
}
#decouverte .decouverte-col-3 .card .card-title {
	font-size : 20px;
}
#decouverte .decouverte-col-3 .card .card-text p {
	font-size : 16px;
}

#decouverte .row {
	justify-content : center;
	row-gap: 40px;
}

.page-id-258 #decouverte .col-md-6 {
	max-width : 400px;
}
.page-id-258 #decouverte .card-body {
	padding : 0;
}


.page-id-258 #decouverte .sous-titre p {
	color: #2c4058;
	font-size: 20px;
	max-width: 750px;
	margin: auto;
	font-weight: 600;
}



/*********************/
/** MER AU FEMININ **/
/*******************/
#mer-feminin-wysuwyg  {
	padding-top : 0px;
}

#mer-feminin-wysuwyg p {
	font-size : 20px;
	color : #182335;
}


/* PROGRAMME */

.page-type-landing #programme {
	background-color : #30A6DE;
	margin: 100px auto;
	padding-bottom : 50px;
}

.page-type-landing #programme .title-landing-outside h2 {
	width : fit-content;
	margin : auto;
}
.page-type-landing #programme .title-landing-outside {
	margin-top : -30px;
}

.page-type-landing #programme .sous-titre {
	margin: 40px auto;
	color: #FFF;
	font-size : 20px;
}

.page-type-landing #programme .carousel-cell {
	width : 33.3%;
	min-width : 350px;
	top : 0;
	transition : 0.3s ease;
	background-color : #30A6DE;
}

.page-type-landing #programme .carousel-cell.is-selected {
	z-index : 20;
}

.page-type-landing #programme .carousel-cell:not(.is-selected) {
	top : 60px;
}

.page-type-landing #programme .carousel-cell:not(.is-selected) .carousel-img {
	opacity : 0.5;
}

.page-type-landing #programme .carousel-cell:not(.is-selected) .content-carousel {
	display : none;
}

.page-type-landing #programme .content-carousel {
	position : relative;
	background-color : #FFF;
	border-radius : 40px;
	padding : 40px;
	margin-top : -40px;
	margin-right: -10%;
	margin-left: -10%;
	width: 120%;
}

.page-type-landing #programme .carousel-icon {
	position : absolute;
	width : 100%;
	text-align : center;
	left : 0;
	top : -55px;
}

.page-type-landing #programme .content-carousel p {
	position : relative;
	margin : 0;
	text-align : center ;
}

.page-type-landing #programme .flickity-button {
	color: #ffffff; 
	background-color: #182335;
	transition : 0.3s ease;
}
.page-type-landing #programme .flickity-button:hover {
	color: #182335; 
	background-color: #ffffff;
}

@media screen and (min-width : 768px) {
	.page-type-landing #programme .flickity-button.previous {
		left : calc(50% - 300px);
	}
	.page-type-landing #programme .flickity-button.next {
		right : calc(50% - 300px);
	}
}

.page-type-landing #programme .infos {
	max-width : 800px;
	margin : auto;
}
.page-type-landing #programme .infos p {
	color: #FFF;
	font-size : 20px;
}
.page-type-landing #programme .infos p strong {
	color: #182335;
}


/* CAROUSEL ADHERER */

.page-type-landing #carousel-adherer {
	background-color : #182335;
	margin: 150px auto 100px;
	padding-bottom : 50px;

}

.page-type-landing #carousel-adherer .header-title {
	position: relative;
	top: inherit;
	margin-bottom: inherit;
	margin-top : -140px;
}

@media (max-width : 767px) {
	.page-type-landing .header-title {
		padding : 0px;
	}

	.page-type-landing .header-title .orange-part  {
		font-size : 30px !important;
	}
	.page-type-landing .header-title .white-part  {
		font-size : 25px !important;
	}
	.page-type-landing .flickity-button {
		display : none;
	}
	.page-type-landing #titre-texte-nvl .header-title{
		top : -150px !important;
	}
	.page-type-landing h2.wave {
		font-size : 20px !important;
	}
	.page-type-landing h2.wave svg {
		display : none !important;
	}




}

.page-type-landing {
	overflow-x: hidden;
}

.page-type-landing #carousel-adherer .title-landing-outside h2, .page-type-landing #titre-texte-nvl .title-landing-outside h2 {
	background-color: transparent; 
	transform: skewY(0deg) rotateY(0deg);
}

.page-type-landing #carousel-adherer .orange-part, .page-type-landing #titre-texte-nvl .orange-part {
	font-size: 65px;
	line-height: 50px;
	z-index: 10;
	background-color: #E64E03;
	text-transform: uppercase;
	padding: 10px 80px;
	transform: skewY(-3deg) rotateY(30deg);
}
.page-type-landing #titre-texte-nvl {
	margin-top : 200px;
}


.page-type-landing #carousel-adherer .white-part, .page-type-landing #titre-texte-nvl .white-part {
	color: #182335;
	font-size: 55px;
	box-shadow: 8px 8px 30px #00000026;
	padding: 30px 45px 20px;
}

.page-type-landing #carousel-adherer .sous-titre {
	margin: 40px auto;
	color: #FFF;
	font-size : 20px;
}

.page-type-landing #carousel-adherer .infos {
	margin : auto;
}


.page-type-landing #carousel-adherer .main-carousel {
	margin-top : 50px;
}
.page-type-landing #carousel-adherer .carousel-cell {
	width : 50%;
	min-width : 350px;
}

@media (min-width : 768px) {
	.page-type-landing #carousel-adherer .carousel-cell:nth-child(odd) {
		margin-top : 200px;
	}

}
@media (max-width : 767px) {
	.page-type-landing #carousel-adherer .carousel-cell {
		width : 100%;
	}
}

.page-type-landing #carousel-adherer .carousel-img, .page-type-landing #carousel-adherer .carousel-img img {
	width : 100%;
	max-width : 165px;
}

.page-type-landing #carousel-adherer .carousel-cell .row {
	gap : 15px;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.page-type-landing #carousel-adherer .carousel-cell:nth-child(odd) .row {
	align-items: flex-end;
}

.page-type-landing #carousel-adherer .content-carousel p {
	color : #FFF;
	margin : 3px;
	font-size : 16px
}

.page-type-landing #carousel-adherer .content-carousel p strong{
	font-size : 20px:
}

.page-type-landing #carousel-adherer .content-carousel p a{
	color: #182335;
	text-transform: uppercase;
	background-color : #FFF ;
	padding : 8px 20px ;
	border-radius : 30px ;
	font-weight : bold;
	line-height: 3;
	font-size : 16px;
	text-wrap: nowrap;
}

.page-type-landing #carousel-adherer .flickity-button {
	color: #ffffff; 
	background-color: transparent;
	border : solid 2px #FFF;
	transition : 0.3s ease;
}
.page-type-landing #carousel-adherer .flickity-button:hover {
	color: #182335; 
	background-color: #ffffff;
}

.page-type-landing #carousel-adherer .flickity-button.previous {
	left : -50px;
	top : 22px;
}
.page-type-landing #carousel-adherer .flickity-button.next {
	right : -50px;
	top : calc( 100% - 22px);
}

/* EVENEMENTS */


.page-type-landing #event .intro p {
	font-size : 25px;
	color: #182335;
	line-height : initial;
}

.page-type-landing #event .intro  {
	margin : 60px auto;
}

.page-type-landing #event .card {
	box-shadow:  none;
	border-radius: 0;
	border : none;
	background : #FFF;
	margin-bottom : 50px;
	width : 100%;
}

/* EVENEMENTS HEADER */

.page-type-landing #event .card-header {
	box-shadow: 0px 0px 29px #00000029;
	border-radius: 20px;
	background : #FFF;
	padding : 28px 45px;
	cursor : pointer;
	display : flex;
	align-items: center;
}
.page-type-landing #event .card-header h3 {
	font-weight: bold;
	font-size:	25px;
	color : #30A6DE;
	width : calc( 100% - 50px);
}

.page-type-landing #event .card-header .picto {
	width : 50px;
	text-align : center;
	transform : rotate(-90deg);
	transition : 0.3s ease;
}
.page-type-landing #event .card-header .picto span {
	font-size : 40px;
	width : auto;
	height : auto;
	color : #FEAB2E;
}
.page-type-landing #event .event_end .card-header .picto span {
	color : #182335;
}
.page-type-landing #event .card-header:hover .picto {
	transform : rotate(0deg);
}
.page-type-landing #event .card-header[aria-expanded="true"] .picto {
	transform : rotate(0deg);
}
.page-type-landing #event .card-header[aria-expanded="true"]:hover .picto {
	transform : rotate(-90deg);
}

.page-type-landing #event .card-header h3 .title_event_yellow {
	color : #FEAB2E;
}

.page-type-landing #event .event_end .card-header h3, .page-type-landing #event .event_end .card-header h3 .title_event_yellow  {
	color : #182335;
	font-style : italic;
}


/* EVENEMENTS BODY */

.page-type-landing #event .card .item {
	margin-top : 20px;
	background: #FFFFFF;
	box-shadow: 0px 0px 29px #00000029;
	border-radius: 20px;
} 
.page-type-landing #event .card-body {
	padding : 40px;
} 
.page-type-landing #event .card-body p {
	font-size : 18px;
	color : #182335;
} 

.page-type-landing #event .card-body p:last-of-type {
	margin : 0;
} 

.page-type-landing #event .card-body .card-text strong {
	color: #FEAB2E;
	text-transform: uppercase;
} 
.page-type-landing #event .card-body .card-text em {
	color: #30A6DE;
} 

.page-type-landing #event  .event_end .card-body h4 {
	color: #182335;
	font-size : 25px;
	font-weight : bold;
} 

.page-type-landing #event .card-body a {
	background: #30A6DE;
	border : 2px solid #30A6DE;
	border-radius: 30px;
	color: #FFFFFF;
	transition : 0.3s ease;
	padding: 5px 10px;
} 

.page-type-landing #event .event_end .card-body a {
	background: #182335;
	border : 2px solid #182335;
} 

.page-type-landing #event .card-body a:hover {
	background: #FFF;
	color : #30A6DE;
} 
.page-type-landing #event .event_end .card-body a:hover {
	color : #182335;
} 

.page-type-landing #event .row.card-text > div {
	padding-top : 40px;
}



/* RESPONSIVE LANDING PAGE */

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

	.page-type-landing #metiers .carousel-main .flickity-button.next {
		right: 0%;
	}
	.page-type-landing #metiers .carousel-main .flickity-button.previous {
		left: 0%;
	}
}
/* TELEPHONE */
@media only screen and (max-width: 767px) {

	.page-type-landing p {
		font-size : max(18px) !important;
	}


	.page-type-landing .btn{
		font-size: 16px;
	}
	/* VP */

	.page-type-landing #VP{
		padding-top: 0px!important;
		padding-bottom: 25px;
	}
	.page-type-landing #VP .logo{
		position: initial;
	}
	.page-type-landing #VP .logo img{
		width: 50%;
	}
	.page-type-landing #VP .img-vp{
		height: 450px;
	}
	.page-type-landing #VP .container-info{
		text-align: center;
	}
	.page-type-landing #VP .container-info img{
		top: -90px;
		margin-bottom: -90px;
	}
	.page-type-landing #VP .container-info h1{
		font-size: 24px;
	}

	.page-type-landing .section-lp-p .container-info h2{
		font-size: 20px;
	}

	.page-type-landing #VP .container-info h1 .wave::before, .page-type-landing .section-lp-p .container-info h2 .wave::before{
		width: 60px;
		height: 10px;
		left : -70px;
	}
	.page-type-landing #VP .container-info h1 .wave::after, .page-type-landing .section-lp-p .container-info h2  .wave::after{
		width: 60px;
		height: 10px;
		right : -70px;
	}
	.page-type-landing #VP .container-info p, .page-type-landing .section-lp-p p{
		font-size: 18px !important;
	}
	.page-type-landing #VP .container-info .btn:not(:last-of-type){
		margin-right: 0;
	}
	.page-type-landing #VP .btn_general{
		display: inline-block;
	}
	.page-type-landing #VP .header-title{
		top : -150px;
	}




	/* Métiers */
	.page-type-landing #metiers{
		padding-bottom: 20px!important;
	}
	.page-type-landing #metiers .carousel-nav {
		padding-bottom: 5px;
	}
	.page-type-landing #metiers .carousel-nav .carousel-cell{
		margin-right: 10px;
	}
	.page-type-landing #metiers .carousel-main{
		margin-top: 10px;
	}
	.page-type-landing #metiers .carousel-main .flickity-button {
		position: absolute;
		background: #0f2033!important;
		border: 3px solid #0F2033!important;
		color: #fff!important;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body {
		padding-bottom: 0px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod{
		width: 90%;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body h2 .wave::before{
		width: 60px;
		height: 10px;
		margin-right: 10px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .card-body h2 .wave::after{
		width: 60px;
		height: 10px;
		margin-left: 10px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .carousel-img{
		top: -70px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .title{
		font-size: 20px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .avis{
		font-size: 14px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .row h3{
		font-size: 14px;
	}
	.page-type-landing #metiers .carousel-main .carousel-cell .item-prod .row p{
		color: #37B3E4;
		font-size: 14px;
		font-weight: 700;
		line-height: 16px;
		padding-top: 5px;
	}


	/* Chiffres clés */
	.page-type-landing #chiffres-clés .container img:nth-of-type(1){
		margin-bottom: 20px;
	}

	/* CTA (section) */
	.page-type-landing #cta-1{
		padding: 30px 0px;
	}
	.page-type-landing #cta-1 img {
		position: relative;
		top: -105px;
		margin-bottom: -105px;
	}
	.page-type-landing #cta-1 .container h2{
		font-size: 24px;
	}

	/* Témoignages */
	.page-type-landing #temoignages  {
		padding-bottom: 0px;
	}
	.page-type-landing #temoignages .carousel {
		height: 600px;
	}
	.page-type-landing #temoignages .flickity-slider .carousel-cell {
		width: 350px;
	}
	.page-type-landing #temoignages .carousel-temoignages .carousel-cell .picto {
		width: 45%;
	}
	.page-type-landing #temoignages .carousel-temoignages .carousel-cell .item-prod .avis{
		font-size: 14px;
	}
	.page-type-landing #temoignages .carousel-temoignages .carousel-cell .item-prod .temoin{
		font-size: 12px;
	}
	.page-type-landing #temoignages .carousel-status{
		font-size: 20px;
		padding-top: 15px;
	}

	/* PROGRAMME */

	.page-type-landing #programme h2 {
		font-size : 25px;
	}
	.page-type-landing #programme {
		margin : 40px auto;
	}

	/* DECOUVERTE */

	#decouverte .card {
		padding : 20px;
	}
	#decouverte .col-md-6 {
		padding : 10px;
	}
	#decouverte .card-body {
		padding : 0px;
	}

	/* EVENEMENTS */

	.page-type-landing #event .card-header h3 {
		font-size : 18px;
	}
	.page-type-landing #event .card-header, .page-type-landing #event .card-body {
		padding : 20px;
	}



	/* Partenaires */
	.page-type-landing #partenaires {
		padding: 20px auto;

	}
	.page-type-landing #partenaires .container img:nth-of-type(1){
		margin-bottom: 20px;
	}
	.page-type-landing #partenaires .container .container-info p{
		font-size: 15px;
	}
	.page-type-landing #partenaires .container img:last-child {
		margin-bottom: 20px;
	}

	/* Formulaire */

	.page-type-landing #contact .container-infos img:nth-of-type(1){
		top: -115px;
		width: 70%;
	}
	.page-type-landing #contact .container-infos p{
		font-size: 16px;
		margin-bottom: 20px;
	}

	.page-type-landing #contact .container-form .wpforms-container ::-webkit-input-placeholder{
		font-size: 14px;
	}
}

/***************************************/
/*************** Général ***************/
/***************************************/
/*****************Cookie**********************/
#tarteaucitronAlertBig{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert{
	order: 2;
	flex-basis: 100%;
	font-size: 18px;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize{
	order: 5;
}
#tarteaucitronRoot .tarteaucitronDeny{
	position: absolute;
	top: 5px;
	right: 5px;
	background: transparent!important;
	text-decoration: underline!important;
	color: #333!important;
	display: flex;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert{
	order: 4;
	border-right: 1px solid;
	padding: 0 15px;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl{
	order: 3;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
	background-color: #FFF!important;
	color: #333;
}
#tarteaucitronRoot span#tarteaucitronDisclaimerAlert:before {
	display: block;
	content: 'Gestion des cookies';
	font-size:35px;
	line-height: 40px;
	font-weight: normal;
	text-transform: none;
	color: #333;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl, 
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, 
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, 
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
	color: #333!important;
}
div#tarteaucitronAlertBig:before {
	content: ''!important;
	font-size: 50px;
	order: 1;
	flex-basis: 100%;
	width: 280px;
	height: 90px;
	background: url('/wp-content/uploads/2020/07/Logo-La-Touline-emploi-maritime.svg') no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	margin: auto;
	font-size: 0;
}
#tarteaucitronRoot div#tarteaucitronAlertBig {
	max-width: 630px;
	padding: 50px 0 25px;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize {
	background-color: #002032 !important;
	color: #fff !important;
	border: 1px solid #002032!important;
	white-space: normal;
	border-radius: 26px;
	padding: 10px 20px!important;
	text-transform: uppercase;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize:hover {
	color: #002032 !important;
	border: 1px solid #002032;
	background-color: #fff !important;
}

#page {
	padding : 0px;
}

h1,
h2,
h3,
h4 {
	text-transform: uppercase;
}

.color_blue {
	color: #182335 !important;
}
.color_orange {
	color: #ea670e !important;
}
h1 {
	color: #182335;
	font-weight: 700;
	font-size: 46px;
}
h2 {
	color: #182335;
	font-size: 40px;
	font-weight: 600;
}
h3 {
	font-size: 33px;
	color: #182335;
}
h4 {
	font-size: 16px;
}
p {
	color: #8599b7;
	font-size: 16px;
}
#page ul li {
	font-size: 16px;
}
.general_padding {
	padding-top: 25px;
	padding-bottom: 25px;
}
.section {
	padding: 60px 0px;
}

.bouton_blanc {
	text-transform: uppercase;
	color: #2c4058 !important;
	border-radius: 5px;
	padding: 5px 15px;
	/*    margin-top: -10px;*/
	border: none;
}
.btn_general {
	text-transform: uppercase;
	border-radius: 20px;
	padding: 10px 20px;
	border: none;
	white-space: normal;
}
.read-more {
	color: #fff !important;
	background-color: #ea670e !important;
	text-transform: uppercase;
	border-radius: 20px;
	padding: 10px 20px;
	border: none;
	white-space: normal;
	border: 1px solid #ea670e;
}
.read-more:hover {
	color: #ea670e !important;
	background-color: #fff !important;
	border: 1px solid #ea670e;
}
.btn_small {
	border-radius: 20px;
	padding: 2px 11px;
}

.btn_orange {
	color: #fff !important;
	background-color: #ea670e;
	border: 1px solid #ea670e;
}


.btn_orange:hover {
	color: #ea670e !important;
	background-color: #fff;
	border: 1px solid #ea670e;
}
.btn_orange_full {
	color: #fff !important;
	background-color: #ea670e;
	border: 1px solid #ea670e;
}
.btn_orange_full:hover {
	color: #ea670e !important;
	background-color: #fff;
	border: 1px solid #ea670e;
}
.btn_blue {
	color: #fff !important;
	background-color: #30a6de;
	border: 1px solid #30a6de;
}
.btn_blue:hover {
	color: #30a6de !important;
	background-color: #fff;
	border: 1px solid #30a6de;
}
.btn_blue_full {
	color: #fff !important;
	background-color: #30a6de;
	border: 1px solid #30a6de;
}
.btn_blue_full:hover {
	color: #30a6de !important;
	background-color: #fff;
	border: 1px solid #30a6de;
}
.btn_dark_blue {
	color: #182335 !important;
	background-color: #fff;
	border: 1px solid #182335;
}
.btn_dark_blue:hover {
	color: #fff !important;
	background-color: #182335;
}
.btn_dark_blue_full {
	color: #fff !important;
	background-color: #182335;
	border: 1px solid #182335;
}
.btn_dark_blue_full:hover {
	color: #182335 !important;
	background-color: #fff;
	border: 1px solid #182335;
}
.btn_green_full {
	color: #fff !important;
	background-color: #2caa67;
	border: 1px solid #2caa67;
}
.btn_green_full:hover {
	color: #2caa67 !important;
	background-color: #fff;
	border: 1px solid #2caa67;
}
.btn_yellow {
	color: #fff !important;
	background-color: #f9ba44;
	border: 1px solid #f9ba44;
}
.btn_yellow:hover {
	color: #f9ba44 !important;
	background-color: #fff;
	border: 1px solid #f9ba44;
}
.btn_metiers_perspective_evolution {
	color: #fff !important;
	background: #1d9300;
	border: 1px solid #1d9300;
}
.btn_metiers_perspective_evolution:hover {
	color: #1d9300 !important;
	background: #fff;
	border: 1px solid #1d9300;
}
.background-img {
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-blue h2 {
	color: #fff;
}
#breadcrumbs {
	text-transform: initial;
	font-size: 14px;
	color: #f9ba44 !important;
	font-family: "Montserrat", sans-serif;
	padding-top: 20px;
	font-weight: 500;
}
#breadcrumbs a {
	color: #f9ba44 !important;
}
.vertical-align {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
div.left_overflowing_picto {
	margin-left: -50px;
}
div.right_overflowing_picto {
	width: 150px;
}

/*********************************************/
/*************** Header - Menu ***************/
/*********************************************/
.top-bar {
	padding: 10px;
	background-color: #182335;
}
.pre-header-container {
	padding: 10px;
	background-color: #182335;
}
.pre-header-container .btn-app {
	float: right;
	overflow: hidden;
	max-width: 55%;
}
.bouton_bleu_custom {
	text-transform: initial;
	background-color: #30a6de !important;
	color: white !important;
	border-radius: 17px;
	padding: 2px 11px;
	border: 1px solid#30a6de;
}
.bouton_bleu_adherer {
	padding: 10px 20px;
	border-radius : 50px;
}

.btn_inline_block {
	display: inline-block;
}

.bouton_bleu_custom:hover {
	text-transform: initial;
	background-color: #182335 !important;
	border: 1px solid#fff;
}
.bouton_blanc_custom {
	text-transform: initial;
	background-color: #182335 !important;
	color: white !important;
	border-radius: 17px;
	padding: 2px 11px;
	border: 1px solid #fff;
}

@media screen and (max-width : 400px) {
	#custom_html-10 .custom-html-widget {
		display : inline-block;
	}

	#custom_html-10 .bouton_bleu_custom {
		margin : 0 0 10px 0;
	}
}

.bouton_blanc_custom:hover {
	text-transform: initial;
	background-color: #fff !important;
	color: #182335 !important;
	border-radius: 17px;
	padding: 2px 11px;
	border: 1px solid #fff;
}

.main-navigation .main-nav ul li a {
	font-size: 14px;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: uppercase;
}

.menu-item-has-children .dropdown-menu-toggle {
	padding-right: 5px;
	padding-left: 5px;
}

.current-menu-parent a,
.sub-menu .current-menu-item a {
	color: #182335 !important;
}

.current-menu-item a {
	color: #30a6de !important;
}

/*.sub-menu .current-menu-item a::after {
content: "\a";
background-color: #30a6de;
display: block;
height: 1px;
width: 25%;
margin-top: 5px;  
}*/

.sub-menu li a {
	color: #8f919e !important;
	font-size: 10px !important;
}

.main-navigation.toggled .main-nav li {
	text-align: center !important;
}

.main-navigation .main-nav ul li.nav-button a {
	background-color: #30a6de;
	color: #fff !important;
	border-radius: 30px;
	padding: 0px 19px;
	border: none;
	line-height: 35px; /*this number will likely need to be adjusted*/
}
.main-navigation .main-nav ul li.nav-button a:hover {
	background-color: #30a6de;
}
.main-navigation .main-nav ul li.nav-button {
	padding-top: 13px;
	margin-left: 24px;
}
.main-navigation .main-nav ul li.nav-button ul.sub-menu li a {
	background: none;
	color: #8f919e !important;
}

.inside-header {
	/* padding: 10px; */
	padding: 0;
}
.site-header {
	padding: 10px;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}




/*************** Footer ***************/
.site-footer {
	/*background: url("/wp-content/uploads/2019/11/Fichier-4.svg") no-repeat;
	background-size: cover;
	background-position: bottom; */
	background-color: white;
	position : relative;
	z-index : 5;
}
.site-footer:before {
	content : '';
	background: url("/wp-content/uploads/2023/11/separateur-vague-blanc-top.svg") no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 75px;
	width : 100%;
	position : absolute;
	top : -74px;
	right : 0;
	z-index : 10;
}
.footer-widgets {
	background-color: transparent;
}
#footer-widgets {
	text-align: center;
	text-transform: uppercase;
}
.site-footer .widget-title {
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
}
#footer-widgets ul::after {
	content: "\a";
	background-color: white;
	opacity: 0.1;
	display: block;
	margin: auto;
	height: 1px;
	width: 100%;
	margin-top: 25px;
}
#footer-widgets li:last-child {
	margin-right: 0;
}
#footer-widgets li a {
	color: #182335;
	font-size: 17px;
	text-transform: initial;
}
#footer-widgets .menu-menu-secondaire-footer-1 li a {
	text-transform: initial;
}
#footer-widgets .current-menu-item a {
	/* color: white !important; */
	color: #000 !important;
}
#nav_menu-2 #footer-widgets .current-menu-item a {
	color: white !important;
}
.site-footer .footer-widget-2 ul,
.site-footer .footer-widget-3 {
	text-align: left;
}
.site-footer .footer-widget-2 {
	padding: 0 0 0 70px;
}
.site-footer .footer-widget-2 .widget-title {
	text-align: left;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 18px;
}
.site-footer .footer-widget-3 #menu-menu-secondaire-footer-2-contact {
	text-transform: uppercase;
	font-weight: 600;
}
.site-footer .footer-widget-3 ul li {
	padding-bottom: 0px !important;
}
.site-footer .footer-widget-4 i {
	padding: 10px;
	border: 1px solid #182335;
	color: #182335;
}
.site-footer .footer-widget-4 .rs_LK i {
	padding: 10px 10px 10px 11px;
	border: 1px solid #182335;
}
.site-footer .container .row .col-md-4 p {
	color: white;
}
.site-footer > .container > .row > .col-md-4:nth-child(2) {
	text-align: justify;
}
.textwidget {
	display: inline-flex;
}
.site-info {
	background-color: #182335;
}
/* .blue_simcore {
color: #182335;
} */

/********************************************/
/*************** Page Accueil ***************/
/********************************************/
.titre_entete {
	margin-top: 10%;
}

@font-face {
	font-family: "murky_buzz_demoregular";
	src: url("./font/murkybuzzdemo-webfont.woff2") format("woff2"),
		url("./font/murkybuzzdemo-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
/* Faut-il le conserver ? (header trop grand ?) */
section.background-img.section.homesec1 {
	/* height: 750px; */
	height: 630px;
	background-position: center;
	margin-bottom: -50px;
}

.homesec1 .header-title .blue-part{
	font-size: 70px;
}

.homesec1 .row{
	justify-content: center;
}

.homesec1 .header-title .white-part{
	font-size: 50px;
	padding: 20px 30px 10px;
	box-shadow: -3px 10px 15px #00000044;
}

@media screen and (min-width : 768px) and (max-width : 1200px){
	.homesec1 .header-title .blue-part{
		font-size: 40px;
	}

	.homesec1 .header-title .white-part{
		font-size: 32px;
	}
}
@media screen and (max-width : 767px){
	.homesec1 .header-title .blue-part{
		font-size: 24px;
	}

	.homesec1 .header-title .white-part{
		font-size: 21px;
	}
}

@media screen and (max-width : 532px){
	.homesec1 .header-title .blue-part{
		font-size: 21px;
	}

	.homesec1 .header-title .white-part{
		font-size: 18px;

	}
}

.homesec1 .col-md-12 {
	padding-top: 250px;
}
.home .titre_entete > h2 {
	font-family: "murky_buzz_demoregular";
	color: white;
	letter-spacing: 5px;
}

.home .titre_entete > h2::after {
	content: url("/wp-content/uploads/2020/02/line-under-header.png");
	display: block;
	/* width: 25%; */ 
}

#qui_sommes_nous {
	padding-top: 0;
	margin-top: -100px;
}

.page-template-page-home h2,
.page-template-page-home h3:not(.card-title) {
	text-transform: initial;
}
.link_slider {
	color: #30a6de;
	text-transform: uppercase;
}
.link_slider::after {
	content: ">";
	color: #30a6de;
	font-weight: bold;
	position: absolute;
	right: 0;
	padding-right: 10px;

	/* content: "\a";
	background-color: #abb0b6;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	height: 1px;
	width: 100%; */
}

.page-template-page-home #section_vague  {
	/* height: 600px; */
	height: 500px;
	background-size: cover;
	background-repeat: round;
}




.page-template-page-home #section_vague p {
	color : #eee;
	font-size : 20px;
}

/*************** Section carousel `mise en avant services/produit` ***************/
.owl-stage {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.owl-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: none;
}
.owl-prev {
	height: 125px;
	position: absolute;
	width: 26px;
	cursor: pointer;
	top: 150px;
	left: -50px;
}
.owl-next {
	height: 125px;
	position: absolute;
	width: 26px;
	cursor: pointer;
	top: 150px;
	right: -50px;
}
.owl-prev i,
.owl-next i {
	color: white;
	font-size: 20px;
	border: 1px solid white;
	border-radius: 50%;
	padding: 0;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
}
.owl-next i {
	padding-left: 2px;
}
.owl-prev i {
	padding-right: 2px;
}
.owl-theme .owl-dots .owl-dot span {
	background: transparent;
	border: 1px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #fff;
	border: 1px solid #fff;
}
#services .card {
	border: none;
	width: 375px;
}
#services h3 {
	text-transform: none;
	font-size: 26px;
}
#services .card-body {
	background-color: #f8fafc;
}

/* Section `actualites` */
#actualites {
	background-repeat: no-repeat;
}
#actualites .container:nth-child(2) {
	margin-top: 75px;
}
#actualites .container:nth-child(3) {
	margin-top: 75px;
}
#actualites .container:nth-child(3) .row .col-md-6:nth-child(2) {
	padding: 25px;
}
#actualites .container:nth-child(3) .row .col-md-6:nth-child(2) h3 {
	color: #2c4058;
}
#actualites .container:nth-child(3) .row .col-md-6:first-child {
	padding-right: 0;
	padding-left: 0;
}
#actualites .container:nth-child(3) .row .col-md-6:first-child a img {
	height: 100%;
	object-fit: cover;
}

/* Section `les antennes de la Touline` */
.page-template-page-home #antennes {
	/* height: 775px; */
	height: 600px;
	background-size: cover;
	background-repeat: round;
}
.page-template-page-home #antennes .container:first-child {
	padding-top: 50px;
}


/*************** Page niv 1 ***************/
.page-template-page-niv1 h1 {
	color: #fff;
}

/* Générale */
.page-template-page-niv1 h1,
.page-template-page-niv1 h2,
.page-template-page-niv1 h3:not(.card-title),
.page-template-page-niv1 h4 {
	text-transform: initial;
}
.page-template-page-guide-metiers h1,
.page-template-page-guide-metiers h2,
.page-template-page-guide-metiers h3,
.page-template-page-guide-metiers h4,
.page-template-page-guide-metiers-niv2 h1,
.page-template-page-guide-metiers-niv2 h2,
.page-template-page-guide-metiers-niv2 h3,
.page-template-page-guide-metiers-niv2 h4 {
	text-transform: initial;
}
.content_hover {
	background-color: #fff;
	padding: 30px 25px;
	border-radius: 8px;
	z-index: 10;
	margin: 25px 0;
	left: 8%;
}
.page-template-page-niv1 #header_page_niv1 .svg_bg,
.page-template-page-niv2 #header_page_niv1 .svg_bg,
.page-template-page-guide-metiers .svg_bg,
.page-template-page-guide-metiers-niv2 .svg_bg {
	min-height: 342px;
	padding-bottom : 60px; 
	transform : translatey(2px);
}

.page-template-page-guide-metiers #header_page_niv1.background-img {
	padding : 0;
	padding-top : 60px;
}

.page-template-page-guide-metiers h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 46px;
	text-transform: initial;
}

/* section `antennes` */
.card_antenne {
	flex-direction: row;
	-ms-flex-align: end;
	align-items: flex-end;
	color: #fff;
	border: none;
	overflow: hidden;
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.075);
	min-height: 270px;
	border-radius: 10px;
	background-size: cover;
	background-color: #182335!important;
}

.hover_animate {
	transition : 0.3s ease;
}
.hover_animate:hover {
	transform: translate3d(0, -5px, 5px);
}
.over_content {
	position: relative;
	z-index: 20;
}
.card-body {
	flex: 1 1 auto;
}
.bg_image_antenne {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	object-fit: cover;
}
#antennes .card-title {
	font-size: 25px;
	color: white !important;
}
.page-template-page-niv1 #antennes {
	padding-top: 100px;
	padding-bottom: 200px;
	margin-top: -100px;
}

/*************** template parts ***************/

/* historique_chiffres_cles*/
.historique_chiffres_cles .container {
	margin-top: 40px;
}
.historique_chiffres_cles .content_chiffres_cles h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 25px;
}

.historique_chiffres_cles .content_chiffres_cles p {
	font-size: 14px;
	color: #fff;
}

/*historique_wysiwyg*/
.historique_wysiwyg .content_historique_wysiwyg {
	margin-top: 40px;
}
.historique_wysiwyg .content_historique_wysiwyg h3 {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 10px;
}
.historique_wysiwyg .content_historique_wysiwyg p {
	color: #fff;
}

.historique_wysiwyg .content_historique_wysiwyg ul li {
	color: #fff;
	font-size: 16px;
}

/* Chiffres clés */
#chiffres_cles .container:nth-child(2) .row {
	text-align: center;
}
#chiffres_cles .container .row div div p {
	text-transform: uppercase;
	margin-bottom: 0px;
}
.item_chiffrecle {
	width: 300px;
}
.item_chiffrecle img {
	margin-bottom: 25px;
}
#chiffres_cles
.chiffre-clef:first-child
.row
.item_chiffrecle
div:last-of-type
p:first-of-type {
	font-size: 48px !important;
	font-weight: 700;
	color: #2caa67;
}
#chiffres_cles
.chiffre-clef:nth-child(2)
.row
.item_chiffrecle
div:last-of-type
p:first-of-type {
	font-size: 48px !important;
	font-weight: 700;
	color: #f9ba44;
}
#chiffres_cles
.chiffre-clef:last-child
.row
.item_chiffrecle
div:last-of-type
p:first-of-type {
	font-size: 48px !important;
	font-weight: 700;
	color: #30a6de;
}

#chiffres_cles.section_cc_home .item_chiffrecle img {
	margin-bottom: 20px;
}

#chiffres_cles.section_cc_home .chiffre-clef .row .item_chiffrecle div p {
	color: #555;
}

#chiffres_cles.section_cc_home .chiffre-clef .row .item_chiffrecle div:last-of-type p:first-of-type {
	font-size: 48px !important;
	font-weight: 700;
	color: #30a6de;
}

/* Page niv1 - imgR&contentL_HOVER */
.trapeze {
	min-height: 700px;
}
.trapeze .container {
	padding-top: 100px;
}
.trapeze .container .content_hover {
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
}



/* Page niv1 - img_R&contnet_L-page-niv1.php */
/* Section avec la vague en background image */
.wave {
	min-height: 600px;
}
.wave .container {
	padding-top: 6%;
}
.wave img {
	border-radius: 10px;
}

/**************Section témoignage slider********************/
.slider-testimonial h2{
	font-size: 30px;
	color: #182335;
	margin-bottom: unset;
}
.slider-testimonial .title-container p{
	color: #EA670E;
	font-size: 30px;
	font-weight: 700;
}
.slider-testimonial .carousel-cell{
	background-color: #fff;
	border-radius : 5px;
	background-color: #fff;
	padding: 0xp 25px 30px;
	border-radius: 8px;
	z-index: 10;
	margin: 25px;
	/* left: 8%; */
	box-shadow: 1px 1px 15px 2px rgb(0 0 0 / 7%);
	/* width: 600px; */
	width: 50%;
}

.slider-testimonial .carousel-cell{
	background-color: #fff;
	border-radius : 5px;
	background-color: #fff;
	padding: 0px 25px 30px;
	border-radius: 8px;
	z-index: 10;
	margin: 25px;
	/* left: 8%; */
	box-shadow: 1px 1px 15px 2px rgb(0 0 0 / 7%);
	width: 600px;

}
.slider-testimonial .picto-box {
	/* width: 100px;
	height: 100px; */
	position: relative;
	top: -20px;
	display: inline-block;
}
.slider-testimonial .picto-box i {
	line-height: 100px;
	font-size: 50px;
}
.slider-testimonial .carousel-cell .item-prod strong{
	color:#597392 ;
}

.slider-testimonial .carousel-cell .item-prod p, .slider-testimonial .carousel-cell .thanks{
	line-height: 1.3;
}
.slider-testimonial .carousel-cell .thanks p{
	line-height: 1.3;
	font-style: italic;
	margin-bottom: unset;
}
/****************Page niv 1 Guide Métiers********************/
.page-template-page-guide-metiers .container-metiers {
	background-color: #fff;
	padding: 40px 0;
	margin-bottom: 25px;
	box-shadow: 2px 7px 20px 3px rgba(0, 0, 0, 0.09);
}

#jobs {
	background: url("/wp-content/uploads/2019/11/bg-chiffres-clés.jpg") no-repeat;
	background-position: bottom;
	background-size: contain;
}
#jobs h3 {
	text-transform: none;
	font-size: 24px;
}

/* Bouton des métiers */
.btn_metiers_admin_maritime {
	color: #fff !important;
	background: #002032;
	border: 1px solid #002032;
}
.btn_metiers_admin_maritime:hover {
	color: #002032 !important;
	background: #fff;
	border: 1px solid #002032;
}
.btn_metiers_marine_nationale {
	color: #fff !important;
	background: #b31417;
	border: 1px solid #b31417;
}
.btn_metiers_marine_nationale:hover {
	color: #b31417 !important;
	background: #fff;
	border: 1px solid #b31417;
}
.btn_metiers_marine_marchande {
	color: #fff !important;
	background: #e6332a;
	border: 1px solid #e6332a;
}
.btn_metiers_marine_marchande:hover {
	color: #e6332a !important;
	background: #fff;
	border: 1px solid #e6332a;
}
.btn_metiers_transport_logistique_maritime {
	color: #fff !important;
	background: #f39425;
	border: 1px solid #f39425;
}
.btn_metiers_transport_logistique_maritime:hover {
	color: #f39425 !important;
	background: #fff;
	border: 1px solid #f39425;
}
.btn_metiers_industrie_maintenance_navale {
	color: #fff !important;
	background: #71c5ef;
	border: 1px solid #71c5ef;
}
.btn_metiers_industrie_maintenance_navale:hover {
	color: #71c5ef !important;
	background: #fff;
	border: 1px solid #71c5ef;
}
.btn_metiers_activites_portuaires_port_commerce {
	color: #fff !important;
	background: #1d76bb;
	border: 1px solid #1d76bb;
}
.btn_metiers_activites_portuaires_port_commerce:hover {
	color: #1d76bb !important;
	background: #fff;
	border: 1px solid #1d76bb;
}
/* = .btn_blue */
.btn_metiers_ports_plaisance {
	color: #fff !important;
	background: #30a6de;
	border: 1px solid #30a6de;
}
.btn_metiers_ports_plaisance:hover {
	color: #30a6de !important;
	background: #fff;
	border: 1px solid #30a6de;
}
.btn_metiers_plaisance_professionnelle_nautisme {
	color: #fff !important;
	background: #38af72;
	border: 1px solid #38af72;
}
.btn_metiers_plaisance_professionnelle_nautisme:hover {
	color: #38af72 !important;
	background: #fff;
	border: 1px solid #38af72;
}
/* = .btn_yellow */
.btn_metiers_peche_cultures_maritimes {
	color: #fff !important;
	background: #f9ba44;
	border: 1px solid #f9ba44;
}
.btn_metiers_peche_cultures_maritimes:hover {
	color: #f9ba44 !important;
	background: #fff;
	border: 1px solid #f9ba44;
}
.btn_metiers_filieres_algues {
	color: #fff !important;
	background: #00a19a;
	border: 1px solid #00a19a;
}
.btn_metiers_filieres_algues:hover {
	color: #00a19a !important;
	background: #fff;
	border: 1px solid #00a19a;
}
.btn_metiers_transformation_commercialisation_produits_mer {
	color: #fff !important;
	background: #ec6611;
	border: 1px solid #ec6611;
}
.btn_metiers_transformation_commercialisation_produits_mer:hover {
	color: #ec6611 !important;
	background: #fff;
	border: 1px solid #ec6611;
}
.btn_metiers_energies_marines_renouvelables {
	color: #fff !important;
	background: #3d817f;
	border: 1px solid #3d817f;
}
.btn_metiers_energies_marines_renouvelables:hover {
	color: #3d817f !important;
	background: #fff;
	border: 1px solid #3d817f;
}
.btn_metiers_environnement {
	color: #fff !important;
	background: #95c11f;
	border: 1px solid #95c11f;
}
.btn_metiers_environnement:hover {
	color: #95c11f !important;
	background: #fff;
	border: 1px solid #95c11f;
}
.btn_metiers_recherche {
	color: #fff !important;
	background: #7f8285;
	border: 1px solid #7f8285;
}
.btn_metiers_recherche:hover {
	color: #7f8285 !important;
	background: #fff;
	border: 1px solid #7f8285;
}
.btn_metiers_plongee_professionnelle {
	color: #fff !important;
	background: #273986;
	border: 1px solid #273986;
}
.btn_metiers_plongee_professionnelle:hover {
	color: #273986 !important;
	background: #fff;
	border: 1px solid #273986;
}

/******************************************/
/*************** Page niv 2 ***************/
/******************************************/
/*Générale*/
.page-template-page-niv2 h1,
.page-template-page-guide-metiers-niv2 h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 46px;
	text-transform: initial;
}
.page-template-page-niv2 h2:not(.widget-title),
.page-template-page-guide-metiers-niv2 h2 {
	color: #2c4058;
	font-weight: 700;
	font-size: 40px;
	text-transform: initial;
}
.page-template-page-niv2 h3,
.page-template-page-guide-metiers-niv2 h3 {
	color: #2c4058;
	font-weight: 500;
	font-size: 33px;
	text-transform: initial;
}
#header_page_niv1 p {
	color: #ffffff;
	font-style: italic;
}
.page-template-page-niv2 .ancres_container{
	margin-top:0px;
}
/*Modèle Page niv 2*/
.page-template-page-niv2 .ancres_container 
.page-template-page-niv2 .imgRcontentL h3 {
	color: #ea670e;
}
.page-template-page-niv2 .historique-wysiwyg h2 {
	color: #ffffff;
}
.page-template-page-niv2 .historique-wysiwyg h3 {
	color: #30a6de;
}
.page-template-page-niv2 .historique-wysiwyg-key_figures h2 {
	color: #ffffff;
}

.page-template-page-niv2 .imgRcontentL .intro-h2 {
	margin : 40px auto;
}

.page-template-page-niv2
.historique-wysiwyg-key_figures
.container:last-child
.col-md-6:first-child
h3 {
	color: #30a6de;
}
.page-template-page-niv2
.historique-wysiwyg-key_figures
.container:last-child
.col-md-6:nth-child(2)
h3 {
	color: #2caa67;
}
.page-template-page-niv2
.historique-wysiwyg-key_figures
.container:last-child
.col-md-6:nth-child(3)
h3 {
	color: #ea670e;
}
.page-template-page-niv2
.historique-wysiwyg-key_figures
.container:last-child
.col-md-6:last-child
h3 {
	color: #f9ba44;
}
.page-template-page-niv2 .sec_team .job-title {
	font-size: 16px;
}
.page-template-page-niv2 .sec_team .jobs {
	font-size: 12px;
}

.donation-header {
	overflow : hidden;
}

#decouverte-metier-bouee {
	background-position: 80% 65%;

}

#decouverte-metier-marins {
	margin-top : 50px;
	background-position: 50% 65%;
	background-size: cover;
}

.text-20px {
	font-size : 20px;
}

/****************Modèle page niv 2 guide métiers************************/
/*Ancres*/
.ancres_container {
	margin-top: 30px;
}
.ancres_container ul {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.ancres_container ul li {
	display: inline-block;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 25px;
}
.ancres_container ul li a {
	color: #2c4058;
}
/* .ancres_container ul li a i {
margin-right: 5px;
color: grey;
} */

/*Elements fiche*/
.content_job_niv2 {
	border-top: 1px solid #dedede;
	padding-top: 45px;
}

/* .page-template-page-guide-metiers-niv2 .chiffre-clef {
padding: 35px 0;
border: none;
}

.page-template-page-guide-metiers-niv2 #chiffres_cles {
height: 600px;
} */

.page-template-page-guide-metiers-niv2 #chiffres_cles .card {
	padding: 35px 0px;
}

/* Override .card-footer Bootstrap class */
.card-footer {
	padding: 0;
	background: none;
	border-top: none;
}

/*************** Page niv 3 ***************/
#header_page_niv3 h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 46px;
	text-transform: initial;
}
#header_page_niv3 .svg_bg {
	height: 342px;
}

/*Zone des textes*/
#textes_fiche_metier h2 {
	color: #2c4058;
	font-weight: 700;
	font-size: 33px;
	text-transform: initial;
}
#textes_fiche_metier ul li {
	font-size: 16px;
}

/*Zone perspectives d'évolution*/
.single #perspectives_evolution {
	height: 600px;
}
#perspectives_evolution h2 {
	color: #2c4058;
	font-weight: 600;
	font-size: 30px;
	text-transform: initial;
}
#perspectives_evolution .card {
	border: none;
}
.perspectives_evolution h3 {
	text-transform: none;
	font-size: 25px;
}
.perspectives_evolution .col-md-12 {
	border: 1px solid lightgrey;
	padding: 25px;
	min-height: 240px;
}
.perspectives_evolution {
	padding: 35px 0;
}

/*************** Page actualités ***************/
.inside-article h1 {
	font-size: 30px;
}
.inside-article h2 {
	font-size: 30px;
}
.inside-article header h2 a {
	color: #2c4058;
}

/* Détails d'une actualité */
.inside-article .entry-content h2 {
	font-size: 20px;
	font-weight: 600;
}
#main article:last-of-type {
	margin-bottom: 100px;
}

/* Catégories (à droite) */
.inside-right-sidebar {
	-webkit-box-shadow: 1px 1px 5px 2px #f1f1f1;
	box-shadow: 1px 1px 5px 2px #f1f1f1;
}
.inside-right-sidebar h2 {
	text-transform: uppercase;
	font-weight: bold;
}
.inside-right-sidebar ul li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
	color: #4b5562;
	content: "\f0da";
}
.inside-right-sidebar ul li::after {
	content: "\a";
	background-color: #abb0b6;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	height: 1px;
	width: 100%;
}
.inside-right-sidebar ul li:last-child::after {
	content: none;
}
.inside-right-sidebar ul li a {
	color: #4b5562;
}

/*************** Page Contact ***************/
.page-template-page-contact .svg_bg {
	height: 342px;
}
.page-template-page-contact h1 {
	color: #ffffff;
	font-weight: 700;
	font-size: 46px;
	text-transform: initial;
}
.page-template-page-contact ul li {
	font-size: 17px;
	color: #182335;
	font-weight: 700;
	padding-bottom: 8px;
}
.page-template-page-contact #antennes {
	height: 500px;
}
#infos_contact_page_contact .container .row .col-md-6:first-child ul {
	list-style: none;
}
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form textarea {
	border-radius: 10px !important;
	border: 3px solid #f5f5f5 !important;
}
div.wpforms-container-full .wpforms-form button {
	color: #fff !important;
	background-color: #ea670e !important;
	border: 1px solid #ea670e !important;
	text-transform: uppercase;
	border-radius: 20px;
	padding: 10px 20px;
	border: none;
	white-space: normal;
}
div.wpforms-container-full .wpforms-form button:hover {
	color: #ea670e !important;
	background-color: #fff !important;
	border: 1px solid #ea670e !important;
}
.page-template-page-contact #carte {
	margin-bottom: -8px;
}

/*************** Page 404 ***************/
.error404 #page{
	max-width: 100%!important;
}
#page_404{
	margin-top: 100px;
}
.error404 .grid-container .rs-container .fab{
	color:#fff!important;
	margin-right: 20px;
}
.error404 .grid-container .rs-container .fab:hover{
	color:#30a7df!important;
}
/*********************************/
/************** Responsive *******************/
/*********************************/
/* Small PC */
/* @media only screen and (max-width: 1100px) and (min-width: 768px){  */
@media only screen and (max-width: 1100px) {
	/* Page home */
	#section_vague .picto_section {
		display: none;
	}

}

/* TABLETTE */
/* @media only screen and (max-width: 1024px) and (min-width: 768px){  */
@media only screen and (max-width: 1199px) and (min-width: 768px) {
	/* Page home */
	#qui_sommes_nous {
		padding-left: 0;
		background-image: none !important;
	}
	#qui_sommes_nous .container-fluid {
		padding-left: 47px;
	}

	#contact_page_niv1 .container .bg-white {
		width: initial;
		padding-left: 15px;
		padding-right: 15px;
		left: 5%;
	}

	#contact .container .bg-white {
		width: auto;
	}
	#contact .container .bg-white .row {
		margin-right: 0;
	}

	.item_secteur_activite p {
		margin-bottom: 0;
	}
}

/* TELEPHONE */
@media only screen and (max-width: 767px) {
	/************Cookies****************/
	#tarteaucitronRoot div#tarteaucitronAlertBig {
		width: 90%!important;
	}
	#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
		margin: 25px 0;
		font-size: 15px;
	}

	#tarteaucitronRoot span#tarteaucitronDisclaimerAlert:before {
		font-size:25px!important;
		font-weight: 700;
	}

	div#tarteaucitronAlertBig:before {
		width: 270px;
		height: 65px;
	}
	/***********************************/

	/************ Générale ***************/
	.page-template-page-niv1 #header_page_niv1 .svg_bg,
	.page-template-page-niv2 #header_page_niv1 .svg_bg,
	.page-template-page-guide-metiers .svg_bg,
	.page-template-page-guide-metiers-niv2 .svg_bg,
	.page-template-page-contact .svg_bg, #header_page_niv3 .svg_bg {
		/* Pour padding section 15px 0px
		height: 386px; */
		/* Pour padding section 60px 0px */
		min-height: 341px;
		padding-bottom : 60px;
		transform : translatey(2px);
	}
	.pre-header-container .btn-app {
		float: unset;
		overflow: hidden;
		max-width: 100%;
		text-align: center;
	}
	.picto_section {
		display: none !important;
	}
	#breadcrumbs {
		padding: 15px;
	}
	#antennes .container_antennes {
		margin-bottom: 60px;
	}
	#antennes .container_antenne {
		width: 80%;
		margin-bottom: 15px;
	}
	#antennes .card_antenne {
		min-height: 100px;
	}
	/* .trapeze {
	background: #F8FAFC !important;
}
	.trapeze .container {
	padding-top: 0;
} */
	.bg-blue {
		background: #182335 !important;
	}
	.bouton_orange {
		max-width: 100%;
		margin-bottom: 10px;
	}
	/*********** Menu ***************/
	.site-header, .inside-header {
		padding: 0;
	}
	.main-navigation .main-nav ul li a {
		line-height: 45px;
	}
	.inside-header > :not(:last-child):not(.main-navigation) {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.main-navigation .main-nav ul .current-menu-item a::after {
		display: none;
	}
	.main-navigation.toggled .main-nav li {
		border-bottom: 1px solid #ddd;
	}
	.sub-menu li a {
		font-size: 15px !important;
	}
	.slideout-navigation.main-navigation .main-nav ul li a {
		text-transform: uppercase!important;
		font-weight: 700!important;
		font-size: 20px!important;
	}
	.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
		border-left: none!important;
	}
	/*********** Footer ***************/
	.site-footer {
		background-size: contain;
	}
	.site-footer .container .row .col-md-4:first-child img {
		width: 40%;
	}
	.site-footer .container .content {
		padding-top: 25px;
	}
	.rs_LK {
		text-align: center;
	}
	.rs_TW {
		text-align: center !important;
	}
	.site-footer .container .row .col-md-4:last-child i {
		margin-right: 0%;
	}
	#footer-widgets li {
		display: block;
		margin-right: 0%;
	}
	#footer-widgets .footer-widget-2,
	#footer-widgets .footer-widget-3 {
		margin-bottom: 0px;
	}
	.site-footer .footer-widget-2 {
		padding-left: 0px;
	}
	#menu-menu-secondaire-footer-1 {
		text-align: center;
	}
	#nav_menu-3 {
		text-align: center;
	}

	/*********** Page Home ***************/
	.page-template-page-home #qui_sommes_nous {
		margin-top: -60px;
	}
	#qui_sommes_nous {
		padding-left: 0;
		background-image: none !important;
	}
	#qui_sommes_nous .container .row .col-md-6:first-child {
		margin-bottom: 25px;
	}
	.page-template-page-home #section_vague {
		background-repeat: no-repeat;
	}
	.page-template-page-home #actualites {
		background: #F8FAFC;
		padding-bottom: 30px;
	}
	.page-template-page-home #actualites .container:nth-child(2) {
		margin-top: 15px;
	}
	.page-template-page-home #antennes {
		height: auto;
	}
	.page-template-page-home #antennes .container:first-child {
		padding-top: 25px;
	}
	.page-template-page-home #antennes  {
		background-repeat: no-repeat;
	}
	.page-template-page-home #antennes .container:nth-child(2) div div .card_antenne {
		background-size: cover !important;
		background-position: center !important;
	}

	/************ Page niv1 ****************/
	#header_page_niv1 h1 {
		font-size: 35px;
	}
	.page-template-page-niv1 h1 {
		padding-top: 0;
	}
	.page-template-page-niv1 h2 {
		padding-top: 15px;
		margin-bottom: 10px;
	}
	#section_page_niv1_background {
		height: unset;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.page-template-page-niv1 .content_hover {
		left: 0;
	}
	.page-template-page-niv1 #antennes {
		padding-bottom: 50px;
		margin-top: -50px;
	}
	.page-template-page-niv1 #antennes h2 {
		margin-bottom: 50px;
	}
	.chiffre-clef {
		width: 50%;
		margin-bottom: 15px;
		padding: 0;
	}
	#chiffres_cles .row {
		justify-content: center;
	}
	#chiffres_cles .container_chiffrecle {
		padding-bottom: 10px;
	}
	#chiffres_cles .container .row div div p {
		font-size: 13px;
	}
	.imgRcontentL .container .row .col-md-6:first-child {
		order: 1;
	}
	.imgRcontentL .container .row .col-md-6:last-child {
		order: 2;
	}




	/************ Page guide métiers niv1 ****************/
	.ancres_container ul li {
		margin-bottom: 15px;
	}
	.container ul li a {
		font-size: 14px;
	}
	.btn_general {
		padding: 5px 10px;
	}
	.page-template-page-guide-metiers .container-metiers {
		text-align: center;
	}
	.content_job_niv2 .btn_general {
		display: inline-block;
		vertical-align: top;
		padding: 0px 10px;
		margin-bottom: 5px;
	}

	/************temoignages  slider********************/
	.slider-testimonial .carousel-cell{
		width: 100%;
	}
	.slider-testimonial .carousel-cell .thanks-container .logo{
		text-align: center;
		margin-bottom: 10px;
	}
	.slider-testimonial .carousel-cell .thanks-container .logo img{
		width: 50%;
	}
	.slider-testimonial .carousel-cell .thanks-container .logo img{
		width: 50%;
	}
	/************ Page guide métiers niv2 ****************/
	.page-template-page-guide-metiers-niv2 #chiffres_cles {
		height: auto;
	}

	.page-template-page-guide-metiers-niv2 .chiffre-clef {
		width: 100%;
	}

	/************ Page guide métiers niv3 ****************/
	.single #perspectives_evolution {
		height: auto;
	}
	/************ Page contact */
	.page-template-page-contact #antennes {
		height: auto;
	}
	.wave .container {
		padding-top: 0;
	}
	.wave_responsive {
		background-image: none;
		background: #182335 !important;
	}
	#contact_page_niv1 .container .bg-white .row {
		margin-left: 0;
		margin-right: 0;
	}
	#contact_page_niv1 {
		background-image: none !important;
		margin-bottom: 200px;
	}
	/************ Page actualités****************/
	.blog .inside-article h2 {
		font-size: 25px;
	}
	/************ Page article****************/
	.inside-article h1 {
		font-size: 25px;
	}

	/******** Landing page *****/
	.page-type-landing .header-title {
		top: -20px;
	}
	.header-title .blue-part, .header-title .white-part {
		font-size: 40px;
		line-height: 40px;
	}
	.title-landing h2, .header-title .blue-part, .header-title .white-part {
		padding: 25px 20px;
	}
	.title-landing h2 { 
		font-size: 25px;
		padding: 15px 30px;

	}
	.title-landing::before, .title-landing::after {
		width: 60px;
		height: 4px;
	}
	.page-type-landing #VP .img-vp {
		height: auto;
	}
}


















/**********************************/
/**** FORMUALIRE ADHERER **********/
/**********************************/

.vp-adherer {
	padding-bottom : 0;
}

.wpcf7 .width100 {
	width : 100%;
}

.wpcf7 input,.wpcf7 textarea,.wpcf7 select  {
	background-color : #FFF;
	border: 3px solid #F0F0F0;
	border-radius: 10px;
}

.wpcf7 input[type="file"]  {
	border: none;
	border-radius: 0px;
}

.wpcf7 input[type="date"]  {
	padding : 5px;
}

.wpcf7 .row  {
	margin-bottom : 20px;
}

.wpcf7  h2 {
	font-size : 20px;
	color: #182335;
	text-transform: none;
	font-weight: bold;
	margin-top: 40px;
}

.wpcf7  h2 span {
	font-size : 16px;
	font-weight: normal;
	font-style : italic;
}

.wpcf7 .item-other {
	color : #182335;
	font-weight : 600;
}

.wpcf7 .diplayblock .wpcf7-list-item {
	display : block;
	margin-left : 0;
}

.wpcf7 .wpcf7-list-item.first {
	margin-left : 0;
}

.wpcf7 .display-inline {
	margin : 10px;
}

.wpcf7 .display-inline > label {
	display : inline-block;
	color : #182335;
	font-weight : 600;
}
.wpcf7 .into-display-inline .wpcf7-list-item.first {
	margin-left : 20px;
}

.wpcf7 label span {
	color : #717171;
}

.wpcf7 .wpcf7-radio .wpcf7-list-item > label, .wpcf7 .wpcf7-checkbox .wpcf7-list-item > label {
	display: flex;
	align-items: center;
	gap: 5px;
}

.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
	width: 25px;
	height: 25px;
}

.wpcf7 .displayflex.wpcf7-form-control {
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.wpcf7 .displayflex.wpcf7-form-control .wpcf7-list-item {
	margin-left : 0px;
}

.last_step_adherer {
	text-align: center;
	background: #182335;
	padding-top: 30px;
	padding-bottom: 100px;
	position : relative;
	margin-top : 50px;
}

.last_step_adherer:before {
	background: #182335;
	position : absolute;
	content : '';
	top : 0;
	height : 100%;
	width: 200vw;
	left: -100vw;
	z-index: -1;
}

.last_step_adherer h2 {
	position : relative;
	color : #30A6DE;
	text-transform: uppercase;
	font-size : 30px;
	width: fit-content;
	margin: auto;
}
.last_step_adherer h2:before {
	content: '';
	background: url(/wp-content/uploads/2021/10/vaguelette.svg) no-repeat;
	background-size: contain;
	width: 80px;
	height: 15px;
	position: absolute;
	left: -95px;
	top: 50%;
}
.last_step_adherer h2:after {
	content: '';
	background: url(/wp-content/uploads/2021/10/vaguelette.svg) no-repeat;
	background-size: contain;
	width: 80px;
	height: 15px;
	position: absolute;
	right: -95px;
	top: 50%;
}

.last_step_adherer p {
	max-width : 700px;
	color : #FFF;
	margin : 20px auto;
}

.last_step_adherer button {
	text-transform: uppercase;
	font-size: 18px;
	background: #30A6DE;
}


.last_step_adherer a {
	text-transform: uppercase;
	font-size: 18px;
	border: solid 1px #30A6DE;
	color : #30A6DE;
	background : #182335
}

.thank-blue {
	color: #fff; 
	background: #30A6DE; 
	text-transform: uppercase; 
	padding: 20px 50px; 
	text-align: center; 
	font-weight: bold;
	position : relative;
	margin-bottom : 111px;
}

.thank-blue:before {
	content: '';
	background: url(/wp-content/uploads/2023/11/Picto-gouvernail.svg) no-repeat;
	background-size: contain;
	width: 90px;
	height: 90px;
	position: absolute;
	left: -45px;
	bottom: -45px;
}
.thank-blue:after {
	content: '';
	background: url(/wp-content/uploads/2023/11/Picto-encre.svg) no-repeat;
	background-size: contain;
	width: 90px;
	height: 90px;
	position: absolute;
	right: -45px;
	top: -45px;
}



.wpcf7 .modal-dialog {
	max-width : 1200px;
	width : 90%;
}
.wpcf7 .modal-body {
	max-width : 780px;
	width : 90%;
	margin : auto;
	color : #182335;
	padding-top : 30px;
}

.wpcf7 .modal-body p {
	color : #000;
	margin-bottom : 10px
}
.wpcf7 .modal-body h4 {
	font-size: 18px;
	color: #30A6DE;
	font-weight: 700;
	margin-top : 25px;
}
.wpcf7 .modal-body ul {
	margin-top : -10px;
}
.wpcf7 .modal-header, .wpcf7 .modal-footer {
	border : none;
	max-width : 770px;
	width : 90%;
	margin : auto;
	display : block
}

.wpcf7 .modal-header .modal-title {
	width : fit-content;
	margin-top : 25px;
	text-align: center;
	margin: auto;
	background: #30A6DE;
	color: #FFF;
	font-size: 45px;
	text-transform: uppercase;
	font-family: "futura-pt-condensed", sans-serif;
	font-weight: 700;
	letter-spacing: 0.23px;
	padding: 0 30px;
	transform: skewY(-3deg) rotateY(30deg);
	box-shadow: -3px 10px 15px #ccc;
}

.wpcf7 .modal-footer .valide_charte .wpcf7-list-item-label{
	width : 100%;
}

.wpcf7 .modal-footer .wpcf7-form-control-wrap {
	margin : 0;
}

.wpcf7 .modal-footer input[type="submit"] {
	background : #E64E03;
	border-radius : 30px;
}
.wpcf7 .modal-footer p {
	color : #30A6DE;
	text-transform : uppercase;
	font-size : 20px;
	max-width : 650px;
	margin : 0 auto 20px !important;
	font-weight : bold;
	text-align : center
}

.wpcf7-response-output {
	margin-bottom : 150px !important;
}

#membre-bienfaiteur .btn.btn_blue_full:hover  {
	color: #FFB752 !important;
	background-color: #fff;
	border: 1px solid #FFB752;
}
#membre-bienfaiteur .btn.btn_blue_full {
	color: #fff !important;
	background-color: #FFB752;
	border: 1px solid #FFB752;
}

#membre-bienfaiteur {
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 85%, #F5F5F5 100%) 0% 0% no-repeat padding-box;

}



/***********************************/
/******* VAE ***********************/
/***********************************/

#bandeau-ecoute b {
	text-transform : uppercase;
	color : #ea670e;
}

.decouverte-vae .card {
	max-width : 450px;
}
.decouverte-vae img {
	max-width : 200px;
}
.page-type-landing #temoignages.temoignages-vae  .carousel {
	/*height : 300px;*/
}
.page-type-landing #temoignages.temoignages-vae .carousel-temoignages .carousel-cell .item-prod .card-body {
	margin-top: 15px;
}