html {	/* correction bug IE non appliqué à body */
	display: flex; 
	flex-direction: column;
	font-size: 90%;	
	background-color: #FFF2DD;/*plus clair que papayawhip*/
} 

body { /* correction bug IE non appliqué à body */
	display: flex; /* crée un contexte flex pour ses enfants */ 
	flex-direction: column; /* affichage vertical */ 
	min-height: 100vh; /* toute la hauteur du viewport */ 
	padding:1em ; /*marge interieure . 1em=1 hauteur de lettre de la police d'affichage*/
	font-family : Arial, Helvetica, sans-serif;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
}

#conteneur {	/* pour organiser nav class menu + section + nav class partenaires */ 
	display:flex; /* place les blocs cote a cote... normalement cest en dessous les uns des autres */ 
	padding-right:0 ;
	padding-left:0 ;
	justify-content: center;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
}
	
#menu {
	width: 170px;
	display: flex; /* crée un contexte flex pour ses enfants */ 
	flex-direction: column; /* affichage vertical */ 
	padding:0;
	background-color: #F5E8D3;/*couleur du menu*/ 
	word-wrap: break-word; /* couper les chaines trop longues */
	}	

.sujet { display:none; } /*pas de visibilité*/

section {
	padding-right:0 ;
	padding-left:0 ;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	}
	
	
article {
	padding:1em;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	}

article.referenceur {
	padding:1em;
	background-color: #C1E39A;/* plus jaune que darkseagreen*/
	}

	
header.bandeau {
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	padding:0;
	justify-content: space-between; /* sur axe principal */
	background-color: white;
		}		
header {
	padding:1em;
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/ 
	}	
header.contraste {
	padding:1em;
	color: #FFF2DD;/*plus clair que papayawhip*/
	background-color: #97866D; /*une terre de sienne brûlé*/ 
	}	
header.alerte {
	padding:1em;
	background-color: gold ;
	}	
header.admin  {
	padding:1em;
	background-color: deeppink;
		}	

header.referenceur {
	padding:1em;
	background-color: limegreen ;
	}			
header.annonceurs  {
	padding:0;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	}					
	
	
aside {
	padding:1em;
	background-color:  #F5E8D3;/*couleur du menu*/ 
	}	
aside.alerte {
	padding:1em;
	margin-top:1em;
	margin-bossom:1em;
	background-color: gold ;
	}	
aside.admin {
	padding:0;
	margin :1em;
	background-color: pink;
	}				

aside.referenceur {
	padding:1em;
	background-color: #C1E39A;/* plus jaune que darkseagreen*/
	}	
aside.annonceurs {
	width: 120px;
	padding-top:0;
	padding-bottom:1em;
	padding-right:0;
	padding-left:0;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	justify-content: flex-start;
	word-wrap: break-word; /* couper les chaines trop longues */
	}	
	

		
nav.bandeau {
	align-items: center;
	padding:0;
	margin-top:1em;
	margin-right:1em;
	margin-left:1em;	
	background-color: white;
	}	
nav.clair {
	padding:1em;
	background-color: #FFF2DD;/*plus clair que papayawhip*/ 
	}		
nav {
	padding:1em;
	background-color: #F5E8D3;/*couleur du menu*/ 
	}
nav.menu {
	padding:0;
	background-color: #F5E8D3;/*couleur du menu*/ 
	}
nav.contraste {
	padding:0;
	margin-top:1em;
	font-color: #FFF2DD;/*plus clair que papayawhip*/
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/
	}	
nav.kaleidoscope {
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	flex-wrap: wrap; /* éléments flexibles sont disposé sur plusieurs lignes */
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	justify-content: space-around; /* sur axe principal */
	}		
nav.agenda {
	padding:0;
	background-color: #F5E8D3;/*couleur du menu*/ 
	}

nav.admin {
	padding:0;
	background-color: pink;
	}	
nav.horiz {
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	flex-wrap: wrap; /* éléments flexibles sont disposé sur plusieurs lignes */
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	justify-content: space-around; /* sur axe principal */
	padding:0;
	margin:0;
	}	
