/* 
-------------------------------------
	styles génériques
	redéfinition de balises HTML 
-------------------------------------
*/

body, html {
	height: 100%;
}

body {
	background: white;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	color: #993300;
}

a:hover {
	text-decoration: underline;
	color: #FA9A00;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }

p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	margin-bottom: 1.2em;
}

img {
	border: 0;
}

div {
	padding: 0;
	margin: 0;
}

ul, li, dl, dd, dt {
	list-style: none;
	padding: 0;
	margin: 0;
}


/* Espaceur de blocs */
.break, .nettoyeur { 
	clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px;
}

.invisible {
	display: block;
	position: absolute;
	left: -9999em;
}


.attention {
	background: #CC0000;
	color: white;
	font-weight: bold;
}

#spip-debug {
	clear: both;
}


/* 
-------------------------------------
   définition du layout de la page
-------------------------------------
*/

#centreur {
	width: 950px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#bandeau {
	height: 115px;
	background: url(images/bandeau.jpg) no-repeat;
}

#secteurs {
	height: 38px;
}

#principal {
	background: url(images/fond-contenu-2.gif) repeat-y;
	margin: 0;
	padding: 0;
	/*padding-left: 18px;
	padding-right: 23px;*/
}
		#principal-debut {
			display: block;
			clear:both;
			height: 7px;
			font-size: 0;
			background: url(images/fond-contenu-1.gif) no-repeat bottom;
		}
		#principal-fin {
			height: 10px;
			background: url(images/fond-contenu-3.gif) no-repeat top;
			display: block;
			clear:both;
		}


#navigation {
	margin-left: 16px ! important;
	margin-left: 8px;
	float:left;
	width: 234px;
}

#contenu {
	margin-right: 20px;
	float: right;
	width: 660px;
}

/* 
-------------------------------------
  bandeau haut
-------------------------------------	
*/

#bandeau {
	background: url(images/bandeau.jpg) no-repeat;
}

#bandeau h1 a {
	display: block;
	height: 80px;
	width: 950px;
}

/* liste des secteurs */

#secteurs {
	margin-top: 10px;
	padding-left: 10px;
	display: block;
}
/*		#secteurs ul {
			display: block;
			margin: 0;
			padding: 0;
			padding-left: 10px;
		}*/





/* menus drop down */ 

.secteurs, .secteurs * {
	margin:0;
	padding:0;
	font-size: 12px;
}
.secteurs {
	float:left;
	margin-bottom: 10px;
}
.secteurs ul {
	background: white; /*IE6 needs this*/
}
.secteurs li {
	display: block;
	float:left;
	list-style:none;
	position:relative;
	width: 170px;
	font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	height: 28px;
}
.secteurs li.secteur {
	padding-right: 4px;
}
.secteurs li li a {
	color: #444;
	display:block;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	text-decoration:none;
	width: 150px;
}
.secteurs li ul {
	float:none;
	top:-999em;
	position:absolute;
	border-top: 1px solid #DDD;
}

.secteurs li:hover ul,
.secteurs li.sfHover ul {
	left: 1px;
	top: 25px;
}
.secteurs li:hover li ul,
.secteurs li.sfHover li ul {
	top:-999em;
}
.secteurs li li:hover ul,
.secteurs li li.sfHover ul {
	left: 170px;
	top: -1px;
	width: 170px;
}
.secteurs li li {
	background: white;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	float:none;
	width: 170px;
}
.secteurs li li li {
	background: white;
}
.secteurs li li a {
	float: none;
}
.secteurs li li li a {
	/*font-size: 10px;*/
}


/* quick hacks for IE */
/*
*html .secteurs li li {
	margin-bottom:-3px;
}
*html .secteurs li li li {
	margin-bottom:-1px;
}
*+html .secteurs li li {
	margin-bottom:-3px;
}
*+html .secteurs li li li {
	margin-bottom:-1px;
}
*/

/* 
-------------------------------------
  hiérarchie (fil d'ariane)
-------------------------------------	
*/

#hierarchie {
	padding-left: 15px;
	font-size: 80%;
	color: #8B8484;
	margin-top: 5px;
	margin-bottom: 12px;
	clear: both;
}
#hierarchie a {
	font-weight: bold;
	color: #61717E;
}

/* 
-------------------------------------
	navigation (colonne de gauche)
-------------------------------------	
*/

