/* ********** INTERFACE ************ */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5d7a9f;
	font-size: 12px;
	height:100%;
	margin:0;
	padding:0;
	background-color:#84b6d9;
	background-image:url(../images/degradfond.png);
	background-position: top;
}

#conteneur{
	position: absolute;
	top: 0px;
	left:50%;
	margin-left:-483px;
	width: 966px;
	height: 595px;
	border-top: 0px solid #5d7a9f;
	border-right: 1px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 1px solid #5d7a9f;
	overflow:inherit;
	z-index: 1;
	background-color: #FFFFFF;
	
}

#bandeau{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 966px;
	height: 148px;
	margin:0;
	padding:0;
	border: 0px solid Black;
	z-index:1;
}

#menu{
	position:absolute;
	left: 0px;
	top: 148px;
	width: 966px;
	height: 25px;
	margin:0;
	padding:0;
	padding-top:13px;
	border: 0px solid Black;
	z-index:2;
	background-image: url(../images/menu.jpg);
	z-index: 3;
}

#sousmenu1{
	position: absolute;
	top: 38px;
	left: 131px;
	width: 150px;
	height:80px;
	background-color: #5d7a9f; /*84b6d9 fdf3d0*/
	border-top: 1px solid #5d7a9f;
	border-right: 1px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 1px solid #5d7a9f;
	visibility: hidden;
}

#sousmenu2{
	position: absolute;
	top: 38px;
	left: 257px;
	width: 129px;
	height: 46px;
	background-color: #5d7a9f;
	border-top: 1px solid #5d7a9f;
	border-right: 1px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 1px solid #5d7a9f;
	visibility: hidden;
}

#sousmenu3{
	position: absolute;
	top: 38px;
	left: 386px;
	width: 163px;
	height: 144px; /*104*/
	background-color: #5d7a9f;
	border-top: 1px solid #5d7a9f;
	border-right: 1px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 1px solid #5d7a9f;
	visibility: hidden;
}

#sousmenu4{
	position: absolute;
	top: 38px;
	left: 549px;
	width: 182px;
	height: 140px;
	background-color: #5d7a9f;
	border-top: 1px solid #5d7a9f;
	border-right: 1px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 1px solid #5d7a9f;
	visibility: hidden;
}

#titre_rub{
	position:absolute;
	left: 0px;
	top: 186px;
	width: 113px;
	height: 409px;
	margin:0;
	z-index:1;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E9F1F7;
}

#titre_page{
	position:absolute;
	left: 123px;
	top: 195px;
	width: 833px;
	height: 55px;
	margin:0;
	padding-left:8px;
	z-index:1;
	background-image: url(../images/trame_haut_contenu.jpg);
	border: 0px solid Black;
}

#contenu{
	position:absolute;
	left: 123px;
	top: 256px;
	width: 816px;
	height: 312px;
	margin:0;
	padding: 8px 8px 8px 8px;
	border: 0px solid Black;
	overflow: auto;
	z-index:1;
	background-color: #FFFFFF;
	color: #000000;
}

.texte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height:16px;
}

.textejustif{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: justify;
	line-height:16px;
}

.text_souligne_haut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #000000;
	border-top: 2px solid #5d7a9f;
}

.text_souligne_bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #000000;
	border-bottom: 2px solid #5d7a9f;
}

.mess{
	color:#ff8000;
	font-size: 10px;
	line-height: 12px;
}

/* ********** FIN DE L'INTERFACE *********** */

/* *********** CONTENU ******************** */


h1{
	color:#5d7a9f;
	font-size: 18px;
	line-height: 24px;
	display: inline;
	margin:0px;
	padding:0px;
	border: 0px solid Black;
}

h2{
	color:#5d7a9f;
	font-size: 14px;
	display:inline;
}


ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

li{
	list-style: square;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 32px;
	color: #5d7a9f;
}

/*
#titre_rubrique{
	position: relative;
	width: 400px;
	height: 22px;
	border: 1px solid Black;
}
*/

.titre_rub{
	margin-left:8px;
	font-size: 17px;
	line-height: 22px;
	font-weight: bolder;
	text-decoration:underline;
	color:#5d7a9f;
}

