/*****************************************************/
/****General****/
*
{
	margin:0px;
	/* padding:0px; */
}
body
{
	/* background:#e2f6ff */
	/* background:url('images/logoFond.png')  fixed center  no-repeat;  */
	background-color:#B1F9CE ;
    background-size: contain;
	padding-left:5%;
	padding-right:5%;
	font-family:Arial, Geneva, sans-serif;
}
a
{
	text-decoration:none;
	/* color:#1661B0; */
	padding : 10 % ;
}
a:hover
{
	color:#9DC9F8;
	font-style : gras ;
	/*font-size : larger ;*/
	/* background : #1661B0 ; */
}
/* affichage du logo CV*/
.image-ronde{
  height : 24px;
  border: none;
  -moz-border-radius : 12px;
  -webkit-border-radius : 12px;
  border-radius : 12px;
}

/*    Style Menu */
.navbar {
	display : flex;
	 justify-content: center;
	 width:85% ;
 	margin:2% auto ;
	font-size: 1em;    
	color: white;    
	text-align: center;    
}

.subnav-content {
  display: none;
}

.subnavbtn, 
.subnav-content a{
	display :block ;
	 border: none;
	 padding: 5px ;
	 margin : 0;
	 text-align : left ;
	 background-color:#1DCACD ;
	 font-family: inherit;
	font-size: inherit;    
	color : inherit ;
	border-radius: 10px;
}

.subnav:hover .subnav-content  { 
 	float: none;    
   display: block; 
   position: absolute;
}
.subnav2 {
	list-style:none;  
	 font-family: inherit;
	font-size: inherit;    
	color : inherit ;
	background-color: #1DCACD;
	border-radius: 10px;
	margin : 0px ;
	padding: 5px ;
	}
.subnav2 a{
	color : white ;
	}
.subnav2:hover,.subnav2 a:hover{
	background-color: #14B2B5;
	color: #25257d;
	}


.subnav-content li, 
.subnav li {
	list-style:none;  
	 font-family: inherit;
	font-size: inherit;    
	color : inherit ;
	background-color: #1DCACD;
	border-radius: 10px;
	margin : 0px ;
	padding: 0px ;
}


.subnavbtn:hover, 
.subnav-content:hover a:hover {
	background-color: #14B2B5;
	color: #25257d;
	border-radius: 10px;
}

/*  Fin style menu */

/* Menu fixe à droite des listes */
.MenuFixe {
	/* list-style-type:none; */
	border-top-left-radius:40px;
	border-bottom-left-radius:40px;
	padding : 5px;
	padding-top : 20px;
	padding-bottom : 20px;
	margin-right : 0px;
	padding-right : 0px ;
	background-color:#1DCACD ;
	color:white;
	font-weight:bold;
	font-size: 14px ;
  position: fixed;
  right: 0;
  top: 50%;
  width: 12em;
  margin-top: -2.5em;
}
.MenuFixe a:visited {
	color : white ;
}
.MenuFixe a:hover {
	color : #25257d ;
	}

img, table, tr, td
{
	border:1px;
	text-align:center;
}
h1
{
	text-align:center;
	margin:0px;
	padding:0px;
}
h2,h3
{
	text-align : left;
	margin-top : 20px;
	margin-bottom:10px;
}
h3
{
	margin-left:30px;
}
.clean
{
	clear:both;
}
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}
input
{
	margin: 3px auto 3px auto;
}
.form1 input 
{
		text-align:left;

}
.form1 label 
{
	width: 90%;
	display:inline-block;
	vertical-align:top;
	text-align:right;
    font-size: 16px;
}

table
{
	border-spacing:0px;
	/* background:#ffffff; */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:0px;
	width: 60%;
	margin: 5px auto 5px auto;
	font-size:smaller;
}

 td, th 
 {
    border:1px;
    /* width: auto; */
}  
th 
{
    font-weight: normal;
    font-style : italic;
    font-size :12px;
    /* width:50%; */
}

.ListesAdmin
{
	border : 1px;
    padding : 10px;
    border-width:1px;
    border-style:solid;
    border-color:#04405B;
    background-color : #60C8F2;
    width: 85%;
}
.ListesAdmin td
{
	text-align : left ;
}

.ListesAdmin tr:nth-child(odd){
  background-color:#ACDCFA;;
}


/*****************************************************/
/****Blocs****/


.header, .foot {
	margin:auto;
	margin-top:10px;
	padding:15px;
	width:90%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color: #7ce1dd ;
	text-align:center;
	color: #25257d;

}
.content
{
	width:85%;
	/* -moz-border-radius:20px; */
	/* -webkit-border-radius:20px; */
	border-radius:20px;
	margin:auto;
	padding:10px;
	margin-top:0px;
	margin-bottom:0px;
}
.unedemande 
{
    border : 1px;
    padding : 10px;
    border-width:1px;
    border-style:solid;
    border-color:#04405B;
    background-color : #6a957c;
    width: 85%;
}
.unedemande td
{
    background-color : #ACDCFA;
}

