/*
**		Configs
*/
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400&family=Poppins:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root {
	/* --bleuF-2023:	var(--bleuF);	*//* 	#003366 // 00/41/143 	*/
	--bleuF-2023:	var(--bleuF);	/* 	#003366 // 00/51/102 	*/
	--bleuC-2023:	var(--bleuC);	/*	#cae7ea // 202/231/234 	*/
	--orange-2023:	var(--orange);	/* 	#f9a870 // 255/153/102	*/
	--vert-2023: 	var(--vert);	/* 	#8cffb5 // 140/255/181	*/
	--jaune-2023:	var(--jaune);	/* 	#d3d92f	// 211/217/47	*/

	/*--bleuF-2023-tr80:	rgba(0,41,143,0.8);*/
	--bleuF-2023-tr80:	rgba(0,51,101,0.8);
	--bleuC-2023-tr80:	rgba(202,231,234,0.8);
	--orange-2023-tr80:	rgba(255,153,105,0.8);
	--vert-2023-tr80:	rgba(140,255,181,0.8);
	--jaune-2023-tr80:	rgba(211,217,47,0.8);

	--cyan-2023:	#99d0c3;
}

.alert.alert-micro-banniere {
	background: #fbfbfb;
}

/*
**		General
*/
body section.froid-header .visuel-container h1,
main.page-liste section .header-liste .header-liste-content h1,
main section.content article.contenu h1,
main section.content article.contenu h2,
main section.content article.contenu h3,
main section.content article.contenu h4,
main section.content article.contenu h5,
main section.content article.contenu h6
{
	font-family: var(--josefin) !important;
}

/*		Titres		*/
main section.content article.contenu h1:not(.charte2023_titre) { 
	color: var(--bleuF-2023); 
	position: relative; 
	font-weight: 500;
	display: inline-block;
}

main section.content article.contenu h1:not(.charte2023_titre):after { 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0px; 
	height: 2px; 
	content: ""; 
	background: var(--jaune-2023);
}

main section.content article.contenu h2:not(.charte2023_titre) {
	border-left: solid 3px var(--jaune-2023); 
	padding: 0 0 0 4px !important; 
	color: var(--bleuF-2023) !important; 
	font-weight: 400 !important; 
	line-height: 1 !important;
}

main section.content article.contenu h3:not(.charte2023_titre) {
	color: #fff !important; 
	background: var(--jaune); 
	display: inline-block; 
	padding: 0 10px; 
	line-height: 1 !important; 
	font-weight: 400;
    padding-top: 2px;
}

main section.content article.contenu h4:not(.charte2023_titre) { 
	color: var(--bleuF-2023); 
	position: relative; 
	font-weight: 400;
	display: inline-block;
}

main section.content article.contenu h4:not(.charte2023_titre):after { 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0px; 
	height: 2px; 
	content: ""; 
	background: var(--bleuC-2023);
}

main section.content article.contenu h5:not(.charte2023_titre) { 
	color: var(--jaune-2023); 
	font-weight: 400;
}

main section.content article.contenu h6:not(.charte2023_titre) { 
	font-weight: 400;
	color: #000;
}

/*		ul/li		*/
main section.content article.contenu .elementor-element div:not(.elementor-element-overlay) ul li:not(.elementor-editor-element-setting):before {
	background: var(--jaune-2023);
}

/*		Liens		*/
main section.content article.contenu a:not(.img-link):after { background: var(--jaune-2023); }


/*
**		Listes
*/
main.page-liste section .header-liste .header-liste-content h1 {
	color: var(--bleuF-2023);
}

/*
**		Headers
*/

/*		Liste des realisations		*/
main.liste-realisations section.liste-realisations .header-liste.header-realisations { background-color: var(--bleuC-2023); }
main.liste-realisations section.liste-realisations .header-liste.header-realisations .hexa-header-liste svg g#Group g:nth-child(2) { fill: var(--bleuC-2023); }

/*		Faqs	*/
main.page-liste section.liste-questions .header-liste.header-questions,
main.page-liste section.liste-themes .header-liste.header-themes { background-color: var(--orange-2023); }
main.page-liste section.liste-themes .header-liste.header-themes .hexa-header-liste svg g#Group g:nth-child(2) { fill: var(--orange-2023); }

/*		Publications	*/
main.page-liste section.liste-publi .header-liste.header-publi { background-color: var(--bleuC-2023); }
main.page-liste section.liste-publi .header-liste.header-publi svg g#Group g:nth-child(2) { fill: var(--bleuC-2023); }