/* message d'avertissement */

#mess{
	position: absolute;
	top:310px;
	left:220px;
	width: 400px;
	height: 80px;
	border:1px solid #000000;
	text-align: center;
	padding:5px 8px 5px 8px;
	line-height:18px;
	color:#ff8000;
	background-color: #FFFFFF;
	z-index: 2;
	font-weight: bold;
}


/* ** Blocs droit ** */

#bloc_droit{
	position: absolute;
	top:39px;
	left:550px; /*510*/
	width: 240px; /*280*/
	line-height:18px;
	color:#5D7A9F;
	text-align: justify;
	background-color: #e9f0f8;
	padding:5px 8px 5px 8px;
	border:1px solid #5d7a9f;
	z-index: 1;
}

.titre_bloc_droit{
	font-size:17px;
	line-height:30px;
	font-weight:bold;
	color:#5d7a9f;
	text-align:center;
}

/*
#bloc_droit_un{
	position: absolute;
	top:39px;
	left:510px;
	width: 296px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	font-weight: bolder;
	color:#5d7a9f;
	text-align: center;
	vertical-align: middle;
	background-color: #e9f0f8;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_deux{
	position: absolute;
	top:70px;
	left:510px;
	width: 296px;
	height: 28px;
	font-size: 17px;
	line-height: 25px;
	font-weight: bolder;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_trois{
	position: absolute;
	top:110px;
	left:510px;
	width: 296px;
	height: 80px;
	line-height:25px;
	text-align: left;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_quatre{
	position: absolute;
	top:205px;
	left:510px;
	width: 296px;
	height: 20px;
	line-height:18px;
	font-weight: bold;
	color:#5d7a9f;
	text-align: center;
	background-color: #e9f0f8;
	padding:0px 0px 0px 0px;
	border:1px solid #5d7a9f;
	z-index: 2;
}
*/

#bloc_droit_fixe_un{
	position: absolute;
	top:295px;
	left:673px; /*633*/
	width: 256px; /*296*/
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	font-weight: bolder;
	color:#5d7a9f;
	text-align: center;
	vertical-align: middle;
	background-color: #e9f0f8;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_fixe_deux{
	position: absolute;
	top:326px;
	left:673px;
	width: 256px;
	height: 28px;
	font-size: 17px;
	line-height: 25px;
	font-weight: bolder;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_fixe_trois{
	position: absolute;
	top:336px;	/* 366 */
	left:673px;
	width: 256px;
	height: 80px;
	line-height:25px;
	text-align: left;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_fixe_six{
	position: absolute;
	top:336px;
	left:673px;
	width: 256px;
	height: 20px;
	line-height:25px;
	text-align: left;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_fixe_quatre{
	position: absolute;
	top:481px;
	left:673px;
	width: 256px;
	height: 20px;
	line-height:18px;
	font-weight: bold;
	color:#5d7a9f;
	text-align: center;
	background-color: #e9f0f8;
	padding:0px 0px 0px 0px;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_fixe_cinq{
	position: absolute;
	top:542px;
	left:673px;
	width: 256px;
	height: 30px;
	line-height:25px;
	font-weight: bold;
	text-align: center;
	background-color: #e9f0f8;
	border:1px solid #5d7a9f;
	z-index: 2;
}

#bloc_droit_fixe_six{
	position: absolute;
	top:425px;
	left:673px;
	width: 256px;
	height: 28px;
	line-height:25px;
	text-align: left;
	border:1px solid #5d7a9f;
	z-index: 2;
}

/* ** fin de Bloc droit ** */

/* ** Formulaire ** */

#formulaire_type1{
	position: absolute;
	top:65px;
	left:0px;
	width: 480px;
	height: 138px;
	text-align: center;
	padding:4px 4px 4px 4px;
	margin:0;
	border:0px solid #000000;
}

#sous_formulaire{
	position: absolute;
	top:223px;
	left:0px;
	width: 480px;
	height: 50px;
	text-align:center;
	padding:10px 4px 4px 4px;
	border:0px solid #000000;
}


