/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/


body {
	padding:0;
	border:0;
	margin: 0;
	background-image: url(../images/deco/bg2.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	cursor: default;
}

body#home {
	padding:0;
	border:0;
	margin: 0;
	background-image: url(../images/deco/spacer.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}





/*------------------------------------------------------*
  *-----------------------------------     CSS DIV     ----*
  *------------------------------------------------------*/
 
  
#global{
	float:left;
	width: 990px;
	padding-bottom:  30px;
}



#haut{
	float:left;
	width: 968px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 6px;
	}


	
	
#bas{
	float:left;
	width: 893px;
	}
	
	
#logo{
	float:left;
	width: 97px;

	}
	
	
#menu{
	float:left;
	width: 893px;
	padding-bottom: 4px;
	}

#menu_principal{
	float:left;
	padding-top: 2px;
	width: 564px;
	}

#niveau1{
	float:left;
	width: 258px;
	}
	
#niveau2{
	float:left;
	width: 257px;
	padding-left: 1px;
	}
	
#menu_annexe{
	float:left;
	width: 329px;
	text-align: right;
	}
	
#nom{
	float:left;
	width: 647px;
	padding-left: 4px;
	padding-bottom: 3px;
	}
	
#content{
	float:left;
	width: 795px;
	padding-left: 78px;
	}

#gauche{
	float:left;
	width: 387px;
	padding-left: 12px;
	background-image: url(../images/deco/fond_gauche.gif);
	background-repeat: no-repeat;
	}

#gauche_content{
	float:left;
	width: 367px;
	padding-left: 9px;
	padding-right: 11px;
	padding-bottom:  15px;
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	text-align:justify;
	}
	
#droite{
	float:left;
	width: 392px;
	padding-left: 4px;
	}

	
#droite_content{
	float:left;
	width: 367px;
	padding-left: 9px;
	padding-right: 11px;
	padding-bottom:  15px;
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	}
	
#selon{
	float:left;
	width: 376px;
	padding-top: 8px;
	padding-right: 11px;
	font-family: arial;
	font-size: 10px;
	color: #FFFFFF;
	}

.image_actu{
	width:158px;
	height:145px;
	overflow:hidden;
	}


	
