/**************************************
	CSS General pour toutes les pages
 *************************************/

/*
 Supprime le padding a la noix mis par Firefox dans les boutons
 */
button::-moz-focus-inner {
    padding: 0;
    border: 0
}

/* La partie commune a toutes les pages */
#header {
	/* background-color: #FFCC00; */
	/*width: 800px;*/
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 0;
}

#titre_general
{
        text-align: center;
        width: 600px;
        color: #003333;
        font-weight: bold;
        font-size: 48px;
}

table.topmenu {
	border-collapse: collapse;
}

span.code_apogee_formation  {
	text-transform: capitalize;
	color: #333;
    font-size: 21px;
    font-weight : normal;
}

span.version_apogee_formation  {
	color: #333;
    font-size: 18px;
    font-weight : normal;
}



ul.ultriangle li{
list-style-type: none;
background-image: url(../images/fleche2.png);
background-repeat: no-repeat;
background-position: -130px 50%;
padding-left: 30px;
height : 16px;
}


input.commentairevide{
	color: #555;
	font-weight:normal;
	background:none;
	background-color:inherit;
	box-shadow:none;
	border:0
}

input.commentaireplein{
	color:#0000FF;
	font-weight:bolder;
	background:none;
	background-color:inherit;
	box-shadow:none;
	border:0
}

input.commentairevide:hover,input.commentaireplein:hover{
	text-decoration:underline;
	color: #000;
	font-weight:bolder;
	background:inherit;
	box-shadow:none;
	border:0;
}


/****************************
	CSS pour les menus
****************************/

#cartouche-menu {
    min-width: 100%;
	float: left;
	padding-top: 0;
	margin-top: 0;
	/* background: #F2F2F2; */
	white-space: nowrap;
	/*overflow : hidden;*/

}
/* Menu de navigation  onglets niveau 1 */
#menu-nav1 {
      float: left;
      width: 100%;
	  font-size: 16px;
      line-height:25px;
	  border-bottom: 2px solid #89a;


	  }

#menu-nav1 ul {
      margin:0;
	  margin-top: 10px;
      padding:10px 10px 4px;
      list-style:none;
}
#menu-nav1 li {
	  display:inline;

}
#menu-nav1 a {
	  padding: 6px 15px 8px;
	  margin: 0px 2px 0px 2px;
	  background: #DDD;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	  -webkit-border-top-left-radius: 10px;  /* pour Chrome*/
	  -webkit-border-top-right-radius: 10px; /* pour Chrome */
	  transition:all .3s;
}

.shine{
	background-color: #b1f579;
}

@-webkit-keyframes shine {
	100% {
		opacity:.1
	}
}
@keyframes shine {
	100% {
		opacity:.1
	}
}

#menu-nav1 li {
	display:inline;

}

#menu-nav1 #current-nav1 a {
	  color: #006;
	  font-weight: bold;
	  /* border :1px solid #000; */
	  padding: 6px 15px 15px;
	  }

/* Menu de navigation  onglets niveau 2 */

#menu-nav2 {
      float:left;
      width:100%;
 	  background-repeat:repeat-x;
	  background-position:bottom;
	  background-color: #FF6;
      font-size: 11px;
      line-height:normal;
      /*padding-bottom : 0px*/
	  border-bottom: 2px solid #89a;
      }

#menu-nav2 ul {
      margin:0;
	  margin-top: 9px;
      padding:10px 10px 0px;
      list-style:none;
     }

#menu-nav2 li {
	  display:inline;
}

#menu-nav2 a {
	  padding: 6px 15px 0px;
	  margin: 0px 2px 0px 2px;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px; /* pour Chrome */
	border-top-right-radius: 10px; /* pour Chrome */
     }

#menu-nav2 #current a {
	  color: #006;
	  font-weight: bold;
	  border: 1px solid #333;
      padding: 6px 15px 15px;
      }


#menu-nav2 form {
	  display:inline;
	  padding: 6px 0px 0px 0px;
	  margin: 0px 2px 0px 2px;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
     }

#menu-nav2 input {
   font-size:12px;
      padding: 1px 10px 0px 10px;
	  margin:0px 0px 0px 0px;
	  color: #333;
	  border: 0;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	  background:none;
	  box-shadow:none;
     }

#menu-nav2 #current form {
	  color: #006;
	  font-weight: bold;
	  border: 1px solid #333;
	  border-bottom :0px;
      padding: 6px 0px 10px;
      }




#menu-nav2 #current  form input {

	  color: #006;
      }

 /* Menu de navigation  onglets niveau 3 */


#menu-nav3 {
      float:left;
      width:100%;

      background-color: #FFC;
 	  background-repeat:repeat-x;
	  background-position:bottom;
	  background-color: #FFC;
      font-size: 11px;
      line-height:normal;
      border-bottom : 2px solid #89a
      }
#menu-nav3 ul {
      margin:0;
	  margin-top: 4px;
      padding:10px 10px 0px;
      list-style:none;
     }
#menu-nav3 li {
	  display:inline;
      }
#menu-nav3 a {
	  /*padding: 6px 15px 15px;*/
	  padding: 6px 15px 0px;
	  margin: 0px 2px 0px 2px;
	  background-color: #ffc;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	  /*
	  -webkit-gradient:(
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.22, rgb(255,255,255)),
		  color-stop(0.61, rgb(255,255,204))
	  );
	  -moz-linear-gradient: (
		  center bottom,
		  rgb(255,255,255) 22%,
		  rgb(255,255,204) 61%
	  );*/
}

#menu-nav3 #current a {
/*	  background: #FFF;         */
	  color: #003;
	  font-weight: bold;
 	  border: 1px solid #000;
      padding: 6px 15px 15px;
    }


#menu-nav3 form {
	  display:inline;
	  padding: 4px 0px 0px 0px;
	  margin: 0px 2px 0px 2px;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	/*
	-webkit-gradient: (
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.22, rgb(255,255,255)),
		  color-stop(0.61, rgb(255,255,204))
	);
	-moz-linear-gradient: (
		  center bottom,
		  rgb(255,255,255) 22%,
		  rgb(255,255,204) 61%
	);
	*/
     }

#menu-nav3 input {
      font-size: 11px;
		background:none;
      /* background-color :#AFF; */
	box-shadow:none;
      padding: 1px 10px 0px 10px;
	  margin: 0px 0px 0px 0px;
	  color: #333;
	  border: 0;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px; /* pour Chrome */
	border-top-right-radius: 10px; /* pour Chrome */
	/*
	-webkit-gradient: (
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.22, rgb(255,255,255)),
		  color-stop(0.61, rgb(255,255,204))
	  );
	  -moz-linear-gradient: (
		  center bottom,
		  rgb(255,255,255) 22%,
		  rgb(255,255,204) 61%
	  );
	  */
     }

#menu-nav3 #current form {
	  color: #006;
	  font-weight: bold;
	  border: 1px solid #333;
	  border-bottom :0px;
      padding: 4px 0px 15px 0px;
      }

#menu-nav3 #current  form input {
	  color: #006;
      }

/* Menu de navigation  onglets niveau 4 */


#menu-nav4 {
      float:left;
     	width:100%;
		white-space: nowrap;

      background-color: #FFC;
 	  background-repeat:repeat-x;
	  background-position:bottom;
	  background-color: #FFC;
      font-size: 10px;
      line-height:normal;
      border-bottom : 2px solid #89a
      }
#menu-nav4 ul {
      margin:0;
	  margin-top: 4px;
      padding:10px 10px 0px;
      list-style:none;
     }
#menu-nav4 li {
	  display:inline;
      }
#menu-nav4 a {
	  /*padding: 6px 15px 15px;*/
	  padding: 6px 15px 0px;
	  margin: 0px 2px 0px 2px;
	  background-color: #ffc;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	  /*
	  -webkit-gradient:(
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.22, rgb(255,255,255)),
		  color-stop(0.61, rgb(255,255,204))
	  );
	  -moz-linear-gradient: (
		  center bottom,
		  rgb(255,255,255) 22%,
		  rgb(255,255,204) 61%
	  );*/
}

#menu-nav4 #current a {
/*	  background: #FFF;         */
	  color: #003;
	  font-weight: bold;
 	  border: 1px solid #000;
      padding: 6px 15px 15px;
    }


#menu-nav4 form {
	  display:inline;
	  padding: 4px 0px 0px 0px;
	  margin: 0px 2px 0px 2px;
	  color: #333;
	  border: 1px solid #89a;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	/*
	-webkit-gradient: (
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.22, rgb(255,255,255)),
		  color-stop(0.61, rgb(255,255,204))
	);
	-moz-linear-gradient: (
		  center bottom,
		  rgb(255,255,255) 22%,
		  rgb(255,255,204) 61%
	);
	*/
     }

#menu-nav4 input {
      font-size: 11px;

		background:none;
      /* background-color :#AFF; */
	box-shadow:none;
      padding: 1px 10px 0px 10px;
	  margin: 0px 0px 0px 0px;
	  color: #333;
	  border: 0;
	  text-decoration: none;
	  border-radius: 10px 10px 0 0;
	border-top-left-radius: 10px; /* pour Chrome */
	border-top-right-radius: 10px; /* pour Chrome */
	/*
	-webkit-gradient: (
		  linear,
		  left bottom,
		  left top,
		  color-stop(0.22, rgb(255,255,255)),
		  color-stop(0.61, rgb(255,255,204))
	  );
	  -moz-linear-gradient: (
		  center bottom,
		  rgb(255,255,255) 22%,
		  rgb(255,255,204) 61%
	  );
	  */
     }

#menu-nav4 #current form {
	  color: #006;
	  font-weight: bold;
	  border: 1px solid #333;
	  border-bottom :0px;
      padding: 4px 0px 15px 0px;
      }

#menu-nav4 #current  form input {
	  color: #006;
      }





.sous-menu {
	background-color:#FFF;
	float: left;
	width: 100%;

}

#page {
	float: left;
	width: 100%;
	margin-left:auto;
	margin-right:auto;

}

/***************************
	faux lien
***************************/
input.fauxlien, a.fauxlien, button.fauxlien{
   color: #800000;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
	background:inherit;
	font-size: inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlien:hover:enabled, a.fauxlien:hover:enabled ,button.fauxlien:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}