/*
**		Liste des realisations
*/

/*		Items primary		*/
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-primary .item-realisation-image:after
{
	background-color: var(--bleuF-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-primary .item-realisation-texte
{
	background-color: var(--bleuF-2023-tr80);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-primary .item-realisation-texte:before
{
	border-top-color: var(--bleuF-2023);
    border-left-color: var(--bleuF-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-primary .item-realisation-texte:after {
    border-top-color: var(--bleuF-2023);
    border-right-color: var(--bleuF-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-primary .item-realisation-texte .item-realisation-texte-inner:before {
    border-bottom-color:  var(--bleuF-2023);
    border-left-color:  var(--bleuF-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-primary .item-realisation-texte .item-realisation-texte-inner:after {
    border-bottom-color:  var(--bleuF-2023);
    border-right-color:  var(--bleuF-2023);
}

/*		Items warning		*/
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-warning .item-realisation-image:after
{
	background-color: var(--jaune-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-warning .item-realisation-texte
{
	background-color: var(--jaune-2023-tr80);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-warning .item-realisation-texte:before
{
	border-top-color: var(--jaune-2023);
    border-left-color: var(--jaune-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-warning .item-realisation-texte:after {
    border-top-color: var(--jaune-2023);
    border-right-color: var(--jaune-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-warning .item-realisation-texte .item-realisation-texte-inner:before {
    border-bottom-color:  var(--jaune-2023);
    border-left-color:  var(--jaune-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-warning .item-realisation-texte .item-realisation-texte-inner:after {
    border-bottom-color:  var(--jaune-2023);
    border-right-color:  var(--jaune-2023);
}

/*		Items success		*/
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-success .item-realisation-image:after
{
	background-color: var(--bleuC-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-success .item-realisation-texte
{
	background-color: var(--bleuC-2023-tr80);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-success .item-realisation-texte:before
{
	border-top-color: var(--bleuC-2023);
    border-left-color: var(--bleuC-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-success .item-realisation-texte:after {
    border-top-color: var(--bleuC-2023);
    border-right-color: var(--bleuC-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-success .item-realisation-texte .item-realisation-texte-inner:before {
    border-bottom-color:  var(--bleuC-2023);
    border-left-color:  var(--bleuC-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-success .item-realisation-texte .item-realisation-texte-inner:after {
    border-bottom-color:  var(--bleuC-2023);
    border-right-color:  var(--bleuC-2023);
}

/*		Items secondary		*/
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-secondary .item-realisation-image:after
{
	background-color: var(--orange-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-secondary .item-realisation-texte
{
	background-color: var(--orange-2023-tr80);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-secondary .item-realisation-texte:before
{
	border-top-color: var(--orange-2023);
    border-left-color: var(--orange-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-secondary .item-realisation-texte:after {
    border-top-color: var(--orange-2023);
    border-right-color: var(--orange-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-secondary .item-realisation-texte .item-realisation-texte-inner:before {
    border-bottom-color:  var(--orange-2023);
    border-left-color:  var(--orange-2023);
}
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item.liste-realisation-item-secondary .item-realisation-texte .item-realisation-texte-inner:after {
    border-bottom-color:  var(--orange-2023);
    border-right-color:  var(--orange-2023);
}

/*		Tous Items	*/
main.liste-realisations section.liste-realisations .liste-content.liste-realisations-content .container-medium .liste-realisations-items .liste-realisation-item:hover .item-realisation-image:after {
    background-color: transparent;
}

/*
**		Faqs		
*/
main.page-liste section.questions-list .theme-content ul li:before { background-image: url(../img/puce-hexa-orange-2023.png); }
main.page-liste section.questions-list .sidebar-themes ul li.theme-active:before { background-color: var(--orange-2023); }


/*
**		Actus
*/
main.liste-actus section.liste-actus .liste-actus-content .liste-actus-item .card.card-actu { border-bottom-color: var(--bleuC-2023); }

/*
**		Elementor
*/
main section.content article.contenu .charte2023_titre { 
	display: inline;
    color: #fff !important;
    font-weight: 500;
    background-image: linear-gradient(var(--cyan-2023), var(--cyan-2023));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 18px;
    padding: 3px 5px 0 5px;
}
main section.content article.contenu h2.charte2023_titre { background-size: 100% 100%; line-height: 44px; }
main section.content article.contenu h3.charte2023_titre { background-size: 100% 100%; line-height: 32px; }
main section.content article.contenu h4.charte2023_titre { background-size: 100% 100%; line-height: 32px; }
main section.content article.contenu h5.charte2023_titre { background-size: 100% 100%; line-height: 32px; }
main section.content article.contenu h6.charte2023_titre { background-size: 100% 100%; line-height: 32px; }

main section.content article.contenu .charte2023_citation {
	padding: 40px 60px; 
}

main section.content article.contenu .charte2023_citation i.fa { color: var(--bleu-2023); font-size: 40px; position: absolute; }
main section.content article.contenu .charte2023_citation i.fa.fa-quote-left { top: 0px; left: 10px;  color: var(--bleuF); }
main section.content article.contenu .charte2023_citation i.fa.fa-quote-right { bottom: 0px; right: 10px; color: var(--bleuF); }

main section.content article.contenu .charte2023_citation .charte2023_citation_texte { 
	display: inline;
    color: #fff !important;
    font-weight: 500;
    background-image: linear-gradient(var(--cyan-2023), var(--cyan-2023));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 18px;
    padding: 3px 5px 0 5px;
}


.charte2023_chiffre { 
	display: inline-block;
    aspect-ratio: 1;
    color: var(--bleuF-2023);
    text-align: center;
    background-image: url(/wp-content/themes/seqens/img/cercle.svg);
    padding: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.charte2023_chiffre .charte2023_chiffre_chiffre { font-family: 'Kalam', cursive; font-size: 40px; }
.charte2023_chiffre .charte2023_chiffre_texte { font-size: 20px; font-family: var(--josefin) !important; }


/*
**		GForm
*/
.gform_page_footer { display: flex; }
.gform_wrapper .gform_page_footer .button.gform_button { 
	margin: 0 auto !important;
	background: #003E79;
	border-color: #003E79;
	color: #fff;
}
.gform_wrapper .gform_page_footer .button.gform_button:hover { 
	background-color: #002a53;
	border-color: #002a53;
}

footer .footer-top .footer-reseaux .link-reseaux.link-reseaux-i {
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;

    svg path {
        fill: #003E79;
        transition: all 300ms;
    }

    &:hover {
        svg path {
            fill: white;
        }
    }
}



/*
**		Responsive
*/
@media screen and (min-width: 992px){
	/*	liens */
	main section.content article.contenu a:not(.img-link):hover { background: var(--jaune-2023) !important; }

	/*	Faqs	*/
	body main.page-liste section.themes-list .theme .theme-description a:hover { color: var(--bleuF-2023); }
	body main.page-liste section.questions-list .sidebar-themes ul li a:hover { color: var(--bleuF-2023); }	
	body main.page-liste section.questions-list .theme-content ul li a:hover { color: var(--orange-2023); }
	
	/*	Actus	*/
	main.liste-actus section.liste-actus .liste-actus-content .liste-actus-item .card.card-actu:hover .card-body .card-title { color: var(--orange-2023); }
	main.liste-actus section.liste-actus .liste-actus-content .liste-actus-item .card.card-actu::after { background-color: var(--orange-2023); }
}

@media screen and (max-width: 767px){
	.header-container-micro-banniere {
		padding: 0 !important;
	}
}



#gform_wrapper_15 { display: block !important; }



/*Style globale appliqué sur la zone qui encapsule le formulaire*/

#easiformarea {

    margin: 20px;

}



/*Style générique pour les balises span et div de la zone easiformarea*/

#easiformarea > form > div {

    position: relative;

    display: table;

    margin-bottom: 15px;

}

#easiformarea span {

    display: table-cell;

    vertical-align: top;

    color : #c561bb;

}

#easiformarea span:first-child {

    width: 180px;

}



/*Style pour les titre et les libellés des champs*/

#easiformarea label {

    font: 0.88889em / 32px "Avenir45Book", Arial, Verdana, Helvetica, sans-serif;

    text-transform: uppercase;

}



.easifilefieldlabel {

    text-transform: inherit !important;

    color: black !important;

}



.easifilefielderrormessage {

color: #f2679e !important;

}



/*Style du champs de type text, liste déroulante et bloc de text*/

#easiformarea input[type="text"],

#easiformarea input[type="number"],

#easiformarea select,

#easiformarea textarea {

    width: 340px;

    border: 1px solid #bbb;

    color: #574d4d;

    font: 0.88889em "Avenir35Light", Arial, Verdana, Helvetica, sans-serif;

    padding: 0 5px;

}

#easiformarea input[type="text"],

#easiformarea select {

    height: 32px;

    line-height: 32px;

}

#easiformarea textarea {

    height: 200px;

}

/*Style appliqué à l'étoile des champs obligatoires*/

#easiformarea .mandatory {

    position: absolute;

    left: -10px;

    top: 5px;

    color: #e74890;

}



/*Style appliqué au bouton de validation du formulaire*/

#easiformarea .validatebutton {

    color: #fff;

    display: inline-block;

    font: 1.11111em/38px "Avenir35Light", Arial, Verdana, Helvetica, sans-serif;

    height: 42px;

    padding: 0 40px 0 40px;

    position: relative;

    background: #e74890;

    border: none;

    margin-right: 290px;

    cursor:pointer;

    margin-top: 10px;

}

#easiformarea .validatebutton:after {

    font-size: 0.8em;

    height: 16px;

    background-color: #dedede;

}

#easiformarea .validatebutton:hover {

    background: #f2006d;

}



#easiformarea .validatebutton:disabled {

    background: #574d4d;

    cursor: unset;

}



#easiformarea .disabled-validatebutton {

    background: #574d4d !important;

}



/*Style appliqué la zone expliquant l'obligation sur les dits champs obligatoires*/

#easiformarea .mandatoryfieldmention {

    color: #4a4a4a;

    font: 0.66667em "Avenir35Light", Arial, Verdana, Helvetica, sans-serif;

    margin-bottom: 20px;

    text-transform: uppercase;

}



/*Style appliqué sur le sablier après la saisie du formulaire*/

#easiformWaiting {

    display: none;

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba( 255, 255, 255, .8) url('./_CRM/CCFrm/img/loading_forms.gif') 50% 50% no-repeat;

}



.easiformWaitingCont {

    width: 100%;

    height: 100%;

    display: table;

}



/*Style appliqué au message d'attente en dessous du sablier */

.easiformWaitingMsg {

    color: #000000;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    padding-top: 5%; //text-align: center; //padding-top: 25%; }



/*Style appliqué à la zone globale qui encapsule les propositions de la base de connaissance */

#easiformKBzone {

    border-bottom: 1px solid #dedede;

    width: 520px;

    font: 0.88889em / 32px "Avenir45Book", Arial, Verdana, Helvetica, sans-serif;

    text-transform: uppercase;

    color : #c561bb;

    margin-bottom: 0px;

}



/*Style appliqué à la zone qui encapsule que les articles proposés*/

.easiformKBZoneArticle{

    /*border-bottom: 1px solid #dedede;*/

    background-color: rgba(240, 214, 237, 1);

    cursor: pointer;

    font-family: sans-serif;

    font-size: 8pt;

    color: #574d4d;

    width: 100%;

    padding-left: 5px;

    margin-bottom: 5px;

}



/*Style appliqué à chaque titre de  la base*/

.easiformKBZoneTitle {

    color : #c561bb;

    font: 0.88889em / 32px "Avenir45Book", Arial, Verdana, Helvetica, sans-serif;

    text-transform: uppercase;

}



/*Style appliqué à la zone affichant le message d'information supplémentaire*/

#easiformarea .additionnalInformation {

	margin-bottom: 20px;

}

#easiformarea .additionnalInformation span {

    width: 100%;

}

.easitoolTipButton {

    padding-left: 10px !important;

    padding-top: 5px;

    cursor: help !important;

    margin-right: 30px;

}



.easitoolTipButton .easitoolTipText {

    visibility: hidden;

    width: 120px;

    background-color: #574d4d;

    color: #fff !important;

    /*text-align: center;*/

    border-radius: 6px;

    padding: 5px 0;

    font: 0.88889em / 32px "Avenir45Book", Arial, Verdana, Helvetica, sans-serif;

    padding : 5px 0 5px 10px;

    /* Position the tooltip */

    position: absolute;

    z-index: 1;

}



.easitoolTipButton:hover .easitoolTipText {

    visibility: visible;

}



@-webkit-keyframes easirotating {

    from{

        -webkit-transform: rotate(0deg);

    }

    to{

        -webkit-transform: rotate(360deg);

    }

}



.easirotating {

    -webkit-animation: easirotating 2s linear infinite;

}