/*____________________________Body______________________________________*/

html body {     
text-align: center;
font-family: Verdana, Helvetica, Sans serif;
background-color:#EEEEEE;
font-size: 8pt;  
font-weight: normal;
font-style : normal;
text-decoration: none;
}

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

span.spip_documents_left, span.spip_documents_right, span.spip_documents_center, div.spip_documents_left, div.spip_documents_right, div.spip_documents_center
{
  margin:5px;  
}

p.spip {
   Xtext-indent: 60px;
   margin-top:15px;
   margin-bottom:15px;
} 

.lien_noir
{
  text-decoration: none;
  color: #111; 
  font-weight:bold;
}


.lien_noir:hover
{
  text-decoration: none;
  color: #FFF;
  background: #5393AB; 
}

/* spip */
.chapo {	
	font-weight: bold;
	text-align: justify;
	font-size: 105%;
}
.texte {	
	text-align: justify;
}
.ps {	
	text-align: justify;
	font-size: 85%;
}
.notes {
	font-family: Verdana, Helvetica, Sans serif;
	text-align: left;
	font-size: 80%;
}


/* spip contenu */

.contenu h1,h2 {
	font-size: 120%;
	font-weight: bold;
}
.contenu h1,h2.titre-extrait {
	font-size: 160%;
	font-weight: bold;
	Xcolor:#FF0000;
}
.contenu h1,h2.titre-texte {
	font-size: 160%;
	font-weight: bold;
	color:#436D9E;
}
.contenu .surtitre {
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
}
.contenu .detail {
	font-size: 85%;
	color: #303030;
}
.extrait {
	Xborder: groove 2px #a0a0a0;
	Xpadding: 1em;
	font-size: 85%;
}




/*
 * Correction des styles HTML par defaut
 */

.structure {
	display: none;
}
h1,h2,h3,h4 {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 100%;
	font-weight: normal;
}


/* titre sous rubrique article */
.titre-sous_rubrique
{
  font-size: 200%;
	font-weight: bold;
	text-decoration:underline;
  color:#333;
}


/*____________________________Main______________________________________*/


div#header {  
	height: 241px;	
	Xbackground: #6F9;
	background-color:#FFFFFF;
	
	border-left:1px solid #5393AB;
	border-right:1px solid #5393AB;
	
}

div#colonne_gauche_large {
  position: absolute;
  left:0;
	
	Xwidth: 198px;
	width:910px;
	
	border-right:1px solid #5393AB;
	border-left:1px solid #5393AB;
	Xborder-bottom:1px solid #CCCCCC;
	
	background-color:#FFF;
}

div#colonne_gauche {
  position: relative;  
  left:0;
  width: 198px;
  border-right:1px solid #5393AB;
}


div#colonne_droite {  
	margin-left: 199px;
	
	z-index:20;
	
	background-color:#FFF;
	padding-left:8px;
	padding-right:7px;
	width:696px;
	
	border-right:1px solid #5393AB;
	border-left:1px solid #5393AB;

	
}


div#page
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 912px;
  text-align: left;
  Xborder:1px solid red;
}


div#liensHautDroite
{
  position:absolute;  
  top:35px;
  left:457px;
  width:440px;
  height:20px;
  text-align:right;
}

#divMenu
{
  position:absolute; 
  left:205px;
  top:213px; 
  Xborder:1px solid red;
  z-index:6;
  width:710px;
}




div#bandeau
{
  position:absolute; 
  width:900px; 
  height:237px; 
  z-index:6; 
  left: 6px; 
  top: 4px; 
  background-image:  url(img/bandeau.jpg); 
}

img#retourIndex
{
  position: absolute; 
  left: 0px; 
  top: 60px; 
  width: 190px; 
  height: 175px;   
  z-index:2;
  border:0px;  
}

div#newsLetter
{
position:absolute;
left:50px;
top:50px;
}

div#hackCacheHautFiletMilieu
{
  position: absolute;
  left:194px;
  top:277px;
  z-index:10;
  Xborder:1px solid red;  
  width:10px;
  height:10px;
  background-color: #FFF;        
  font-size:0px;   
}

/*____________________________ colonne de gauche : gen ______________________________________*/