select.fauxlienselect{
   padding-top: 0px;
   padding-bottom: 0px;

	color: #800000;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance : none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;


   background-image: url(../images/up_down_arrow.png) -webkit-linear-gradient(top, #FFFFFF,#CCCCCC); /* For Chrome and Safari */
   background-image: url(../images/up_down_arrow.png) -moz-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Fx (3.6 to 15) */
   background-image: url(../images/up_down_arrow.png) -ms-linear-gradient(top, #FFFFFF,#CCCCCC); /* For pre-releases of IE 10*/
   background-image: url(../images/up_down_arrow.png) -o-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Opera (11.1 to 12.0) */
   background-image: url(../images/up_down_arrow.png), linear-gradient(to bottom, #FFFFFF,#CCCCCC); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 16px;

     border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-shadow:2px 2px 1px  #666666;
}

input.fauxliengras, a.fauxliengras, button.fauxliengras{
   color: #800000;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   text-decoration: none;
	background:inherit;
	font-size: inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengras:hover:enabled, a.fauxliengras:hover:enabled, button.fauxliengras:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}
input.fauxliengras16, a.fauxliengras16, button.fauxliengras16{
   color: #800000;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   text-decoration: none;
	background:inherit;
	font-size: 16px;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengras16:hover:enabled, a.fauxliengras16:hover:enabled, button.fauxliengras16:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}
input.fauxliengrisclairgras16, a.fauxliengrisclairgras16, button.fauxliengrisclairgras16{
   color: #808080;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   text-decoration: none;
	background:inherit;
	font-size: 16px;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengrisclairgras16:hover:enabled, a.fauxliengrisclairgras16:hover:enabled, button.fauxliengrisclairgras16:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}
input.fauxliengrisclairgras, a.fauxliengrisclairgras, button.fauxliengrisclairgras{
   color: #808080;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   text-decoration: none;
	background:inherit;
	font-size: inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengrisclairgras:hover:enabled, a.fauxliengrisclairgras:hover:enabled, button.fauxliengrisclairgras:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}
input.fauxliengrisclairitalic15, a.fauxliengrisclairitalic15, button.fauxliengrisclairitalic15{
   color: #808080;
   font-style: italic;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
	background:inherit;
	font-size: 15px;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengrisclairitalic15:hover:enabled, a.fauxliengrisclairitalic15:hover:enabled, button.fauxliengrisclairitalic15:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}

input.fauxliengrisclair, a.fauxliengrisclair, button.fauxliengrisclair{
   color: #808080;
   font-style: normal;
   font-variant: normal;
   text-decoration: none;
	background:inherit;
	font-size: inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengrisclair:hover:enabled, a.fauxliengrisclair:hover:enabled, button.fauxliengrisclair:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}

input.fauxlienrougevif, a.fauxlienrougevif, button.fauxlienrougevif{
   color: #FF0000;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
	background:inherit;
	font-size: inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlienrougevif:hover:enabled, a.fauxlienrougevif:hover:enabled, button.fauxlienrougevif:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}




input.fauxlienbleu, a.fauxlienbleu, button.fauxlienbleu{
   color: #0000FF;
   font-variant: normal;
	font-weight:normal;
	font-size: inherit;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlienbleu:hover:enabled, a.fauxlienbleu:hover:enabled, button.fauxlienbleu:hover:enabled
{	color: #505050;
	text-decoration: underline;
	background:inherit;
}

input.fauxlienvertgras, a.fauxlienvertgras, button.fauxlienvertgras{
   color: #00BB00;
   font-variant: normal;
	font-weight:bolder;
	font-size: inherit;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlienvertgras:hover:enabled, a.fauxlienvertgras:hover:enabled, button.fauxlienvertgras:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}

input.fauxliengrisgras, a.fauxliengrisgras, button.fauxliengrisgras{
   color: #666666;
   font-variant: normal;
	font-weight:bolder;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxliengrisgras:hover:enabled, a.fauxliengrisgras:hover:enabled, button.fauxliengrisgras:hover:enabled
{
	color: #505050;
	text-decoration: underline;
	background:inherit;
}


input.fauxlienblancgras, button.fauxlienblancgras, a.fauxlienblancgras{
   color: #FFFFFF;
   font-variant: normal;
	font-weight:bolder;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlienblancgraspetit, button.fauxlienblancgraspetit, a.fauxlienblancgraspetit{
   color: #FFFFFF;
   font-variant: normal;
	font-weight:bolder;
	font-size:8pt;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlienblancgras:hover:enabled, a.fauxlienblancgras:hover:enabled, button.fauxlienblancgras:hover:enabled
{
	background:inherit;
	text-decoration: underline;
}
input.fauxlienblanc, a.fauxlienblanc, button.fauxlienblanc{
   color: #FFFFFF;
   font-variant: normal;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;
}

input.fauxlienblanc:hover:enabled, a.fauxlienblanc:hover:enabled, button.fauxlienblanc:hover:enabled
{
	background:inherit;
	text-decoration: underline;
}


input.fauxlienbleugras, a.fauxlienbleugras, button.fauxlienbleugras{
   color: #0000CC;
   font-variant: normal;
	font-weight:bolder;
	font-size: inherit;
	background:inherit;
	border:0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	box-shadow: none;

}

input.fauxlienbleugras:hover:enabled, a.fauxlienbleugras:hover:enabled, button.fauxlienbleugras:hover:enabled
{
	background:inherit;
	text-decoration: underline;
}
/*******************
infobulle
********************/

.infobulle{
    position: absolute;
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
    z-index:50;
 }

.infobulle_comparaison_apogee{
    position: absolute;
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
	 background-color:#FFF1A2;
    z-index:50;
}


.infobulle2{
    position: absolute;
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
	 background-color:#FFF1A2;
    z-index:50;
    margin-top:50px;
}


.tdinfobulle{
    background-color:  #FFFFCC;
}
/********************************
	CSS pour affichage IB, ENA, REFUS, NCRH, ACCORD, NON_DEFINI
***********************************/
span.IB {
	font-family: arial, monospace;
	padding: 0px 5px 0px 5px;
	margin :20px 0px 20px 0px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
	background-color: #999999;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}
span.ENA {
	font-family: arial, monospace;
	padding: 0px 5px 0px 5px;
	margin :20px 0px 20px 0px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
	background-color: #7296EB;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

span.REFUS {
	font-family: arial, monospace;
	padding: 1px 5px 1px 5px;
	margin :20px 0px 20px 0px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
	background-color: #8C0808;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

span.IBstat{
	font-family: arial, monospace;
	padding: 0px 5px 0px 5px;
	margin :20px 0px 20px 0px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
	background-color: #CCCCCC;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */


}

span.NCRH {
	font-family: arial, monospace;
	padding: 0px 3px 0px 3px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
	background-color: #555555;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

span.NCSIconv {
	font-family: arial, monospace;
	padding: 0px 3px 0px 3px;
	font-size:10px;
	font-weight:bold;
	background-color: #CC0000;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}



span.C0 {
	font-family: arial, monospace;
	padding: 0px 3px 0px 3px;
	font-size:10px;
	font-weight:bold;
	background-color: #555555;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

.C0_non_validee {
	color: #ff8c00;
	font-weight: bold;
}

span.UENC {
	font-family: arial, monospace;
	padding: 1px 5px 1px 5px;
	color: #808080;
	font-size:12px;
	font-weight:bold;
/*
	background-color: #AAAAAA;
	color:#EEEEEE;
 */
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */

}

span.FSC {
	font-family: arial, monospace;
	padding: 0px 3px 0px 3px;
	font-size:11px;
	font-weight:bold;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */

}

span.FSC_O {
	background-color: #00cc99;
}

span.FSC_N {
	background-color: #FF6666;
}


span.EDT{
	font-family: arial, monospace;
	padding: 1px 3px 1px 3px;
	font-size:10px;
	font-weight:bold;
	background-color: #556086 ;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

select.select_EDT
{
   display:inline;
   vertical-align:middle;
   font-family: arial, monospace;
   font-size:10px;
	letter-spacing: 1.5px;
	padding: 1px 3px 1px 3px;
	width:35px;


 /*
  padding-top: 0px;
   padding-bottom: 0px;
 */

	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
/*
    -webkit-padding-end: 1px;
    -moz-padding-end: 1px;
 */
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;


	color: #FFFFFF;
   background-image: linear-gradient(to top, #556086,#556086); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 18px;

   border: 0;
    border-radius: 4px;
 }

 select.select_EDT>option{
	color:black;
 }

select.select_syllabus
{


   display:inline;
   vertical-align:middle;
   font-family: arial, monospace;
   font-size:11px;
	letter-spacing: 1.5px;
		width:37px;
	font-weight:bold;




	padding: 0.5px 0px 0.5px 1px;
	text-align : center;



 /*
  padding-top: 0px;
   padding-bottom: 0px;
 */

	-webkit-appearance: none;
	-moz-appearance: none;
		appearance : none;


    -webkit-user-select: none;
    -moz-user-select: none;
    user-select : none;



   background-image: none; /* Standard syntax; must be last */

   background-position: center right;
    background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 10px;
   border: 0;
    border-radius: 4px;
	box-shadow:2px 2px 1px  #666666;
 }

select.select_syllabus option
{
	background-color : inherit;
	color : #000000;
	font-size:12px;
	font-weight:normal;
}

span.ACon{
	font-family: arial, monospace;
	padding: 1px 3px 1px 3px;
	font-size:10px;
	font-weight:bold;
	background-color: #556086 ;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */


}

span.ACoff{
	font-family: arial, monospace;
	padding: 1px 3px 1px 3px;
	font-size:10px;
	font-weight:bold;
	background-color: #888888;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */


}



span.boutton{

	font-family: arial, monospace;
	padding: 1px 3px 1px 3px;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */

}

span.boutton_ombre{

	   vertical-align: middle;
	font-family: arial, monospace;
	padding: 1px 3px 1px 3px;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */

	box-shadow:2px 2px 1px  #666666;
}



/*******************************************************
	CSS pour affichage anciennete (Service,Module, perso)
********************************************************/

.anciennete_0, input.anciennete_0{
background-color:inherit;
border:0;
 }



.anciennete_1, input.anciennete_1{
background-color:inherit;
border:0;
font-weight : bolder;
color :#AAAAAA;
}
.anciennete_2, input.anciennete_2{
background-color:inherit;
border:0;
font-weight : bolder;
color :#8BA78B;
}
.anciennete_3, input.anciennete_3{
background-color:inherit;
border:0;
font-weight : bolder;
color :#1F9C1F;
}

.anciennete_4, input.anciennete_4{
background-color:inherit;
border:0;
font-weight : bolder;
color :#0F9B0F;
}


.anciennete_max, input.anciennete_max{
background-color:inherit;
border:0;
font-weight : bolder;
color :#009900;
}


/****************************
	CSS pour page enseignant
****************************/
td.persocoletiq {
	text-align: right;
	 background-color: #FFFFCC;
	 border-color: #FFFF66;
	 width: 210px;
}
td.persocoletiqform {
	text-align: right;
	 background-color: #FFFFCC;
	 border-color: #FFFF66;
	 width: 250px;
}

td.persocoletiqform div.aide{
	color : #AAAAAA;
}



td.inscriptionform {
	text-align: right;
	 background-color: #FFFFCC;
	 border-color: #FFFF66;
	 width: 350px;
}
td.inscriptionform2 {
	text-align: right;
	 background-color: #FFEECC;
	 border-color: #FFFF66;
	 width: 350px;
}
td.persocolvaleur {
	  text-align: left;
	 background-color: #E7E7E7;
/*
	 width: 559px;
*/
}

td.persocolvaleurform_groupe_position {

	background-color:#cccccc;
	width:30px;
	min-width:30px;
	border-top:3px solid white;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	position : relative;
}

td.persocolvaleurform_groupe_position div{
	transform:rotate(-90deg);

	position : absolute;
	transform-origin: 15px center;
	white-space : pre;

}



td.persocolvaleurform_groupe_position.erreur {

	background-color:#FF7777;

}
td.persocolvaleurform_groupe_position_top {

	background-color:#cccccc;
	text-align:center;
	font-weight:bold;

}





td.persocolvaleurform_positions {
	 border-spacing : 0px;
	 padding : 0px;
}



td.persocolvaleurform {
	 background-color: #DDD;
	 border-spacing : 0px;
}

td.persocolvaleurform div.aide{
/* 	 background-color: pink; */
	 width: 700px;
	 color: #666666;
	 display : inline-block;
	 vertical-align:middle;
	 margin-left :30px;
}


td.persocolvaleurform_erreur {
	 background-color: #DDD;
	 border-spacing : 0px;
	 color:#F00;
}
td.persocolvaleurform_warning {
	 background-color: #DDD;
	 border-spacing : 0px;
	 color:#05F;
	 font-weight: bold;
}
span.persocolvaleurform {
	 background-color: #DDD;
}
span.persocolvaleurform_erreur {
	 background-color: #DDD;
	 color:#F00;
}
span.persocolvaleurform_warning {
	 background-color: #DDD;
	 color:#05F;
	 font-weight: bold;
}



span.persocolvaleurform_frozen {
	 background-color: #BBB;
	 font-weight:bold;
	 padding : 2px 10px 2px 10px;
	  border-radius: 4px 4px 4px 4px;
	  -webkit-border-top-right-radius: 4px; /* pour Chrome */
	  -webkit-border-top-left-radius: 4px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 4px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 4px; /* pour Chrome */
}
span.persocolvaleurform_frozen2 {
	 background-color: #BBB;
	 font-weight:bold;
	 padding : 2px 10px 2px 10px;
	  border-radius: 4px 4px 4px 4px;
	  -webkit-border-top-right-radius: 4px; /* pour Chrome */
	  -webkit-border-top-left-radius: 4px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 4px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 4px; /* pour Chrome */
}
td.persocolvaleurform_frozen {
	 background-color: #DDD;
	 border-spacing : 0px;
	 padding: 5px;
}
div.persocolvaleurform {
	  text-align: left;
	 background-color: #DDD;
	 margin-top:2px;
	 padding-bottom : 4px;
	 padding-top : 4px;

}



div.persocolplusform {
	 text-align: right;
	 background-color: #EFEFEF;
	 padding-bottom : 1px;
	 padding-top : 1px;
	 margin-top:2px;
	 padding-right : 6px;


}

td.persoderligetiq{
	text-align: left;
	 border-color: #FFFF66;
	 width: 210px;
}
td.persoderligvaleur{
	text-align: right;
	 background-color: #F7F7F7;
/*
	 width: 559px;
*/
}

div.message_perso {
	 color:#800000;
}

/****************************
	CSS pour module
****************************/

    .months_content {
        width: 238px;
		margin-left: 8px;
    }

    .month_row .span_month{
        font-size: small;
        width: 80px;
        text-align: right;
    }

    .month_row .span_month,
    .month_row .input_month,
    .month_row .span_hour
    {
        height: 19px;

    }
	.month_row .input_month{
		appearance: textfield;
		font-size: 12px !important;
		font-weight: bold;
	}
	.month_row .input_month::-webkit-outer-spin-button,
	.month_row .input_month::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.btn-paye-au-mois-en-cours{
		background-color: rgb(255, 189, 68);
	}
	.btn-paye-au-mois-en-cours:hover{
		background-color: orange;
	}

	.label_add_person{
		width: 100px;
		margin: 5px;
		text-align: right;
	}

    .content {
        display: inline-flex;
    }

    .input_group_content {
        width: 85px;
        background-color: #0d6efd;
        border: 2px solid rgb(184, 184, 184);
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        font-size: smaller;
        text-align: center;
        color: white;
        margin: 5px;
    }

    .input_group {
        width: 81px;
        outline: none;
        text-align: center;
    }

    .input_group:focus {
        outline: none;
        background-color: rgb(224, 238, 255);
    }

fieldset.modulefieldset{
	border-color:#EEE;
	border: 1px groove gray;
	box-shadow: 1px 1px 1px white;
	border-radius: 10px;
	display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
}

legend.modulelegend{
	/*font-weight:bold;*/
	color:#888;
	display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
	float:none;
	width: fit-content;
	font-size: 12px;
}


td.modulecoletiq {
	text-align: right;
	 background-color: #CCD7FD;
	 width: 200px;
}
td.modulecolvaleur568 {
	text-align: left;
	 background-color: #E7E7E7;
	 min-width: 568px;
}
td.modulecolvaleur500 {
	text-align: left;
	 background-color: #E7E7E7;
	 width: 500px;
}
td.modulecolvaleur68 {
	text-align: left;
	 background-color: #E7E7E7;
	 width: 68px;
}
td.modulecolvaleur {
	text-align: left;
	 background-color: #E7E7E7;
	 max-width:700pt;
}

form.searchbar{
	display:inline;

}

form.searchbar select {
   padding-top: 0px;
   padding-bottom: 0px;
	border-radius: 4px 0px 0px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 0px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 0px; /* pour Chrome */


	-webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;


   background-image: url(../images/up_down_arrow.png) -webkit-linear-gradient(top, #FFFFFF,#CCCCCC); /* For Chrome and Safari */
   background-image: url(../images/up_down_arrow.png) -moz-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Fx (3.6 to 15) */
   background-image: url(../images/up_down_arrow.png) -ms-linear-gradient(top, #FFFFFF,#CCCCCC); /* For pre-releases of IE 10*/
   background-image: url(../images/up_down_arrow.png) -o-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Opera (11.1 to 12.0) */
   background-image: url(../images/up_down_arrow.png), linear-gradient(to bottom, #FFFFFF,#CCCCCC); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 20px;

	border-left:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:0px solid #AAAAAA;
	height:22px;
	margin-right:0;
	vertical-align:middle;
}


form.searchbar input[type="text"]{
	padding : 1px 2px 1px 5px;
	margin-right:0;
	margin-left:0;
	height:22px;
	border-left:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:0px solid #AAAAAA;
	vertical-align:middle;
	background-color: #EEEEEE;
	border-radius: 4px 0px 0px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 0px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 0px; /* pour Chrome */

}

form.searchbar button, .search_global{
	padding : 1px 2px 1px 5px;
	border-radius: 0px 4px 4px 0px;
	-webkit-border-top-left-radius: 0px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 0px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
	border:1px solid #AAAAAA;
	margin-left:0;
	vertical-align:middle;
/* 	background-color:#CCCCCC; */
	background: linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
   background: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
   background: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
   background: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);

}
form.searchbar input[type="text"]:hover{
	background-color: #FFFFFF;
}

form.searchbar button.modifie{

	background: linear-gradient(top, #FFEE00 0%, #FFCC00 100%);
   background: -moz-linear-gradient(top, #FFEE00 0%, #FFCC00 100%);
   background: -webkit-linear-gradient(top, #FFEE00 0%, #FFCC00 100%);
   background: -o-linear-gradient(top, #FFEE00 0%, #FFCC00 100%);

}




/****************************
	CSS pour formation
****************************/
td.mptetiq {
    text-align: left;
    background-color: #CCD7FD;
}

td.mptvaleur {
    text-align: left;
    background-color: #E7E7E7;
}

td.formationcoletiq {
	text-align: right;
	 background-color: #C8CFD7;
	 width: 250px;
}
td.formationcolvaleur {
	text-align: left;
	 background-color: #E0E0E0;
	 width: 550px;
}


div.ligne_ue
{
	display:inline-block;
	color:#555588;
	font-weight:bold;
	margin-left:10px;
	margin-top:9px;
	margin-bottom:2px
}

div.code_ue
{
	width:75px;
}

div.avec_bouton
{
	margin-top:19px;
}


div.nom_ue
{
	display:inline-block;
	color:#555588;
	font-weight:500;

}

div.ligne_module
{
	margin-top:1px;
	margin-bottom:1px
}

div.code_module
{
	display:inline-block;
	margin-right:5px;
	width:78px;
/* 	background-color:pink; */
}


div.semestre
{
	margin-top:15px;
	margin-bottom:5px;
	font-weight:bold;
}
div.nom_module
{
/*
	background-color:pink;
 */
	display:inline-block;
	width : 390px;
	vertical-align:text-top;
}

div.sans_bouton
{
	width: auto;
/*
	background-color:pink;
 */
}

/****************************
	CSS pour syllabus
****************************/


td.formationsyllabuscoletiq {
	text-align: right;
	 background-color: #BACFFE;
	 width: 250px;
}

td.formationsyllabuscolvaleur {
	text-align: left;
	 background-color: #EAEDFF;
	 width: 750px;
}

tr.lignesyllabus:hover {
	background-color:lightblue;
}

/* CSS pour syllabus.php et syllabus_form.php */

table.syllabus {
    border: 0px;
    border-spacing: 2px;
    margin: auto;
}

td.rubriquecolTF {
	text-align: center;
	background-color: #98ADDC;
	/* 	background-color: #AAAADD; */
	font-weight:bold;
	color:#FFFFFF;
    padding: 5px ;

}

td.rubriquecoletiq {
	text-align: right;
	background-color: #BACFFE;
	width: 320px;
	font-weight:bold;
	    padding: 5px ;

}

td.rubriquecolvaleur700 {
	text-align: left;
	background-color: #EAEDFF;
	width: 700px;
	padding: 5px ;

}

td.rubriquecolvaleurform700 {
	text-align: left;
	background-color: #EEEEEE;
	width: 700px;
	padding: 5px ;

}

td.rubriquecolcheckbox80 {
	text-align: center;
	background-color: #BACFFE;
	width: 80px;
}

td.rubriquecolautresdestinations {
	text-align: center;
	background-color: #BACFFE;
	width: 80px;
	padding: 5px ;

}

td.rubriquecolcheckbox {
	text-align: center;
	background-color: #EAEDFF;
	padding: 5px ;

}

td.telechargementcoletiq {
	text-align: right;
	background-color: #CFD5DC;
	color : #556086;
	width: 150px;
	font-weight:bold;
}

td.telechargementcolvaleur{
	background-color: #E4E4E4;
	color : #556086;
}

.erreurCompteur {
	font-weight: bold;
	color: #CC0000;
}

.bouton_jaune_coins_arrondis {

	font-size:12px;

	background-image: url(../images/fond_jaune.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}



/****************************
	CSS pour perso,convention
****************************/



td.statcoletiq {
	text-align: right;
	 background-color: #FFFFCC;
	  white-space: nowrap;
}
td.statcoletiqb {
	text-align: right;
	 background-color: #FFFFCC;
	 width: 200px;
	 font-weight:bold;
}

td.statcolvaleur {
	text-align: center;
	background-color: #E7E7E7;
	width: 200px;
}

td.statcolvaleur_C0 {
	text-align: center;
	background-color: #E7E7E7;
	width: 60px;
	/* vertical-align: middle; */
}

td.statcolvaleurfonce {
	text-align: center;
	background-color: #D6D6D6;
	width: 300px;
}

td.statcolvaleurleft {
	 background-color: #E7E7E7;
	 width: 200px;
}

div.statcolvaleur_soit_droite {
	width : 50%;
	text-align:left;
	float:right;
}
div.statcolvaleur_soit_gauche {
	width : 5em;
	text-align:center;
	float:right;
}


td.statcolvaleurb {
	text-align: center;
	 background-color: #E7E7E7;
	 width: 200px;
	 font-weight:bold;
}

td.statcolvaleurleftb {
	text-align: left;
	 background-color: #E7E7E7;
	 width: 200px;
	 font-weight:bold;
}

td.statthemecoletiq {
    text-align: left;
    background-color: #B0C4DE;
    width: 200px;
}

td.statcolvaleur {
    text-align: center;
    background-color: #E7E7E7;
    width: 200px;
}
td.statcolvaleur2 {
    text-align: center;
    background-color: #E7E7E7;
    width: 70px;
}

td.LigneServicePerso{
	padding : 2px 5px 2px 5px;
}


tr.titreTableauGris td {
	text-align: center;
	border-color: #FFFF66;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}


tr.ligneTableauGris td {
	border-color: #FFFF66;
	background-color: #E7E7E7;
}

/* ----------------------------------------- */
tr.ligneTableauGris td.colSiConvention {
	text-align: center;
	background-color: #D6DBDA;
	font-weight: bold;
	/*background-color: #DADADA;*/
}
td.colSiConvention {
	text-align: center;
	background-color: #D6DBDA;
	font-weight: bold;
	/*background-color: #DADADA;*/
}

/* ----------------------------------------- */
tr.ligneTableauGris td.cellule_en_erreur {
	font-weight: bold;
   color: #CC0000;
}
td.cellule_en_erreur {
	font-weight: bold;
   color: #CC0000;
}

/* ----------------------------------------- */
tr.ligneTableauGris td.cellule_en_erreur_avec_fond {
	font-weight: bold;
   color: #CC0000;
   text-align: center;
	background-color:	#FFDBDB;
}
td.cellule_en_erreur_avec_fond {
	font-weight: bold;
   color: #CC0000;
   text-align: center;
	background-color:	#FFDBDB;
}
/* ----------------------------------------- */

td.texte_en_erreur {
	font-weight: bold;
   color: #CC0000;
   text-align: center;
}

/* ----------------------------------------- */

span.texte_surligne_rouge_fonce {
	display : block;
	padding-top : 2px;
	padding-bottom : 2px;
	color: #FFFFFF;
	background-color: #DD3131;
	width: 50px;
}


span.texte_surligne_rouge_clair {
	display : block;
	padding-top : 2px;
	padding-bottom : 2px;
	color: #C03000;
	background-color: #FFC3C3;
	width: 50px;
}



/****************************
	CSS pour perso,convention
****************************/

.menuformation{
	line-height : 150%;
	width:95%;

}

.menuformation a{
	font-weight: bold;
	margin-left:4px;
	margin-right:4px;
	margin-top:3px;
	margin-bottom:3px;
/*
	white-space:pre;
 */
	background-color: #E0E0E0;
	border-top:1px solid #BBB; border-left:1px solid #BBB;
	border-bottom: 2px solid #777; border-right: 2px solid #777;
   padding : 0px 4px 0px 4px ;
	text-align: center;
	display: inline-table;

	/*margin: 6px 6px 6px 6px;*/

}

/****************************
	CSS pour inscription form
****************************/
td.inscrcoletiq {
	text-align: right;
	 background-color: #FFFFCC;
	 border-color: #FFFF66;
	 width: 210px;
}
td.inscrcolvaleur {
	text-align: left;
	 background-color: #E6E6E6;
	 width: 509px;
}

.sm_titre {
	 background-color: #E6E6E6;
	font-weight: bold;
	white-space:nowrap;
	text-align: center;
	font-size: large;
}

.sm_titre2 {
	 background-color: #E6E6E6;
	font-weight: bold;
	white-space:nowrap;
	text-align: center;
	font-size: medium;
}


.texte-gris {
	font-size:12px;
	color: #AAAAAA;
}

.gras-blanc {
	font-weight: bold;
	color: #FFF;
}

.blanc {
	color: #FFF;
}

.bleu {
	color: #0000FF;
}


.gras-noir {
	font-weight: bold;
	color: #000;
}


.warning{
	font-weight: bold;
	color: #FF0000;
}

.infos_pers_si_rh {
	text-align: left;
	background-color: #F7F7F7;
}

.radio_pers_si_rh {
	text-align: center;
	background-color: #F7F7F7;
}

/**************************************************************
	CSS pour les entites (interfacage des tables quasi statiques)
***************************************************************/

#Item table{
  border: 0px;
  border-spacing: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left:auto;
  margin-right:auto;
/*
   width:90%;
 */

}

#Item table thead tr{
  font-family: Arial, monospace;
  font-size: 12px;
}

#Item table thead tr th{
/*  border-bottom: 2px solid black;
  border-top: 1px solid black; */
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #AAAAAA;
  color: #FFFFFF;
}


#Item table tr.even_inactif{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DDDDDD;
}

 #Item table input.even_inactif{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #EEEEEE;
}



#Item table tr.odd_inactif {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #CCCCCC;
}

#Item table input.odd_inactif {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DDDDDD;
}


#Item table tr.odd_inactif {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #CCCCCC;
}

#Item table input.odd_inactif {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DDDDDD;
}

#Item table input.odd_inactif:focus, #Item input.even_inactif:focus{
  background-color: #FFF;
}

#Item table tr.ajouter {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #CCCCCC;
}

#Item  table input.ajouter{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DDDDDD;
}

#Item table input.ajouter:focus{
  background-color: #FFFFFF;
}

/**************************************************************
	CSS pour les entites (interfacage des tables quasi statiques)
***************************************************************/



#Item table tr td, #Item th{
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}

#Item h4, #Item p {
	margin-left: 5px;
	padding-left: 5px;
}

#Item td.left, #Item th.left {
	text-align: left;
	padding-left: 5px;
}


/****************************
	CSS pour les entites  Bleu
****************************/


#Item table tr.even_bleu, #Item tr.even_bleu input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #D5F1FF;
}

#Item table tr.odd_bleu,  #Item tr.odd_bleu input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #90DAFF;
}

#Item tr.odd_bleu input[type="text"]:focus, #Item tr.even_bleu input[type="text"]:focus{
  background-color: #FFF;
}




/*******************************************
	CSS pour les entites => Mauve
*******************************************/


#Item table tr.even_mauve, #Item tr.even_mauve input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #C7B0FF;
}

#Item table tr.odd_mauve,  #Item tr.odd_mauve input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DCF;
}

#Item tr.odd_mauve input[type="text"]:focus, #Item tr.even_mauve input[type="text"]:focus{
  background-color: #FFF;
}





/***************************************
	CSS pour les entites => generiques
****************************************/

 #Item  tr.even_entities {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}


#Item tr.even_entities input[type="text"] {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1B2;
}

