div.mess_sup{
	z-index: 100000;
	position: absolute;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	scrollbar-face-color: #DFE5FB;
	scrollbar-shadow-color: #C0C5D5;
	scrollbar-highlight-color: #C0C5D5;
	scrollbar-3dlight-color: #444F7B; 
	scrollbar-darkshadow-color: #444F7B; 
	scrollbar-track-color: #F4F6FD; 
	scrollbar-arrow-color: #444F7B;
}
body,td,th, div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
a:link {
	color: #990000;
	text-decoration: none;
	border: 0px;
}
a:visited {
	color: #990000;
	text-decoration: none;

}
a:hover {

	color: #990000;
	text-decoration: none;
}
img{
	border: 0px;
}
/*--------------------- bannière -------------------------------*/
div.banner{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 128px;
	margin-bottom: 30px;
	z-index: 10;
}
div.logo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 181px;
	height: 84px;
	border-right: 1px dashed #333333;
}
img.ilogo{
	margin-top: 9px;
	margin-right: 43px;
	margin-bottom: 12px;
	margin-left : 31px;
	
	/*padding-top : 9px;
	padding-right: 43px;
	padding-bottom: 12px;
	padding-left: 31px;*/
}
div.banner_centre{
	top: 0px;
	left: 182px;
	width: 580px;
	position: absolute;
	left: 182px;
	border-right: 1px dashed #333333;
}
/*----------------------- menu haut --------------------------------*/
div.menu_haut{
	top: 84px;
	position: absolute;
	padding-left: 22px;
	z-index: 500;
	vertical-align: top;
	width: 800px;
	
}
div.menu_haut img{
	z-index: 500;
}
div.ligne_claire{
	position: absolute;
	top: 83px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #efefef;
	z-index: 10000;
}
div.ligne{
	position: absolute;
	top: 103px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 2px;
	border-top:2px solid Black;
	z-index: 10000;
}

div.banner div.bas{
	height: 14px;
	position: absolute;
	top: 105px;
	left: 0px;
	background-image: url(pixel_bleu_clair.gif);
	width: 100%;
	z-index: 100;
}

/*--------------------------------- INDEX ----------------------------------------*/
/*------------- colonne de gauche : index ----------------------------------------*/
div.texte_contenu {
position: relative;
/*position: absolute;
top: 158px;
left: 0px;
margin-top: 158px;*/
	float: left;

	margin-bottom: 42px;
	margin-left: 0px; 	
	padding-right: 0px;
	padding-left: 22px;
	
	width: 499px;
	height: 520px;
	
	font-size: 12px;
	border-right: 1px dashed #333333;
	/*border-style: solid;
	border-color: Red;*/
}
div.texte_contenu img{
	margin-right: 10px;
	margin-bottom : 30px;
	/*border-style: solid;
	border-width: 5px;
	border-color: #EE82EE;*/
}
span.premier_mot{
	color: #990000;
	font-weight: bolder;
}
div.texte_contenu p{
	/**/padding-top: 5px;
	padding-right: 11px;
	padding-bottom: 20px;
	padding-left: 11px;
	margin: 0px;
	
	width: 465px;
	
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);
	/*border-style: solid;
	border-color: Green;*/
}
/*------------- colonne de droite ----------------------------------------*/

div.col{
position: relative;

float: left;

	/*margin-top: 158px;position: absolute;
	top: 158px;
	left: 508px;*/
	width: 254px;
	height: 147px;
}

