/* CSS Document */

body {
	background-color: #A9B1B0;
	color:#222222;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	margin-bottom:10px;
	padding-bottom:10px;
	background-image: url(../images/fond2.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
html {
	color:#222222;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 120%;
	
}

a {
	color: #003366;
	text-decoration: underline;
}

a:hover {
	color: #E21018;
}

a:visited {
	color: #5775A2;
}




#bloc {
	margin-top: 0px;
	margin-bottom: 10px;
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left: -425px;
	background-color: #B4BDBB;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/fond-bloc.gif);
	background-repeat: repeat-x;
	background-position: 0px 258px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 0px;
}

#transparent {
	background-image: url(../images/transparent.gif);
	background-repeat: repeat;	
}

 /*Haut de la page */

#logo {


}

#bandeau {
	height:138px;
	background-color: #FFFFFF;

}
#bandeau-imprime {
display:none;
}

/* Recherche */

#recherche {
}
form {
margin:0;
padding:0;

}
.recherche {
	font-size: 11px;
	margin: 0px;
	padding: 2px 1px 1px 20px;
	background-color: #E3EAEC;
	color: #224C7A;
	width: 105px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
/* Recoit le menu horizontal */
#haut {
	height: 22px;
	padding-left:0px; /* Premier item cale sur menu gauche */
	background-color: #E21018;
	margin-bottom:0px;
	margin-top:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}


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

#haut li {
padding:0px;
margin :0px;
}

.menu-horizontal {
width: 100%; /* prŽcision pour Opera */
margin:0px; /* indentation utilisŽe par IE */
padding:0; /* indentation utilisŽe par Mozilla */
list-style-type: none;
text-indent: 0px;

}

.menu-horizontal li {
	float: right;
	margin:0;
	list-style-type: none;
	line-height: 22px; /* centrer le texte verticalement */
		font-size:12px;

	text-indent: 0px;
	border-left: 1px solid #FFFFFF; /* trait blanc de sŽparation ˆ gauche de chaque item */
	background-color: #;

}

.menu-horizontal a {
	margin: 0 0px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
}

.menu-horizontal a:hover {
	background: #88AEBE;
	text-decoration: none;
	color:#FFFFFF;
}

.menu-horizontal a:visited {

	color:#FFFFFF;
}


.actif a {/* rubrique horizontale active */
	background: #88AEBE;
text-decoration: none;
color:#FFFFFF;
}

.actif a:visited {/* rubrique active */

	color:#FFFFFF;
}


/* hierarchie */
#hierarchie {
	font-size: 10px;
	color: #666666;
	margin-bottom: 15px;
	padding-left: 0px;
	margin-top: 5px;
	padding-left:10px;

}

#hierarchie a {
	color: #465A63;
	text-decoration: none;

}

#hierarchie a:hover {
	text-decoration: underline;

}


/* --------------- */
#gauche {
	float:left;
	width: 160px;
	padding:0px;
	margin:0px;
	
}
* html #gauche { /*IE only. Actual menu width minus left padding of A element (10px) */

}
#menu-gauche h1 {
	font-size: 12px;
	background-color: #88AEBE;
	margin: 52px 0px 0px 5px;
	padding: 3px 5px;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}


.on   {/* menu gauche actif */
	background-image: url(../images/carre-on.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
}
.off   {/* menu gauche actif */
	background-image: url(../images/carre-off.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
}

#menu-gauche a {
	color: #FFFFFF;
	text-decoration: none;
}
#menu-gauche dl {margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

#menu-gauche dd {
	margin: 0px;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-right: 3px;
	padding-left: 0px;
	}

#menu-gauche dd a {display:list-item;list-style-type: none;
exbackground-image: url(../images/carre-off.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left:10px;
}
#menu-gauche dd a:hover {
	display:list-item;
	padding-left:10px;
	text-decoration: underline;
}

#menu-gauche p {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 17px;
}

.plus {
	display:block;
	background-image: url(../images/carre-on.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 11px;
}

#menu-gauche p a {

	text-decoration: underline;
}

#menu-gauche p a:hover {

	text-decoration: none;
}




/* --------------- */
#droite {
	float:right;
	width: 155px;
	padding:0px;
	margin:0px;
	
	
}

* html #droite { /*IE only. Actual menu width minus left padding of A element (10px) */
}

#centre {
	margin-left: 170px;
	margin-right: 165px;
	padding: 0px;
	
}


/* aide */
#aide {
	padding: 5px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	background-color: #BFC9C6;
	margin-right: 10px;
	margin-bottom:10px;
}