#Item tr.odd_entities {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}

#Item input.odd_entities {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFDD;
}


#Item tr.odd_entities input[type="text"]:focus, #Item tr.even_entities input[type="text"]:focus {
  background-color: #FFF;
}


#ListeUtilisateursItem tr.even_entities {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}

#ListeUtilisateursItem tr.odd_entities {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFDD;
}

/***************************************
	CSS pour les entites => vert
****************************************/


 #Item table tr.even_vert {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #BBFFBB;
}

#Item tr.even_vert input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #AAFEAA
}



#Item tr.odd_vert{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #EEFFEE;
}

#Item tr.odd_vert input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DDFEDD;
}


#Item tr.odd_vert input[type="text"]:focus, #Item tr.even_vert input[type="text"]:focus{
  background-color: #FFF;
}



/***************************************
	CSS pour les entites => Rouge
****************************************/


#Item table tr.even_rouge, tr.even_rouge input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFDADA;
}



#Item tr.odd_rouge, tr.odd_rouge input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #DDA2A2;
}



#Item tr.odd_rouge input[type="text"]:focus, #Item tr.even_rouge input[type="text"]:focus{
  background-color: #FFF;
}



/***************************************
	CSS pour les entites => Gris
****************************************/

#Item table tr.even_gris, tr.even_gris input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #E0F8F7;
}

#Item tr.odd_gris, tr.odd_gris input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #C8CFD7;
}

#Item tr.odd_gris input[type="text"]:focus, #Item tr.even_gris input[type="text"]:focus{
  background-color: #FFF;
}


/***************************************
	CSS pour les entites => Turquoise
****************************************/

#Item table tr.even_turquoise, tr.even_turquoise input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #84E2D8;

}

#Item tr.odd_turquoise, tr.odd_turquoise input[type="text"]{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #F2F2F2;
}

#Item tr.odd_turquoise input[type="text"]:focus, #Item tr.even_turquoise input[type="text"]:focus{
  background-color: #FFF;
}



/***********************************************************************************************************
CSS pour Barre de soumission (comparaison_apogee_formation.php, comparaison_apogee_module.php, lien_mod_mod)
************************************************************************************************************/

input.barre_soumission{
	background: none;
	background-color:inherit;
	border:0px;
	font-size:18px;
	color:inherit;
/* 	font-weight:inherit; */
	padding-top : 4px;
 	padding-bottom : 3px;
	box-shadow:none;

}

div.barre_soumission{
	background-color:#C8CFD7;
	width: 100%;
	border:0px outset;
	box-shadow:2px 2px 1px  #666666;
}

div.barre_soumission:hover{
	color:#0000FF;
	font-weight:bolder;
	background-color:#FFF1A2;
}

input[type="submit"].barre_soumission:hover{
	background: none;
	font-weight:bold;
	background-color:#FFF1A2;
}




/************************************
CSS pour lien_mod_mod.php
************************************/

#LiensModuleModule div.codemodule{
float: left;
width: 30%;
}

#LiensModuleModule div.nommodule{
float : left;
width :70%;
}

#LiensModuleModule .lignemodule{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#DDD;
}


#LiensModuleModule .lignemodule:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#EAA;
}

#LiensModuleModule .lignemoduleselectionne{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFF1A2;
}



#LiensModuleModule div.lignesemestre{
clear : both;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:0px;

}

#LiensModuleModule .newformation{
float:left;
width:50%;
}

#LiensModuleModule .oldformation{
float:right;
width:50%;
}

#LiensModuleModule .separation{
clear: both;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom:0px;
visibility: hidden;
border:0;
}

.center{
margin-left: auto;
margin-right: auto;
text-align: center;
}

.left {
margin-left: auto;
margin-right: auto;
text-align: left;
}

.right {
margin-left: auto;
margin-right: auto;
text-align: right;
}


#LiensModuleModule .topmodulelistlie{
text-align:center;
color:#FFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}

#LiensModuleModule .topmodulelistnonlie{
text-align:center;
color : #FFF;
background-color : #C8CFD7;
font-size:16px;
}


#LiensModuleModule table tr.even_modulelie {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}



#LiensModuleModule table tr.odd_modulelie{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}



#LiensModuleModule .odd_modulelie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFDADA;
}

#LiensModuleModule .even_modulelie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFA2A2;
}




/************************************
CSS pour comparaison_apogee_formation.php
************************************/

#ComparaisonApogeeFormation div.codeformation{
float: left;
width:140px;

}

#ComparaisonApogeeFormation div.nomformation{
float : left;
width :70%;
}

#ComparaisonApogeeFormation .ligneformation{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#DDD;
}


#ComparaisonApogeeFormation .ligneformation:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#EAA;
}

#ComparaisonApogeeFormation .ligneformationselectionne{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFF1A2;
}


#ComparaisonApogeeFormation .ligneformationselectionne:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFDDA2;
}



#ComparaisonApogeeFormation div.lignesemestre{
clear : both;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:0px;

}

#ComparaisonApogeeFormation .serveurformation{
float:left;
width:50%;
}

#ComparaisonApogeeFormation .apogeeformation{
float:right;
width:50%;
}

#ComparaisonApogeeFormation .separation{
clear: both;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom:0px;
visibility: hidden;
border:0;

}

.center{
margin-left: auto;
margin-right: auto;
text-align: center;
}

#ComparaisonApogeeFormation .topformationlistlie{
text-align:center;
/* color:#FFF; */
/* font-size:16px; */
background-image : url(../images/back_topmoduleslist.gif)
}

#ComparaisonApogeeFormation .topformationlistnonlie{
text-align:center;
color : #FFF;
background-color : #C8CFD7;
font-size:16px;
}


#ComparaisonApogeeFormation table .even_formationlie {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}



#ComparaisonApogeeFormation table .odd_formationlie{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}



#ComparaisonApogeeFormation .odd_formationlie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFDADA;
}

#ComparaisonApogeeFormation .even_formationlie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFA2A2;
}

#ComparaisonApogeeFormation table td.even_difference {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
}

#ComparaisonApogeeFormation table td.even_difference:hover {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
  background-color:#FFE2C6;
}

#ComparaisonApogeeFormation table td.even_difference_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color: #DAF4B3;

}

#ComparaisonApogeeFormation table td.even_difference_selectionne:hover{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color: #DDCCB3;

}




#ComparaisonApogeeFormation table td.odd_difference{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color:#FF0000;
    font-weight: bold;

}

#ComparaisonApogeeFormation table td.odd_difference_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color:#ECFFD1;
}


#ComparaisonApogeeFormation table td.odd_difference_selectionne:hover{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color:#ECDFD0;
}




#ComparaisonApogeeFormation table td.odd_difference:hover{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
  background-color:#FFE2C6;

}



#ComparaisonApogeeFormation td.apogee_difference{
	color:#0000FF;
	font-weight:bolder;
	background-color:inherit;
	border:0
}

/************************************
CSS pour comparaison_apogee_module.php
************************************/

