<style type="text/css">
<!--
/* Ceci est un commentaire */
html {margin: 50px;
    font-size: 5px; /*taile 1REM ne fonctionne pas*/
    /*EM un em est équivalent à la taille de fonte appliquée à l'élément parent de l'élément courant*/
    /*REM Les valeurs exprimées en rem sont relatives à l'élément <html> et pas à l'élément parent*/
    }
body {
    margin: 0px;
    font-size: 13px; /*taile de base qui équivaudra donc à 1em*/
    /*EM un em est équivalent à la taille de fonte appliquée à l'élément parent de l'élément courant*/
    }
@media screen and (max-width:500px)
{
	body {
    /*font-size: 8px;*/ /*taile de base qui équivaudra donc à 1em*/
    /*EM un em est équivalent à la taille de fonte appliquée à l'élément parent de l'élément courant*/
		}
}	
#loader {
	margin: 0px;
	top: 0px;
    position: fixed;
    z-index: 99;
    /*height: 100%;*/
	height: 100%;
    width: 100%;
    background-color: hsla(0,0%,8%,0.50);
}
#loader_content {
    z-index: 100;
    position: relative;
    width: 200px;
    left: calc(50% - 100px); /*soustraire la moitier de la largeur*/
    height: 100px;
    top: calc(50% - 0px); /*soustraire la moitier de la hauteur*/
    background-color: hsla(0,0%,8%,1.00);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
    text-align: center;
    padding: 10px;
    border: solid 1px #FFF;
    border-radius: 5px;
}

#main_administration {
	border: 1px none hsla(300,20%,50%,1.00) ;
	/*overflow: auto;*/
	position: relative;
	margin-left: 200px;
	width: calc(100%-200px);
	height: 100%;
	background-color: hsla(0,0%,8%,1.00);
	overflow: scroll;
	transition: 0.5s;
}
ht {
}
@media screen and (max-width:500px)
{
	#main_administration {
		margin-left: 0px;
		width: 100%;
		}
}	
#administration {
	/*border: solid 1px green;*/
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #FFF;
	text-align: left;
	height: 100%;
	width: 100%
}    
#administration td {
	color: #FFF;
	font-size: 1em;
    	margin: 0px;
}
.td_archive_annee {
	font-size: 0.8em;
}

#administration a {
    font-size:14px;
	color: #000;
	text-decoration: none;
	background-color: hsla(176,29.6%,78.8%,1.00);
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-top: 1px;
	margin-right: 6px;
	margin-bottom: 1px;
	margin-left: 1px;
	white-space: nowrap;
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s; /* Safari */
	transition: background-color 0.5s;
}
#administration .bouton_lien_color_2 {
	background-color: hsla(185,12%,36%,1.00);
	color: #FFF;
}
#administration .ahover {
	color: #FFF;
	background-color:transparent;
	border:none;
	margin:0px;

}
#administration a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #CC0066;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
#administration h1 {
	font-size: 28px;
	width: auto;
	margin-top: 10px;
	letter-spacing: -1px;
	margin-bottom: 15px;
}

#inscription h1 {
	font-size: 28px;
	width: auto;
	margin-top: 10px;
	letter-spacing: -1px;
	margin-bottom: 15px;
	display: block;
			transform-origin: 20% 50%; /*definit le point de rotation (haut_gauche 0 0 ,milieu 50% 50%, bas droite 100% 100%*/
			transform: rotate(-5deg);/*pivoter le bouton de 90° anti-horaire*/
			-webkit-transform: rotate(-5deg);/*pivoter le bouton de 90° anti-horaire*/
			-moz-transform: rotate(-5deg);
			-o-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
}
#inscription .h1 {
	background-color: #00A19A;
    padding: 10px;
}
#inscription .h1_annee {
	background-color: #00A19A;
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 4px;
	letter-spacing: normal;
}
h1 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.h1 {
	font-size: 38px;
	width: auto;
	margin-top: 10px;
	letter-spacing: -1px;
	margin-bottom: 10px;
	display: inline-block;
			transform-origin: 20% 50%; /*definit le point de rotation (haut_gauche 0 0 ,milieu 50% 50%, bas droite 100% 100%*/
			transform: rotate(-5deg);/*pivoter le bouton de 90° anti-horaire*/
			-webkit-transform: rotate(-5deg);/*pivoter le bouton de 90° anti-horaire*/
			-moz-transform: rotate(-5deg);
			-o-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
    background-color: hsla(177,80%,35%,1.00);
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
 h1_annee {
     color: #000;
	font-size: 18px; 
	color:hsla(176,29.6%,78.8%,1.00);
     background-color: hsla(177,80%,35%,1.00);
	}

#administration  h2 {
	margin-top: 0px;
}
#administration h3 {
	white-space: nowrap;
	font-size: 1.6em /*20px*/;
	margin-top: 10px;
	margin-bottom: 10px;
}