nav.referenceurhoriz {
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	flex-wrap: wrap; /* éléments flexibles sont disposé sur plusieurs lignes */ 
	background-color: #C1E39A;/* plus jaune que darkseagreen*/
	justify-content: space-around; /* sur axe principal */
	padding:0;
	margin:0;
	}	
nav.adminhoriz {
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	flex-wrap: wrap; /* éléments flexibles sont disposé sur plusieurs lignes */
	background-color: pink;
	justify-content: space-around; /* sur axe principal */
	padding:0;
	margin:0;
	}

nav.referenceur {
	padding:0;
	background-color: #C1E39A;/* plus jaune que darkseagreen*/
		}		
nav.annonceurs {
	width: 120px;
	padding-top:1em;
	padding-bottom:1em;
	padding-right:0;
	padding-left:0;
	margin-top:1em;
	margin-bottom:1em;
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	}			

footer {
	padding:1em;
	background-color: #E1D4BF; /*coul du foot */ 
	}	


footer.referenceur {
	padding:1em;
	background-color: limegreen;
	}		
	

	
	
	
	
figure {
	padding:0;
	margin:1em;
}
figure.alerteadmin {
	background-color: deeppink;
}

figure.agenda{
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	padding:0;
	margin-right:0;
	margin-left:0;
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/
	clear : left; 
}
figure.admin{
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	padding:0;
	margin-right:0;
	margin-left:0;
	background-color: hotpink;
	clear : left; 
}




figcaption.admin {
	width:100%;
	background-color: hotpink;
	}
figcaption.agenda {
	width:100%;
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/
	}

	
	
	
img { 
	border:0; 
	margin-top:1em;
	margin-bottom:1em;
	margin-left: auto;//pour centrer
	margin-right: auto;//pour centrer
	padding:0; 
	float : center; 
	}
img.photo { 
	display: block;//declarer com block pour pouvoir ensuite le centrer
	border:0; 
	margin:auto;//pour centrer
	padding:0; 
	float : center; 
	width:400px;
	}
img.sympathisant { 
	display: block;//declarer com block pour pouvoir ensuite le centrer
	border:0; 
	margin:auto;//pour centrer
	padding:0; 
	float : center; 
	width:250px;
	}
img.asso { 
	border:0; 
	margin: 1em;//pour centrer
	padding:1em; 
	float : center; 
	}
img.desactive { 
	border:10; 
	border-color:deeppink;
	margin: 10em;//pour centrer
	padding:10em; 
	float : center; 
	}	
img.kaleidoscope { 
	border:0; 
	margin:0;
	padding:0; 
	float : center; 
	}
img.rikiki { 
	border:0; 
	height:70px;
	width:49px;
	padding:1em; 
	float : left; 
	}
img.pointeur { 
	border:0; 
	margin-top:0;
	margin-bottom:0;
	margin-right:1em;
	margin-left:1em;
	padding:0; 
	/*height:1em;*/
	/*width:1em;*/
	}	
img.alerte { 
	border:0; 
	margin:0;
	padding:0; 
	vertical-align : bottom; 
	}

	
div {
	padding:1em;
	background-color:  #F5E8D3;/*couleur du menu*/ 
	}
div.horiz {
	padding:0;
	display:flex;	 /* place les blocs cote a cote a l'horizontal */
	justify-content: space-between; /* sur axe principal */
	background-color: #FFF2DD;/*plus clair que papayawhip*/
	}
div.menu {
	padding:0;
	background-color: #F5E8D3;/*couleur du menu*/ 
	}

div.referenceur {
	padding:1em;
	background-color:  #FFDEE9; /*plus rose que mistyrose*/
	}
	
form { 
	display: flex; /* crée un contexte flex pour ses enfants */ 
	flex-direction: column; /* affichage vertical */ 
	padding-bottom:0;
	padding-top:0;
	padding-right:1em;
	padding-left:1em;
 }	
		
fieldset { 
	border-color: tan;
	margin-top:1em;
 } 