#ComparaisonApogeeModule div.detailsmodule{
float : left;
margin-left:10px;
margin-right:10px;
padding: 3px;
background-color:#ABD;
color:#FFF;
width:10%;
}

#ComparaisonApogeeModule div.typemodule_avec_charge{
float : left;
margin-right:10px;
padding: 3px;
background-color:#ABD;
color:#FFF;
width:6ex;
text-align:center;
}
#ComparaisonApogeeModule div.typemodule_sans_charge{
float : left;
margin-right:10px;
padding: 3px;
background-color:#F77;
color:#FFF;
width:6ex;
text-align:center;
}


#ComparaisonApogeeModule div.codemodule{
float : left;
width: 30%;
}

#ComparaisonApogeeModule div.nommodule{
float : left;
width :60%;
}

#ComparaisonApogeeModule .lignemodule{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#DDD;
}


#ComparaisonApogeeModule .lignemodule:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#EAA;
}

#ComparaisonApogeeModule .lignemoduleselectionne{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFF1A2;
}


#ComparaisonApogeeModule .lignemoduleselectionne:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFDDA2;
}



#ComparaisonApogeeModule .lignesemestre{
clear : both;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:0px;

}

#ComparaisonApogeeModule .serveurmodule{
float:left;
width:50%;
}

#ComparaisonApogeeModule .apogeemodule{
float:right;
width:50%;
}

#ComparaisonApogeeModule .separation{
clear: both;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom:0px;
visibility: hidden;
border:0;

}

.center{
margin-left: auto;
margin-right: auto;
text-align: center;
}

#ComparaisonApogeeModule .topmodulelistlie{
text-align:center;
color:#FFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}

#ComparaisonApogeeModule .topmodulelistnonlie{
text-align:center;
color : #FFF;
background-color : #C8CFD7;
font-size:16px;
}


#ComparaisonApogeeModule table .even_modulelie {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}



#ComparaisonApogeeModule table .odd_modulelie{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}



#ComparaisonApogeeModule .odd_modulelie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFDADA;
}

#ComparaisonApogeeModule .even_modulelie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFA2A2;
}

#ComparaisonApogeeModule table td.even_difference {
  font-family: arial, monospace;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
}

#ComparaisonApogeeModule table td.even_difference_non_corrigeable {
  font-family: arial, monospace;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
}
#ComparaisonApogeeModule table td.even_difference_non_corrigeable_forcee {
  font-family: arial, monospace;
  font-size:12px;
  color: #BBB;
  font-weight: bold;
}
#ComparaisonApogeeModule table td.even_difference_non_corrigeable_inf {
  font-family: arial, monospace;
  font-size:12px;
  color: #00FF00;
  font-weight: bold;
}


#ComparaisonApogeeModule table td.even_difference:hover {
  font-family: arial, monospace;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
  background-color:#FFE2C6;
}

#ComparaisonApogeeModule table td.even_difference_selectionne{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color: #DAF4B3;

}

#ComparaisonApogeeModule table td.even_difference_selectionne:hover{
  font-family: arial, monospace;
 font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color: #DDCCB3;

}




#ComparaisonApogeeModule table td.odd_difference{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
    font-weight: bold;

}

#ComparaisonApogeeModule table td.odd_difference_non_corrigeable{
  font-family: arial, monospace;
   font-size:12px;
  color:#FF0000;
    font-weight: bold;
}
#ComparaisonApogeeModule table td.odd_difference_non_corrigeable_forcee{
  font-family: arial, monospace;
   font-size:12px;
  color:#BBB;
    font-weight: bold;
}
#ComparaisonApogeeModule table td.odd_difference_non_corrigeable_inf{
  font-family: arial, monospace;
   font-size:12px;
  color:#00FF00;
    font-weight: bold;
}


#ComparaisonApogeeModule table td.odd_difference_selectionne{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color:#ECFFD1;
}


#ComparaisonApogeeModule table td.odd_difference_selectionne:hover{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color:#ECDFD0;
}


#ComparaisonApogeeModule td.bold{
  font-family: arial, monospace;
  font-size:12px;
  color:black;
  font-weight: bold;
}


#ComparaisonApogeeModule table td.odd_difference:hover{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
  background-color:#FFE2C6;

}



#ComparaisonApogeeModule td.apogee_difference{
	color:#0000FF;
	font-weight:bolder;
	background-color:inherit;
	border:0
}

#ComparaisonApogeeModule td.apogee_difference_forcee{
	color:#BBB;
	font-weight:bolder;
	background-color:inherit;
	border:0
}

/**********************
Module_descfonc
**********************/

#module_descfonc td.entete_multidb{

	border-bottom: 2px solid #BBBBBB;
 	border-left: 2px solid #BBBBBB; */
	text-align: left;
/*
	background-color: #CCCCCC;
 */

}
#module_descfonc table.module_descfonc
{
	border : 3px solid #DDDDDD;
	border-spacing :2px;
}

#module_descfonc td.modulecoletiqdescfonc{

	background-color:#CCD7FD;
	width: 200px;
	text-align : right;
	vertical-align: top;
	padding : 8px 4px 4px 4px;
}

#module_descfonc td.modulecolvaleurdescfonc{
	background-color:#E6E6E6;
	text-align : left;
	vertical-align: middle;
	padding : 4px 4px 4px 4px;

}



/**********************
Module_form
**********************/

table.ventilation_groupe
{
	border : 1px solid  #8899FF;
}

input.total_groupe{
	background-color:inherit;
	border:0;
	color:#000000;
	font-weight: bold;
	vertical-align: baseline;

 }

input.total_groupe_superieur{
	background-color:inherit;
	border:0;
	color:#FF0000;
  	font-weight: bold;

 }

input.total_groupe_inferieur{
	background-color:inherit;
	border:0;
	color:#0000FF;
	font-weight: bold;

 }

input.total_groupe_budget
{
	background-color:inherit;
	border:0;
	color:#000000;
	font-weight: bold;
	outline:none;
}



td.total_groupe_budget
 {
 	background-color:#BACFFE;
 	color:#000000;
  	font-weight: bold;
 	padding : 1px 4px 1px 24px;

 }

td.total_row_budget{
 	background-color:#EAEDFF;
 	color:#000000;
  	font-weight: bold;
  	padding : 1px 4px 1px 24px;

}

td.saisie_ok{
 	background-color:#EAEDFF;
 	color:#000000;
  	padding : 1px 4px 1px 24px;
}

td.saisie_erreur{
 	background-color:#FFAAAA;
 	color:#000000;
  	padding : 1px 4px 1px 24px;
}

 td.titre_col
 {
	color: white;
	background-color:#8899FF;
	text-align:center;
   padding : 1px 4px 1px 24px;
}

 td.sous_titre_col
 {
	color: white;
	background-color:#8899FF;
	text-align:center;
  	padding : 1px 4px 1px 24px;
 }

 td.titre_row
 {
	color: black;
	background-color:#BACFFE;
	text-align:right;
	vertical-align: top;
   padding : 4px 4px 1px 24px;
}


 td.titre_row_budget
 {
	background-color:#EAEDFF;
	text-align:right;
   padding : 1px 4px 1px 24px;
}


/**********************
Modelisation_arbre_choix
**********************/

.total_coef{
background-color:inherit;
border:0;
color:#888888;
 }

.total_coef_superieur{
background-color:inherit;
border:0;
color:#FF0000;
font-weight: bold;
 }

.total_coef_inferieur{
	background-color:inherit;
	border:0;
	color:#0000FF;
  font-weight: bold;
 }


/*******************
comparaison_apogee
********************/

.topmodule_compraison_apogee{
text-align:center;
color:#FFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}

.comparaison_apogee_sup
{
	color :#FF0000 ;
	font-weight: bold;
}
.comparaison_apogee_inf
{
	color : #0000FF ;
	font-weight: bold;
}
.comparaison_apogee_diff_serveur
{
	color : #FF0000;
	font-weight: bold;
}
.comparaison_apogee_diff_apogee
{
	color : #20B2AA;
	font-weight: bold;
}
.comparaison_apogee_force
{
	color : #BBB;
	font-weight: bold;
}


/************************************
CSS pour comparaison_harpege_enseignant.php
************************************/

#ComparaisonHarpegeEnseignant div.codeEnseignant{
float : left;

}

#ComparaisonHarpegeEnseignant div.nomEnseignant{
float : left;

}

#ComparaisonHarpegeEnseignant div.bouton_croix{
	display:inline-block;
	width:25px;
/* 	background-color:cyan; */
	text-align:center;
}

#ComparaisonHarpegeEnseignant div.bouton_croix img{
	vertical-align:middle;

}



#ComparaisonHarpegeEnseignant .ligneEnseignant{
	clear : both;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-bottom:0px;
	background-color:#DDD;
}


#ComparaisonHarpegeEnseignant .ligneEnseignant:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#EAA;
}

#ComparaisonHarpegeEnseignant .ligneEnseignantselectionne{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFF1A2;
}


#ComparaisonHarpegeEnseignant .ligneEnseignantselectionne:hover{
clear : both;
padding-bottom: 4px;
padding-top: 4px;
margin-bottom:0px;
background-color:#FFDDA2;
}



#ComparaisonHarpegeEnseignant div.lignesemestre{
clear : both;
padding-bottom: 10px;
padding-top: 0px;
margin-bottom:0px;

}

#ComparaisonHarpegeEnseignant .serveurEnseignant{
float:left;
width:50%;
}

#ComparaisonHarpegeEnseignant .apogeeEnseignant{
float:right;
width:50%;
}

#ComparaisonHarpegeEnseignant .separation{
clear: both;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom:0px;
visibility: hidden;
border:0;

}

.center{
margin-left: auto;
margin-right: auto;
text-align: center;
}

#ComparaisonHarpegeEnseignant .topEnseignantlistlie{
text-align:center;
color:#FFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}

#ComparaisonHarpegeEnseignant .topEnseignantlistlie span{
	color:black;
	font-size:13px;
}

.white-thead-span{
	color: white;
}
#ComparaisonHarpegeEnseignant .topEnseignantlistnonlie{
text-align:center;
color : #FFF;
background-color : #C8CFD7;
font-size:16px;
}


#ComparaisonHarpegeEnseignant table .even_Enseignantlie {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}



#ComparaisonHarpegeEnseignant table .odd_Enseignantlie{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}



#ComparaisonHarpegeEnseignant .odd_Enseignantlie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFDADA;
}

#ComparaisonHarpegeEnseignant .even_Enseignantlie_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
 background-color:#FFA2A2;
}

#ComparaisonHarpegeEnseignant table td.even_difference {
  font-family: arial, monospace;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
}

#ComparaisonHarpegeEnseignant table td.even_difference_non_corrigeable {
  font-family: arial, monospace;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
}




#ComparaisonHarpegeEnseignant table td.even_difference:hover {
  font-family: arial, monospace;
  font-size:12px;
  color: #FF0000;
  font-weight: bold;
  background-color:#FFE2C6;
}

#ComparaisonHarpegeEnseignant table td.even_difference_selectionne{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color: #DAF4B3;

}

#ComparaisonHarpegeEnseignant table td.even_difference_selectionne:hover{
  font-family: arial, monospace;
 font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color: #DDCCB3;

}




#ComparaisonHarpegeEnseignant table td.odd_difference{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
    font-weight: bold;

}

#ComparaisonHarpegeEnseignant table td.odd_difference_non_corrigeable{
  font-family: arial, monospace;
   font-size:12px;
  color:#FF0000;
    font-weight: bold;
}


#ComparaisonHarpegeEnseignant table td.odd_difference_selectionne{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color:#ECFFD1;
}


#ComparaisonHarpegeEnseignant table td.odd_difference_selectionne:hover{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
 background-color:#ECDFD0;
}


#ComparaisonHarpegeEnseignant td.bold{
  font-family: arial, monospace;
  font-size:12px;
  color:black;
  font-weight: bold;
}


#ComparaisonHarpegeEnseignant table td.odd_difference:hover{
  font-family: arial, monospace;
  font-size:12px;
  color:#FF0000;
  font-weight: bold;
  background-color:#FFE2C6;

}



#ComparaisonApogeeEnseignant td.apogee_difference{
	color:#0000FF;
	font-weight:bolder;
	background-color:inherit;
	border:0
}


/***********************
CSS pour statHorsdep
 **********************/


#AfficheStatHorsDept .topInterventions{
text-align:center;
color:#FFFFFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}



#AfficheStatHorsDept table .even_rattachement {
  font-family: arial, monospace;
  color: #AAAAAA;
  font-size:12px;
  background-color: #F7E99D;
}


#AfficheStatHorsDept table .odd_rattachement{
  font-family: arial, monospace;
  color:#AAAAAA;
  font-size:12px;
  background-color: #F7F7C9;
}



#AfficheStatHorsDept table .even_rattachement_selectionne {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}


#AfficheStatHorsDept table .odd_rattachement_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}




/***********************
CSS pour stat Bilan Annuel
 **********************/


 .topInterventions{
text-align:center;
color:#FFFFFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}



#statistiques td.filtrelibelle{
/*
	color : #556086;
 */
	color : #7782A8;
	font-weight: bold;
	text-align : right;
	background-color :#FFF1A2;
	width:270px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;
}



#statistiques td.filtrechoix
{
	background-color : #FFFFCC;
	text-align : left;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#statistiques td.filtrechoixaucun
{
	background-color : #FFDADA;
	text-align : left;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#statistiques .elementSelectionne
{
	background-color :  inherit;
}

#statistiques .elementNonSelectionne
{
	background-color : #E0E0B3;
}


#statistiques td.filtre_entete
{
	background-color : #FFFFCC;
	text-align : right;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#statistiques input.bouton_filtre
{
	margin-top:5px;
	margin-bottom:5px;
	color : #556086;
	background:none;
	background-color : #FFF1A2;
	border: 1px solid #556086;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}



#statistiques {
	float: left;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#statistiques input.MasquesaisieFiltre{
  font-family: arial, monospace;
  color: #556086;
  font-size:12px;
  font-weight:bold;
  background-color: #EEEEBB;
}

#statistiques input.MasquesaisieFiltre:focus{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  font-weight:bold;
  background-color: #FFF1A2;
}


tr.bs {
	background-color: #EEEEEE;
	font-weight: bold ;

}
tr.bsblue {
	background-color: #EAEBFA;
	font-weight: bold ;
	text-align:right
}



tr.bs_border {
	background-color: #DDDDDD;
	font-weight: bold ;
}




/***********************
CSS pour statDispenses
 **********************/


#AfficheStatDispenses .topInterventions{
text-align:center;
color:#FFFFFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}



#AfficheStatDispenses table .even_typedispense {
  font-family: arial, monospace;
  color: #AAAAAA;
  font-size:12px;
  background-color: #F7E99D;
}


#AfficheStatDispenses table .odd_typedispense{
  font-family: arial, monospace;
  color:#AAAAAA;
  font-size:12px;
  background-color: #F7F7C9;
}



#AfficheStatDispenses table .even_typedispense_selectionne {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}


#AfficheStatDispenses table .odd_typedispense_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}



/*****************************************
     CSS pour statConventionsExternes
 *****************************************/

#AfficheRecapStatConventionsExternes .topInterventions {
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	background-image : url(../images/back_topmoduleslist.gif)
}

#AfficheRecapStatConventionsExternes table .even_partenaire_convention {
  font-family: arial, monospace;
  color: #AAAAAA;
  font-size:12px;
  background-color: #F7E99D;
}

#AfficheRecapStatConventionsExternes table .odd_partenaire_convention {
  font-family: arial, monospace;
  color:#AAAAAA;
  font-size:12px;
  background-color: #F7F7C9;
}

