/****** Génériques  ********/

table.spip tr.row_first { background: #FFC; } /******************** couleur tableau ligne*/
table.spip tr.row_odd { background: #DDD;}
/*table.spip tr.row_even { background: #FFF; }*/
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle;color:#000; }


*{ margin:0; padding:0 }

ul, li { margin-left: 10px; }
#menu li { margin-left: 0px; }

BODY{	
	background: #656565 url(_css_gris/top.jpg) repeat-x;                           /* couleur de fond de page*/
	font: 74% Arial, Sans-Serif; 
	color:#FFF;                                                                    /* couleur de text*/
	}

/*tr,td,th,table,body,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #484747;
	}*/
	
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style:italic;

	}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}

h3 {
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	border: 0px;
	}

#p_article_breve h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0px;
	border-bottom: 1px solid #EFF0EE;                                                 /*couleur bord menu déroulant*/
	color: #484747;                                                                  /*couleur de texte du menu déroulant*/
	}

h2 	{
	font-size: 15px;
	color: #484747;                                                                 
	font-weight: bold;
	}

h1 {
	font-size: 16px;
	color: #484747;                                                                  /* couleur texte nom rubrique */
	font-weight: bold;
	}

a,a:link,a:visited {
	text-transform: none;
	color: #AEB9CC;                                                                  /*couleur des liens web*/
	text-decoration: none;
	}

a:hover {
	text-transform: none;
	color: #AEB9CC;                                                                  /* couleur de survol*/
	text-decoration: underline;
	}
	
/************ Blocs Pricipaux ********************/

#container	{
	width: 1000px;
	position: relative;
	margin:auto;
	text-align: left; /*ie*/
	}	
	
#intro {
	width:1000px;
	height:160px;
	}

/********* Taille colonne droite **************/
#supportingText 
{
	margin-top:20px;
	margin-right:20px;
	width: 750px;
	_width: 740px;
	float:left;
}

/********* Taille colonne gauche (agenda, meteo, ...) *************/
#linkList 
{
	margin-top:20px;
	margin-left: 20px;
	width: 200px;
	_width: 190px;
	float:left;
}

/******************** Sous Contenu ***************************/

/******************** Sous Contenu HEADER ***************************/
#pageHeader {
	position: relative;
	top: 30px;
	background:#1E1F21;                                                            /*                   */
	width:1000px;
	height:130px;
	background: url(_css_gris/header.jpg) no-repeat ;
	background-position: bottom;
	}
	
#pageHeader a 
	{
	color: #FF6538;                                                                /* gris foncé            */
	}

#pageHeader a:hover 
	{ 
	text-decoration:underline;
	}
	
#pageHeader h1{
display:none;
color:#ffffff;
left:15px;
position:relative;
top:-50px;
	}

#pageHeader h2 {
	position: absolute;
	text-align: right;
	color: #FF6538;
	font-size: 90%;
	top: -15px;
	width: 1000px;
	}			                                                                              
	
#quickSummary {
		display:none;
	} 

	#quickSummary h1 {
		color:#ffffff;
		padding:160px 0px 0px 30px;
		}
	#quickSummary h2,h3 {
		display:block;
		}

#preamble {
	display: none;
	}


/******************** LES GENERALES ***************************/
#article_breve_titre {
	margin:30px 0px 10px 10px;
	color:#B45F46;
}
	#article_breve_titre span {
		padding-left:10px;
		margin-right:-10px;
	}


/******************** MENU HORIZONTAL***************************/
#menu {
width:1000px; 
height:50px;
margin:0px 0px 0px 0px;
font-size:0.85em;
position:relative;
z-index:100;
background-color:#3c3c3c;
}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
float:left;
width:111px;
position:relative;

background-color:#990033;
}
/* style the links for the top level */
#menu a, #menu a:visited {
display:block;
font-size:11px;
font-weight: bold ;
text-decoration:none; 
/*color:#fff; */
color: #FF6538;                                                                   /*couleur de texte menu*/
width:100px; 
height:30px;
border:1px dashed #939393;                                                        /* couleur de bord des menu*/
/*border-left:#FF6538;*/
border-width:0px 1px 1px 1px; 
background:#656565 none repeat scroll 0%;                                         /* couleur de fond des menu*/
padding-left:10px; 
line-height:29px;

}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
width:100px;
w\idth:100px;
}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {
background:#FF6538 url(../../graphics/drop.gif) bottom right no-repeat;             

}
/* style the second level hover */
#menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
#menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
#menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html #menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
#menu ul ul ul{
left:150px; 
top:0;
width:100px;
}
/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
background:#bbb; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html #menu ul ul a{
width:100px;
w\idth:120px;
}


