/*
* this file is for a custom private theme you can create here
* https://www.w.4schools.com/w3css/w3css_color_themes.asp
* change the all color and background colors with your theme's color.
*/

/**
base color in https://www.w3schools.com/w3css/w3css_color_generator.asp : #9ec2ed
	fond et texte bandeau	|	.w3-theme    => w3-theme-d2
	contre fond 			|	.w3-theme-l4 => w3-theme
	fond et texte content 	|	.w3-theme-l5 => w3-theme-l5
	fond et titre des nodes	|	.w3-theme-d5 => w3-theme-l3
	liens					|	a (amac.css) => w3-theme-d5

	**/

/*
.w3-theme-l2 {color:#000 !important; background-color:#a8c5cc !important}
.w3-theme-l1 {color:#000 !important; background-color:#8bb2bb !important}
.w3-theme-d1 {color:#fff !important; background-color:#5d929f !important}
.w3-theme-d2 {color:#fff !important; background-color:#53828d !important}
.w3-theme-d3 {color:#fff !important; background-color:#49717c !important}
.w3-theme-d4 {color:#fff !important; background-color:#3e616a !important}

.w3-theme-light {color:#000 !important; background-color:#f6f9fa !important}
.w3-theme-dark {color:#fff !important; background-color:#345158 !important}
.w3-theme-action {color:#fff !important; background-color:#345158 !important}

.w3-text-theme {color: magenta !important};

.w3-border-theme {border-color:#6e9eaa !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#6e9eaa !important}
.w3-hover-text-theme:hover {color:#6e9eaa !important}
.w3-hover-border-theme:hover {border-color:#6e9eaa !important}*/


/*****************************************************/
/**                 Ceux utilisés                   **/
/**                                                 **/
/*****************************************************/

/** orange: 
clair corrigé : #f6a280
foncé corrigé : #ee5e2f
**/
/** orange: 
clair : #e65c00
foncé : #ee2f2b
**/

:root { /** utilisées aussi dans amac.css **/
	--color-fond: #f6f9fc;
	--color-contrefond: #e2ecf6;
	--color-fond-alt: #c6d9ed;

	--color-bandeau: #6f9ed1;
	--color-header: #a9c5e4;
	--color-titre: #8cb2db;

	--color-links: #578fca;
	--color-links-menu: white;
	--color-links-connect: white;

	--color-text-titre: #ee5e2f;
	--color-text-titre-alt: #fff2e6;
	--color-black: #000d14;

	--color-border-init: var(--color-fond-alt);
	--color-border-hover: var(--color-contrefond);
	--color-border-animate: var(--color-fond-alt);
}

.w3-theme-l5 {color:var(--color-black) !important; background-color:var(--color-fond) !important} /** fond et texte content**/
.w3-theme-l4 {color:var(--color-black) !important; background-color:var(--color-contrefond) !important} /** contre fond **/
.w3-theme-l3 {color:var(--color-black) !important; background-color:var(--color-fond) !important} /** fond alternatif, classe à ajouter via Views (non ?) **/
.w3-theme-d5 {color:var(--color-text-titre) !important; background-color:var(--color-titre) !important} /** fond et texte titre des nodes, fond Copyright **/
.w3-theme {color:#fff !important; background-color:var(--color-bandeau) !important} /** fond et texte bandeau **/


html,
body {
	font-size: 16px;
}

/* custom work */
header#header { background-color: var(--color-header) !important; }

nav#block-menuediteur { /** Menu Editeur **/
	background-color: var(--color-fond-contrefond);
	border: 1px solid var(--color-fond-alt);
}
nav#block-menuediteur > h2 { border-bottom: 1px solid var(--color-fond-alt); color: var(--color-text-titre);}

nav#block-menukeetoaamac { /** Menu Editeur **/
	background-color: var(--color-fond-contrefond);
	border: 1px solid var(--color-fond-alt);
}
nav#block-menukeetoaamac > h2 { border-bottom: 1px solid var(--color-fond-alt); color: var(--color-text-titre);}

nav#block-sous-menu-ressources { /** Sous-Menu Ressources **/
	background-color: var(--color-fond-contrefond);
	border: 1px solid var(--color-fond-alt);
}
nav#block-sous-menu-ressources > h2 { border-bottom: 1px solid var(--color-fond-alt); color: var(--color-links);}

section#block-views-block-membres-block-connected { /** Bloc Connected **/
	background-color: var(--color-fond-contrefond);
	border: 1px solid var(--color-fond-alt);
}
section#block-views-block-membres-block-connected > h2 { border-bottom: 1px solid var(--color-fond-alt); color: var(--color-text-titre);}