#AfficheRecapStatConventionsExternes table .even_partenaire_selectionne {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}

#AfficheRecapStatConventionsExternes table .odd_partenaire_selectionne {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}

#AfficheRecapStatConventionsExternes table td {
	padding: 2px;
}

#AfficheStatConventionsExternes table td {
	padding: 4px;
}


/***********************
CSS pour statBudgets
 **********************/

#AfficheStatBudgets .topInterventions{
text-align:center;
color:#FFFFFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}



#AfficheStatBudgets table .even_typebudget {
  font-family: arial, monospace;
  color: #AAAAAA;
  font-size:12px;
  background-color: #F7E99D;
}


#AfficheStatBudgets table .odd_typebudget{
  font-family: arial, monospace;
  color:#AAAAAA;
  font-size:12px;
  background-color: #F7F7C9;
}



#AfficheStatBudgets table .even_typebudget_selectionne {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}


#AfficheStatBudgets table .odd_typebudget_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}


/***********************
CSS pour statTemporelle
 **********************/


#AfficheStatTemporelle .back{
text-align:center;
color:#FFFFFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}

#AfficheStatTemporelle .top{
text-align:center;
color:#FFFFFF;
font-size:16px;
background:#999999;
padding : 5px 5px 5px 5px;
border-color:#999999;
}

#AfficheStatTemporelle .bottom{
text-align:center;
color:#FFFFFF;
font-size:14px;
background:#999999;
padding : 5px 5px 5px 5px;
border-color:#999999;
}



#AfficheStatTemporelle table .even_temporelle {
  font-family: arial, monospace;
  color: #AAAAAA;
  font-size:12px;
  background-color: #F7E99D;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}


#AfficheStatTemporelle table .odd_temporelle{
  font-family: arial, monospace;
  color:#AAAAAA;
  font-size:12px;
  background-color: #F7F7C9;
 border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}



#AfficheStatTemporelle table .even_temporelle_selectionne {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}


#AfficheStatTemporelle table .odd_temporelle_selectionne{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;

}

#AfficheStatTemporelle .bouton_selecteur
{
	margin-top:5px;
	margin-bottom:5px;
	color : #CCCCCC;
	background-color : #909090;
	border: 1px solid #606060;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

#AfficheStatTemporelle .bouton_selecteur_colore
{
	margin-top:5px;
	margin-bottom:5px;
	color : #555555;
	background-color : #F7E99D;
	border: 1px solid #606060;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}


/***********************
CSS pour statDispenses
 **********************/

.MiseajourStat{
		background:#EEEEEE;
		width:250px;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #AAAAAA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.Cartouche_info_service_perso {
		background:#EEEEEE;
		width:450px;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		border : 2px solid #AAAAAA;
		text-align:left;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.MiseajourApogee{
		width:450px;

		background:#EEEEEE;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #AAAAAA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.MiseajourSagesse {
		width:600px;

		background:#EEEEEE;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #AAAAAA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}



.ExportationApogee{
		width:700px;
		position:relative;
		background:#EEEEEE;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #AAAAAA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.MessageTelechargementApogee{
		width:700px;
		position:relative;
		background:#FFFFFF;
		padding:0 0 0 0 ;
		margin-top: 80px;
		height:40px;
		margin-left:auto;
		margin-right:auto;
		border : 0;
}




.telechargement_apogee_visible{
	top:0px;
	left:100px;
	position:absolute;
	width:500px;
	height:30px;
	font-weight:bold;
	visibility:visible;
	background:#EEEEEE;
	padding-top :5px;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #AAAAAA;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; /* pour Chrome */
  -webkit-border-top-right-radius: 5px; /* pour Chrome */
  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */

}

.telechargement_option_comparaison_apogee_visible{
	top:-250px;
	left:-50px;
	position:absolute;
	width:800px;
	height:215px;
	font-weight:bold;
	visibility:visible;
	background:#EEEEEE;
	padding-top :5px;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #AAAAAA;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; /* pour Chrome */
  -webkit-border-top-right-radius: 5px; /* pour Chrome */
  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */

}



.telechargement_apogee_hidden{
	bottom:7px;
	height:30px;
	position:absolute;
	width:700px;
	font-weight:bold;
	visibility:hidden;
	background-color :inherit;
	padding-top:7px;
}


.MiseajourSIRH{
		width:400px;

		background:#EEEEEE;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #AAAAAA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.PbSIPaye{
		width:700px;

		background:#FFDBDB;
		color : #990000;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #FFCACA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}



/***********************
CSS pourTelechargement
 **********************/

.TelechargementPlaceReservee{
	position:relative;
   width:100%;
   height:40px;
	color: #CC0000;
	background-color:pink;
	margin: 0;
}


.Telechargement{
	position:absolute;
	top:0px;
 	left:0px;
   width:100%;
   height:40px;
	color: #CC0000;
	font-weight:bold;
	font-size:14px;
	background-color:#FFF;
	margin: 0;
}

.CopieServeur_1 {
	position:absolute;
	top:280px;
 	left:0px;
   width:100%;
   height:90px;
	color: #CCCCCC;
	font-weight:bold;
	font-size:14px;
	background-color:#FFFFFF;
	margin: 0;
}

.CopieServeur_2 {
	position:absolute;
	top:300px;
 	left:0px;
   width:100%;
   height:50px;
	color: #CCCCCC;
	font-weight:bold;
	font-size:14px;
	background-color:#FFFFFF;
	margin: 0;
}


/***********************
CSS pour mail_personnes
 **********************/
#mails_personnes #inner-container
{
   margin-left:auto;
   margin-right:auto;
	background-color:#FFFFFF;
}

#mails_personnes #inner-container div.inner
{
    padding: 2px 30px 40px;
}

#mails_personnes table.selecteur {
 border-radius: 5px 5px 5px 5px;
 background-color:#AAA;
 border-width:0px;
 border-style:solid;
 border-color:#AAA;
 margin : 10px 10px 10px 10px;
 }

#mails_personnes td.selecteur {
 font-weight: bold;
 color: #fff;
 background-color:#AAA;
 border-width:0px;
 border-style:solid;
 border-color:#AAA;
 }


#mails_personnes select.selecteur {
	vertical-align: middle;
	color: #154EB9;
	background-color: #FFFFFF;
}


/***********************
CSS pour services
 **********************/
/*  CSS pour service */

#services div.demsup_0
{
	font-weight: bold;
	background-color:#EBEBEB;
	padding-left : 2px;
	border-radius: 4px 0px 0px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */

}
#services div.demsup_1
{
	font-weight: bold;
	background-color:#D9E1FD;
	border-radius: 4px 0px 0px 4px;
	padding-left : 2px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */

}





#services td.filtrelibelle{
/*
	color : #556086;
 */
	color : #7782A8;
	font-weight: bold;
	text-align : right;
	background-color :#CCD7FD;
	width:230px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;
}



#services td.filtrechoix
{
	background-color : #EFF0FF;
	text-align : left;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#services td.filtrechoixaucun
{
	background-color : #FFDADA;
	text-align : left;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#services .elementSelectionne
{
	background-color :  inherit;
}

#services .elementNonSelectionne
{
	background-color : #DEE0EE
}


#services td.filtre_entete
{
	background-color : #EFF0FF;
	text-align : right;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#services input.bouton_filtre
{
	margin-top:5px;
	margin-bottom:5px;
	color : #556086;
	background:none;
	background-color : #DEE0EE;
	border: 1px solid #556086;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

input.bouton_filtre_formation
{
	margin-top:5px;
	margin-bottom:5px;
	color : #555555;
	background:none;
	background-color : #EDEDEED
	border: 1px solid #555555;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

#services span.budget{
	margin-left: 10px;
	font-style: italic;
}


#services .bouton_mensuel,#perso .bouton_mensuel
{
	border-top-left-radius: 4px; /* pour Chrome */
	border-bottom-left-radius: 4px; /* pour Chrome */
	border-top-right-radius: 4px; /* pour Chrome */
	border-bottom-right-radius: 4px; /* pour Chrome */
	background-color : blue;
	color:white;
	padding :3px;

}


#services .bouton_mensuel_incomplet,#perso .bouton_mensuel_incomplet
{
	border-top-left-radius: 4px; /* pour Chrome */
	border-bottom-left-radius: 4px; /* pour Chrome */
	border-top-right-radius: 4px; /* pour Chrome */
	border-bottom-right-radius: 4px; /* pour Chrome */
	background-color : orange;
	color:white;
	padding :3px;

}



#services  span.mois, #perso  span.mois
{

	display : inline-block;
	border-top-left-radius: 2px; /* pour Chrome */
	border-bottom-left-radius: 2px; /* pour Chrome */
	background-color: #2B6EFD;
	color:white;
	width:60px;
	padding :2px 5px 2px 5px;
	height:14px;
	margin-right:0px;
	border : 0px;

}

#services span.mois_verrouille, #perso span.mois_verrouille
{

	background-color: #777777;

}


#services span.heures_mensuelles,#perso span.heures_mensuelles
{

	display : inline-block;
	background-color: #EEEEEE;
	color:#666666;
	width:50px;
	padding :2px 5px 2px 5px;
	height:14px;
	margin-right:0px;
	margin-left:0px;
	border : 0px;
	font-weight:bold;
	text-align:right;
}

#services span.logo_heure,#perso span.logo_heure
{

	display : inline-block;
	border-top-right-radius: 2px; /* pour Chrome */
	border-bottom-right-radius: 2px; /* pour Chrome */
	background-color: #AAAAAA;
	color:#FFFFFF;
	width:10px;
	padding :2px 2px 2px 4px;
	height:14px;
	margin-left:0px;
	border : 0px;
}




#services {
	float: left;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#services input.MasquesaisieFiltre{
  font-family: arial, monospace;
  color: #556086;
  font-size:12px;
  font-weight:bold;
  background-color: #CDD8FE;
}

#services input.MasquesaisieFiltre:focus{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  font-weight:bold;
  background-color: #DDE8FE;
}


 .bouton_si_paye_noir {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_noir.png);

	color:white;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}

.bouton_si_paye_jaune {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_jaune.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}


 .bouton_si_paye_jaune_petit{

/*
	margin-top : 4px;
 */
/* 	margin-left : 10px; */
	font-size:8px;

	background-image: url(../images/fond_jaune.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}



 .bouton_si_paye_rouge{

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_rouge.png);

/*
	background-color: #C44C51;
 */
	color: white;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}

 .bouton_si_paye_rouge_petit{

/*
	margin-top : 4px;
 */
/* 	margin-left : 10px; */
	font-size:8px;
	vertical-align:middle;

	background-image: url(../images/fond_rouge.png);

/*
	background-color: #C44C51;
 */
	color: white;
	padding :1px 6px 1px 6px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}



 .bouton_si_paye_bleu{

	margin-top : 4px;
	font-size:10px;

   background-image: url(../images/fond_bleu.png);
	color: white;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}

 .bouton_si_paye_bleu_petit{

/*
	margin-top : 4px;
 */
/* 	margin-left : 10px; */
	font-size:8px;
	vertical-align:middle;

   background-image: url(../images/fond_bleu.png);
	color: white;
	padding :1px 6px 1px 6px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}



 .bouton_si_paye_gris_annuler{

	border : 1px solid #BBBBBB;
	margin-top : 4px;
	font-size:10px;
	background-image: url(../images/fond_gris.png);
	color: black;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}

 .bouton_si_paye_gris{

	border : 1px solid #BBBBBB;
	margin-top : 4px;
	font-size:10px;
	background-image: url(../images/fond_gris.png);
	color: #999999;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}

 .bouton_si_paye_gris_petit{

	border : 1px solid #BBBBBB;
/* 	margin-top : 4px;	 */
	font-size:8px;
	vertical-align:middle;


	background-image: url(../images/fond_gris.png);
	color: #999999;
	padding :1px 6px 1px 6px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}

 .bouton_si_paye_vert{


	margin-top : 4px;
	font-size:10px;
	background-image: url(../images/fond_vert.png);
	color: white;
	padding :2px 8px 3px 8px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px; /* pour Chrome */
	-webkit-border-top-right-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 8px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 8px; /* pour Chrome */
}


/*********************************************
	CSS pour modelisation_arbre_de_choix.php
**********************************************/
.bouton_jaune {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_jaune.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}
.bouton_rouge {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_rouge.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

.bouton_gris {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_gris.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

.petit_bouton_bleu {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_bleu.png);

	color:black;
	padding :1px 4px 1px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

.petit_bouton_gris {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_gris.png);

	color:black;
	padding :1px 4px 1px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

.petit_bouton_rouge {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_rouge.png);

	color:black;
	padding :1px 4px 1px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}


.bouton_bleu {

	margin-top : 4px;
	font-size:10px;

	background-image: url(../images/fond_bleu.png);

	color:black;
	padding :2px 8px 3px 8px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}




td.titre_ue {
	text-align: center;
	 background-color: #C8CFD7;
}
td.titre_sous_ue {
	text-align: center;
	 background-color: #C8CFD7;
}

td.parcours_haut {
	text-align: center;
	background-color:#FFF1A2;
}
td.choix_haut {
	text-align: center;
	 background-color: #D8B8A0;
}
td.ue_haut {
	text-align: center;
	 background-color: #E2D1C3;
}
td.sous_choix_haut {
	text-align: center;
	 background-color: #BBEED5;
}
td.module_haut {
	text-align: center;
	 background-color: #D0EEE0;
}


td.parcours_bas {
	text-align: center;
	background-color:#FFF1A2;
	width: 250px;
}
td.choix_bas {
	text-align: center;
	 background-color: #E9C9B1;
 	padding: 0px;
}
td.ue_bas {
	text-align: center;
	background-color: #F3E2D4;
	width: 280px;
	padding: 0px;
}
td.sous_choix_bas {
	text-align: center;
	 background-color: #CCFFE6;
	 width: 280px;
	 padding: 0px;
}
td.module_bas {
	text-align: center;
	 background-color: #E0FFF0;
	 width: 280px;
	 padding: 0px;
}



td.titre_bilan {
	text-align: center;
	 background-color: #C8CFD7;
	 font-weight:bold;
}


/*********************************************
	CSS pour vacataires_retour_dossiers.php
**********************************************/
span.Retour_Fiche_OK{
	font-family: arial, monospace;
	padding: 1px 5px 1px 5px;
	margin :20px 0px 20px 0px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
/*
	background-color: #5555FF;
 */
	background-color: #55CC55;
	color: white;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}

span.Retour_Fiche_KO {
	font-family: arial, monospace;
	padding: 1px 5px 1px 5px;
	margin :20px 0px 20px 0px;
	color: #556086;
	font-size:10px;
	font-weight:bold;
	background-color: #FFF0A0;
	color: black;
	text-align:center;
	letter-spacing: 1.5px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}


#content-searchzone {
/*
    position: relative;
*/
    margin-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 30px;
}


#inner-searchzone {
   margin-left:30px;
   margin-right:auto;
   width: 80%;
	background-color:#DDD;
}

#inner-searchzone h2 {
    margin: 10px;
    background-color:#BBB;
    color: #fff;
    font-weight: normal;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 14px;
    font-size: 1.7em;
}

#inner-searchzone div.inner {
    padding: 2px 30px 40px;
    min-height: 180px;
}

#searchzone.directory p.letters {
    overflow: hidden;
    margin: 0;
}



#searchzone.directory p.letters input {

	 border: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    width: 41px;
    height: 30px;
    overflow: hidden;
    background-color:#9CC9DE;
    text-decoration: none;
    display: block;
    float: left;
    font-weight: bolder;
    color: #fff;
    font-size: 1.1em;
	 border-radius: 5px 5px 5px 5px;
}