#aide ul {
	margin: 0px;
	padding: 5px 0px 0px;
}

#aide li {
	padding-top: 3px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	list-style-type: none;
}

#aide a {
	color: #465A63;
	text-decoration: none;
}

#aide a:hover {
	text-decoration: underline;
}

/* TEXTE */

#texte {
	border: 0px solid #E21018;
	font-size: 11px;
	color: #333333;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	line-height: 135%;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
	padding-right: 15px;
}


#texte h1 {
	font-size: 14px;
	padding-left: 10px;
	padding-bottom: 4px;
	margin: 0px 200px 0px 0px;
	padding-top: 4px;
	padding-right: 10px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: normal;
	background-color: #E21018;
}


#texte h3 {
	font-size: 14px;
	padding-left: 15px;
	color: #1D262A;
	font-weight: normal;
}

#texte h2 {
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	padding-left: 15px;
	padding-top: 0px;
	margin-top: 20px;
	line-height: 17px;
	color: #5E7983;
}

#texte p {
	padding-left: 15px;
}

#texte a {
}

#texte a:hover {
}

#texte li {
	padding-bottom: 3px;
}

.date {
	color:#999999;
	text-align:right;
	}
	
/* actualites */

.date-actu {
	color: #666666;
	}
.descriptif-actu {
	display: block;

}

#actualites ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#actualites li {
	padding-bottom: 5px;
	padding-top 5px;
	background-image: url(../images/carre-rouge.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-type: none;
	padding-left: 15px;
}

/* documents liés */
#documents-lies p {
	margin-bottom: 0px;
	margin-top: 0px;
}

.descriptif-doc {
	color: #666666;
	display: block;
	padding-left: 20px;

}

/* liste des articles de la  rubrique */
#article-rubrique {
	padding-left: 15px;

}

#article-rubrique ul {
	margin: 0px;
	padding:0;
	

}

#article-rubrique li {
	background-image: url(../images/fleche-gris.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 0px 4px;
	padding-left: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	line-height: 15px;

}

.chapo {
	display: block;
	margin-top: 2px;
	color: #333333;
}

/* Articles freres */

#freres {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #617D88;
	margin-top: 15px;
	margin-left: 15px;
}
#freres p{
	color: #617D88;
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px;
}
#freres ul{
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#freres li{
	padding-bottom:5px;
	background-image: url(../images/fleche-gris.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	list-style-type: none;
		padding-left: 12px;
}


/* logo-rubrique */
#logo-rubrique  {
	padding-bottom: 300px;
	text-align: right;
	padding-top: 30px;
	padding-right: 5px;
	margin-bottom: 50px;
}

#logo-rubrique img  {
	width: 150px;
	float:right;
	margin:0;
	padding:0;
	border: 1px solid #FFFFFF;
}

#formulaire  {
	margin-top: 32px;
	margin-bottom: 0px;
	background-color: #EDECF5;
}


#formulaire  p {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #004DA5;
	border-right-color: #004DA5;
	border-bottom-color: #004DA5;
	border-left-color: #004DA5;
	margin: 0px;
	padding-left: 2px;
}

#formulaire  a {
	text-decoration: none;
}

#formulaire  a:hover {
}




/* ---- bas de page --- */

#bas{
	clear: both;
	font-size: 11px;
	padding: 0px 5px 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align:center;
	margin-right: 0px;
	
}

#bas a{
	color: #333333;
	text-decoration: none;
}

#bas a:hover{
	text-decoration: underline;
}

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



input {
	font-size: 11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

textarea {
	font-size: 11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

fieldset  {
	margin-left:15px;
	margin-right:15px;
}.left {
	float: left;
}
.right {
	float: right;
}

/* Tableaux */
table.spip {
	border-collapse: collapse;
	margin-left: 15px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 4px;
	font-weight: normal;
}
table.spip tr.row_first {
	background: #FFCC66;
	font-weight: normal;
	
}
table.spip tr.row_odd { background: #EAEAEA; }
table.spip tr.row_even { background: #F6F6F6;}
table.spip th, table.spip td { padding: 4px; text-align: right; vertical-align: text-top; }

/* Images */
.spip_documents_right {
	margin-left:10px;
	margin-bottom:5px;
}

.spip_documents_left {
	margin-right:10px;
	margin-bottom:5px;
}


/* accueils */

#accueil  {
	margin-top: 15px;
	
}




#accueil ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 0px;
}

#accueil li {
	padding-bottom: 5px;
	padding-top 5px;
	background-image: url(../images/carre-rouge.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-type: none;
	padding-left: 15px;
}