#navigation #formrecherche {
	background: url(images/fond-boite-recherche.gif) no-repeat;
	margin-bottom: 10px;
	font-weight: bold;
	font-style: italic;
	color: #8B8484;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-right: 10px;
	padding-left: 20px;
}
		#navigation #formrecherche #recherche {
			vertical-align: middle;
			border: 1px solid gray;
			width: 80px;
		}
		#navigation #formrecherche button {
			vertical-align: middle;
			border: 0;
			background: none;
			padding: 0;
			margin: 0;
		}


#navigation .menu {
	margin-bottom: 16px;
}

		#navigation .menu a {
			color: #616161;
			font-size: 90%;
		}
		#navigation .menu ul {
			display: block;
			margin: 0px;
			padding: 0px;
			padding-left: 0px;
			margin-bottom: 10px;
			list-style: none;
		}
		#navigation .menu ul li  {
			margin-bottom: 10px;
		}
		#navigation .menu ul ul {
			padding-left: 15px;
		}
		#navigation .menu ul li ul li {
			display: block;
			margin: 0px;
			margin-top: 2px;
			margin-bottom: 2px;
			padding: 2px;
		}
		#navigation .menu li.rubrique,
		#navigation .menu li.rubriqueactive {
			padding-left: 24px;
		}
		#navigation .menu li.rubrique {
			background: url(images/puce-rubrique-off.gif) no-repeat;
		}
		#navigation .menu li.rubriqueactive {
			background: url(images/puce-rubrique-on.gif) no-repeat;
		}
		#navigation .menu li.rubrique {
			font-size: 13px;
			font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
		}
		#navigation .menu li.article {
			font-size: 11px;
			font-family: Verdana,Arial,Helvetica,sans-serif;
		}
		#navigation .menu li.rubrique a {
			font-weight: bold;
		}
		#navigation .menu li.article a {
			font-weight: normal;
			display: block;
			padding-bottom: 5px;
			margin-bottom: 1px;
			background: url(images/filet-lien.gif) left bottom no-repeat;
		}


#navigation #boitezoomtop {
	background: url(images/boite-zoom-top.gif) no-repeat;
	height: 24px;
	width: 235px;
	margin-top: 15px;
}
#navigation #boitezoom {
	background: url(images/boite-zoom.gif) repeat-y;
	width: 206px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 24px;
	padding-left: 15px;
}
#navigation #boitezoom  li {
	margin-bottom: 4px;
}
#navigation #boitezoom  a {
	color: #4E8702;
}
#navigation #boitezoombottom {
	background: url(images/boite-zoom-bottom.gif) no-repeat;
	height: 11px;
	width: 235px;
}

#navigation #boitemarchestop {
	background: url(images/boite-marches-top.gif) no-repeat;
	height: 24px;
	width: 235px;
	margin-top: 15px;
}
#navigation #boitemarches {
	background: url(images/boite-marches.gif) repeat-y;
	width: 206px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 24px;
	padding-left: 15px;
}
#navigation #boitemarches a {
	color: #205F94;
}
#navigation #boitemarchesbottom {
	background: url(images/boite-marches-bottom.gif) no-repeat;
	height: 11px;
	width: 235px;
}


/* 
-------------------------------------
	contenu (colonne principale)
-------------------------------------
*/