#searchzone.directory p.letters input.selected,input.selected:hover {
    background-color:#C44C51;
}

#searchzone.directory p.letters input.selected:hover {
    background-color:#C44C51;
}

#searchzone.directory p.letters input:hover {
    background-color:#EEE;
    color: #9CC9DE;
}


div.search-form {
    background-color:#EEE;
    border: 1px solid #fff;
    padding: 10px;
}

form.wdform p.search-form input {
    padding: 3px;
    background: #fff;
    border: 1px solid #ddd;
    width: 250px;
    font-size: 14px;
    color: #154EB9;
}

form.wdform p.search-form input.boutonRechercher {
    width: 100px;
   background:none;

   background-color:#9CC9DE;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ddd !important;
    height: 25px;
    padding: 0 10px;
    cursor: pointer;
    outline: none !important;
}


.bandeau{

	color:#FFFFFF;
}


/*********************************************
	CSS pour comparaison_annee.php
**********************************************/

 #ComparaisonAnnees .topmodulelist{
text-align:center;
color:#FFF;
font-size:16px;
background-image : url(../images/back_topmoduleslist.gif)
}


#ComparaisonAnnees table .even_module {
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFF1A2;
}



#ComparaisonAnnees table .odd_module{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  background-color: #FFFFCC;
}

#ComparaisonAnnees .border_lr {
 	border-left:1px solid #FFFFFF;
 	border-right:1px solid #FFFFFF;
 	border-collapse:collapse;
}

#ComparaisonAnnees .border_lR {
 	border-left:1px solid #FFFFFF;
 	border-right:1px solid #BBBBBB;
 	border-collapse:collapse;
}

#ComparaisonAnnees .border_Lr {
 	border-left:1px solid #BBBBBB;
 	border-right:1px solid #FFFFFF;
 	border-collapse:collapse;
}

#ComparaisonAnnees .border_LR {
 	border-left:1px solid #BBBBBB;
 	border-right:1px solid #BBBBBB;
 	border-collapse:collapse;
}


#ComparaisonAnnees .border_all {
 	border:1px solid #FFFFFF;
 	border-collapse:collapse;
}

#ComparaisonAnnees .border_lr_top {
 	border-left:1px solid #FFFFFF;
 	border-right:1px solid #FFFFFF;
 	border-top:1px solid #FFFFFF;
	border-collapse:collapse;
}

#ComparaisonAnnees .border_Lr_top {
 	border-left:1px solid #BBBBBB;
 	border-right:1px solid #FFFFFF;
 	border-top:1px solid #FFFFFF;
	border-collapse:collapse;
}


#ComparaisonAnnees .border_lR_top {
 	border-left:1px solid #FFFFFF;
 	border-right:1px solid #BBBBBB;
 	border-top:1px solid #FFFFFF;
	border-collapse:collapse;
}

#ComparaisonAnnees .border_LR_top {
 	border-left:1px solid #BBBBBB;
 	border-right:1px solid #BBBBBB;
 	border-top:1px solid #FFFFFF;
	border-collapse:collapse;
}

#ComparaisonAnnees .border_all_L {
 	border-left:1px solid #BBBBBB;
 	border-right:1px solid #FFFFFF;
 	border-top:1px solid #FFFFFF;
 	border-bottom:1px solid #FFFFFF;
	border-collapse:collapse;

}

#ComparaisonAnnees .border_all_R {
 	border-right:1px solid #BBBBBB;
 	border-left:1px solid #FFFFFF;
 	border-top:1px solid #FFFFFF;
 	border-bottom:1px solid #FFFFFF;
	border-collapse:collapse;

}

#ComparaisonAnnees .border_all_LR {
 	border-right:1px solid #BBBBBB;
 	border-left:1px solid #BBBBBB;
 	border-top:1px solid #FFFFFF;
 	border-bottom:1px solid #FFFFFF;
	border-collapse:collapse;

}


/*
/////////////////
 */

#ComparaisonAnnees td.filtrelibelle{
/*
	color : #556086;
 */
	color : #7782A8;
	font-weight: bold;
	text-align : right;
	background-color :#FFF1A2;
	width:270px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;
}



#ComparaisonAnnees td.filtrechoix
{
	background-color : #FFFFCC;
	text-align : left;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#ComparaisonAnnees td.filtrechoixaucun
{
	background-color : #FFDADA;
	text-align : left;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#ComparaisonAnnees .elementSelectionne
{
	background-color :  inherit;
}

#ComparaisonAnnees .elementNonSelectionne
{
	background-color : #E0E0B3;
}


#ComparaisonAnnees td.filtre_entete
{
	background-color : #FFFFCC;
	text-align : right;
	color : #556086;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-collapse: collapse;

}

#ComparaisonAnnees .bouton_filtre
{
	margin-top:5px;
	margin-bottom:5px;
	color : #556086;
	background-color : #FFF1A2;
	border: 1px solid #556086;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */
}



#ComparaisonAnnees {
	float: left;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#ComparaisonAnnees input.MasquesaisieFiltre{
  font-family: arial, monospace;
  color: #556086;
  font-size:12px;
  font-weight:bold;
  background-color: #EEEEBB;
}

#ComparaisonAnnees input.MasquesaisieFiltre:focus{
  font-family: arial, monospace;
  color: black;
  font-size:12px;
  font-weight:bold;
  background-color: #FFF1A2;
}


.boite_grise_coins_arrondis{
		display : table;
		background:#EEEEEE;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #AAAAAA;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.boite_verte_coins_arrondis {
		display : table;
		background:#D6EBD9;
		border : 2px solid #A1BFA5;
		padding:3px 5px 3px 5px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.boite_jaune_coins_arrondis{
		display : table;
		background:#FFFFAA;
		padding:5px 10px 5px 10px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #FFDD55;
		border-collapse: separate;

	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.boite_jaunedor_coins_arrondis{
		display : table;
		background:#FFF1A2;
		padding:5px 10px 5px 10px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #FFDD55;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}


.boite_rouge_coins_arrondis{
		display : table;
		/*background:#DDDDDD;*/
		background:#FFDBDB;
		padding:5px 10px 5px 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #CC0000;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}



.boite_bleu_coins_arrondis{
		display : table;
		background:#C7DAFE;
		padding:5px 10px 5px 10px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid #B6C9ED;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}


.boite_coins_arrondis{
		display : table;
		background:inherit;
		padding:5px 10px 5px 10px;
		margin-top: 2px;
		margin-left:auto;
		margin-right:auto;
		border : 2px solid black;
	  border-radius: 5px 5px 5px 5px;
	  -webkit-border-top-left-radius: 5px; /* pour Chrome */
	  -webkit-border-top-right-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	  -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}



.bg_green{
	background-color : #88FF88;
}

.bg_red{
	background-color : #FF8888;
}

#syllabus ol {
  counter-reset: section;
  list-style-type: none;
}
#syllabus ol li {
	counter-increment: section;
}

#syllabus ul li {
	counter-increment: none;
}
#syllabus ol li::before {
  content: counters(section,".") " ";
}
#syllabus ul li::before {
  content:" ";
}

#syllabus  div.onglet_sel{
	display:inline-table;
	padding: 4px 8px 4px 8px;
	margin : 5px 5px 0px 0px;

	border-left : 1px solid #CCCCCC;
	border-top : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-top-left-radius: 5px; /* pour Chrome */
  -webkit-border-top-right-radius: 5px; /* pour Chrome */
  -webkit-border-bottom-left-radius: 0px; /* pour Chrome */
  -webkit-border-bottom-right-radius: 0px; /* pour Chrome */
	background-color : #98ADDC;;
	font-size: 14px;
	color : #FFFFFF;

}

#syllabus  div.onglet{
	display:inline-table;
	padding: 4px 8px 4px 8px;
	margin : 5px 5px 0px 0px;

	border-left : 1px solid #AAAAAA;
	border-top : 1px solid #AAAAAA;
	border-right : 1px solid #AAAAAA;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-top-left-radius: 5px; /* pour Chrome */
  -webkit-border-top-right-radius: 5px; /* pour Chrome */
  -webkit-border-bottom-left-radius: 0px; /* pour Chrome */
  -webkit-border-bottom-right-radius: 0px; /* pour Chrome */
	background-color : #DDDDDD;
	font-size: 14px;
	color : #777777;

}


table.CKEtable td {
	border-width : 1px;
	border-style : solid ;
}

table.CKEtableWhite td {
	border-width : 1px;
	border-style : solid ;
	border-color : #FFFFFF ;
}

.petit_bouton_jaune{

	font-size:10px;

	background-image: url(../images/fond_jaune.png) !important;

	color:black;
	padding :2px 4px 2px 4px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-top-left-radius: 6px; /* pour Chrome */
	-webkit-border-top-right-radius: 6px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 6px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 6px; /* pour Chrome */
}

.petit_bouton_gris{

	font-size:10px;

	background-image: url(../images/fond_gris.png);

	color:black;
	padding :2px 4px 2px 4px;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-top-left-radius: 6px; /* pour Chrome */
	-webkit-border-top-right-radius: 6px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 6px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 6px; /* pour Chrome */
}

/* *************************** */

/***************************************
	CSS pour tableaux dans les tons de
	gris
************************************* */


/* Commun aux tableaux */

tr.titre_tableau td {
	color: #FFF;
	font-size: 16px;
}

tr.ligne_total td {
	font-weight: bold;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

tr.ligne_total td.titre_total {
	color: #656566;
	text-align: right;
}
tr.ligne_total td.total {
	color: #FFF;
	text-align: center;
}



/* Tableau gris 1 */

table.tableau_gris th {
	vertical-align: middle;
	text-align: center;
	background-color: #999999;
	font-weight: normal;
	color: #FFF;
}

table.tableau_gris tr.ligne_paire {
	background-color: #C8CFD7;
	vertical-align: middle;
}

table.tableau_gris tr.ligne_impaire {
	background-color: #EEEEEE ;
	vertical-align: middle;
}

table.tableau_gris tr.titre_tableau {
	text-align: center;
	background-image: url(../images/back_topmoduleslist.gif);
}


table.tableau_gris tr.ligne_en_erreur {
	background-color: #FFA9A9 ;
	vertical-align: middle;
}


table.tableau_gris td.bordure_haut {
	border-top: 1px solid #999999;
}


table.tableau_gris tr.ligne_total {
	background-color: #E0E0E0;
}

table.tableau_gris tr.ligne_total_verte {
	background-color: #AAFFAA;
}



/* Tableau gris 2 */

table.tableau_gris2 {
	border-collapse:collapse;
	width:100%;
}


table.tableau_gris2 tr.titre_tableau {
	text-align: center;
	border:1px solid #999999;
	background-color:#777777;
	color: #FFFFFF;
	font-weight:bold;
}


table.tableau_gris2 th {
	border:1px solid #999999;
	background-color:#777777;
	color: #FFFFFF;
	width:20%;
	text-align:center;
}


table.tableau_gris2 tr.ligne_impaire {
    background-color: #EEEEEE;
	vertical-align: middle;
}

table.tableau_gris2 tr.ligne_paire {
	background-color: #C8CFD7 ;
	vertical-align: middle;
}


table.tableau_gris2 td {
	border:1px solid #999999;
	text-align:center;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
}


/*
table.tableau_gris2 tr:nth-child(even) {
	background-color: #EEEEEE;
	vertical-align: middle;
}

table.tableau_gris2 tr:nth-child(odd) {
	background-color: #C8CFD7;
	vertical-align: middle;
}*/



/***************************************
	CSS pour tableaux dans les tons de
	jaune
************************************* */


table.tableau_jaune th {
	vertical-align: middle;
	text-align: center;
	background-color: #999999;
	font-weight: normal;
	color: #FFF;
}


table.tableau_jaune tr.sous_titre_tableau {
	vertical-align: middle;
	text-align: center;
	background-color: #999999;
	font-weight: normal;
	color: #FFF;
}


table.tableau_jaune tr.ligne_paire {
   background-color: #FFFFCC;
	vertical-align: middle;
}

table.tableau_jaune tr.ligne_impaire {
	background-color:  #FFF1A2;
	vertical-align: middle;
}

table.tableau_jaune tr.titre_tableau,  table.tableau_jaune tr.titre_tableau td{
	text-align: center;
	background-image: url(../images/back_topmoduleslist.gif);
}

table.tableau_jaune tr.titre_tableau td {
	color: #FFFFFF;
	font-size: 16px;
}


table.tableau_jaune tr.ligne_en_erreur,td.ligne_en_erreur {
	background-color: #FFA9A9 ;
	vertical-align: middle;
}


table.tableau_jaune td.largeur_par_defaut {
	width: 120px;
	white-space: nowrap;
}



/***************************************
	CSS pour tableaux dans les tons de
	rouge
************************************* */

table.tableau_rouge {
	border-collapse: collapse;
}

table.tableau_rouge td {
	padding: 5px;
}


table.tableau_rouge th {
	vertical-align: middle;
	text-align: center;
	background-color: #999999;
	font-weight: bold;
	color: #FFF;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
}


table.tableau_rouge tr.ligne_paire {
   background-color: #FFCACA;
	vertical-align: middle;
}

table.tableau_rouge tr.ligne_impaire {
	background-color:  #FFA2A2;
	vertical-align: middle;
}

table.tableau_rouge tr.titre_tableau {
	text-align: center;
	background-image: url(../images/back_topmoduleslist.gif);
}

table.tableau_rouge tr.titre_tableau td {
	color: #FFFFFF;
	font-size: 16px;
}


table.tableau_rouge tr.ligne_en_erreur,td.ligne_en_erreur {
	background-color: #FFFFFF ;
	vertical-align: middle;
}


table.tableau_rouge td.largeur_par_defaut {
	width: 120px;
	white-space: nowrap;
}




/* ****************************************
	CSS pour les messages a l'utilisateur
**************************************** */

span.somme_ko {
	/*color: #CC0000;*/
	/*color: #F78724;*/
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}

span.somme_ok {
	/*color: #00DD00;*/
	color: green;
	font-weight: bold;
	text-align: center;
}


div.message_erreur {
	border-radius: 5px;
	border: 2px solid #CC0000;
	/* background-color: #FFA9A9 ; */
	padding: 5px;
	color: #CC0000;
	font-weight: bold;
   text-align: center;
   width: 700px;
	margin: 0 auto;
	position: relative;
}

span.message_erreur {
	display: block;
	color: #CC0000;
	font-weight: bold;
}

table.message_erreur {
	border : 2px solid #CC0000;
	color : #CC0000;
	border-collapse: collapse;
}
table.message_erreur td,table.message_erreur th{
	border : 2px solid #CC0000;
	color : #CC0000;
	padding : 2px 2px 2px 2px;
}



div.message_avertissement {
	border-radius: 5px;
	border: 2px solid #DF7401;
	/* background-color: #F3E2A9 ; */
	padding: 5px;
	color: #DF7401;
	font-weight: bold;
   text-align: center;
   width: 700px;
	margin: 0 auto;
	position: relative;
}


div.message_ok {
	border-radius: 5px;
	border: 2px solid #009900;
	padding: 5px;
	color: #009900;
	font-weight: bold;
   text-align: center;
   width: 700px;
	margin: 0 auto;
	position: relative;
}


/* Alignement du texte --> classes "center", "left" et "right" */
div.message_information {
	border-radius: 5px;
	border: 2px solid #0431B4;
	padding: 5px;
	color: #0431B4;
	font-weight: bold;
   width: 60%;
	position: relative;
}


span.message_information {
	display: block;
	color: #0431B4;
	font-weight: bold;
}


span.message_avertissement {
	display: block;
	color: #DF7401;
	font-weight: bold;
}

.message_acces_form {
	text-align: center;
	color: gray;
	font-weight: bold;
}


div.message_erreur_auto {
	border-radius: 5px;
	border: 2px solid #CC0000;
	/* background-color: #FFA9A9 ; */
	padding: 5px;
	color: #CC0000;
	font-weight: bold;
    text-align: center;
	display:table;
	margin: 0 auto;
	position: relative;
}

.notes_above_table {
	font-size: 10px;
}

.notes_info {
	font-size: 10px;
}
/****************************
	Message Modal
****************************/

div.modal_message_masque{
    display:none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

div.modal_message_prompt{
	padding:10px 10px 10px 10px;
	position: relative;
   margin: 10% auto;
  z-index: 1001;
}

#modal_message_checked{
	display : none;
}

#modal_message_checked:checked + .modal_message_masque{
			display: block;
}


