
:root{
	--side-panel-width: 75%;
	--side-panel-min-width: 900px;
	--blister-rwd-break-small : 520px;

	--face-base-color: #6A747E;

	--step-active-color: var( --alternate_color_color );

	--toggle-base-size: 28px; /* Toggle checkbox */
	--toggle-active-glyph: "✓"; /* Autorise à définir le glyphe utilisé lors de l'état actif du toggle (✓ • ⏺ ⭘ ◯ ) */
	--switch-base-size: 28px; /* Switch radiobox */
	--switch-active-glyph: "✓"; /* Autorise à définir le glyphe utilisé lors de l'état actif du toggle (✓ • ⏺ ⭘ ◯ ) */


	--header_color_bg2__light: #f8f8f833;
	--main_color_border__light: #e1e1e133;
	--alternate_color_bg__light: #f5f5f533;
	--footer-area-color__light: #0057a933;

	--picto-color-default: #4d4d4d;

	--picto-color-hover: #f7941e;
	--picto-color-hover: #007291;
	--picto-color-hover-rgb: 0,114,145;
	
	--boxed-border-color: #e1e1e1;
	--boxed-border-color-rgb: 225,225,225;

	--footer-area-color: #9996a3;
	--footer-area-color: #0057a9;
	--background-color: #f7fdff;
	--background-color-rgb: 225 225 225;

	--heading-color: #000000;

	--pane-dynamic-color-bg : #e8e8e8;
	
	--pane-box-demandeur-color_bg: #47e7f0;
	--pane-box-detail-color_bg: #e9f3f5;

	--socket_color_bg: #007c9e;
	--socket_color_bg2: #109bc5;
	--socket_color_primary: #ffffff;
	--socket_color_secondary: #bde5f0;
	--socket_color_color: #ffffff;
	--socket_color_meta: #bde5f0;
	--socket_color_heading: #ffffff;
	--socket_color_border: #109bc5;
	--footer_color_bg: #0057a9;
	--footer_color_bg2: #005870;
	--footer_color_primary: #ffffff;
	--footer_color_secondary: #bde5f0;
	--footer_color_color: #ffffff;
	--footer_color_meta: #bde5f0;
	--footer_color_heading: #ffffff;
	--footer_color_border: #0f81a1;
	--alternate_color_bg: #f5f5f5;
	--alternate_color_bg2: #ffffff;
	--alternate_color_primary: #03058e;
	--alternate_color_secondary: #9311d4;
	--alternate_color_color: #4d4d4d;
	--alternate_color_meta: #878787;
	--alternate_color_heading: #000000;
	--alternate_color_border: #f5f5f5;
	--main_color_bg: #f7fdff;
	--main_color_bg2: #f8f8f8;
	--main_color_primary: #0057a9;
	--main_color_secondary: #007291;
	--main_color_color: #4d4d4d;
	--main_color_meta: #575757;
	--main_color_heading: #000000;
	--main_color_border: #e1e1e1;
	--header_color_bg: #ffffff;
	--header_color_bg2: #f8f8f8;
	--header_color_primary: #109bc5;
	--header_color_secondary: #56de54;
	--header_color_color: #007c9e;
	--header_color_meta: #00aed9;
	--header_color_heading: #000000;
	--header_color_border: #e1e1e1;

	/* Memo
	--theme-button-border-color: ;
	--theme-button-background-color: ;
	--theme-button-shadow-color: ;
	--theme-button-text-color: ;
	/**/

	/* On fait hériter par force la taille de la police 'theme-content' avec 'content-font'. 
	   --enfold-font-size-content-font est défini dans le paramétrage Enfol (Changer le style de la balise BODY)
	   WP Admin / ⬣ Lanteas Options du thème / Styles avancés / <body>.
	*/
	--enfold-font-size-theme-content: var(--enfold-font-size-content-font) !important;

	/* Détermine ici la lardeur des offset gauche et droite | marge des conteneurs */
	--horizontal_offset_padding: 150px;

} /* /end :root declaration. */

@media only screen and (max-width: 990px) and (min-width: 768px){
	:root{
		--horizontal_offset_padding: 100px;
	}
}

@media only screen and (max-width: 767px){
	:root{
		--horizontal_offset_padding: 70px;
	}
}


  /** 
   * En cas de fail / Err 500, on ajuste au mieux l'aspect de la vue par défaut.
   */
	html > body{
		max-width: 100%;
		padding: 0;
		margin: 0;
	}


/* Override du style de lien pour compatibilité RGAA */
#wrap_all .main_color a:hover, 
#wrap_all .main_color h1 a:hover, 
#wrap_all .main_color h2 a:hover, 
#wrap_all .main_color h3 a:hover, 
#wrap_all .main_color h4 a:hover, 
#wrap_all .main_color h5 a:hover, 
#wrap_all .main_color h6 a:hover, 
#wrap_all .main_color .template-search a.news-content:hover, 
#wrap_all .main_color .wp-playlist-item .wp-playlist-caption:hover
{
	border-bottom: solid 2px var(--main_color_secondary);
}



#wrap_all .alternate_color a:hover, 
#wrap_all .alternate_color h1 a:hover, 
#wrap_all .alternate_color h2 a:hover, 
#wrap_all .alternate_color h3 a:hover, 
#wrap_all .alternate_color h4 a:hover, 
#wrap_all .alternate_color h5 a:hover, 
#wrap_all .alternate_color h6 a:hover, 
#wrap_all .alternate_color .template-search a.news-content:hover, 
#wrap_all .alternate_color .wp-playlist-item .wp-playlist-caption:hover
{
	border-bottom: solid 2px var(--alternate_color_secondary);
}

/* Pas de border-bottom pour les lien dans le breadcrumb */
#wrap_all .alternate_color .breadcrumb a:hover{
	border-bottom: none; 
}


/* Les liens vides n'ont pas de décoration (bordure basse ni souligné) */
a:empty{
	border-bottom: none !important; 
	text-decoration: none !important;
}
/* Les liens simili-boutons ne sont pas soulignés (la bodure basse est préservé car gérée via le type bouton) */
a.button,
a.btn{
	text-decoration: none !important;
}



#wrap_all table,
#wrap_all table td,
#wrap_all table th{
	font-size: var(--enfold-font-size-content-font) !important;
}

#wrap_all table a,
#wrap_all table a:hover
{
    /* Ne pas décorer contrairement au lien pour compatibilité RGAA (cf. los-dynamic-rules.css.php) */
    text-decoration: none !important;
    border-bottom: none !important;
}





.main_color strong,
.main_color b,
.main_color b a,
.main_color strong a{
	color: #0057a9;
}


.alternate_color strong,
.alternate_color b,
.alternate_color b a,
.alternate_color strong a{
	color: #03058e;
}



#wrap_all .main_color a:not(.button, .btn) {
	color: #4d4d4d;
}

#wrap_all .alternate_color a:not(.button, .btn),
#wrap_all .avia-section a:not(.button, .btn){
	color: #4d4d4d;
}
