@charset "utf-8";
/* CSS Document */

*	{margin:0; padding:0; }

body {
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 0.8em;
	background: #fff  url(../../IMG/nav/filet_body.gif) top left repeat-x;
}
img {border: none;}
li {list-style-position:inside;}

/* pour l'affichage sans CSS */
hr.separation {clear:both; visibility:hidden;}

/*----------------------------------*/
/* 			BLOCS DE POSITIONNEMENT 		*/
/*----------------------------------*/
#entete_accueil_fr, #entete_pages_fr, #entete_accueil_en, #entete_pages_en, #conteneur, #pied {width:940px; margin: 0 auto;}

#entete_accueil_fr {
	position: relative;
	height: 180px;
	background: url(../../IMG/nav/bandeau_accueil_fr.png) no-repeat;
}
#entete_pages_fr {
	position: relative;
	height: 180px;
	background: url(../../IMG/nav/bandeau_pages_fr.png) no-repeat;
}
#entete_accueil_en {
	position: relative;
	height: 180px;
	background: url(../../IMG/nav/bandeau_accueil_en.png) no-repeat;
}
#entete_pages_en {
	position: relative;
	height: 180px;
	background: url(../../IMG/nav/bandeau_pages_en.png) no-repeat;
}

#conteneur {
	position: relative;
}

#pied {
	height: 24px;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 30px;
}

/*----------------------------------*/
/* 				BLOCS DE CONTENU 					*/
/*----------------------------------*/
h1#logo  {
	position: absolute;
	top: 12px;
	_top: 13px;
	left: 1px;
}

#navigation_principale {
	position: relative;
	float: left;
	width: 245px;
	height: auto;
	min-height: 269px;
	_height: 268px;
	background: #C5C6C7 url(../../IMG/nav/filet_nav.gif) repeat-y;
	padding-bottom: 9px;
}

div#nav_bottom {
	position:absolute;
	left: 0;
	bottom: -10px;
	_bottom: -12px;
	width: 245px;
	background: url(../../IMG/nav/nav_bottom.gif) no-repeat;
}

/*----------------------------------*/
/* 				liens hypertextes (LVHA)	*/
/*----------------------------------*/
a {color: black;}
a:visited {color: #333;}
a:hover {color: #888;}

/*----------------------------------*/
/* 				Contenu Accueil		 				*/
/*----------------------------------*/
#contenu_accueil {
	float: right;
	width: 681px;
}

#accueil_presentation {
	position: relative;
	float: left;
	background: url(../../IMG/nav/filet_accueil_presentation.gif) repeat-y;
	padding: 25px 15px;
	width: 386px;
	height: 219px;
	_height: 221px;
}
#accueil_presentation_bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 416px;
	height: 44px;
	background: url(../../IMG/nav/bottom_accueil_presentation.gif) no-repeat;
}
#accueil_presentation h2 {
	position: absolute; 
	left: 150px;
	top: -25px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-transform:uppercase;
}
#accueil_actus {
	position: relative;
	float: right;
	background: url(../../IMG/nav/filet_accueil_actus.gif) repeat-y;
	padding: 25px 10px 28px 10px;
	_padding: 15px 10px 24px 10px;
	width: 229px;
	height: 215px;
	_height: 214px;
}

#accueil_actus_bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 249px;
	height: 44px;
	background: url(../../IMG/nav/bottom_accueil_actus.gif) no-repeat;
}

#accueil_actus h2 {
	position: absolute; 
	left: 80px;
	top: -25px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-transform:uppercase;
}

/*----------------------------------------------*/
/* 			Contenu toutes pages sauf accueil				*/
/*----------------------------------------------*/
#contenu_pages {
	position: relative;
	float: right;
	padding: 25px 130px 25px 70px;
	width: 481px;		
	height: auto;
	min-height: 200px;
	_height: 200px;
	background: url(../../IMG/nav/filet_pages.gif) repeat-y;
	z-index: 100;
}

#contenu_pages_bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 680px;
	height: 44px;
	background: url(../../IMG/nav/bottom_pages_contenu.gif) no-repeat;
	z-index: 10;
}

#contenu_pages ul {}
#contenu_pages li {color: #551766; list-style-position:outside; margin-left: 30px; line-height: 18px; font-size: 0.9em;}
#contenu_pages li li {font-size: 0.9em;}
	
/*----------------------------------*/
/* 				Contenu brèves		 				*/
/*----------------------------------*/

/*----------------------------------*/
/* 			formulaires contact			 		*/
/*----------------------------------*/
#contakt table {width: 420px;}
#contakt input {border: solid 1px black; width: 300px;}
#contakt input.go {width: 70px;}
#contakt textarea {border: solid 1px black; width: 300px;}

/*----------------------------------*/
/* 					SPIP				 						*/
/*----------------------------------*/

p {padding-bottom : 10px; line-height: 16px; color: #551766;}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #551766;
	padding-top: 15px;
}

a.spip_out {
	background: url(../../IMG/nav/out.gif) center right no-repeat ;
	padding-right: 16px;
}

span.spip_documents_left {padding-right: 10px;}
span.spip_documents_right {padding-left: 10px;}