div.trait{
	width: 279px;
	height: 1px;
	margin-bottom: 17px;
	border-bottom: 1px dashed #333333;
}
h2{/*titre actus */
	margin: 0px;
	margin-left: 18px;
	/*padding: 0px 34px 0px 39px;*/
	font-weight: bolder;
	font-size: 12px;
	color: #990000;
}
span.date_index{
	font-style: italic;
	font-size: 9px;
	color: #333333;
	/*padding-left: 39px;*/
	margin-left: 18px;
}
div.col p{
	margin: 0px;
	font-size: 11px;
	color: #333333;
margin-left: 18px;
}
div.col img{
	/*margin-left: 13px;*/
	margin-left: 10px;
}
h1{/*titre thèmes*/
	margin: 0px;
	padding: 0px 34px 0px 18px;
	font-weight: bold;
	font-size: 15px;
	color: #990000;
	text-transform: uppercase;
}
div.suite{
	font-size: 10px;
	color: #990000;
	font-style: italic;
	background-image: url(pixel_bleu_clair.gif);
	padding-right: 10px;
margin-left: 10px;
margin-bottom: 15px;
	text-align: right;
	width: 241px;
}
div.suite a:link{
	text-decoration: none;
	color: #990000;
}
div.suite a:hover{
	text-decoration: none;
	color: #990000;
}
div.suite a:visited{
	text-decoration: none;
	color: #990000;
}
/*--------------------------------- CAT ----------------------------------------*/
/*------------- colonne de gauche ----------------------------------------*/
div.cadre_gauche{
	/*position: relative;
	top: 158px;
	left: 0px;margin-top: 158px;*/
	float: left;
		
	width: 255px;
	
	padding-left: 22px;
	margin-bottom: 20px;
	/*padding-right: 9px;*/

}
div.cadre_gauche img.img_titre{
	margin-right: 10px;
}
div.cadre_gauche p{
	font-size: 11px;
	color: #333333;
	padding-left: 11px;
	margin: 0px;
	margin-right: 10px;
	padding-top: 10px;
	/*padding-bottom: 5px;*/
}
div.cadre_gauche div.cat1{
	font-size: 11px;
	color: #333333;
	padding-left: 25px;
	margin: 0px;
		line-height: 12px;
	/*margin-right: 10px;
	padding-top: 5px;*/
	/*padding-bottom: 5px;*/
}
div.cadre_gauche a:hover{
	color: #990000;
	font-weight: bolder;
	text-decoration: none;
}
a:link.dossier{
	color: Black;
}
a:visited.dossier{
	color: Black;
}
/*
a:link.dossier_crs{
	color: Black;
	font-weight: bold;
}
a:visited.dossier_crs{
	color: Black;
	font-weight: bold;
}*/
a:link.a_cat1{
	color: Black;
}
a:visited.a_cat1{
	color: Black;
}

a:link.a_cat1_crs{
	color: #990000;
}
a:visited.a_cat1_crs{
	color: #990000;
}/* en cours => span par js class"titre_cat1"*/
/*-------------- colonne de droite : contenu ----------------------------*/
div.cadre_droit{
position: relative;
/*top: 158px;
left: 278px;
margin-top: 158px;*/
width: 509px;
margin-left: 281px;
	padding: 0px;
		border-left: 1px dashed #333333;
		/*background-color: Lime;*/
		min-height: 300px;
}
div.cadre_droit p{
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);
	/*background-color: Lime;*/
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;/**/
	padding-bottom: 20px;
}
span.menu_centre a{
	color: #990000;
	font-weight: bold;
}
span.menu_centre a:visited{
	color: #990000;
	font-weight: bold;
}
span.menu_centre a:hover{
	color: #990000;
	font-weight: bolder;
	text-decoration: none;
}
/*------------------- CAT ACTUS ------------------------------------------------*/
span.date_actus{
	font-style: italic;
	font-size: 11px;
	color: #333333;
}
span.titre_actu{
	color: #990000;
	font-weight: bold;
	font-size: 15px;
}
span.ss_titre_actu{
	color: #990000;
	font-size: 15px;
}
a.lien_noir:link {
	color: #333333;
	text-decoration: none;
	border: 0px;

}
a.lien_noir:visited {
	color: #333333;
	text-decoration: none;
}
/*------------------- CAT THEMATIQUES ------------------------------------------*/
/*---------- col de gauche ------------*/
div.cadre_gauche p.titre_cat{
	padding-left: 25px;
	margin: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*---------- col de droite -------------*/
/*div.page{
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);
	padding-left: 11px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
}*/
div.page {
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}

/*li{
	list-style: url(petit_rond_rouge.gif);
}*/
div.page p{
	padding: 0px;
	margin: 0px;
	margin-top: - 10px;

}
span.titre_dossier{
	color: #990000;
	font-weight: bolder;
	font-size: 13px;
}
div.titre_cat1{
	color: #990000;
	font-weight: bolder;
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom : 0px;
}
div.titre_art{
font-weight: bold;
	color: #990000;
	font-size: 11px;
	margin-bottom: - 30px;
	padding-bottom: 0px;
	padding-top: 15px;
	margin-top : 20px;
	float: none;
		z-index: 1000;
}

div.pagination{
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);
	text-align: right;
		margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
		color: #990000;
		
}