#administration h4 {
	white-space: nowrap;
	margin-right: 0px;
	/*font-size: 1.3em;*/
	font-size: 16px;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 0px;
}
#administration h5 {
	white-space: nowrap;
	margin-right: 0px;
	font-size: 1em /*12px*/;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
}

#administration .td_titre_semaine {

	font-weight: bold;
	text-align: center;
	background-color: hsla(176,29.6%,78.8%,1.00);
	color: hsla(0,0%,8%,1.00);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: hsla(0,0%,8%,1.00);
	border-right-color: hsla(0,0%,8%,1.00);
	border-bottom-color: hsla(0,0%,8%,1.00);
	border-left-color: hsla(0,0%,8%,1.00);
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

#administration .td_titre_paiement {
	font-weight: bold;
	text-align: center;
	background-color: #E1E1E1;
	color: hsla(0,0%,8%,1.00);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: hsla(0,0%,8%,1.00);
	border-right-color: hsla(0,0%,8%,1.00);
	border-bottom-color: hsla(0,0%,8%,1.00);
	border-left-color: hsla(0,0%,8%,1.00);
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

.paiement {
	font-size: 9px;
	margin: 2px;
	line-height: 9px;
}

#administration p {
	/*font-size: 13px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.gris {
	color: #808080;
}
.vert_claire {
	color: #3F0;
}
.vert_fonce {
	color: #390;
}
.orange_claire {
	color: #FC0;
}
.orange_fonce {
	color: #F60;
}
.rouge_claire {
	color: #F30;
}
.rouge_fonce {
	color: #C00;
}
#archives {
	/*font-size: 12px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#administration ul {
	/*font-size: 13px;*/
}

#administration .td_cell_horaire {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: hsla(0,0%,100%,0.50);
}
#administration .td_main_titre {
}
#administration .td_main_titre h2 {
	text-align: center;
	/*background-color: hsla(176,29.6%,78.8%,1.00);
	color: hsla(0,0%,8%,1.00);*/
    color: hsla(176,29.6%,78.8%,1.00);
	padding: 5px;
	margin-bottom: 20px;
}
#administration .td_titre  {
	/*font-size: 13px;*/
	font-weight: bold;
	text-align: center;
	background-color: #E1E1E1;
	color: hsla(0,0%,8%,1.00);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: hsla(0,0%,8%,1.00);
	border-right-color: hsla(0,0%,8%,1.00);
	border-bottom-color: hsla(0,0%,8%,1.00);
	border-left-color: hsla(0,0%,8%,1.00);
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#administration .td_titreG  {
	/*font-size: 13px;*/
	font-weight: bold;
	text-align: center;
	background-color: #E1E1E1;
	color: hsla(0,0%,8%,1.00);
	border: 1px solid #666666;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#administration .td_cellG  {
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#administration .td_cell  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	text-align: left;
}
#administration .td_cellG_notitre  {
	text-align: left;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	border: 1px solid #666666;
}
#administration .td_cell_notitre  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
}
#administration .td_no {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #C00;
	text-align: center;
}
#administration .td_no_rappel1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color:hsla(0,100%,30%,1.00);
	text-align: center;
}
#administration .td_no_rappel2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color:hsla(0,100%,20%,1.00);
	text-align: center;
}
#administration .td_black {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #000;
	text-align: center;
}
#administration .td_no_orange {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #F90;
	text-align: center;
}
#administration .td_ok {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #66CC00;
	text-align: center;
}
#administration .td_black {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #000000;
	text-align: center;
}
#administration .td_0 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	text-align: center;
}
#administration .td_gris {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	text-align: center;
}
#administration .td_orange {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #FC0;
}
#administration .td_full {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #090;
}
#presence{
    text-align: center;
}
.select {
    font-size: 1em;
    }