/****************************
	Congfirmation
****************************/

div.confirmation_message_masque_on{
    display:block;
    visibility :visible;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

div.confirmation_message_masque_off{
/*
    display:none;
 */
    display:block;
	 visibility :hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}



div.confirmation_message_prompt{
	padding:10px 10px 10px 10px;
	position: relative;
   margin: 10% auto;
  z-index: 1001;
}

/*
#confirmation_oui_checked{
	display : none;
}

#confirmation_non_checked{
	display : none;
}

#confirmation_oui_checked:checked ~ .confirmation_message_masque_on{
			display: none;
}
#confirmation_non_checked:checked ~ .confirmation_message_masque_on{
			display: none;
}
 */


/****************************
	CSS pour paiementComposante
****************************/

td.paiementComposanteColEtiq {
	text-align: right;
	 background-color: #C8CFD7;
	 width: 250px;
	font-weight:bold;
}
td.paiementComposanteColValeur {
	text-align: left;
	 background-color: #E0E0E0;
}

tr.even_personne_a_payer{
	background-color:#C8CFD7;
}
td.even_personne_a_payer{
	background-color:#C8CFD7;
}
td.even_personne_a_payer_erreur{
	background-color:#FFB3B3;
}



td.even_odd_intervention_a_payer{
	background-color:#C8CFD7;
}
td.even_even_intervention_a_payer{
	background-color:#B7BEC6;
}
td.even_odd_intervention_a_payer_erreur{
	background-color:#FFB3B3;
}
td.even_even_intervention_a_payer_erreur{
	background-color:#FFA2A2;
}
td.even_odd_intervention_a_payer_total{
	background-color:#C8CFD7;
	color :#0099FF;
	font-weight:bold;
}
td.even_even_intervention_a_payer_total{
	background-color:#B7BEC6;
	color :#0099FF;
	font-weight:bold;
}
td.even_odd_intervention_a_payer_total_erreur{
	background-color:#FFB3B3;
	color :red;
	font-weight:bold;
}
td.even_even_intervention_a_payer_total_erreur{
	background-color:#FFA2A2;
	color :red;
	font-weight:bold;
}





tr.odd_personne_a_payer{
	background-color:	#EEEEEE;
}
td.odd_personne_a_payer{
	background-color:	#EEEEEE;
}
td.odd_personne_a_payer_erreur{
	background-color:	#FFDBDB;
}

td.odd_odd_intervention_a_payer{
	background-color:	#EEEEEE;
}
td.odd_even_intervention_a_payer{
	background-color:	#E5E5E5;
}
td.odd_odd_intervention_a_payer_erreur{
	background-color:	#FFDBDB;
}
td.odd_even_intervention_a_payer_erreur{
	background-color:	#FFCACA;
}

td.odd_odd_intervention_a_payer_total{
	background-color:	#EEEEEE;
	color :#0099FF;
	font-weight:bold;
}
td.odd_even_intervention_a_payer_total{
	background-color:	#E5E5E5;
	color :#0099FF;
	font-weight:bold;
}
td.odd_odd_intervention_a_payer_total_erreur{
	background-color:	#FFDBDB;
	color :red;
	font-weight:bold;

}
td.odd_even_intervention_a_payer_total_erreur{
	background-color:	#FFCACA;
	color :red;
	font-weight:bold;
}

div.hcc_ecretees_composante_erreur span.libelle{
	display:inline-block;
	width:300px;
	text-align:right;
}

div.hcc_ecretees_composante_erreur span.valeur{
	color: black;
	font-weight:bold;
}

div.hcc_ecretees_composante_erreur span.valeur_erreur{
	color: red;
	font-weight:bold;
}



.BoitePourcentPaiement{
	width:500px;
	font-weight:bold;
	color:#555555;
	border: 2px solid #A6ADB5;
	background-color:#C8CFD7;
	padding: 4px 0px 4px 0px;
	position:absolute;
	right:0px;
	top:0px;
}

td.total_global{
	color:#00DD00;
	padding:2px 4px 2px 4px;
	font-weight:bold;
}


/****************************
	CSS pour paiementGlobal
****************************/

div.option_affichage{
	color:#555599;
}

div.option_affichage p{
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
}



div.option_affichage .titre{
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}

div.option_affichage div.options input[type="checkbox"]{
	margin-left : 10px;
}


div.option_affichage table{
	background:inherit;
	color:inherit;
	margin-left:15px;

}

div.option_affichage table tr td {
	color:inherit;
}

div.option_affichage div.afficher_masquer{
	text-align:right;
	margin-top:3px
}

.display_none{
	display :none;
}

div.option_affichage div.afficher_masquer input[type=button], div.option_affichage div.afficher_masquer  button{
	text-align:right;
	border:0;
	background:inherit;
	font-weight:bold;
	color:#7777AA;
	box-shadow:none;

}

div.option_affichage div.afficher_masquer input[type=button],div.option_affichage div.afficher_masquer  button:hover{
	color:#555599;
	text-decoration: underline;
}

div.option_affichage div.choix_rubriques legend{
	font-weight:bold;

}
div.option_affichage div.choix_rubriques {
	display:none;
}



div.option_affichage div.choix_rubriques fieldset{

	margin-top : 10px;
	border : 2px solid #A5B8DC;
	width:100%;
}

div.option_affichage div.choix_rubriques fieldset p{

	margin-left : 10px;
}

div.option_affichage div.choix_rubriques fieldset div{
	margin-left:20px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
	font-style:italic
}



div.option_affichage div.choix_rubriques fieldset input[type="checkbox"]{

	margin-left : 30px;
}

div.option_affichage div.choix_rubriques fieldset input[type="checkbox"].tous{

	margin-left : 0px;
}


div.option_affichage input.bouton_filtre{
	margin-top:5px;
	margin-bottom:0px;
	color : #556086;
	background-color : #B6C9ED; /* #C7DAFE */
	border: 1px solid #556086;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-top-left-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 4px; /* pour Chrome */
	-webkit-border-top-right-radius: 4px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 4px; /* pour Chrome */

   box-shadow:2px 2px 1px  #666666;
}


div.option_affichage span.bouton_carte_ok{
	background-color:#AABBDD;
	color:white;
	padding : 3px ;
	border-radius: 2px 2px 2px 2px;
	-webkit-border-top-left-radius: 2px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 2px; /* pour Chrome */
	-webkit-border-top-right-radius: 2px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 2px; /* pour Chrome */
}

div.option_affichage span.bouton_carte_not_ok{
	background-color:#FF9999;
	color:white;
	padding : 3px ;
	border-radius: 2px 2px 2px 2px;
	-webkit-border-top-left-radius: 2px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 2px; /* pour Chrome */
	-webkit-border-top-right-radius: 2px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 2px; /* pour Chrome */
}


table.paiementComposante
{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	border-collapse :separate;
	border-spacing : 1px;
	border : 0;
}

table.paiementComposante  td
{
/*
	border : 1.5px solid white;
 */
	padding: 5px;
}


/****************************
	CSS pour suiviPaiement
****************************/

#SuiviPaiement div.boite_coins_arrondis.filtre
{
	background-color:#C8CFD7;
	border-color:#A6ADB5;
	text-align:left;
}

#SuiviPaiement  div.filtre.titre
{
	font-weight:bold;
	color:#848B92;
	text-align: center;
	font-size: 14px;
}


#SuiviPaiement  fieldset.filtre
{
	color : #666666;
	padding:6px 6px 6px 6px;
	border :1px solid #A6ADB5;
	background-color :#EEEEEE;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}



#SuiviPaiement div.filtre_personne
{
    padding: 10px;
}

#SuiviPaiement input.boutonRechercher
{
    width: 100px;
    background:none;
    background-color:#9CC9DE;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ddd !important;
    height: 25px;
    padding: 0 10px;
    cursor: pointer;
    outline: none !important;


}


#SuiviPaiement  h4.filtre
{
	color:#848B92;
	font-weight:bold;
	font-size: 12px;
	margin-bottom:4px;
	margin-top:8px;
}

#SuiviPaiement select.annuaire.filtre {
	vertical-align: middle;
	color: #444444;
	background-color: #FFFFFF;
/* 	border : 0; */
}

#SuiviPaiement select.annuaire.filtre.alert {
	background-color: #FFC200;
}

#SuiviPaiement span.alert {
	color: #FF8800;
}

#SuiviPaiement span.non_coche {
	background-color:#DDDDDD;
	padding : 2px 2px 2px 2px;
}


#SuiviPaiement div.filtre_item {
	margin-top:1px;
	margin-bottom: 1px;
}

#SuiviPaiement span.filtre_item_carte {
	font-weight:bold;
	width:100px;
	display:inline-block;

}

#SuiviPaiement span.filtre_item_carte_no {
	font-weight:normal;
	display:inline-block;
	width:100px;
}

table.suiviPaiement
{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
/*
	border-collapse :separate
	border-spacing : 0.5px;
 */
/*
	border : 1px solid white;
 */
}

table.suiviPaiement  td
{
/* 	border : 1.5px solid white; */
	padding: 5px;
}

table.suiviPaiement  td.noborderleft
{
/*
	border-bottom : 1.5px solid white;
	border-top : 1.5px solid white;
	border-right : 1.5px solid white;
 */
	border-left : 0px  none white;
	padding: 5px;
}

table.suiviPaiement  td.noborderright
{
/*
	border-bottom : 1.5px solid white;
	border-top : 1.5px solid white;
 */
	border-right : 0px none white;
/*
	border-left : 1.5px  solid white;
 */
	padding: 5px;

}

table.suiviPaiement  thead tr,tfoot tr
{
	background-color: #777777;
}

table.suiviPaiement  th
{
/*
	border: 1.5px solid white;
 */
	padding: 5px;
	color : white;
	background-color:inherit;
}

div.MiseajourSuiviPaiement, div.MiseajourSuiviPaiement td
{
	color: #888888
	;
}

#SuiviPaiement .erreur
{
	color: #EE0000;
	font-weight : bold;
}

#SuiviPaiement .warning
{
	color: #FF8500;
}

#SuiviPaiement tr.total_global
{
	background-color: #88FF88;

}

#SuiviPaiement tr.total_global_comp_even td
{
	background-color: #BBFFBB;
	color:green;
}

#SuiviPaiement tr.total_global_comp_odd td
{
	background-color: #DDFFDD;
	color:green;
}



#SuiviPaiement tr.total_global td
{
	color: #006600;
	font-weight:bold;
}

#SuiviPaiement .display_none
{
	display:none;
}

#SuiviPaiement .total_global_personne
{
	color : #0077DD;;
}




#SuiviPaiement div.afficher_masquer_filtre
{
	text-align: right;
}

#SuiviPaiement input.afficher_masquer_filtre
{
	color:#848B92;
	border:0;
	background:inherit;
	font-weight:bold;

	box-shadow:none;
}

#SuiviPaiement div.bouton_submit
{
	margin-top:10px;
	text-align:center;
}

#SuiviPaiement div.bouton_submit input
{
	border : 1px solid #848B92;
	text-align:center;
	background : #EEEEEE;
	padding :  1px 5px 1px 5px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 3px; /* pour Chrome */
	-webkit-border-top-right-radius: 3px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 3px; /* pour Chrome */
}

#SuiviPaiement div.bouton_submit.graphe input
{
	border : 1px solid #848B92;
	background : #DDDDDD;
	margin-bottom:5px;
}

#SuiviPaiement div.bouton_submit.option_affichage input
{
	border : 1px solid #848B92;
 	background : #B6C9ED;  /*  #A5B8DC; */
	margin-bottom:5px;
}



#SuiviPaiement span.nbCP{
	display:inline-block;
	width:80px;
	margin-right:10px
}

#SuiviPaiement span.nbMisesEnPaiement{
	display:inline-block;
	width:180px;
	margin-right:10px
}
#SuiviPaiement span.nbInterventions{
	display:inline-block;
	width:150px;
	margin-right:10px;
}

#SuiviPaiement div.boite_coins_arrondis.niveauSuivi
{
	background:#D6EBD9;
	border-color  : #A1BFA5;
	text-align:left;
	color:#666666;
}

#SuiviPaiement .even_macroscopique{
	background-color : #FFF1A2;
}

#SuiviPaiement .odd_macroscopique{
	background-color : #FFFFCC;
}

/****************************
	CSS pour suiviPaiement
****************************/
#BilanAnnuel div.bouton_submit
{
	margin-top:10px;
	text-align:center;
}

#BilanAnnuel div.bouton_submit input
{
	color : #556086;
	background-color : #B6C9ED; /* #C7DAFE */
	border: 1px solid #556086;
	text-align:center;
	padding :  1px 5px 1px 5px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 3px; /* pour Chrome */
	-webkit-border-top-right-radius: 3px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 3px; /* pour Chrome */
}

#BilanAnnuel div.option_affichage
{
	color:#556086;
	text-align:center;
}