fieldset.admin { 
	border-color:deeppink;
	margin-top:1em;
 } 

fieldset.referenceur { 
	border-color: green;
	margin-top:1em;
 } 


legend { 
	color:tan; 
	font-weight:bold
 }


legend.referenceur { 
	color: green ; 
	font-weight:bold
 } 

label { 
	display:block;
	padding-top:1em;
 } 

input{
    width: 100%;
	background-color: white;
}


textarea { 
	width: 100%;
	height:20em;
	background-color: white;
 }
textarea.reduit { 
	width: 100%;
	height:6em;
	background-color: white;
 }

textarea.admin{
	width: 100%;
	height:60em;
	background-color: pink;
}
 
.compta { 
	text-align: right; 
}

p {
	word-wrap : break-word;
}	
p.annonces {
	max-width: 550px;
	text-align: justify;
	word-wrap : break-word;
}
p.signature { 
	text-align: left; 
	font-weight:bold;
	padding:1em; 
}
p.justif {
	text-align: justify;
	word-wrap : break-word;
}
p.admin {
	background-color: deeppink ;
	color : white;
	}	
.textalerte {
	background-color: gold ;
	}	
.vertical { 
	writing-mode: vertical-rl ;/* de haut en bas*/
	text-orientation: sideways; /*les caractères penchés sur le coté*/
}

ul.sanspuce {
	list-style-type:none;
}	


h4.menu{
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/
	padding:1em; 
	margin : 0;
}	
h4.menuadmin{
	background-color: deeppink;
	padding:1em; 
	margin : 0;
}	
h4.menureferenceur{
	background-color: limegreen;
	padding:1em; 
	margin : 0;
}

a {
	color: saddlebrown;
	text-decoration:none; /*pas de soulignement*/
	font-weight:bold;
}	

a.agenda {
	color: black;
	text-decoration:none; /*pas de soulignement*/
	font-weight:normal;
	} 
a.bouton {
	color: #FFF2DD;/*plus clair que papayawhip*/
	background-color: #97866D; /*une terre de sienne brûlé*/
	text-decoration:none; /*pas de soulignement*/
	font-weight:bold;
	padding:1em; 
	margin-top:1em;
	margin-bottom:1em;
	} 
a.adminbouton {
	color: #FFF2DD;/*plus clair que papayawhip*/
	background-color: deeppink;
	text-decoration:none; /*pas de soulignement*/
	font-weight:bold;
	padding:1em; 
	margin-top:1em;
	margin-bottom:1em;
	margin-right : 2px;
	margin-left : 2px;
	} 

a.referenceurbouton {
	color: black;
	background-color: limegreen;
	text-decoration:none; /*pas de soulignement*/
	font-weight:bold;
	padding:1em; 
	margin-bottom:1em;
	} 

table {
	border-collapse : collapse;/*contours collés*/
	padding: 1em;
	}
th  {
	border : 1px;
	border-style:solid;
	border-color:black;
	background-color:  #E7D6BD; /*plus foncé que antiquewhite*/
	}
th.admin  {
	background-color:  deeppink;
	}
td  {
	border : 1px;
	border-style:solid;
	border-color:black;
	}
	
/*reductions 2021*/
.red  {
	background-color:  red;
	}
.green  {
	background-color:  green;
	}



.admin {
	background-color: mediumblue;
	}

a.backClair{
	background-color: #E8D4FB;/* plus foncé que lavender*//*anciennement stagiaire*/
	color: black;
}		
a.backMoyen{
	background-color: mediumslateblue  ;
	color: white;
}
	
/*COULEURS.css ..............COULEURS.............COULEURS.........*/ 	
/*on fait pas se modier les liens si visited car nike l'homogénéité de la page !*/
A:active { /*cliqué*/
	color:maroon;
	}
A:focus {/*accédé au clavier*/
	color:maroon;	
	}
A:hover {/*survolé*/
	color:maroon;	
	}	


.debase{
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/
	/*color: saddlebrown;*/
	color: black;
}	
.debaseMoyen {
	background-color : #F5E8D3;/*quasi comme antiquewhite*/;
	color: black;
	}