#presence select {
    background-color: hsla(176,29.6%,78.8%,1.00);
	color: hsla(0,0%,8%,1.00);
	font-weight: bold;
    font-size: 1em;
}
#presence .selected_professeur{
    background-color: hsla(0,0%,8%,1.00);
	color: #FFF;
}
#presence #bouton_next {
    background-color: hsla(176,29.6%,78.8%,1.00);
	font-size: 16px;
	color: hsla(0,0%,8%,1.00);
	font-weight: bold;
    margin:0px; 
    margin-left:6px
}
#presence .legende_txt {
	text-align: left;
	/*font-size: 12px;*/
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.td_presence_ok {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	background-color: #CCC;
}
.td_presence_no {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
	text-align: center;
}

body {
    margin: 0px;
	background-color: hsla(0,0%,8%,1.00);
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

/* si on le laisse problème d'affichage avec MacOS et safari
table {
	margin: 0px;
	padding: 0px;
}*/
p {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
textarea {
    width: auto;
    border: 1px solid #CCCCCC;
	font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
}
.semaine {
	font-size: 10px;
}
.dn {
	font-size: 11px;
	color: #CCCCCC;
}
.input_txt {
	border: 1px solid #CCCCCC;
	/*width: 200px;*/
	width: auto;
	margin: 0px;
	font-size: 1em;
}
.date_naissance {
	border: 1px solid #CCCCCC;
	width: 17px;
}
.date_naissance_annee {
	border: 1px solid #CCCCCC;
	width: 32px;
}

.border {
	border: 1px solid #CCCCCC;
}
.table_cadre {
	border: 1px solid #FFF;
	/*ombre fonctionne uniquement avec css3*/
	border-radius: 8px;
	-moz-box-shadow: 8px 8px 10px #000000;
	-webkit-box-shadow: 8px 8px 10px #000000;
	box-shadow: 8px 8px 6px #000000;
	padding: 5px;
}
#div_cadre {
}
.cadre {
	border: 1px solid #FFF;
	padding: 5px;
}
#alert_form {
	width: 300px;
	padding: 10px;
	border: 1px solid #FFF;
	margin-bottom: 10px;
	position: absolute;
	top: 155px;
	right: 30%;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 13px;*/
	color: #FFF;
	background-color: hsla(0,0%,8%,1.00);
	text-align: center;
	z-index: 5;
}
.bouton {
	font-size: 16px;
	color: hsla(0,0%,8%,1.00);
	border: 1px solid hsla(0,0%,8%,1.00);
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	background-color: hsla(176,29.6%,78.8%,1.00);
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    /*text-shadow: 0px 0px 2px hsla(0,0%,8%,0.30);*/
    box-shadow: -1px 2px 5px 5px rgba(0, 0, 0, 0.3),
            /*2px 2px 5px rgba(255, 255, 255, 0.4) inset;*/
            -1px -1px 2px 2px rgba(0, 0, 0, 0.3) inset; 
}
.a_menu_administration {
	font-size: 15px;
	color: #FFF;
	border: 1px solid #FFF;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	background-color: hsla(0,0%,8%,1.00);
}
#menu_administration {
	width: 200px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-left: 10px;
	padding-top: 10px;
}

#menu_administration ul {
	list-style-image: url(puce_ul.png);
	padding: 0px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 15px;
}
#menu_administration a {
    background-color: hsla(177,79.9%,35.1%,1.00);
	text-shadow:  1px 1px 14px #000 ;
	-moz-text-shadow:  1px 1px 14px #000 ;
	-webkit-text-shadow:  1px 1px 14px #000 ;
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	border: 0px solid #FFF;
}
#menu_administration li {
	margin-bottom: 10px;
}
#menu_administration ul ul li {
	margin-bottom: 3px;
}

#menu_administration ul ul a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid #FFF;
	padding-right: 3px;
	padding-left: 2px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
    background-color: hsla(177,79.9%,35.1%,1.00);
}