#BilanAnnuel div.option_affichage select
{
	color : #556086;
   padding-top: 0px;
   padding-bottom: 0px;

	-webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;

	border-radius: 3px;
	margin-top:0px;
	border : 1.5px solid #8396BA;

   background-image: url(../images/up_down_arrow.png), -webkit-linear-gradient(top, #D8EBFF,#A5B8DC); /* For Chrome and Safari */
   background-image: url(../images/up_down_arrow.png), -moz-linear-gradient(top, #D8EBFF,#A5B8DC); /* For old Fx (3.6 to 15) */
   background-image: url(../images/up_down_arrow.png), -ms-linear-gradient(top, #D8EBFF,#A5B8DC); /* For pre-releases of IE 10*/
   background-image: url(../images/up_down_arrow.png), -o-linear-gradient(top, #D8EBFF,#A5B8DC); /* For old Opera (11.1 to 12.0) */
   background-image: url(../images/up_down_arrow.png), linear-gradient(to bottom, #D8EBFF,#A5B8DC); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 16px;

 }

#BilanAnnuel div.option_affichage select:-moz-focusring
{
	color: transparent; text-shadow: 0px 0px 0px #556086;
}



/* -------------------------------------- */
/*             Bouton gris ombre          */
/* -------------------------------------- */

 input.bouton_gris_ombre,  button.bouton_gris_ombre  {
    padding: 1px 5px;
    margin: 3px 4px;
    display: inline-block;
    font-size:11px;
    vertical-align:middle;
    color: #000000;
    cursor: pointer;
    background: #e0e0e0;
    background: linear-gradient(top, #FFFFFF 0%, #C7C7C7 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #C7C7C7 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #C7C7C7 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #C7C7C7 100%);

  border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-shadow:2px 2px 1px  #666666;
}

input.bouton_gris_ombre:hover:enabled,  button.bouton_gris_ombre:hover:enabled {
    background: linear-gradient(top, #fafafa 0%, #e0e0e0 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #e0e0e0 100%);
}

input.bouton_gris_ombre:active,  button.bouton_gris_ombre:active {
    opacity:0.8;
}

input.bouton_gris_ombre:disabled,  button.bouton_gris_ombre:disabled {
    color: #424949;
    opacity: 0.65;
    cursor: not-allowed;
}
/* -------------------------------------- */
/*             Bouton rouge ombre          */
/* -------------------------------------- */

 input.bouton_rouge_ombre, button.bouton_rouge_ombre {
    padding: 1px 5px;
    margin: 3px 4px;
    display: inline-block;
    font-size:11px;
    vertical-align:middle;
    color: #000000;
    cursor: pointer;
    background: #e0e0e0;
    background: linear-gradient(top, #FFEEEE 0%, #FF8888 100%);
    background: -moz-linear-gradient(top, #FFEEEE 0%, #FF8888 100%);
    background: -webkit-linear-gradient(top,#FFEEEE 0%, #FF8888 100%);
    background: -o-linear-gradient(top, #FFEEEE 0%, #FF8888 100%);

  border: 1px solid #AA8888;
    border-radius: 5px;
    box-shadow:2px 2px 1px  #666666;
}

input.bouton_rouge_ombre:hover:enabled,  button.bouton_rouge_ombre:hover:enabled {
    background: linear-gradient(top, #FFEEEE 0%, #FFBBBB 100%);
    background: -moz-linear-gradient(top, #FFEEEE 0%, #FFBBBB 100%);
    background: -webkit-linear-gradient(top, #FFEEEE 0%, #FFBBBB 100%);
    background: -o-linear-gradient(top, #FFEEEE 0%, #FFBBBB 100%);
}

input.bouton_rouge_ombre:active,  button.bouton_rouge_ombre:active {
    opacity:0.8;
}

input.bouton_rouge_ombre:disabled,  button.bouton_rouge_ombre:disabled {
    color: #424949;
    opacity: 0.65;
    cursor: not-allowed;
}

/* -------------------------------------- */
/*             Bouton vert ombre          */
/* -------------------------------------- */

 input.bouton_vert_ombre, button.bouton_vert_ombre {
    padding: 1px 5px;
    margin: 3px 4px;
    display: inline-block;
    font-size:11px;
    vertical-align:middle;
    color: #000000;
    cursor: pointer;
    background: #86C7C0;
    border: 1px solid #88AA88;
    border-radius: 5px;
    box-shadow:2px 2px 1px  #666666;
}

input.bouton_vert_ombre:hover:enabled,  button.bouton_vert_ombre:hover:enabled {
	background: #97D8D1;
}

input.bouton_vert_ombre:active,  button.bouton_vert_ombre:active {
    opacity:0.8;
}

input.bouton_vert_ombre:disabled,  button.bouton_vert_ombre:disabled {
    color: #494249;
    opacity: 0.65;
    cursor: not-allowed;
}




/* ---------------------------- Fin des boutons ----------------------------- */

.font12 {
    font-size:12px;
}

.font14 {
    font-size:14px;
}

.font16 {
    font-size:16px;
}

select.select_gris_ombre
{
   padding-top: 0px;
   padding-bottom: 0px;

		-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;

   background-image: url(../images/up_down_arrow.png) -webkit-linear-gradient(top, #FFFFFF,#CCCCCC); /* For Chrome and Safari */
   background-image: url(../images/up_down_arrow.png) -moz-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Fx (3.6 to 15) */
   background-image: url(../images/up_down_arrow.png) -ms-linear-gradient(top, #FFFFFF,#CCCCCC); /* For pre-releases of IE 10*/
   background-image: url(../images/up_down_arrow.png) -o-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Opera (11.1 to 12.0) */
   background-image: url(../images/up_down_arrow.png), linear-gradient(to bottom, #FFFFFF,#CCCCCC); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 16px;

     border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-shadow:2px 2px 1px  #666666;
 }




/* ------------------------------------------------ */
/*          selecteur type CSV         						*/
/* ------------------------------------------------ */


span.selecteur_csv
{
	color : #888888;
}


span.selecteur_csv select
{
	color : #888888;
   padding-top: 0px;
   padding-bottom: 0px;

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance : none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;

	border-radius: 3px;
	margin-top:0px;
	border : 1.5px solid #AAAAAA;

   background-image: url(../images/up_down_arrow.png) -webkit-linear-gradient(top, #FFFFFF,#CCCCCC); /* For Chrome and Safari */
   background-image: url(../images/up_down_arrow.png) -moz-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Fx (3.6 to 15) */
   background-image: url(../images/up_down_arrow.png) -ms-linear-gradient(top, #FFFFFF,#CCCCCC); /* For pre-releases of IE 10*/
   background-image: url(../images/up_down_arrow.png) -o-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Opera (11.1 to 12.0) */
   background-image: url(../images/up_down_arrow.png), linear-gradient(to bottom, #FFFFFF,#CCCCCC); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 16px;

 }

span.selecteur_csv select:-moz-focusring
{
	color: transparent; text-shadow: 0px 0px 0px #888888;
}

.black
{
	color: black;
}




div.selecteur_liste_csv
{
	border-radius: 5px;
	margin-top:0px;
	margin-bottom:10px;
	border : 1.5px solid #AAAAAA;
	background-color:#DDDDDD;
   background: -webkit-linear-gradient(top, #FFFFFF,#CCCCCC); /* For Chrome and Safari */
   background:  -moz-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Fx (3.6 to 15) */
   background: -ms-linear-gradient(top, #FFFFFF,#CCCCCC); /* For pre-releases of IE 10*/
   background:  -o-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Opera (11.1 to 12.0) */
   background:  linear-gradient(to bottom, #FFFFFF,#CCCCCC); /* Standard syntax; must be last */
	display:inline-block;
	padding : 1px 1px 1px ;
}

div.selecteur_liste_csv select
{
	/*color : #444444;*/
	color : #262626;
	border: 0px solid #AAAAAA;
   padding-top: 4px;
   padding-bottom: 4px;
	font-size :11px;
     appearance : none;

    user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    -webkit-padding-start: 4px;
    -moz-padding-start: 4px;

   background-image: url(../images/up_down_arrow.png) -webkit-linear-gradient(top, #FFFFFF,#CCCCCC); /* For Chrome and Safari */
   background-image: url(../images/up_down_arrow.png) -moz-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Fx (3.6 to 15) */
   background-image: url(../images/up_down_arrow.png) -ms-linear-gradient(top, #FFFFFF,#CCCCCC); /* For pre-releases of IE 10*/
   background-image: url(../images/up_down_arrow.png) -o-linear-gradient(top, #FFFFFF,#CCCCCC); /* For old Opera (11.1 to 12.0) */
   background-image: url(../images/up_down_arrow.png), linear-gradient(to bottom, #FFFFFF,#CCCCCC); /* Standard syntax; must be last */
   background-position: center right;
   background-repeat: no-repeat;
 	background-clip: border-box;
   background-size: auto 20px;

   /*color: #000;
  	  color: rgba(0,0,0,0);*/
  	text-shadow: 0 0 0 #000;

}

div.selecteur_liste_csv select:visited
{
	border: 2px solid red;
}

div.selecteur_liste_csv input[type="button"]
{
	-webkit-appearance: none;
    -moz-appearance: none;
    border : 0;
    background:inherit;
/*
    padding : 2px 8px 2px 8px;
 */
 	font-size :11px;
	box-shadow:unset;
	padding : 0px 0px;
}

div.selecteur_liste_csv   input[type="text"]
{
    color:#444444;
    background-color:#FEFEFE;
    padding : 3px 8px 3px 8px;
 	font-size :12px;
}
div.selecteur_liste_csv #D_select_liste
{
   display:inline-block;
}

div.selecteur_liste_csv #D_nom_liste
{
	display:none;
	margin-left:20px;
}

div.selecteur_liste_csv #texte_nom_liste
{
   display:inline-block;
   background:inherit;
   border:0;
}

div.boite_grise_coins_arrondis.seulement_telechargement
{
	font-weight:bold;
	color:#777777;
}

div.hidden_selecteur_csv
{
	width:360px;
	padding:3px 3px 3px 3px;
	position:absolute;
	bottom:20px;
	left:-180px;
	font-weight:bold;
	color:#888888;
	z-index:1000000;
}

div.hidden_selecteur_csv_bottom_left
{
	width:360px;
	padding:3px 3px 3px 3px;
	position:absolute;
	top:30px;
	right:0px;
	font-weight:bold;
	color:#888888;
	z-index:1000000;
}

/* ------------------------------------------------ */
/*           Barres de progression a etapes         */
/* ------------------------------------------------ */

.step_progressbar {
  width: 1200px;
  margin: 20px auto;
  text-align: center;
}

.step_progressbar .circle,
.step_progressbar .bar {
  display: inline-block;
  background: #FFF;
  width: 40px; height: 40px;
  border-radius: 40px;
  border: 1px solid #D5D5DA;
}

.step_progressbar .bar {
  position: relative;
  width: 120px;
  /*width: 160px;*/
  /* height: 6px; */
  height: 3px;
  margin: 0 -5px 30px -5px;
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.step_progressbar .circle.done {
  background: #EEE;
}

.step_progressbar .circle .label {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-top: 4px;
  color: #B5B5BA;
  font-size: 17px;
}

.step_progressbar .circle.done .label {
  color: #FFF;
  background: #8BC435;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}

.step_progressbar .circle.active .label {
  color: #FFF;
  background: #0C95BE;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}

.step_progressbar .circle.error .label {
  color: #FFF;
  /* background: #F81B2D; */
  background: #CC0000;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}

.step_progressbar .title {
	white-space: nowrap;
}

.step_progressbar .circle .title {
  color: #B5B5BA;
  font-size: 10px;
  line-height: 30px;
  margin-left: -10px;
}

.step_progressbar .circle.done .title {
  color: #444;
}

.step_progressbar .circle.active .title {
  color: #0C95BE;
  font-weight: bold;
}

.step_progressbar .circle.error .title {
  /*color: #F81B2D;*/
  color: #CC0000;
  font-weight: bold;
}


/* ------------------------------------------------ */
/*           Barres de progression simples          */
/* ------------------------------------------------ */

/* --------------------------- */
/*     Simple Progressbar 1    */
/* --------------------------- */

#simpleProgressbarArea {
	/*width: 300px;*/
	width: 50%;
   margin: auto;
}

#simpleProgressbarPourcent {
	font-weight: bold;
	position: absolute;
	color: #999999;
	margin-left: 5px;
	margin-top: 3px;
}

#simpleProgressbarMessage {
	color: #999999;
	font-weight: bold;
}

#simpleProgressbarInformation {
	color: #999999;
	font-weight: bold;
}

progress {
	-moz-box-sizing: border-box;
   box-sizing: border-box;
	/*width: 300px;*/
	width: 100%;
   height: 20px;
   padding: 3px 3px 2px 3px;
   background: #333;
   background: -webkit-linear-gradient(#2d2d2d,#444);
   background: -moz-linear-gradient(#2d2d2d,#444);
   background: -o-linear-gradient(#2d2d2d,#444);
   background: linear-gradient(#2d2d2d,#444);
   border: 1px solid rgba(0,0,0,.5);
   border-radius: 15px;
   box-shadow: 0 1px 0 rgba(255,255,255,.2);
   display: inline-block;
}

/* Style de la barre pour Firefox*/
progress::-moz-progress-bar{
    border-radius:10px;
    background: #09c;
    background:
      -moz-repeating-linear-gradient(
        45deg,
        rgba(255,255,255,.2) 0,
        rgba(255,255,255,.2) 10px,
        rgba(255,255,255,0) 10px,
        rgba(255,255,255,0) 20px
      ),
      -moz-linear-gradient(
        rgba(255,255,255,.1) 50%,
        rgba(255,255,255,0) 60%
      ),
      #09c;
    background:
      repeating-linear-gradient(
        45deg,
        rgba(255,255,255,.2) 0,
        rgba(255,255,255,.2) 10px,
        rgba(255,255,255,0) 10px,
        rgba(255,255,255,0) 20px
      ),
      linear-gradient(
        rgba(255,255,255,.1) 50%,
        rgba(255,255,255,0) 60%
      ),
      #09c;
    background-size: 300px 20px, auto, auto;
    background-position: -300px 0, top, top;
    background-position: top right, top, top;
    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
                0 -1px 0 rgba(0,0,0,.8) inset,
                0 0 2px black;
}

/* ------------------------------------------------ */
/*            Entetes dynamiques tableaux           */
/* ------------------------------------------------ */




thead.sticky , div.sticky,table.sticky, hr.sticky,td.sticky{
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
background-color:white;
z-index:10;
}

thead.sticky_nobg , div.sticky_nobg,table.sticky_nobg{
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;

top: 0;
z-index:20;
}




thead.sticky tr:first-child td, thead.sticky  tr:first-child th{
position: sticky;
top: 0;
/* background-color: inherit; */

}


thead.sticky  td, thead.sticky  th{
/*
position: sticky;
 */
top: inherit;
/* background-color: inherit; */

}

thead.sticky.enseignant tr:first-child td, thead.sticky.enseignant  tr:first-child th{
position: sticky;
top: 0;
background-color: #FFFFFF;

}

thead.sticky.enseignant tr td, thead.sticky.enseignant tr  th{
position: sticky;
top: 1.8em;
background-color: #999999;

}


div.pied_de_page
{
	background-color:inherit;
	width:100%;

}




.bluehead
{

	background-color:cyan;
	border: 1px solid blue;
	color : blue;
}


tr.sous_titre_tableau td {
	background-color:#999999;
	color:white;
}

/* ------------------------------------------------ */
/*            Mise en forme avec Flexbox            */
/* ------------------------------------------------ */

.conteneur_fb_horizontal {
	display: flex;
	flex-direction: row;
}

.conteneur_fb_vertical {
	display: flex;
	flex-direction: column;
}

.fb_align_axe_principal_center {
	justify-content: center;
}

.fb_align_axe_principal_left {
	justify-content: flex-start;
}

.fb_align_axe_principal_right {
	justify-content: flex-end;
}

.fb_align_axe_principal_spacebetween {
	justify-content: space-between;
}

.fb_align_axe_principal_spacearound {
	justify-content: space-around;
}

.fb_align_axe_secondaire_center {
	align-items: center;
}

.fb_align_axe_secondaire_baseline {
	align-items: baseline;
}



/* ------------------------------------------------ */
/*                   Boites a messages
/* ------------------------------------------------ */

.boiteSurFondRouge{
	width:700px;
	background:#FFDBDB;
	color : #990000;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #FFCACA;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.boiteSurFondJaune{
	width:700px;
	background:#FFF1A2;
	color : #DF7401;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #DF7401;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.boiteSurFondBleu{
	width:700px;
	background:#C7DAFE;
	color : #555599;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #555599;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}


.boiteSurFondVert{
	width:700px;
	background:#D6EDDB;
	color : #677E52;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #677E52;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */
}

.DiffString ins{
	color:blue;
	text-decoration:none;
	background-color:#DDDDFF;
	font-weight:bold;
}

.DiffString del{
	color:red;
	text-decoration:none;
	background-color:#FFDDDD;
	font-weight:bold;
}


.tag_tout_semestre {
	font-weight:bold;
}

.tag_semestre_1 {
	color : #009EFC;
}

.tag_semestre_2 {
	color : blue;
}

.tag_semestre_1_et_2 {
	color : #CC0000;
}

.gris {
	color: #AAAAAA;
}

.noir {
	color: #000000;
}