/* CSS Document */
*{
    font-family:Verdana, Arial, Helvetica, sans-serif
}
/*  position du site et couleur du fond */
body {
	padding-top : 0px ;
	background-color : #D2D1B1;
}

#general{
	position : relative;
	width : 890px ;
    	margin-left: auto;
   	margin-right: auto;
    	background-color : #FFF ;
}
/*  bandeau horizontal  */
#bandeau{
	width: 890px;
	height:157px;
	background-repeat:no-repeat; 
}

#navigation{
	width:890px;
	height:25px;
	padding-top:3px;
	margin-bottom:6px;
}

/* Contextes */

#contextes{
    float:left;
} 

/*  Contexte1  (bandeau vertical vert clair) */
#contexte1{
    position : relative ;
    left : auto ;
    top : auto ;
    padding-top : 10px ;
    padding-left : 10px ;
    background-color : #f89c0e;
    width:146px;
    min-height: 830px ;
}

#contexte1 a{
    text-decoration:none;
    border-bottom:dotted 1px #ffab57 ; 
    font-size:12px;
}

#contexte1 ul.listageconteneur{
	background-color : #fff ;
	padding: 4px 2px 2px 4px;
	margin:0 10px 0 0;
}

#contexte1 .listageconteneur li{
	margin:0 0 6px 0;
	font-size:9px;
	font-weight: bold;
}
/*  texte dans actu par exemple  */
#contexte1 .listageconteneur li a{
	margin:0 0 6px 0;
	font-weight : bold ;
	font-size : 10px;
	color : #0090d6 ;
}

#contexte1 .listagebloc {
	margin-bottom:2px;
}

#contexte1 .listageinfo{
    	font-size:9px;
	font-weight: bold;
   	margin : 0 0 0 5px;
}

#contexte1 .listageinfo a{
	font-size:9px;
    	font-weight: bold;
      	text-decoration:none;
    	border-bottom:dotted 1px #ffb872;
    	font-style:oblique;
}
/*  Titre des blocs a gauche  */
#contexte1 .listagetitre a{
  	font-weight : bold ;
	font-size : 10px;
	color : #65A589 ;
}

/*  Titre des blocs a gauche  */
#contexte1 .listagetitre{
    	font-weight : bold ;
	font-size : 10px;
	color : #65A589 ;
}

#contexte1 .listagetexte{
    	overflow:hidden;
	text-align: justify;
    	font-size:9px;
    	line-height:120%;
    	font-weight:400;
    	clear:left;
	margin : 0 0 0 5px;
	padding : 0 2px 0 0;
}

#contexte1 .listagelogo{
	float:left;
	margin:0 10px 0 ;
}
/*  titre bloc actus  */
#contexte1 h2{
	font-weight : bold ;
	font-size : 11px ;
	color : #65A589;
	margin:0 0 0 0;
}

#liste-news{
   	position : relative ;
	top : 10px;
}

#fieldset_contexte
{
    color : #000000 ;
    width : 163px ;
}

#fieldset_contexte_legend
{
    color : #000000 ;
    font-size : 10px ;
}

#newsletter
{
 	position : absolute ;
	left : 4px;
    	bottom : 70px;
	
}

#bloc-recherche
{
 	position : absolute ;
	left : 4px;
    	bottom : 30px;
	
}

#titre_contexte {
	float : left;
	font-weight : bold ;
	font-size : 11px ;
	color : #246449 ;
	margin:0;
	padding:0;
}


#newsletter input, #bloc-recherche input
{
	position : absolute ;
	top : 14px;
	left : 0px;
	width: 120px;
	font-size:11px;
    	font-weight : bold ;
	text-align: right;
	vertical-align: middle;
    	height : 19px ;
    	color : #65A589 ;
    	border : 0px;
    	background-color : #fff ;
	margin:0;
	padding:0;
	
}

#newsletter input[type="submit"], #bloc-recherche input[type="submit"]
{
	position : absolute ;
	top : 14px;
	left : 122px;
	font-size:11px;
    	font-weight : bold ;
	text-align: center;
	vertical-align: middle;
    	width : 26px ;
    	height : 19px ;
    	color : #65A589 ;
    	border : 0px;
    	background-color : #fff ;
	margin:0;
	padding:0;
 }
/*********************** Habillage du bloc meteo***************/
#bloc-meteo
{
	position : relative ;
	margin: 10px 10px 0px 0px;
	background: white;
}

/*********************** Habillage du bloc meteo_france***************/
#bloc-meteo_france
{	position : relative ;
	margin: 10px 10px 0px 0px;
	font-size:8px;
	text-align: center;
	border : 0px;
 	margin: 10px 10px 0px 0px;
	background: white;
}
/*********************** Habillage du bloc don du sang***************/
#bloc-don_du_sang
{	position : relative ;
	margin: 10px 10px 0px 0px;
	font-size:8px;
	text-align: center;
	border : 0px;
 	margin: 10px 10px 0px 0px;
	background: white;
}
/*********************** Habillage du mini calendrier***************/
#calendar {
	margin: 0px 10px 0px 0px;
	background: white;
	}
#calendar h2 { 
	margin: 0;
	visibility: hidden;
	height : 0;
	witdh : 0;
	}

#calendar table { width: 100%; margin: 0; padding: 0;}
#calendar caption {
	padding: 3px;
	font-weight: bold;
	font-size: 0.6em;
	}
#calendar caption a {
	padding: 1px;
	font-weight: bold;
	font-size: 1em;
	}

