/* MEDIALIST */
#mediaList { float:left; width:500px; margin:0px 0 0 0px; padding:0; }
#mediaList h1 { background-color:#EEEFF0; color:#cc0000; font-size:20px; font-weight:600; text-align:center; }
#mediaList h2 { background:#cc0000; color:#cc0000; font-size:1em; font-weight:600; line-height:1.8em; text-align:center; }
#mediaItems { overflow:auto; height:230px; border:5px solid #cc0000; background:#FFDFE0; }
#mediaItems ol { margin:0; padding:0;  }
#mediaItems ol li { list-style:none; margin:0 10px; padding:0; border-top:10px solid #FFDFE0; border-bottom:1px solid #cc0000; }
#mediaItems ol li:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }
#mediaItems ol li { display:block; }
* html #mediaItems ol li { height:1%; }
*:first-child+html #mediaItems ol li  { min-height:1%; }
#mediaItems ol li img { float:left; margin:0 10px 0 0; padding:0; }
#mediaItems ol li h3 { color:#cc0000; margin:0; padding:0 0 .5em; font-size:1em; font-weight:bold; text-transform:uppercase; }
#mediaItems ol li h3 a, #mediaItems ol li h3 a:link, #mediaItems ol li h3 a:visited  { color:#cc0000; margin:0; padding:0; font-size:1em; text-decoration:none; font-weight:bold; }
#mediaItems ol li p { font-size:1em; margin:0; padding:0 0 .5em; color:#666666; }
#mediaItems ol li p.info { font-size:1em; text-align:right; }
#mediaItems ol li p.info span { float:left; text-align:left; }










body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;

	background-color: #F4FBFB;
}
.fond_vide {
	background-color: #F4FBFB;
}

input.errHilite, select.errHilite, textarea.errHilite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #003399;
	background-color: #ffffff;
	}
label.errHilite {
	color: #C00;
	}


ul#errors {
	display: none;
	margin-top: 1em;
	background-color: #FFE;
	border: 1px solid #CC9;
	padding: .3em;
	color: #C00;
	font-weight: bold;
	}	
ul#errors li {
	margin-top: .5em;
	margin-bottom: .5em;
	padding: 0;
	}
ul#errors li.heading {
	list-style-type: none;
	color: #000;
	font-weight: normal;
	font-style: italic;
	margin: .5em 0;
	padding: 0;
	}

.formInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-weight: bold;

}

.formButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	cursor: hand;
	font-weight: bold;
}

.formInputMultiline {
	scrollbar-face-color: #B6C0D9;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #1B3374;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #E7EAF2;
	scrollbar-arrow-color: #000080;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1F5F5F;
	border: 1px solid #1F5F5F;
	width: 300px;
	height: 150px;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000080;
	border: 1px solid #000080;
	width: auto;
	height: auto;
}

.titreparagraphe { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 		bold; color: #ffffff; background-color: #003399
}






.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-align: justify;
	text-decoration: none;
}

.text a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-align: justify;
	text-decoration: underline;
}

.text a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-align: justify;
	text-decoration: underline;
}

.text a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-align: justify;
	text-decoration: underline;
}

.text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-align: justify;
	text-decoration: none;
}



.textgauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.textgauche a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.textgauche a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.textgauche a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.textgauche a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.sousmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.sousmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #348183;
	text-decoration: none;
	line-height: 22px;

}

.sousmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.petitText  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.petitText a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.petitText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.petitText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.petitText a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}

.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 40px;
}

.titrevert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #348183;
	text-align: center;
	line-height: 40px;
}

.titre_actu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #bb2b2b;
	text-align: center;
	line-height: 40px;
}

.titre_institution {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #E17100;
	text-align: center;
	line-height: 40px;
}

.titre_pratique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #884488;
	text-align: center;
	line-height: 40px;
}

.titre_vivre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #245C9B;
	text-align: center;
	line-height: 40px;
}


.sstitre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.sstitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.sstitre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.sstitrevert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #348183;
	text-decoration: none;
}

.sstitrevert:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #348183;
	text-decoration: underline;
}

.image {
	border: 1px solid #000000;
}
.titrepopup {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #255C9C;
	text-align: center;
}
.textpopup {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #255C9C;
	text-align: justify;
	text-decoration: none;
}
.textpopupCentre {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #255C9C;
	text-align: center;
	text-decoration: none;
}
.petitTextjustif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	text-align: justify;

}
.textgaucheVert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #348183;
}
.petitTextjustifVert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #348183;
	text-decoration: none;
	text-align: justify;
}
.formInputVert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #348183;
	border: 1px solid #348183;
	background-color: #FFFFFF;
	font-weight: bold;
}
.petitTextVert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
.petitTextVert:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}

.textVert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #348183;
	text-align: justify;
	text-decoration: none;
}
.textVert:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #348183;
	text-align: justify;
	text-decoration: underline;
}
.formButtonVert {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #348183;
	border: 1px solid #348183;
	background-color: #FFFFFF;
	cursor: hand;
	font-weight: bold;
}

.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt}

#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:1500; visibility:hidden;}
.titreparagraphe1 {

	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 		bold; color: #ffffff; background-color: #bb2b2b
}
.titreparagraphe2 {


	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 		bold; color: #ffffff; background-color: #884488
}
.titreparagraphe3 {



	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 		bold; color: #ffffff; background-color: #245C9B
}
.titreparagraphe4 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 		bold; color: #FFFFFF; background-color: #ff9900
}

.titreparagraphe5 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 		bold; color: #FFFFFF; background-color: #008c9b;
}

.sstitre_institution {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
}

.sstitre_institution:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: underline;
}

.textinstitution {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	text-decoration: none;
}

.textinstitution:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	text-decoration: underline;
	}

.sstitre_vivre {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #245C9B;
	text-decoration: none;
}

.sstitre_vivre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #245C9B;
	text-decoration: underline;
}




.textvivre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #245C9B;

	text-decoration: none;
}

.textvivre a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #245C9B;
	text-align: justify;
	text-decoration: none;
}

.textvivre a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #245C9B;
	text-align: justify;
	text-decoration: none;
}

.textvivre a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #245C9B;
	text-align: justify;
	text-decoration: none;
}

.textvivre a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #245C9B;
	text-align: justify;
	text-decoration: underline;
}





	
.sstitre_actu {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bb2b2b;
	text-decoration: none;
}


.sstitre_actu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bb2b2b;
	text-decoration: none;
}

.sstitre_actu a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bb2b2b;
	text-decoration: none;
}

.sstitre_actu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bb2b2b;
	text-decoration: none;
}

.sstitre_actu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bb2b2b;
	text-decoration: underline;
}















.textactu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bb2b2b;

	text-decoration: none;
}

.textactu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bb2b2b;
	text-align: justify;
	text-decoration: none;
}

.textactu a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bb2b2b;
	text-align: justify;
	text-decoration: none;
}

.textactu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bb2b2b;
	text-align: justify;
	text-decoration: none;
}

.textactu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bb2b2b;
	text-align: justify;
	text-decoration: underline;
}








.sstitre_pratique {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #884488;
	text-decoration: none;
}

.sstitre_pratique:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #884488;
	text-decoration: underline;
}

.textpratique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #884488;
	text-decoration: none;
}

.textpratique:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #884488;
	text-decoration: underline;
	}