/*hack IE pour hr de 1 pixel*/
hr.separateurGen
{  
 display:block;
 height: 1px;
 margin:0;
 _margin: -7px 0;  
 padding: 0;
 color: #FFF;
 background-color: #FFF;
 border: 0; 
}

div.eltGen
{
  margin-top:5px;
  margin-bottom:5px;
}


/*____________________________ colonne de gauche : news ______________________________________*/

div#newsConteneur
{
 position: relative;
 Xborder: 1px solid red;
 left : 6px;
 background-color:#EEEEEE;
 width:176px;
 margin-top:10px;
}

#imgTitleNews
{
  position:relative; 
  width:186px; 
  height:30px; 
  z-index:4; 
  Xleft: 6px;     
  display: block;    
} 


#divMainNews
{
  position:relative; 
  width:176px; 
  Xheight:214px; 
  z-index:4; 
  Xleft: 6px;   
  Xborder:1px solid red;  
  background-color:#EEEEEE;
  padding:5px;
}

#imgPiedNews
{
  position:relative; 
  width:186px;  
  height:7px; 
  z-index:4; 
  Xleft: 6px; 
  display: block;    
  Xborder:1px solid blue;
}


/*____________________________ colonne de gauche : article random __________________________*/


div#articleRandomConteneur
{
 position: relative;
 Xborder: 1px solid red;
 left : 6px;
 background-color:#EEEEEE;
 width:176px;
 margin-top:10px;
}

#imgTitleArticleRandom
{
  position:relative;  
  width:186px; 
  height:30px; 
  z-index:4; 
  Xleft: 6px;  
  Xborder : 1px solid blue;
} 

#divMainArticleRandom
{
  position:relative; 
  width:176px;   
  z-index:4; 
  Xleft: 6px; 
  padding:5px; 
  background-color:#EEEEEE;
  Xborder : 1px solid red;
  text-align:center;
}

#imgPiedArticleRandom
{
  position:relative; 
  width:186px;  
  height:7px; 
  z-index:4; 
  Xleft: 6px;  
  display: block;  
  background-repeat:no-repeat;  
}

div.articleRandom
{
  margin-top:10px;
}

/*____________________________ colonne de gauche : articles/sous rubriques __________________________*/


div#rubArticlesConteneur
{
 position: relative;
 Xborder: 1px solid red;
 left : 6px;
 background-color:#EEEEEE;
 width:176px;
 margin-top:10px;
}

#imgTitleRubArticles
{
  position:relative;  
  width:186px; 
  height:30px; 
  z-index:4; 
  Xleft: 6px;  
  Xborder : 1px solid blue;
} 


#divMainRubArticles
{
  position:relative; 
  width:176px;   
  z-index:4; 
  Xleft: 6px; 
  padding:5px; 
  background-color:#EEEEEE;
  Xborder : 1px solid red;
}


#imgPiedRubArticles
{
  position:relative; 
  width:186px;  
  height:7px; 
  z-index:4; 
  Xleft: 6px;  
  display: block;  
  background-repeat:no-repeat;  
}

#imgCarreRubArticles
{
  width:9px; 
  height:9px;  
}

span.articleCourant
{
  font-weight: bold;
	color:#436D9E;
}


/*____________________________ colonne de gauche : googgle, liens, reportages __________________________*/


div#pubGoogle
{
  position:relative;  
  width:186px; 
  height:600px; 
  left: 5px;
  padding-top:10px;    /* plutot margin */
  padding-bottom:10px; /* plutot margin */
  background-image: url(img/filet_adsense.gif);
  Xborder:1px solid red;
  text-align:center;
}

div#siteLouvre
{
  position:relative;  
  width:186px;   
  left: 5px;
  margin-top:10px;    
  Xborder:1px solid red;
  text-align:center;
}

img#siteLouvre
{
  border:2px solid #5393AB;
  width:182px;
  height:182px;  
}

img.reportage
{
  border:2px solid #5393AB; 
  width:133px;
}


div#liensExt
{
  position:relative;  
  width:100%;  
  Xleft: 0px; 
  Xborder:1px solid red;
  height:128px;
  margin-top:10px;
}

#imgRss
{
  position:absolute; 
  width:91px;  
  height:49px; 
  z-index:4; 
  left: 100px; 
  top: 0px;  
  border: 0px;
}