.champs_texte{
	width: 165px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #7f9db9;
}

.champs_text{
	width: 200px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #7f9db9;
}


/* *********** Formation ***************** */

#texte_accueil{
	position: absolute;
	top:40px;
	left:30px;
	width: 478px;
	border:0px solid #000000;
	text-align: justify;
	line-height: 18px;
}

#liste_form{
	position:relative;
	left:0px;
	top:20px;
	width:500px;
	margin:0;
	padding:0;
	border:0px solid #000000;
}

#titre_liste{
	position:relative;
	left:0px;
	top:20px;
	width:500px; /*380*/
	margin:0;
	padding:0;
	text-align:justify;
	border:0px solid #000000;
}

.info_spec{
	width:480px;	/*350*/
	line-height:20px;
	text-align:left;
	border-top:1px solid #5c7cad;
	border-right:0px solid #5c7cad;
	border-bottom:1px solid #5c7cad;
	border-left:0px solid #5c7cad;
	padding:0px 10px 0px 10px;
	background-color: #e9f1f7;
	color: #5d7a9f;
}

.libelle_form_institution{
	width:480px; /*350*/
	padding:0px 10px 0px 10px;
	background-color: #5d7a9f;
	border-top: 0px solid #5d7a9f;
	border-right: 0px solid #5d7a9f;
	border-bottom: 0px solid #5d7a9f;
	border-left: 0px solid #5d7a9f;
	line-height:20px;
	color:#FFFFFF;
	font-weight:bold;
}

.ladate{
	height:20px;
	width:480px; /*350*/
	padding:0px 10px 0px 10px;
	background-color: #ffd64e;
	border-top: 1px solid #5d7a9f;
	border-right: 0px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 0px solid #5d7a9f;
	line-height:20px;
	color:#5d7a9f;
	font-weight:bold;
}

.ladate_fin{
	height:20px;
	width:20px;
	background-color: #ffd64e;
	border-top: 1px solid #5d7a9f;
	border-right: 0px solid #5d7a9f;
	border-bottom: 1px solid #5d7a9f;
	border-left: 0px solid #5d7a9f;
	line-height:20px;
	color:#5d7a9f;
}

.message{
	height:20px;
	width:350px;
	padding:0px 10px 0px 10px;
	background-color: #AAAAAA;
	line-height:20px;
	color:#FFFFFF;
	font-weight:bold;
}

/* ********** IMPRESSION ********* */

#titre_print{
	position: absolute;
	left: 160px;
	top: 45px;
	width: 450px;
	height: 22px;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5d7a9f;
	font-size: 18px;
	line-height: 25px;
	font-weight: bolder;
	margin:0;
	padding:0;
	text-align:center;
}

#logo_print{
	position: absolute;
	left: 20px;
	top: 0px;
	width: 125px;
	height: 118px;
	overflow: inherit;
	visibility: visible;
	background-image: url(../images/logo.jpg);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
}

#banniere_print{
	position: absolute;
	left: 0px;
	top: 15px;
	width: 650px;
	height: 120px;
	border: 0px solid Black;
	overflow: inherit;
	visibility: visible;
	z-index: 2;
	background-color: #FFFFFF;
}

#contenu_print{
	position: absolute;
	left:20px;
	top:165px;
	width:620px;
	margin:0;
	padding:0;
	border:0px solid #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}

#nav{
	position:absolute;
	left:500px;
	top:130px;
	width:125px;
	height:20px;
	z-index:2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ****** ACTUS PAGE D'ACCUEIL ******** */

#actualite_acc{
	position:absolute;
	left:720px;
	height:146px;
	width:245px;
	padding:0px 0px 5px 0px;
	visibility:hidden;
	z-index:10;
	border:1px solid #5d7a9f;
	background-color: #E9F1F7;
	cursor:default;
	font-size:11px;
}

#croix_fermer{
	margin-left:53px;
	padding : 0px 2px 0px 2px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	background-color: #E9F1F7;
	color:#5d7a9f;
	display: inline;
	border:1px solid #5d7a9f;
}