/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
color:#FF6538; 
background:#1E1F21;
}
#menu :hover > a, #menu ul ul :hover > a {
color:#FF6538;
background:#1E1F21;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
visibility:visible;
}


/******************** Sous Contenu 1ERE COLONNE ***************************/	
#edito {
	margin:0px 0px 20px 20px;
	}
	
	#edito_1 
	{
		-moz-border-radius: 1em;
 		border-radius: 1em;
		border: #939393 2px solid;
		padding:20px;
		/*margin-left:20px;*/
		/*background:url(_css_blueblog/arton1.gif) no-repeat right center;*/
	}

	#edito_1 img 
	{
		/*float:right;*/
		margin-top:-10px;
	}
	
	#edito_2 
	{
	display:none;
	}
	
	#edito_1 h3
	{
  display:block;
  }
	#edito_3 
	{
	display:none;
	}
	
	
#alaune 
	{
	margin:0px 0px 0px 20px;
	clear: both;
	}
	
#alaune_1 
{
	float: left;
	width: 45%;
	height:75px;
	margin:0px 0px 10px 0px;
	padding:10px;
	border: #939393 1px solid;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
	
#alaune_1 h3 a 
{
	margin-bottom : 15px;
}

#alaune_1  a 
{
	margin-top : 15px;
}

#alaune_1 h3, h2
{
	padding: 0px;
	float: left;
	display: block;
}
	
#alaune_2 
{
	float: right;
	width:45%;
	height:75px;
	border: #939393 1px solid;
	padding:10px;
	margin:0px 0px 10px 0px;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

#alaune_2 h3 a 
{
	margin-bottom : 15px;
}

#alaune_2  a 
{
	margin-top : 15px;
}

#alaune_2 h3, h2
{
	padding: 0px;
	float: left;
	display: block;
}

#alaune_2 h3, h2
{
	padding: 0px;
	float: left;
	display: block;		
}

#articles_breves
{
	width:97%;
	margin-left:20px;
	padding-top:15px;
	/*line-height: 4em;*/
	clear: both;
	}

	#articles_breves h6 {
		color:#AEB9CC;
		margin-bottom:10px;
		}
	#article_breve_1 {
		background: #515556;
		color: #BBB;
		border: 1px dashed #BC6247;
		padding: 10px 10px 20px 10px;
		line-height: 1em;
		/*background-color:#99CCFF;*/
		margin:0px 0px 10px 0px;
		/*padding:10px 10px 10px 10px;*/
		width:96%;
		/*float:right;*/
		}
		#article_breve_1 img {
			float:left;
			margin:0px 5px 0px 5px;
		}
		#article_breve_1 span {
			float:right;
		}
		#article_breve_1 p {
			margin:10px 0px 10px 20px;
		}
		#article_breve_1 h5 {
			font-size:0.9em;
			margin-bottom:2px;			
		}
		#article_breve_1 em {
			margin-left:20px;
			font-size:0.9em;			
		}
	
	#article_breve_all {
		line-height: 1em;
		margin:-10px 0px 10px 0px;
		padding:10px 10px 10px 15px;
		width:80%;
		/*float:right;*/
		}
		#article_breve_all img {
			float:left;
			margin:0px 5px 0px 15px;
		}
		#article_breve_all h5 {
			font-size:0.9em;
			margin-bottom:2px;			
		}
		#article_breve_all em {
			margin-left:30px;			
			font-size:0.9em;
		}
#article_texte {
	margin:0px 0px 10px 0px;
	}

#web {
	margin:20px 20px 20px 20px;
	/*padding:10px 10px 10px 10px;*/
	}
	#web_texte {
		background: #515556;
		color: #BBB;
		border: 1px dashed #BC6247;
		padding-bottom:10px;
		/*padding-left:10px;*/
		}
		#web_texte h5 {
			color:#FF6538;
			padding:5px 5px 5px 5px;
			}
		#web_texte p {
			line-height: 1.5em;
			padding:10px 3px 3px 15px;
			}
		#web_texte em {
			line-height:25%;
			font-size:0.9em;
			}
	
/******************** Pages Articles et Breves ***************************/	
#filariane {
	/*float:right;*/
	width:99%;
	margin-bottom:10px;
	_margin-bottom:0px;
	}
	#filariane hr {
		_margin: -7px 0;
		size:1px;
		}
	#filariane a {
		/*color:#303B41;*/
		font-weight:bold;
		font-size:0.9em;
		}

#p_article_breve {
	/*border-style:solid;
	border-color:#484747;*/
	margin:-10px 0px 10px 0px;
	/*float:right;*/
	width:99%;
	}
	#p_article_breve h1 span {
		font-weight: bold;
		background-color: #E0F5FF;
		color:#000000;
		-moz-border-radius:15px 0px 0px 15px;
		padding : 3px 10px 3px 10px;
		line-height:3em;
		}
	#p_article_breve img {
		text-align:center;
		padding:5px 5px 0px 5px;
		}
	#p_article_breve a {
		text-decoration:underline;
				}
	#p_article_breve h2 {
	 	 margin: -16px 5px 5px 5px;
	 
		}
		
	#p_article_breve em {
		line-height:25%;
		}
	#p_article_breve p {
		padding-top:10px;;
		}