.page-news div.news-sum { border-left: 1px solid var(--color-links); } /** tableau des news: barre verticale **/
.page-moderation div.views-field-field-annonce-intitule { border-left: 1px solid var(--color-links); } /** tableau des annonces: barre verticale **/

div.top-container-inner {
	display: flex; 
	justify-content: center;
}
/*div.top-container-inner div.first-top,
div.top-container-inner div.second-top,
div.top-container-inner div.third-top {
}*/

.bloc-last-news table { border: 1px solid var(--color-fond-alt); } /** Bloc Last News **/
.bloc-last-news table.w3-table-all tr:nth-child(odd) { background-color: var(--color-contrefond); }
.bloc-last-news table.w3-table-all tr:nth-child(even) { background-color: var(--color-fond); }

#main-navigation-h .w3-button { color: var(--color-links-menu); } /* surcharge menu principal */

#header .w3-button { color: var(--color-links-connect); } /* surcharge menu connexion */

.w3-button:hover {}

ul.tabs {
	font-size: 14px;
}

/**************************************************************** gestion des ascenceurs (général, bloc à venir) **/
* { /* Firefox */
	scrollbar-width: thin;
	scrollbar-color: var(--color-fond-alt) var(--color-fond);
}
*::-webkit-scrollbar { /* Chrome, Edge, and Safari */
	width: 8px;
}
*::-webkit-scrollbar-track { /* Chrome, Edge, and Safari */
	background: var(--color-fond);
}
*::-webkit-scrollbar-thumb { /* Chrome, Edge, and Safari */
	background-color: var(--color-fond-alt);
	border-radius: 5px;
	border: 1px solid var(--color-fond);
}

/**************************************************************** Header animation **/
section#block-amun-branding,
section#block-amun-branding.alt {
	/*-moz-transition: transform .4s;
	-webkit-transition: transform .4s;
	-ms-transition: transform .4s;
	-o-transition: transform .4s;*/
	transition: transform .2s;
	transition-timing-function: cubic-bezier(.42, 0.0, .58, 1.0);
	transition-property: height;
}
section#block-amun-branding { height: 135px; }
section#block-amun-branding.alt { height: 45px; }


section#block-amun-branding img,
section#block-amun-branding.alt img {
	/*-moz-transition: transform .4s;
	-webkit-transition: transform .4s;
	-ms-transition: transform .4s;
	-o-transition: transform .4s;*/
	transition: transform .2s;
	transition-timing-function: cubic-bezier(.42, 0.0, .58, 1.0);
	transition-property: margin-bottom, margin-top, width;
	margin-top: 15px;
	margin-bottom: 0px;
}

section#block-amun-branding img {
	margin-top: 15px;
	margin-bottom: 0px;
	width: 120px !important;
}
section#block-amun-branding.alt img {
	margin-top: -10px;
	margin-bottom: -25px;
	width: 80px !important;
}


/**
 * @file
 * Alignment classes for text and block level elements.
 * 
 * pour surcharger le justify qui vient du theme
 */

/*.node--view-mode-full .w3-container.node__content .field--name-body p {
  text-align: justify;
}*/

.text-align-left {
  text-align: left !important;
}
.text-align-right {
  text-align: right !important;
}
.text-align-center {
  text-align: center !important;
}
.text-align-justify {
  text-align: justify !important;
}


/**         Page Maintenance            **/
.maintenance-page {
  background-color: #ffffff !important;
}

.maintenance-page .w3-black {
  background-color: var(--color-contrefond) !important;
}

.maintenance-page .w3-dark-grey {
	background-color: var(--color-bandeau) !important;
}

.maintenance-page .w3-light-grey {
	background-color: var(--color-header) !important;
}

.maintenance-page .w3-grey {
	background-color: var(--color-titre) !important;
}
.maintenance-page .w3-text-shadow {
	color: var(--color-text-titre) !important;
}
.maintenance-page .w3-opacity,
.maintenance-page .w3-hover-opacity:hover {
  opacity: 0.85;
}

.maintenance-page .w3-blue-grey {
	background-color: var(--color-header) !important;
	text-align: center !important;
}

	/*--color-fond: #f6f9fc;*/
	/*--color-contrefond: #e2ecf6;*/
	/*--color-bandeau: #6f9ed1;*/
	/*--color-fond-alt: #c6d9ed;*/
	/*--color-header: #a9c5e4;*/
	/*--color-titre: #8cb2db;