#imgSpip
{
  position:absolute; 
  width:91px;  
  height:49px; 
  z-index:4; 
  left: 5px; 
  top: 0px;  
  border: 0px;
}

#imgAlloCreation
{
  position:absolute; 
  width:186px;  
  height:69px; 
  z-index:4; 
  left: 5px; 
  top: 52px;  
  border: 0px;
}



/*____________________________ colonne de droite ______________________________________*/



#divContenuTop
{
  position:relative; 
  width:476px; 
  height:70px; 
  z-index:1;
  top:0px;
  left:0px;
  Xborder:1px solid red;
}


#imgTitleCat
{
  position:absolute; 
  width:215px; 
  height:70px; 
  z-index:1;    
  left:483px;
  top:0px;
} 

#divLastNewsTxt
{
  position:absolute; 
  top:11px;
  left:45px;
  width:420px; 
  height:44px; 
  z-index:1; 
  overflow:hidden; 
  Xborder:1px solid blue;
 
} 

#imgLastNewsFond
{
  position:absolute; 
  width:476px; 
  height:70px; 
  z-index:1;
  top:0px;
  left:0px;
} 


#divContenuMain
{
  position:relative;
  
  padding-top:20px;
  padding-bottom:10px;  
  width:696px;
}

#divAgendaReportage
{
  position: relative;
  left: 0px;
  height:120px;
  Xborder:1px solid red;
}

#imgReportage
{
  position:absolute;
  top:0px;
  left:0px;
  width:345px;
  height:103px;
}

#imgAgenda
{
  position:absolute;
  top:0px;
  left:352px;
  width:345px;
  height:103px;
}

#divAgendaOneNewsTxt
{
  position:absolute;
  left:480px;
  top:50px;
  width:200px;
  height:50px;
  Xborder: 1px solid red;
  z-index:2;
}

#divReportageOneNewsTxt
{
  position:absolute;
  left:120px;
  top:50px;
  width:200px;
  height:50px;
  Xborder: 1px solid red;
  z-index:2;
}

/*
 * Habillage des menus et de la navigation
 */

.menu {
	border: 1px solid #a0a0a0;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}
.menu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}
.menu ol {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	list-style: none;
}
.menu-titre {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #d0d0d0;
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
}
.menu-item {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}


/*_______________________ moteur de recherche ___________________*/

#divMoteur
{  
  position:relative;
  width:194px; 
  height:36px; 
  z-index:3; 
  left: 5px; 
  background-image: url(img/fd_moteur.jpg);  
} 
 

#imgMyRecherche
{
  position:absolute;
  left:158px;
  top:4px;
  width:23px;
  height:21px;
  Xborder:1px solid red;
}


/*
 * Habillage du plan du site
 */

.plan-secteur {

	margin-top: 0em;
	margin-bottom: 3em;
	clear: right;
	Xborder: 1px solid red;
}

.plan-secteur h1 a{

	display: block;
	Xborder: 1px solid #a0a0a0;
	margin: 0px;
	Xpadding: 8px;
	Xfont-size: 150%;
	font-weight: bold;
	
	Xbackground-color: #3E6F80;
  color : #3E6F80;
	
	text-align:left;
	Xborder: 1px solid blue;
}
.plan-rubriques {

	clear: left;
	display: block;
	list-style: none;
	Xborder: 1px solid yellow;
}
.plan-rubrique {

	display: inline;
	Xborder: 1px solid #a0a0a0;
	Xpadding: 3px;
	Xfont-weight: bold;
	Xborder: 1px solid pink;
}
.plan-articles {

	clear: left;
	Xmargin-top: 0.5em;
	Xmargin-bottom: 1em;
	list-style: square;
	Xborder: 1px solid brown;
}

/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique a{
	Xbackground-color: #3E6F80;
  Xcolor : #FFF;
	Xborder-color: #b8b8b8;
}


/*ul ul .plan-rubrique {
	background-color: #eaffea;
	border-color: #d0d0d0;
}
ul ul ul .plan-rubrique {
	background-color: #f4fff4;
	border-color: #e8e8e8;
}*/





/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 90%;
}
.forum-repondre-message {
	text-align: right;
}

.forum-repondre {
text-align:right;
}