.unedemande th
{
    background-color : #60C8F2;
}
.unedemande th,.unedemande td 
{
   	border: 1px solid #6a957c;
    border-collapse: collapse;
}
.big
{
	font-size:1.5em;
    font-weight: bold;
}
.small
{
	font-size:0.7em;
}
.messageAlrt
{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:20px;
	margin:auto;
	width:55%;
	background-color :#ff7f27;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}

.message
{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:20px;
	margin:auto;
	width:75%;
	background-color : #6a957c ;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}

/* Bulle Info https://bricabracinfo.fr/Trucs/astuce_bulle_pop_up.php  */
b.bulleinfo { 
  position: relative; 
  text-decoration: none; 
  /* Le choix de l'attribut text-decoration est fonction de votre choix pour l'affichage du lien correspondant à l'infobulle */
  }
b.bulleinfo:after{
	content:"";
   display:inline-block;
   width:18px;
   height:18px;
   background:url(images/pointInterro.png) no-repeat;
   /* background:url(pointInterro.png) no-repeat; */
   background-size:100%;
}

b.bulleinfo:hover { 
  /* background-color: white; */
/* Le choix de  couleur de l'arrière-plan de la bulle après passage de la souris (hover) est un choix personnel */
}

b.bulleinfo span { 
  display: none;
/* le choix de none pour display permet de masquer tout le texte devant apparaître dans la bulle au passage de la souris (saisi entre les balises <span> ... </span>) */
}

b.bulleinfo:hover span { 
/* le texte saisi entre les balises <span> ... </span>) doit s'afficher au passage de la souris sur le lien */
  display: block; 
/* le choix de bloc pour display permet d'afficher tout le bloc de texte contenu dans la bulle */
  position: absolute; 
/* la position absolute, se fera par rapport à la balise "a:bulleinfo span" (le parent) qui est en position relative avec les valeurs indiquées pour top, left et width */
  top: 30px; 
  left: 8px; 
  width: 300px;
  border: 1px;
/* l'encadrement de la bulle sera d'une épaisseur de 1pixel,  ceci sur les 4 cotés */ 
  border-style: solid;
/* border-style indique l'aspect de la bordure (c'est à dire bordure continue) */
  border-color: #000000; 
  border-radius:10px;
/* border-color indique la couleur de la bordure (noire pour cet exemple) */
  color: #000000;  
/* color indique la couleur de la police */
  text-align: justify; 
  background-color : white;
/* Le choix de  couleur de l'arrière-plan de la bulle après passage de la souris (hover) est un choix personnel */
  font-size:1.2em;
  font-weight: normal;  
/* par défaut la police est en gras avec normal, cette propriété est annulée */ 
  padding: 5px; 
/* l'attribut padding permet de créer un espace donné (en pixels) entre la bordure et le bloc de texte */ 
 }
b.bulleinfo:hover span span{ 
/* le texte saisi entre les balises <span> ... </span>) doit s'afficher au passage de la souris sur le lien */
  display: block; 
/* le choix de bloc pour display permet d'afficher tout le bloc de texte contenu dans la bulle */
  position: center; 
/* la position absolute, se fera par rapport à la balise "a:bulleinfo span" (le parent) qui est en position relative avec les valeurs indiquées pour top, left et width */
  top: 1px; 
  left: 10px; 
  width: 280px;
  border: 2px;
/* l'encadrement de la bulle sera d'une épaisseur de 1pixel,  ceci sur les 4 cotés */ 
  border-style: solid;
/* border-style indique l'aspect de la bordure (c'est à dire bordure continue) */
  border-color: #000000; 
/* border-color indique la couleur de la bordure (noire pour cet exemple) */
  color: #000000;  
/* color indique la couleur de la police */
text-align:center;
  background-color : #7ce1dd;
/* Le choix de  couleur de l'arrière-plan de la bulle après passage de la souris (hover) est un choix personnel */
  font-size:1.2em;
  font-weight: normal;  
/* par défaut la police est en gras avec normal, cette propriété est annulée */ 
  padding: 5px; 
/* l'attribut padding permet de créer un espace donné (en pixels) entre la bordure et le bloc de texte */ 
 }

#invalide
{
	color:#B1F9CE ;
}

.date
{
	font-style:italic;
	text-align:right;
	font-size:0.9em;
	margin-right:10px;
}

/* Popup */
/* Popup */
  
  
.form-popup {
	overflow-y: auto;
	max-height: 95%;
	left: 25%;
	top: 2%;
	display: none;
	position: fixed;
	background-color: #595d5b;
	border-radius: 10px;
}
.contenu-popup {
	background-color: white;
	margin : 8px ;
	padding : 16px ;
	border: 2px solid #666;
	}
.contenu-popup table, pied-popup table  {
	width : 100% ;
}

.titre-popup {
	width : 60%;
	margin : 5px auto 5px auto ;
	text-align : center ; 
    font-size: 1.3em;
	border : 1px solid black ;
}
.contenu-popup td  {
	margin : 0 ;
	padding : 3px ; 
	border : 1px solid black ;
    font-size: 1.3em;
	text-align : left ;
}
.pied-popup {
	background-color : #6a957c ;
	border-radius: 10px;
	margin : 8px ;
	padding : 16px ;
}
.pied-popup tr{
	width : 100% ;
	text-align : center ;
	}
/* Fin Popup */