#calendar th {
	-moz-border-radius: 1em;
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	}
#calendar th abbr { border: none; cursor: help; }
#calendar tr {border: none; text-align: center; }
#calendar td { -moz-border-radius: 0.5em; margin: 0; padding: 0; font-size:0.7em; line-height: 1.6em; background: #ddd; }
#calendar td.horsperiode { background: #ececec; color: #ccc; }
#calendar td.occupe { background: rgb(241,159,0); }
#calendar td a { display: block; }
#calendar td span { color: #aaa; }
#calendar td a:hover { border:0px; }


/*  Contexte2  */
#contexte2{
    	width:0px;
}

#contexte2 h2{
    	font-size:14px;
    	margin-bottom:10px;
}

#contexte2 .listagetitre{
    	font-size:14px;
}

#contexte2 .listagetexte{
    	font-size:11px;
    	margin-bottom:10px;
}

#contexte2 .listagetexte a{
     	font-weight:bold;
	text-decoration:none;
	border-bottom:dotted 1px a2a2a2;
	font-size:11px;
}
#contexte2 h4{
	margin-bottom:5px;
}

#contexte2 h4 a{
	font-size:12px;
}

#contexte2 .listageinfo{
	font-size:9px;
	font-weight:lighter;
	margin-bottom:10px;
}

#contexte2 .listageinfo a{
	font-size:9px;
	font-weight: bold;
	text-decoration:none;
	border-bottom:dotted 1px #a2a2a2;
	font-style:oblique;
}

#contexte2 a{
	font-size:9px;
	font-weight: bold;
	text-decoration:none;
	border-bottom:dotted 1px #a2a2a2;
	font-style:oblique;
}

#contexte2 .listagelogo{
    margin:0 5px 5px 0;
}

#contexte2 .listagesuite a{
   
}

#contexte2 a{
	text-decoration:none;
	border-bottom:dotted 1px #757575 ; 
	font-size:12px;
 }

#newsletter #radio_abo{
	margin-left :3px ;
	font-weight : bold ;
	font-size : 10px ;
}

#newsletter #span_reponse_formulaire{
	font-size : 12px ;
	color : #f00 ;
}

/*  CORPS (bandeau V et Articles news)  */

#corps{
    	float : right;
  	text-align:justify;
    	width:720px;
    	font-size:12px;
    	padding : 0px 10px 0px 0px ;
 }

#chemin{
	font-size:10px;
	margin : 0 0 0 3px;
}

#chemin a{
	font-size:9px;
}

#sommaire-bandeauvertical{
	float : left ;
    	width : 165px ;
}

#sommaire-listingarticles{
    float : left ;
    width : 440px ;
}

#corps ul, #corps li{
    list-style-type : disc ;
    margin: 10px ;
}

#corps a{
    	color:#000;
       border-bottom:dotted 0px #ffb872;
}

#corps .listagetexte{
	font-size:12px;
	line-height:130%;
	text-align: justify;
	margin:20px 0 10px 0;
}

#corps h1{
	padding : 3px 0px 3px 7px ;
	text-align : center ;
	font-size:18px;
	font-weight:bold;
}

#corps h2{
	font-size:12px;
	clear:left;
}

#corps h4{
	font-size:15px;
}

#corps .listagesite{
	margin-bottom:10px;
}

#corps .listageinfo{
	font-size:8px;
	font-weight: bold;
}

#corps .listageinfo a{
	text-decoration:none;
	border-bottom:dotted 1px #ffb872;
	font-style:oblique;
	margin-top:5px;
	margin-bottom:15px;
}

#corps .rubrique-une{
	position : relative;
	width : 550px;
	bottom: 0px;
	right : 0px;
	background-color: #EBEAD7;
	padding: 10px 0px 10px 10px;
}

#corps .dateauteurs{
	font-size:10px;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:15px;
}

#corps .dateauteurs a{
	text-decoration:none;
	border-bottom:dotted 1px #ffb872;
	font-style:oblique;
}

#corps .listagelogo{
	float:left;
	margin:0 10px 0 0 ;
}

#corps .listagetitre{
	margin:15px 0 5px 0;
}

#corps .listagetitre a{
	font-size:14px;
	font-weight:bold;
	color : #83ABD5;
	text-decoration:none;
}

#corps .listagetitre a:hover{
	text-decoration:underline;
}

#corps .listagesuite{
	text-align:right;
	margin-bottom:5px; 
}

#corps .listagesuite a{
	font-size:10px;
	text-decoration: none;
}

#edito h2{
	display : none; /* ne sert juste qu'à postionner le mot du maire */
}

#texteconteneur {
	padding : 10px 10px 10px 10px;
}

#corps .texte {
	font-size:12px;
	line-height:130%;
	text-align: justify;
	margin:10px 0 15px 0;
	padding : 0px 10px 0px 10px;
}

#corps .chapeau{
	font-size:14px;
	line-height:130%;
	text-align: justify;
	margin:10px 0 15px 0;
}

#corps .listagerepondre {
	margin-bottom:10px;
	clear:left;
}

#corps .listagerepondre a{
	font-size:12px;
	text-decoration:none; 
}

#formulaire_avis table{   
	margin : auto ;
}

#formulaire_avis_texte{
	font-size : 12px ;
}

#formulaire_avis_champ_obligatoire{
	font-size : 10px ;
}

#formulaire_avis_boutons{
	text-align : right ;
}

/*  FOOTER  */

#footer{
	clear : both;
	font-weight : bold; 
	font-size : 10px; 
	margin : 25px 40px* 0px* 0px; 
	width : 890px; 
	color : #454431; 
	padding-top : 5px; 
	background-color : #D2D1B1; 
	text-align : right
}

#footer a{
	color : #565641 ;
	text-decoration:none;
}

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

#magusine-footer{
	float:left;
	width :730px;
}
#footer-blason img{
	position : relative;
	height : 88px;
	width : 125px;
	bottom : 93px;
	left : 0px;
}