div.pagination a.lien_page{
		color: #990000;
}
div.pagination a.lien_page:visited{
		color: #990000;
}
div.pagination a.lien_page_crs:link{
		color: #990000;
		font-weight: bold;
}
div.pagination a.lien_page_crs:visited{
		color: #990000;
		font-weight: bold;
}
/*-------------------------------- CAT_EQUIPE ----------------------------------*/
div.cadre_droit_equipe{ // ajout min-height pour équipe
position: relative;
/*top: 158px;
left: 278px;
margin-top: 158px;*/
width: 509px;
margin-left: 281px;
	padding: 0px;
		border-left: 1px dashed #333333;

		min-height: 340px;
		/*background-color: Lime;*/
}
div.inferieur{
	position: absolute;
	top: 158px;
	width: 100%;
	margin-bottom: 30px;
}
a.dossier_crs:link{
	font-weight: bold;
	color: #990000;
}
a.dossier_crs:visited{
	font-weight: bold;
	color: #990000;
}
div.gallerie{
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(pixel_bleu_clair.gif);
		padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;	
}
div.gallerie img.gall{
	/*float: left;*/
	margin-right: -4px;/* bug : img avec margin-left par défaut... */
	padding: 0px;
}
div.cadre_droit div.bloc{
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);/**/
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	/*padding-bottom: 20px;*/
	padding-left: 10px;	
	display: block;
	/**/height: 100%;
	min-height: 300px;
	z-index: 2000;
}
div.cadre_droit div.fond{
position: absolute;
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);/**/
	
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;	
	display: block;
	height: 250px;
	width: 490px;
	z-index: -100;
}
div.cadre_droit div.bloc_mail{
	font-size: 11px;
	color: #333333;
	background-image: url(pixel_bleu_clair.gif);/**/
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	display: block;
	text-align: left;
	/*padding-left: 10px;*/
}
div.ligne_blanche{
	background-color: White;
	height: 15px;
}
a.mail:link{
	color: #990000;
}
a.mail:visited{
	color: #990000;
}
div.bloc p{
	padding: 0px;
	margin: 0px;
}/**/
/****************************** cat contact & plan ***************/

span.mail_contact{
	padding-left: 20px;
	font-style: italic;
}
div.mail{
	padding: 0px;
	margin: 0px;
}
div.plan{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;/*
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 20px;*/
	width: 477px;
}
div.contact{
	margin-right: 10px;
	margin-left: 10px;
	/*padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 20px;*/
	background-image: url(pixel_bleu_clair.gif);
	height: 55px;
	width: 477px;
	
}
div.col_cote{
font-size: 10px;
	float: left;
height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
div.col_centre{
	padding-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	height:40px;
	float: left;
	font-size: 10px;
	border-left: 1px dashed #333333;
}
div.col_agr{
	color: #990000;
	text-align: right;
	font-style: italic;
	padding-top: 25px;
	font-size: 11px;
	float: right;
	padding-right: 10px;
	height: 45px;
}
/***************************** cat charte *********************/
div.cadre_droit_charte{
position: relative;
/*top: 158px;
left: 278px;*/
width: 509px;/*margin-top: 158px;*/

margin-left: 281px;
/*padding-left: 10px;
padding-right: 10px;*/
	text-align: center;
	
		border-left: 1px dashed #333333;
		
		/*background-color: Lime;*/
}
div.centre{
	background-image: url(pixel_bleu_clair.gif);
	width: 480px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 30px;
}
div.cadre_droit_charte p{
	font-size: 11px;
	color: #333333;
	
	/*background-color: Lime;*/
	margin-left: 90px;
	margin-right: 60px;
	padding: 0px;
width: 300px;
}
/***************************** cat compétences ****************/
div.haut{
text-align: right;
	
	font-size: 10px;
	color: #990000;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
div.haut a{
	margin: 0px;
	padding: 0px;
	color: #990000;
}
/**************************** cat historique **********************/

span.irouge{
	font-style: italic;
	font-weight: normal;
	color: #990000;
}
img.point_rouge{
	/*vertical-align: bottom;*/
	margin-top: 4px;
	margin-right: 3px;
}
/*-------------------------- pied de page ------------------------*/
div.footer{
position: relative;
		clear: both;
		/*top: 635px;*/
	width: 100%;
	height: 20px;
	border-bottom: 2px solid #696969;

	margin-top: 32px;
	padding-left: 40px;
	font-size: 11px;
	color: #ffffff;
	background-image: url(pixel_rouge_clair.gif);
}

img.point_blanc{
	/*vertical-align: bottom;*/
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 3px;
}

div.footer a:link{
	color: #ffffff;
}
div.footer a:visited{
	color: #ffffff;
}
/*------------------------ IMPRIMER -------------------------*/
div.cadre_centre{
	position: relative;
/*top: 158px;
left: 278px;
margin-top: 158px;*/
width: 600px;
margin-left: 70px;
	
		
		/*background-color: Lime;*/
}
div.cadre_centre p{
	font-size: 12px;
	color: #333333;

	/*background-color: Lime;*/
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}