#p_article_breve .boutonstexte img
{
	padding: 2pt;
	margin: 0pt;
}
		
#pdf_impr {
	border-style:solid;
	border-color:#484747;
	float:right;
	text-align:right;
	width:131px;
	margin-top:-51px;
	margin-right:5px;
	}
	#pdf_impr img {
		padding:0px 1px 0px 0px;
		display:inline;

		}
	#pdf_impr p {
		padding:0px 0px 0px 5px;
		display:inline;
		}
	
#forum {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	
	padding:10px 10px 10px 10px;
	width:95%;
	/*float:right;*/
	margin:0px 0px 20px 0px;
	}
	#forum span {
		font-weight:bold;
		line-height:3em;
		}

#forum_all {
	background-color:#656565;
	padding:10px 15px 10px 10px;
	width:83%;
	/*float:right;*/
	margin:-10px 0px 40px 0px;
	}
	#forum_all ul {
		list-style-type:none;
		padding-left:20px;
		}
	#forum_all ul li ul {
		margin-top:15px;
		}
	#forum_all span {
		font-weight:bold;
		line-height:3em;
		}
	


/******************** Sous Contenu 2EME COLONNE ***************************/

#bonjour {
	text-align:center;
}

#recherche {
	/*padding:0px 0px 20px 0px;*/
	padding-right:25px;
	text-align:center;
	}
	#recherche em {
		color:#B45F46;
		font-weight:bold;
			}
	#recherche span {
		padding-right:10px;
		}
	
#agenda {
	padding-right:25px;
	margin-top:30px;
	
	}
	#agenda p {
		margin-top:20px;
		height:216px;
		text-align:center;
		background:url(_css_blueblog/agenda.jpg) no-repeat center;
		color:#FF0000;
	}

#sommaire {
	background: #515556;
	color: #BBB;
	border: 1px dashed #BC6247;
	padding: 10px;
	margin:20px 30px 20px 0px;
	padding:10px 10px 10px 10px;
	}
	#sommaire h4 {
		color:#FF6538;
		}
	
#droit {
	background-color:#656565;
	margin: 20px 5px 20px 5px;
	}	
	
#droit_texte {
	background: #515556;
		color: #BBB;
		border: 1px dashed #BC6247;
		padding-bottom:10px;
	}	
#droit h6 {
	/*background-color:#ffffff;*/
	padding:0px 10px 10px 5px;
	}
#droit_texte h5 {
				/*line-height: 2em;*/
				color:#FF6538;
				padding:10px 3px 5px 2px;
				}
			#droit_texte p {
				line-height: 1.5em;
				padding:0px 5px 0px 5px;
				}
			#droit_texte em {
				line-height:25%;
				padding:0px 5px 20px 5px;
				font-size:0.8em;
}

		
#debat {
	margin:20px 20px 20px 20px;
	}
	#debat_texte {
		background: #515556;
		color: #BBB;
		border: 1px dashed #BC6247;
		padding-bottom:10px;
		padding-left:10px;
		}
		#debat_texte h5 {
			/*line-height: 2em;*/
			padding:10px 10px 4px 0px;
			}
			#debat_texte em {
				line-height:25%;
				font-size:0.9em;
				padding-top:4px;
				}
			#debat_texte p {
				line-height: 1.5em;
				padding:5px 10px 0px 0px;
				}


/******************** Sous Contenu 2EME COLONNE ***************************/
#thirdcolum {
	display:none;
	}


/******************** Sous Contenu FOOTER ***************************/
#footer {
	height:55px;
	clear:both;
	background: #000 url(_css_gris/footer.jpg) top repeat-x; 
	line-height:30px;
	text-align:center;
	}
	#footer a { 
		color: #FF6538;                                                                 /* couleur texte pied de page */
		}
	#footer a:hover { 
		text-decoration:underline;
		}
	#footer h2 {
		padding-top: 10px;
		font-size: 90%;
		color: #FF6538;                                                                  /* couleur texte pied de page */
		font-weight:lighter;
		float: none;
		}
	#footer img {
		padding:0px 5px 5px 5px;
		}

.contre-encart ul li
{
margin:10px 5px 5px 20px;
}
.contre-encart ul ul li
{
margin:10px 5px 5px 20px;
}

.contre-encart ul li ul li
{
margin:10px 5px 5px 20px;
}

textarea#msg2 {
        display: none;
	}