#menu_administration ul ul a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 3px;
	padding-left: 2px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#menu_administration ul ul {
	margin-left: 10px;
	margin-top: 10px;
	list-style-image: url(puce_ul_ul.png);
	margin-right: 10px;
	margin-bottom: 10px;
}
#vente_list_menu a {
    background-color: hsla(177,79.9%,35.1%,1.00);
	text-shadow:  1px 1px 14px #000 ;
	-moz-text-shadow:  1px 1px 14px #000 ;
	-webkit-text-shadow:  1px 1px 14px #000 ;
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	border: 0px solid #FFF;
}
#lien_img a {
	border: solid 1px hsla(176,29.6%,78.8%,1.00);
	padding-left: 3px;
	padding-right: 3px;
	color: hsla(176,29.6%,78.8%,1.00);
	background-color: transparent;
	margin: 0px;
	text-decoration: none;
}
#lien_img a:hover {
	padding-left: 3px;
	padding-right: 3px;
	border: solid 1px #FFF;
	background-color: hsla(0,0%,8%,1.00);
}
.fond_1 {
	background-color: #5A5099;
	text-align: center;
}
.fond_2 {
	background-color: #622181;
	text-align: center;
}
.fond_3 {
	background-color: #93117E;
	text-align: center;
}
.fond_4 {
	background-color: #BD007B;
	text-align: center;
}
.fond_5 {
	background-color: #E2007A;
	text-align: center;
}
#th a {
	text-decoration: underline;
	background-color: #E1E1E1;
	color: hsla(0,0%,8%,1.00);
}
#th a:hover {
	text-decoration: underline;
}
#accepte {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/*#mainframe #administration a {
    font-size:10px;
	color: #C03;
	background-color: hsla(0,0%,8%,1.00);
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}*/
#lien_txt a {
	color: #FFF;
	text-decoration: underline;
	background-color: hsla(0,0%,8%,1.00);
}
.grille_H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #666;
}
.grille_titre_jours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: none;
	border-left-color: #666;
	border-top-color: #666;
	border-right-color: #666;
	text-align: center;
	padding: 2px;
	border-bottom-color: #666;
	border-bottom-style: none;
}
.grille_salle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	white-space: nowrap;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-left-color: #666;
	padding: 2px;
	text-align: center;
	border-bottom-color: #666;
	border-bottom-style: none;
}
.grille_titre_heure {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-color: #666;
	padding: 2px;
	border-right-color: #666;
}
.grille_border_right_bottom {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

#grille_cours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
	width: 120px;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	overflow: hidden;
}

#grille_age {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

#grille_professeur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.grille_td_lundi {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-color: #969;
}
.grille_td_lundi_30 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-image: url(url(url(../images/fond_tableau.png)));
	background-color: #C9C;
}
#grille_info_cours {
}
.grille_info_cours {
	border: 2px solid #666;
	text-align: center;
}

.grille_td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-color: #e5b9e5;
}

.grille_td_30 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-color: #f8e5f8;
}
#lien_info a {
	background-color: transparent;
	color: #FFF;
	border: solid 1px #FFF;
}
#lien_info {
	position: relative;
}
#lien_rappel a {
	background-color: #6F0;
	color: #030;
}
#lien_rappel1 a {
	background-color: #6F0;
	color: #030;
}
#lien_rappel2 a {
	background-color: #FC0;
	color: #C30;
}
#lien_miseendemeure a {
	background-color: #C00;
	color: #300;
}
#lien_exclusion a {
	background-color: #000;
	color: #FFF;
}
.barre {
	text-decoration: line-through;
}
.input_txt_admin {
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: 0px;
	/*font-size: 12px;*/
}
.input_txtarea_admin {
	border: 1px solid #CCCCCC;
	width: 360px;
	margin: 0px;
	/*font-size: 12px;*/
}
.input_submit{
	/*background-color: hsla(176,29.6%,78.8%,1.00);*/
	margin-top: 20px;
	margin-bottom: 10px;
	/*font-size: 18px;*/
}

#menu_annee_cours {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 12px;
	}