#contenu {
	min-height: 300px;	
	height: auto !important;	
	height: 300px;
	line-height: 1.5em;
}

		#contenu h2 {
			font-size: 16px;
			margin-bottom: 25px;
		}
		#contenu h3 {
			font-size: 13px;
			padding-bottom: 0;
		}
		#contenu img {
			border: 1px solid #C9C9C9;
			padding: 3px;
			margin: 3px;
		}
		#contenu .chapo {
			font-weight: bold;
			margin-bottom: 40px;
			line-height: 1.5em;
		}
		

		#contenu ul {
			margin: 0;
			padding: 0;
		}
		#contenu li {
			margin: 0;
			margin-left: 10px;
			margin-top: 5px;
			margin-bottom: 10px;
			padding: 0;
			padding-left: 16px;
			background: url(images/puce-liste.gif) no-repeat;
		}


		#contenu .fichepersonne {
			width: 80%;
			display: block;
			list-style: disc;
			margin-left: 30px;
			margin-bottom: 15px;
		}
		#contenu .fichepersonne img {
			float: left;
			margin-right: 10px;
		}
		#contenu .fichepersonne dl {
			margin: 0; padding: 0;
			float: left;
		}
		#contenu .fichepersonne dt {
			margin: 0; padding: 0;
			font-weight: bold;
		}
		#contenu .fichepersonne dd {
			margin: 0; padding: 0;
		}

		#contenu .documentsjoints {
			clear: both;
			margin-top: 10px;
			padding: 10px;
			border: 1px solid #DDC;
		}
		#contenu .documentsjoints h3 {
			margin: 0;
		}
		#contenu .documentjoint {
			margin-bottom: 20px;
			margin-top: 20px;
			clear: both;
		}
		#contenu .documentjoint a {
			font-weight: bold;
		}
		#contenu .documentjoint img {
			float: left;
			margin-right: 5px;
			vertical-align: top;
		}

		#contenu .imagejointe {
			margin: 8px;
			font-style: italic;
			font-size: 90%;
			color: #333;
			line-height: 1.1em;
		}
		#contenu .imagejointe img {
		}

		#contenu .liensniveau2 {
			margin-left: 17px;
		}


		#contenu .bloc-forum {
			margin-top: 20px;
			padding-top: 20px;
			border-top: 1px solid #ddd;
		}
		#contenu .bloc-forum h2 {
			padding: 0;
			padding-left: 30px;
			height: 26px;
			background: url(../dist/images/forum-public-24.gif) no-repeat;
		}

		#contenu .bloc-forum fieldset {
			width: 500px;
			padding: 10px;
			margin-bottom: 15px;
		}
		#contenu .bloc-forum legend {
			font-size: 120%;
			font-weight: bold;
		}
		#contenu .bloc-forum label {
			width: 500px;
			display: block;
			float: left;
		}
		#contenu .bloc-forum input.forml {
			width: 500px;
		}
		#contenu .bloc-forum textarea {
			width: 500px;
		}



		#contenu #boiteactutop {
			background: url(images/boite-actu-top.gif) no-repeat;
			height: 26px;
			width: 650px;
			margin-top: 15px;
		}
		#contenu #boiteactu {
			background: url(images/boite-actu.gif) repeat-y;
			width: 626px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 12px;
			padding-left: 12px;
		}
		#contenu #boiteactubottom {
			background: url(images/boite-actu-bottom.gif) no-repeat;
			height: 28px;
			width: 650px;
			margin-bottom: 15px;
		}
		#contenu #boiteactu .filet-actu{
			background: url(images/filet-actu.gif) repeat-x;
			width: 350px;
			height: 1px;
		}


		#contenu .actualite {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#contenu .actualite dt,
		#contenu .actualite dt a {
			color: #B65F00;
		}		
		#contenu .actualite dt {
			color: #B65F00;
			font-weight: bold;
			font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
			font-size: 120%;
			margin-bottom: 8px;
		}
		#contenu .actualite dd {
			
		}

		.plan ul {
			margin: 0;
			padding: 0;
		}
		.plan li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.plan li.rubrique {
			font-size: 13px;
			font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
		}
		.plan li.article {
			font-size: 11px;
			font-family: Verdana,Arial,Helvetica,sans-serif;
			margin-top: 2px;
			margin-bottom: 2px;
		}
		

		#contenu h3 {
			margin-top: 20px;	
			margin-bottom: 5px;	
		}


/* 
-------------------------------------
	outils
-------------------------------------
*/

#outils {
	margin-top: 40px;
	padding-bottom: 25px;
	padding-left: 12px;
	clear: both;
}
#outils a {
	font-weight: bold;
	color: #3C83D5;
}
#outils ul, #outils li {
	display: block;
	margin: 0;
	padding: 0;
}
#outils li {
	float: left;
	padding-left: 8px;
	margin-left: 8px;
}
#outils li.bordure {
	border-left: 1px solid #3C83D5;
}


/* 
-------------------------------------
	pied de page 
-------------------------------------
*/

#pied {
	font-weight: bold;
	font-size: 7pt;
	color: #7E7E7E;
	margin-top: 15px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
}
#pied a {
	color: #3C83D5;
}
#pied .copy {
	float: left;
}
#pied .copy span {
	padding-left: 10px;
}
#pied .credits {
	float: right;
	font-weight: normal;
	color: #333;
	text-align: right;
}
#pied .credits img {
	display: block;
	margin-top: 5px;
}




#contenu .spip_logos {
	border: 0;
}