body {
	background-color: #FFFFFF;
	font-size:90%;
	margin:0px 0px 0px 0px;
	}
img {
	border: 0 none;
	}
h1 {
	font-size:150%;
	}
h2 {
	font-size:130%;
	}
h3 {
	font-size:110%;
	}
a {
	color:#0000FF;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a.info1 , a.info2{
	position:relative;
	text-decoration:none;
	color:black;
}
a.info1 span , a.info2 span{
	text-decoration:none;
	display:none;
}
a.info1:hover , a.info2:hover{
	text-decoration:none;
	background:none;
	z-index:100;
}
a.info1:hover span , a.info2:hover span{
	text-decoration:none;
	display:inline;
	position:absolute;
	z-index:100;
	background:#66FFFF;
	text-align:justify;
	width:300px;
	color:#0000FF;
	padding:0.2em;
	border:1px solid #0000CC;
}
a.info2:hover span{
	top:25px;
	left:-305px;
}
a.info1:hover span{
	top:25px;
	left:0px;
}
fieldset {
	margin-bottom:1em;
}
/*** Pages ***/
.conteneur {
	text-align: center;
	}
.cadremenu {
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-bottom:1px solid #0000FF;
	}
.cadressmenu {
	background:#DAE0D2 url("../images/ssmenu.gif")
    	repeat-x bottom;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-bottom:1px solid #0000FF;	
	}
.cadre {
	background-color: #FFFFFF;
	margin:0 auto;
	padding-top:1em;
	width: 780px;
	text-align: left;
	}
.center {
	text-align: center;
	width:100%;
	}
.header {
	float:right;
	margin:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
    }
.left {
	border:none;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	width:160px;
    }
.left a{
    }
.middle {
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:160px;
	text-align:justify;
	width:610px;
    }
.full {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	width:780px;
	text-align:justify;
    }
.full fieldset {
	padding-left:1.5em;
	padding-right:1.5em;
    }
.full legend {
	font-size:140%;
	font-weight:bolder;
	color: #3333FF
    }
.full thead {
	font-size:110%;
	font-weight:bold;
	padding-bottom:1em;
	padding-top:1em;
    }
.footer {
	clear:left;
	line-height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:1em;
	width: 780px;
	color:#777777;
	padding-top: 1em;
	text-align: center;
	}
.tbody1{
	background-color:#FFF;
}
.tbody2{
	background-color:#E4E4E4;
}
.wide{
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:1em;
	text-align:center;
	width:100%;
}
.wide fieldset{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:96%;
}
.wide legend {
	font-size:140%;
	font-weight:bolder;
	color: #3333FF
    }
.wide thead {
	font-size:110%;
	font-weight:bold;
	padding-bottom:1em;
	padding-top:1em;
    }
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
	.noprint {
    display: none;}
}
.menu {
	background:url("../images/logo-gsv.gif")
		no-repeat left top;
    line-height:normal;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	}
/* On enlève les puces */
.menu ul {
    margin:0;
	/* padding pour dimensions fond */
	padding:180px 0px 0px 0px;
    list-style:none;
	}
/* En ligne et aligné à gauche */
.menu li {
    float:left;
	/* Ajoutons l'image gauche en arrière-plan de l'élément li */
	background:url("../images/left.gif")
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
	}
/* Nous mettons les liens en tant qu'éléments block, de façon à oublier les ennuis des boîtes en ligne. */
.menu a {
    float:left;
    display:block;
    background:url("../images/right.gif")
      no-repeat right top;
    padding:5px 15px 5px 6px;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    font-weight:bold;
    color:#765;
    }
  /* Le hack de l'antislash commenté
     cache cette règle à IE5-Mac \*/
  .menu a {float:none;}
  /* End IE5-Mac hack */
.menu a, .menu strong, .menu span  {
    display:block;
	/* Ajoutons l'image droite en arrière-plan de l'élément a */
	background:url("../images/right.gif")
      no-repeat right top;
	padding:5px 15px 5px 6px;
    }
.menu #current {
    background-image:url("../images/left_on.gif");
    }
.menu #current a {
    background-image:url("../images/right_on.gif");
	padding-bottom:5px;
    }
.menu a:hover {
	color:#0000FF;
	text-decoration:none;
    }
/*** Sous-menu ***/
.ssmenu {
	color:#FF0000;
	font-weight:bold;
    line-height:normal;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	}
/* On enlève les puces */
.ssmenu ul {
    margin:0;
    list-style:none;
	}
/* En ligne et aligné à gauche */
.ssmenu li {
    float:left;
    margin:0;
 	padding:0 0 0 9px;
	}
/* Nous mettons les liens en tant qu'éléments block, de façon à oublier les ennuis des boîtes en ligne. */
.ssmenu a {
    float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    display:block;
    padding:5px 15px 5px 6px;
    text-decoration:none;
    color:#765;
    }
  /* Le hack de l'antislash commenté
     cache cette règle à IE5-Mac \*/
  .ssmenu a {float:none;}
  /* End IE5-Mac hack */
.ssmenu a, .ssmenu strong, .ssmenu span  {
    display:block;
	padding:5px 15px 5px 6px;
    }
.ssmenu #current {
    }
.ssmenu #current a {
	padding-bottom:5px;
    }
.ssmenu a:hover {
	color:#0000FF;
	text-decoration:none;
    }
.blanc{background:#FFFFFF}
.clair{background:#CCFFFF}
.fonce{background:#66FFFF}
.clairVert{background:#A8FFA8}
.fonceVert{background:#00FF66}
.clairOrange{background:#FFB871}
.fonceOrange{background:#FF9E3E}
.clairRouge{background:#FF8A8A}
.fonceRouge{background:#FF5353}
.clairJaune{background:#FFFF99}
.fonceJaune{background:#FFFF66}
.dem_inscript_clair{background:#CCFFFF}
.dem_inscript_fonce{background:#66FFFF}