li.rouge {
	height: 10px;
	display:block;
	padding-left:12px;
	margin:0px;
	background-image: url(../images/deco/puce-rouge.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}

li.verte {
	height: 10px;
	display:block;
	padding-left:12px;
	margin:0px;
	background-image: url(../images/deco/puce-verte.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}


#actu{
	float:left;
	width: 805px;
	padding-left: 9px;
	background-image: url(../images/deco/fond_gauche.gif);
	background-repeat: no-repeat;
	}
	
div.habitants{
	float:left;
	width: 158px;
	padding-left: 3px;
	padding-bottom: 3px;

	}
	
.vide{
	float:left;
	width:158px;
	height:201px;
	padding-left: 3px;
	padding-bottom: 3px;
	visibility:hidden;
	}
	

	
	
div.habitants_content{
	color:#000000;
	font-size: 9px;
	font-family:verdana;
	height: 53px;
	overflow:hidden;
	}
	
.titre_actu_habitants{
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	}


div.news{
	float:left;
	width: 158px;
	padding-left: 3px;
	padding-bottom: 3px;

	}

div.news_content{
	padding-top: 10px;
	font-size: 9px;
	font-family:verdana;
	height: 135px;
	overflow:hidden;
	color:#FFFFFF;
	line-height: 15px;
	}

p.spip{
	line-height: 15px;
	margin:0;
	padding:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	}

p.space{
	line-height: 20px;
	margin:0;
	padding:0;
	}

.menu_news_apcar{
	width: 158px;
	height: 135px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}

.menu_news_apcar:hover{
	color:#CFCFCF;
	}

	
.titre_actu_news{
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	}
	
 /*------------------------------------------------------*
  *-----------------------------------     CSS TITRE     ----*
  *------------------------------------------------------*/

h1
{
	color:#000000;
	font-family: arial;
	font-size: 20px;
	padding-top: 37px;
	margin:0px;
	text-transform: uppercase;
	font-weight: lighter;
	text-align:left;
}


h2
{
	color:#DE3757;
	font-family: arial;
	font-size: 12px;
	margin:0px;
	padding-top: 11px;
	padding-bottom: 1px;
	text-transform: uppercase;
	font-weight: lighter;
}

h2.karwan
{
	color:#A32122;
	font-family: arial;
	font-size: 12px;
	margin:0px;
	padding-top: 18px;
	padding-bottom: 1px;
	text-transform: uppercase;
	font-weight: lighter;
}

h2.faiar
{
	color:#DE3757;
	font-family: arial;
	font-size: 12px;
	margin:0px;
	padding-top: 18px;
	padding-bottom: 1px;
	text-transform: uppercase;
	font-weight: lighter;
}

h3.spip
{
	color:#000000;
	font-family: arial;
	font-size: 12px;
	margin:0px;
	padding-top: 18px;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-weight: lighter;
}
 /*------------------------------------------------------*
  *-----------------------------------     CSS BR     ----*
  *------------------------------------------------------*/

.nom{
	margin:0px;
	padding:0px;
	line-height: 7px;
}

.fiche{
	margin:0px;
	padding:0px;
	line-height: 7px;
}


 /*------------------------------------------------------*
  *-----------------------------------     CSS TEXT     ----*
  *------------------------------------------------------*/

.frise
{
	padding-right: 3px;
	border: 0;
}

h2.habitants
{
	color:#DE3757;
	font-family: arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

h3.habitants
{
	color:#DE3757;
	font-family: arial;
	font-size: 11px;
	text-transform: uppercase;
	padding:0px;
	margin:0px;
	font-weight: lighter;
}

.highlight
{
	color:#DE3757;
	font-family: arial;
	font-size: 11px;
}

.date
{
	font-family: arial;
	font-size: 10px;
}


p.actu{
	margin:0px;
	padding:0px;
	line-height:3px;
}

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





 /*------------------------------------------------------*
  *-----------------------------------     CSS LIEN     ----*
  *------------------------------------------------------*/


a.fiche
{
	color:#DE3757;
	font-family: arial;
	font-size: 11px;
}

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


a.fiche_present
{
	color:#DE3757;
	font-family: arial;
	font-size: 11px;
	text-transform: uppercase;
}

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




a.spip_in
{
	color:#DE3757;
	font-family: arial;
	font-size: 11px;
}

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


a.spip_out
{
	color:#DE3757;
	font-family: arial;
	font-size: 11px;
}

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


 /*------------------------------------------------------*
  *-----------------------------------     CSS MENU     ----*
  *------------------------------------------------------*/
  

   
	 
a.menu{
	text-decoration: none;
	display:block;
	height: 11px;
	width: 230px;
	font-family: arial;
	font-size: 10px;
	color:#FFFFFF;
	padding-left: 4px;
	padding-right: 24px;
	margin-top: 4px;
	text-transform: uppercase;
	background-image: url(../images/deco/bt.gif);
	background-repeat: no-repeat;
	line-height: 12px;
	}


a.menu:hover{
	background-color: #EA0033;
	background-image: url(../images/deco/bt-roll-rouge.gif);
	background-repeat: no-repeat;
}

a.menu_over{
	text-decoration: none;
	display:block;
	height: 11px;
	width: 230px;
	font-family: arial;
	font-size: 10px;
	color:#FFFFFF;
	padding-left: 4px;
	padding-right: 24px;
	margin-top: 4px;
	text-transform: uppercase;
	background-color: #EA0033;
	background-image: url(../images/deco/spacer.gif);
	background-repeat: no-repeat;
	line-height: 12px;
   }


	 
a.menu2{
	text-decoration: none;
	display:block;
	height: 11px;
	width: 230px;
	font-family: verdana;
	font-size: 9px;
	color:#FFFFFF;
	padding-left: 4px;
	padding-right: 24px;
	margin-top: 4px;
	background-image: url(../images/deco/bt.gif);
	background-repeat: no-repeat;
	line-height: 12px;
	}


a.menu2:hover{
	color:#000000;
	background-color: #9AE101;
	background-image: url(../images/deco/bt-roll-vert.gif);
	background-repeat: no-repeat;
}


a.menu2_over{
	text-decoration: none;
	display:block;
	height: 11px;
	width: 230px;
	font-family: verdana;
	font-size: 9px;
	padding-left: 4px;
	padding-right: 24px;
	margin-top: 4px;
	color:#000000;
	background-color: #94E600;
	background-image: url(../images/deco/spacer.gif);
	background-repeat: no-repeat;
	line-height: 12px;
	}









a.menu3_over{
	text-decoration: none;
	display:block;
	height: 11px;
	width: 230px;
	font-family: verdana;
	font-size: 9px;
	color:#000000;
	padding-left: 4px;
	padding-right: 24px;
	margin-top: 4px;
	background-color: #737373;
	background-image: url(../images/deco/spacer.gif);
	background-repeat: no-repeat;
	line-height: 12px;
	}

a.menu3{
	text-decoration: none;
	display:block;
	height: 11px;
	width: 230px;
	font-family: verdana;
	font-size: 9px;
	color:#FFFFFF;
	padding-left: 4px;
	padding-right: 24px;
	margin-top: 4px;
	background-image: url(../images/deco/bt.gif);
	background-repeat: no-repeat;
	line-height: 12px;
	}


a.menu3:hover{
	color:#000000;
	background-color: #737373;
	background-image: url(../images/deco/bt-roll-gris.gif);
	background-repeat: no-repeat;
}












a.menu_actu{
	text-decoration: none;
	display:block;
	height: 51px;
	width: 127px;
	padding-left:8px;
	padding-right: 23px;
	padding-top: 2px;


	color:#000000;
	font-size: 9px;
	font-family:verdana;
	overflow:hidden;
	
	background-image: url(../images/deco/habitant-off.gif);
	background-repeat: no-repeat;
	}


a.menu_actu:hover{

	background-image: url(../images/deco/habitant-on.gif);
	background-repeat: no-repeat;
}


a.menu_news{
	text-decoration: none;
	display:block;
	height: 53px;
	width: 158px;
	font-family: verdana;
	font-size: 9px;
	color:#000000;
	background-image: url(../images/deco/news-off.gif);
	background-repeat: no-repeat;
	line-height: 12px;
	}


a.menu_news:hover{

	background-image: url(../images/deco/news-on.gif);
	background-repeat: no-repeat;
}

 /*------------------------------------------------------*
  *-----------------------------------     CSS LIEN     ----*
  *------------------------------------------------------*/


	
a.lien{
	font-family: arial;
	font-size: 10px;
	text-decoration: underline;
	color: #A80D08;
	}

a.lien:hover{
	text-decoration: none;
	color: #E9EBF5;
	background-color: #A80D08;
}


a.selon{
	font-family: arial;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
	}

a.selon:hover{
	text-decoration: underline;
}

a.chemin{
	font-family: verdana;
	font-size: 9px;
	text-decoration: none;
	color: #B7DE00;
	}

a.chemin:hover{
	color: #97B700;
}

span.chemin2{
	font-family: verdana;
	font-size: 9px;
	color: #B7DE00;
	}
	
 /*------------------------------------------------------*
  *-----------------------------------     CSS TABLEAU     ----*
  *------------------------------------------------------*/


th{
	padding-left:18px;
	text-align: left;
	color:#A80D08;
	font-family: arial;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	height: 50px;
	font-variant: small-caps;
	background-image: url(../images/deco/bg-titre.gif);
	}


img {
border-color: #000000;
}



 /*------------------------------------------------------*
  *-----------------------------------     CSS DOCUMENTS     ----*
  *------------------------------------------------------*/



.spip_documents {

	display:block;
	float:left;
	text-align:left;
	width:100px;
	padding-top: 15px;
	}
.spip_doc_titre {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	text-align:left;
	text-transform: uppercase;
	padding:0;
	margin:0;
	}

.spip_doc_descriptif{
	font-family: arial;
	font-size: 9px;
	color: #000000;
	text-align:left;
	padding:0;
	margin:0;
	}

.spip_documents img {
	border: 0;
	padding:0;
	margin:0;
	text-align:left;
	width:25px;
	height:25px;

}