@charset "UTF-8";
/* CSS Document POUR LA PAGE ACCUEIL */

a:active, a:focus {
	outline:none
}
a:hover {
	color:#666;
}
a.spip_out {
	background:none;
	padding-right:0;
}
div#container {
    width: 100%;
    margin: 0 auto;
	background-color:#9E9E9E;
}
div#content {
    width: 1030px;
    margin: 0 auto;
}
div#content p {
    line-height: 1.2em;
}
/* --------------------------------------------- 
											   |
  	      BANDEAU    			 	           |
											   |
------------------------------------------------*/
#header {
	background-color:#FFD401;
}
.bandeau_haut {
    width: 1030px;
    margin: 0 auto;
}

#menu_rubriques li, #menu_rubriques ul li ul li ul li {
	width:146px;
	font-size:1.13em;
	line-height:49px;	 /* line-height égal au height du <li> en vue de centrer verticalement la balise <a> */
	text-align:center;
}
#menu_rubriques li a {
  vertical-align:middle;
  display:inline-block;
  line-height:1.2; /* on rétablit le line-height à une valeur plus conforme à la norme */
  border:none;
}
#menu_rubriques li:first-child {
    border-left: medium none;
}
.menu_horiz li:hover,.menu_horiz li.sfhover {
	background: url("../images/bg_menu_horiz.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

/* --------------------------------------------- 
											   |
  	       SOUS-MENUS     			           |
											   |
------------------------------------------------*/
.menu_horiz li ul ul {
    margin: -49px 0 0 146px;
}
div#menu_rubriques li ul > li {
	border:none;
}
#menu_rubriques li, #menu_rubriques ul li ul li ul li, div#menu_rubriques ul li ul li ul li, div#menu_rubriques ul li ul li ul li:first-child {
	border-left: 1px solid #666;
}
div#menu_rubriques li ul > li, div #menu_rubriques ul li ul li ul li {
	font-size:1em;
}
/* --------------------------------------------- 
											   |
  	      LAYOUT         				       |
											   |
------------------------------------------------*/
div#colonne_gauche, div#colonne_droite {
	width:307px;
	float:left;
}
div#colonne_gauche {
	margin:30px 13px 0 25px;
}
div#colonne_droite {
	margin:30px 25px 0 13px;
}
div#colonne_gauche ul li, div#colonne_droite ul li {
    margin: 0 0 25px 0;
    padding:10px 10px 50px 10px;
	background-color:#fff;
	text-align:center;
}
div#colonne_gauche h1, div#colonne_droite h1 {
	margin:10px 0 6px 0;
	text-align:left;
}
div#colonne_gauche h1 a, div#colonne_droite h1 a {
	color:#BF080C;
	font-weight:bold;
}
ul li p {
	text-align:left;
}
p.hierarchie a {
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	display:inline-block;
	margin-bottom:9px;
}
div#colonne_gauche p.introduction, div#colonne_droite p.introduction, p.introduction + p {
	font-size:1.4em;
	text-align:justify;
	word-wrap:break-word;
}
p.lire_suite {
	font-size:1.4em;
	text-decoration:underline;
}
p.date {
	margin-top:20px;
	font-size:1.2em;
	color:#5A5A5A;
	font-style:italic;
}



/* --------------------------------------------- 
											   |
  	   COLONNE GAUCHE - navigation     	       |
											   |
------------------------------------------------*/

div#navigation {
    margin:30px 0 0 0;
	width:170px;
}
div#navigation ul.annonces li, div#extra  ul.annonces li {
	background-color:#FFF;
	padding:5px 5px 40px 5px;
	width:160px;
	margin:0 auto 20px auto;
}
ul.annonces li h1, div#navigation .noisette h1.intitule, div#extra .noisette h1 a.intitule, div#extra #nav_visiteur li.raccourci_nav1 a {
	text-align:left;
	font-size:1.75em;
	margin:14px 0;
}
ul.annonces li h1 a, ul.annonces li h1 {
	color:#BF080C;
	font-weight:bold;
}
div#navigation li p, div#extra li p {
	font-size:1.3em;
	text-align:justify;
}
div.logo {
	text-align:center;
}
.noisette .contenu h2.titre_bloc {
	text-align:left;
}
#nav_contacts p {
	margin:15px 0 10px 0;
}
#nav_contacts p a {
	font-size:1.5em;
}
div#navigation  img.reseaux {
	width:auto;
}
.formulaire_recherche {
	margin:10px 0 0 0;
}
.formulaire_recherche input.text {
	height:26px;
	-moz-box-shadow: inset -2px 2px 4px 0px #656565;
	-webkit-box-shadow: inset -2px 2px 4px 0px #656565;
	-o-box-shadow: inset -2px 2px 4px 0px #656565;
	box-shadow: inset -2px 2px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=224, Strength=4);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color:#9E9E9E;
	float:none;
	width:99%;
}
.formulaire_recherche input.submit {
	padding: 2px 0;
}

/* --------------------------------------------- 
											   |
  	  COLONNE DROITE - extra	 	 	       |
											   |
------------------------------------------------*/

div#extra {
    margin:30px 0 0 0;
	width:170px;
}
div#extra ul.annonces ol {
	margin:0;
	padding:0;
}
div#extra ul.annonces ol li {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.3em;
	line-height:1.5em;
}
div#extra ul.annonces ol li a {
	text-decoration:underline;
}
div#extra #nav_visiteur {
	background:#FFF;
	width:170px;
	border:none;
}
div#extra #nav_visiteur ul {
	padding:0;
}
div#extra #nav_visiteur ul li.raccourci_nav1 {
	padding:5px 5px 5px 5px;
	margin:0;
	font-size:1em;
}
div#extra #nav_visiteur ul li {
	font-size:1.1em;
}
div#extra #nav_visiteur li.raccourci_nav1 a {
    border: none;
    color: #BF080C;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
.nav2 li {
    border: none;
    color: #000;
}
.noisette h1 a.intitule:hover {
	background:none;
}
/* --------------------------------------------- 
											   |
  	 	 PIED DE PAGE	 	     			   |
											   |
------------------------------------------------*/

div#footer {
    background: none;
	background-color:#FFD401;
    padding:0;
	text-align:center;
}
.pied_bas {
    background: url("../images/bg_pied_bas.png") no-repeat scroll center center #FFD401;
    color: #000;
    font-size: 1.2em;
    height: 90px;
    padding: 0;
    text-align: center;
	width:1030px;
	margin:0 auto;
}
.pied_bas .credits {
	display:inline-block;
	text-align:center;
	margin-top:120px;
}
#signature {
	height:50px;
	line-height:50px; /* pour le centrage vertical — doit être égal à height */
	text-align:center;
	color:#FFD401;
	background-color:#000;
	font-size:1.7em;
	font-style:italic;
}
#signature a {
	color:#FFD401;
	text-decoration:underline;
}