.rose {
	color: #B80066;
}
#text_fonce a {
	color: hsla(0,0%,8%,1.00);
}
.txt_smaller {
	font-size: xx-small;
}
/* BOUTONS ==================================================================== */
#fermer {
	position: relative;
	z-index: 10;
	float: right;
	left: 45px;
	top: -10px;
}
#ajouter {
	margin-bottom: 10px;
}
#imprimer {
	margin-bottom: 10px;
}
#delete {
	position: fixed;
	z-index: 5;
	top:5px;
	right:0px;
	/*background-color: hsla(0,0%,8%,1.00);*/
	/*border:solid 1px #FFFFFF;
	text-align:center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}
#delete a {
	cursor: pointer;
	text-decoration: none;
	background-color: transparent; 
}
#delete a:hover {
	background-color: transparent; 
}
#delete img {
border: 1px solid #FFFFFF; 
	border-radius: 4px; 
	padding: 10px;
	width: 25px; 
	height: 25px;
	background-color: #3F3F3F;
}

#retour {
	position: fixed;
	z-index: 5;
	top:5px;
	left:0px;
	/*background-color: hsla(0,0%,8%,1.00);*/
	/*border:solid 1px #FFFFFF;
	text-align:center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}
#retour a {
	cursor: pointer;
	text-decoration: none;
	background-color: transparent; 
}
#deconnexion {
    text-align: center;
	position: fixed;
	z-index: 5;
	top:0px;
	right:-2px;
    border-radius: 5px;
    padding: 10px;
	background-color: hsla(0,0%,8%,1.00);
	/*border:solid 1px #FFFFFF;
	text-align:center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}
#deconnexion a {
    color: #FFF;
	cursor: pointer;
    font-size: 12px;
	text-decoration: none;
	background-color: transparent; 
}
#deconnexion_logo{
    display: none;
    height: 16px;
    margin-top: 5px;
}
#retour a:hover {
	background-color: transparent; 
}
#retour img {
border: 1px solid #FFFFFF; 
	border-radius: 4px; 
	padding: 10px;
	width: 25px; 
	height: 25px;
	background-color: #3F3F3F;
}

#bouton_action a {
	text-align:center;
	padding:2px;
	font-weight:bold;
	font-size:20px;
	background: #666;
	color: #fff;
	text-decoration: none;
}
#bouton_action {
	position: absolute;
	right:10px;
	top:10px;
	background: #666;
	color: #fff;
	border-radius: 3px 3px 3px 3px;/*coins arrondis border-radius: top-left top-right bottom-right bottom-left*/
	border: solid 3px #FFFFFF;
	box-shadow: 2px 2px 8px #000;/*ombre (decalage_droite decalage_bas dégradé couleur*/
	-webkit-box-shadow: 2px 2px 8px #000;
	-moz-box-shadow: 2px 2px 8px #000;
}
#panier {
	width: auto;
	overflow:scroll;
	border: 1px solid #666; 
	background-color:hsla(0,0%,8%,1.00)}
#panier_light {
	overflow:auto;
	border: 1px solid #FFF; 
	background-color:hsla(0,0%,8%,1.00)}
#panier_mobile{
	overflow:auto;
	border: 1px solid #FFF; 
	background-color:hsla(0,0%,8%,1.00)}
#panier .td_titre  {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #E1E1E1;
	color: hsla(0,0%,8%,1.00);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #330033;
	border-right-color: #330033;
	border-bottom-color: #330033;
	border-left-color: #330033;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#panier .td_soustitre {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #7A7A7A;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #330033;
	border-bottom-color: #330033;
	border-left-color: #330033;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#panier .td_titreG  {
	font-size: 13px;
	font-weight: bold;
	background-color: #E1E1E1;
	color: #330033;
	border: 1px solid #330033;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-align: center;
}
#panier .td_soustitreG {
	font-size: 10px;
	font-weight: bold;
	background-color: #7A7A7A;
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #330033;
	border-bottom-color: #330033;
	border-left-color: #330033;
}
#panier .td_cellG  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-align: center;
}
#panier .td_cell  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	white-space: nowrap;
}
#mailling {
        width: 100%%; 
        max-width: 800px;"
    }
	
.blink_me {
  animation: blinker 1s linear infinite;background-color: transparent;opacity: 1;box-shadow: 0px 0px 0px #FFF;
}
@keyframes blinker {
  50% {
    opacity: 0.5;
	color: #FFF;
	background-color:transparent;
	/*box-shadow: 0px 0px 20px #FFF;ombre (decalage_droite decalage_bas dégradé couleur
	-webkit-box-shadow: 0px 0px 20px #FFF;
	-moz-box-shadow: 0px 0px 20px #FFF;*/
  }
}
.blink_attention {
  animation: blinker2 1s linear infinite;/*box-shadow: 0px 0px 0px #FFF;*/
}
@keyframes blinker2 {
  50% {
    /*opacity: 0.5;
	color: #FFF;*/
	background-color: red;
	/*box-shadow: 0px 0px 20px #FFF;ombre (decalage_droite decalage_bas dégradé couleur
	-webkit-box-shadow: 0px 0px 20px #FFF;
	-moz-box-shadow: 0px 0px 20px #FFF;*/
  }
}

</style>