/* CSS Document */

#header {
	height: 151px;
	background-color: #FFFFFF;
}

#conteneur {
	position: absolute;
	width: 775px;
	height:100%;
	left: 50%;
	margin-left: -387px;
	/*background-color:#FFC000;*/
	border:1px solid #330099;
}

#gauche {
	position:relative;
	width: 171px;
}

#search_inner {
  /*border: 1px solid #cccccc;*/
  padding:0px;
  margin:0px 0px 0px !important;
  height: 15px !important;
  height: 15px;
  overflow: hidden;
}

#search_inner img{
	vertical-align:middle;
}

.champsRecherche {
	border: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #035191;
	/*background-image: url(../images/fondRecherche.gif);*/
	width: 100px;
	height: 14px !important;
  	height: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#droite {
	position: absolute;
	right:0;
	width: 126px;
}

#pied {
	height: 30px;
	background-color: #99CC99;
}

.menudroit {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.menudroit li {
	margin-bottom: 5px;
}

.menudroit a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}

.menudroit a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

/* Styles pour le menu de gauche : */

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 171px;
}

#menu dt {
	cursor: pointer;
	margin: 0;
	;
	text-align: left;
	font-weight: bold;
	background-color: #FFC000;
}
#menu dd {
	background-color: #FFC000;
}
#menu li {
	text-align: left;
	background-color: #FFC000;
	padding-left: 35px;
}
#menu li a, #menu dt a {
	color: #330099;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	background-color: #FFC000;
	font-size: 9px;
	font-weight: bold;
}

#menu li a:hover, #menu dt a:hover {
	background-color: #FFC000;
	color: #FFFFFF;
}

.mentions {
	position: absolute;
	top : 300px;
	left : 10px;
	color: #000;
	background-color: #ddd;
}

/* FIN des styles pour le menu de gauche */

/* styles présentation d'une commune */

#hop {
	
}

#nom_commune {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	width: 272px;
}

#liste_communes {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	float: right;
	text-align:right;
}

.liste {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 50px;
}

#menu_commune {
	padding: 10px 0px;
}
.titre_rubrique{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:14px;
}

.titre_page{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:14px;
text-align:center;
color:#330099;
}

.titre_page{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:15px;
color:#330099;
}
/* ACTUALITES*/


#actus .titre{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:16px;
color:#330099;
}

#actus .intro{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-align:justify;
}

#actus .corps{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-style:italic;
text-align:justify;
}

#actus .titre1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#330099;
margin-bottom:5px;
}

#actus .intro1{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-style:italic;
text-align:justify;
}

#actus .corps1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
}

/*****************************/

#actu_image img{
float:left;
margin:6px;
border: 0px;
}

/************** CADRE BLOC ******************/

#cadre {
margin:3px;
float:left;
width: 150px;

background-color: #FEDE58;

}


#hautgauche, #hautdroit, #basgauche, #basdroit {

height: 15px; width: 15px;

background-repeat: no-repeat;

font-size:1px; /* correction d'un bug IE */

}


#hautgauche {

background: url(/images/boutons/coin1.gif);;

}

#hautdroit {

float: right;

background: url(/images/boutons/coin2.gif);;

}

#basgauche {

background: url(/images/boutons/coin4.gif);;

}

#basdroit {

float: right;

background: url(/images/boutons/coin3.gif);;

}

#contenu {

margin: 0.5em; /*gestion des espaces interparagraphes */

margin-top:-10px;

}

.bloc_contenu{

float:left;

margin:5px;

}

/************** FIN CADRE ******************/

#cadre_titre{
margin-left:20px;
float:left;
cursor:pointer;
}

#cadre_titre_gauche, #cadre_titre_droit{
float:left;
width:15px;
height:26px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
#cadre_titre_gauche{
background: url(/images/boutons/gauche.gif);
}

#cadre_titre_droit{
background: url(/images/boutons/droit.gif);
}

#cadre_titre_centre{
font-size:14px;
height:26px;
float:left;
background-color: #FEDE58;
}

#cadre_titre_centre .contenu{
font-family:Arial, Helvetica, sans-serif;
color:#000033;
font-weight:bold;
padding-top:5px;
}


#menu_commune{
overflow: visible;
cursor:pointer;
padding:10px;
filter:alpha(opacity=90);  
-moz-opacity:0.90;
opacity: 0.90;

}

.legende{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}


.spacer{
clear:both;
}

#ligne_titre {
border:1px solid #330099;
font-weight:bold;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#330099;
background-color:#FFC000;
margin:10px	10px;
width:500px;
}

.ssmenua{ 	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.ssmenub{	cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; padding:4px;}
.sondage{	margin-top:20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:6.5pt;}
.sondage2{	margin-top:20px;margin-left:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:6.5pt;}