.debaseClair {
	background-color : #FFF2DD;/*plus clair que papayawhip*/;
	color: black;
	}

.ombre {
	background-color: #97866D;/*une terre d'ombre brûlée*/
	color: white;
}
.ombreMoyen {
	background-color: #C9B89F;/*terre d'ombre moyenne*/
	color: black;
}
.ombreClair {
	background-color: #E1D4BF;/*terre d'ombre claire*/
	color: black;
}

.work {/* à toutes les balises de class work */
	background : green ;/*la couleur de fond*/
}
	
.titremenu{
	background-color: #E7D6BD; /*plus foncé que antiquewhite*/
	color: black;
}	
.menuMoyen {
	background-color : #F5E8D3;/*quasi comme antiquewhite*/;
	color: black;
	}
.menuClair {
	background-color : #FFF2DD;/*plus clair que papayawhip*/;
	color: black;
	}

.alerte {
	padding-bottom:2em;
	padding-top:2em;
	background-color : gold;
	font-weight :bold;
	color: black;
	}
	
.suralerte {
	padding-bottom:2em;
	padding-top:2em;
	background-color : red;
	font-weight :bold;
	color: white;
	}
.good {
	padding-bottom:2em;
	padding-top:2em;
	background-color : lime;
	font-weight :bold;
	color: black;
	}

.CA {
	background-color : #B7144B ; /*bordeau*/
	color: white;
}
.CAMoyen{
	background-color : #DB146F ; /*rouge fushia*/
	color: white;
}
.CAClair{
	background-color :  deeppink ;
	color: white;
}

.developpeur {
	background-color : purple ; 
	color: white;
}

.developpeurMoyen{
	background-color : #C800C8 ; /*violet lumineux*/
	color: white;
}
.developpeurClair{
	background-color : magenta; 
	color: white;
}


.back {
	background-color: blueviolet;
	color: white;
}
.backMoyen{
	background-color: mediumslateblue  ;
	color: white;
}
.backClair{
	background-color: #E8D4FB;/* plus foncé que lavender*//*anciennement stagiaire*/
	color: black;
}

.administratif  {
	background-color : orangered; 
	color: white;
}
.administratifMoyen{
	background-color : coral; 
	color: white;
}
.administratifClair{
	background-color : orange; 
	color: black;
}

.testsNewDroits  {
	background-color : dimgray; 
	color: white;
}
.testsNewDroitsMoyen{
	background-color : darkgray; 
	color: black;
}
.testsNewDroitsClair{
	background-color : lightgray; 
	color: black;
}

.eventmanager  {
	background-color : blue; 
	color: white;
}
.eventmanagerMoyen{
	background-color : dodgerblue; 
	color: black;
}
.eventmanagerClair{
	background-color : deepskyblue; 
	color: black;
}

.webmaster  {
	background-color : darkcyan; 
	color: white;
}
.webmasterMoyen{
	background-color : turquoise; 
	color: black;
}
.webmasterClair{
	background-color : cyan; 
	color: black;
}

.membreAsso  {
	background-color : darkgoldenrod; 
	color: white;
}
.membreAssoMoyen{
	background-color : olive; 
	color: white;
}
.membreAssoClair{
	background-color : olivedrab; 
	color: black;
}


.exposant  {
	background-color : chocolate; 
	color: white;
}
.exposantMoyen{
	background-color : peru; 
	color: black;
}
.exposantClair{
	background-color : sandybrown; 
	color: black;
}

.referenceur  {
	background-color : limegreen; 
	color: black;
}
.referenceurMoyen{
	/*background-color : lime; */
	background-color: #C1E39A;/* plus jaune que darkseagreen*/
	color: black;
}
.referenceurClair{
	/*background-color : greenyellow; */
	background-color: #C9FAAC;/* un vert amande*/
	color: black;
}

.entete {
	background-color: white;
}	
.vote {
	background-color: lightgreen ;
	color: black;
	}
.votenok {
	background-color: pink ;
	color: black;
	}