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

body{background :#ECE8DF;
		width :900px;
		margin-left:12em;
		margin-top:3em;
		
		}
html {overflow-x:hidden ; }


p {
	font-size:1em;
	line-height:1.4em;
	margin:0 0 1.5em;
	padding:0;
}


#page{width: 900px;
	background:white;
	margin-left:auto;
	border:solid black 1px;

	
}

h1{font-weight:bold;
	font-family:Arial, Verdana;
	font-size:21px;}

h2{font-weight:bold;
	font-family:Arial, Verdana;
	font-size:14px;}
/*ceci est le conteneur de la page la page index*/


#conteneur1{font-size:1em;
			font-family:Arial, Verdana;
			*margin-top:43px;
			}
			
#contenu1{width:75%;
		min-height:482px;
			float:left;
			*margin-top:-15px;
			margin-top:-2px !important;
			margin-left:0px;

		}
				
#navigationindex{
			float:right;
			/*background-image:url(../IMG/old.barre-news.gif);
			background-repeat:no-repeat;*/
			min-height: 482px;
			width:200px;
			font-weight:bold;
			margin-top:-3px;
			*margin-top:-10px;
				
			}

#navigationindex p{color:#7A8285}
				
				
#navigationindex p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigationindex ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigationindex li, .encart li { margin: 0; padding: 0 0.7em;list-style: none; }

					
			
/*ceci est le conteneur des pages autres que l'index*/			
#conteneur{font-size:0.8em;
			font-family:Arial, Verdana;
			display:block;
			*margin-top:39px;
			}
			
			
#contenu{width:50%;
		margin-left:2.5em;
		margin-right:auto;
		float:left;
		}
			
/*navigationleft corespond au cadre navigation et navigationright correspond correpond au cadre des news*/
#navigationleft,#navigationleft ul,#navigationright,#navigationright ul {
			width:202px;
			text-decoration:none;
			text-align: left;
			font-size :0.75em;
			}
			
			
			

#navigationleft,#navigationleft ul {
			float:left;
			background-image:url(../IMG/cadremenu.jpg);
			background-repeat:no-repeat;
			min-height: 482px;
			}	

#navigationleft li{height:30px;}

#navigationleft a{
				text-decoration:none;
				margin-left:10px;
				font-size:14px;
				}

#navigationright{
			float:right;
			/*background-image:url(../IMG/old.barre-news.gif);
			background-repeat:no-repeat;*/
			min-height: 482px;
			width:200px;
			font-weight:bold;
			margin-top:-3px;
			*margin-top:-6px;
			}
#navigationright a {margin-top: 5px !important;}

#navigationright p{color:#7A8285}
				
#navigationright p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigationright ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigationright li, .encart li { margin: 0; padding: 0 0.7em;list-style: none; }



#pied{clear:both;
		width:100%;
		vertical-align:bottom;
		text-align:center;
		font-family:Verdana,Arial;
		font-size:10pt;
		padding-top:10px;
		text-decoration:none;}

#pied a,#pied p{text-decoration:none;
		color:#5A5B5E;}
		
	
#entete{height:60px;
		width:100%;
		margin-left:0px;
		
				}
		
		
		
#entete li ul, #entete a {text-align:left;
					font-family:Arial, Verdana;
					font-size:15px;
					
		}

		
#recherche{float:right;
			margin-top:auto;
			font-family:Arial, Verdana;
			font-size:0.8em;
			*margin-top:45px;
			background:url(../IMG/imgdessufla.jpg) no-repeat;
		}			
		

			
#recherche input{width:10%;
			float:right;}
			

#recherche div label,div input{*height:10px;	
						}



#fil_ariane{float:left;
			margin-top:auto;
			font-family:Arial, Verdana;
			font-size:0.8em;
			width:100%;
			text-align:left;
			*margin-top:45px;
			padding:0;
			
						}
			
#fil_ariane a {color:black;}
				
				
				
#texte_evenement{background:url(../IMG/dotted.bmp) repeat-x bottom;
					overflow:auto;}

#texte_evenement p{font-size:9pt}


#texte_evenement h3,#texte_evenement a{color:#003366;
					text-decoration:none;}

.breves{
		clear:both;
		text-align:left;
		font-size:12px;
		/*margin-left:20px;*/
		font-family:Arial, Verdana;
		*margin-top:5px;
		}
		
		
.breves  a{
text-decoration:none;
color: #1F285B;
font-weight:bold;
	}

	
.breves p{text-align:justify;}

.texte_news p{font-size:8pt;
			text-align:justify;}
	
		
		
			
.rubriques li{margin-top:10px;
			*margin-left:-15px;
			padding:0;
			border-bottom:solid #C0C0C0 1px;
			list-style:none;
			min-height:30px;
			width:98%;
			background:url(../IMG/arrow-right.gif) no-repeat 0% 10%;

			   }

.rubriques li.on{*margin-left:-15px;
			padding:0;
			border-bottom:solid #C0C0C0 1px;
			list-style:none;
			min-height:30px;
			width:98%;
			background:url(../IMG/arrow-right-active.gif) no-repeat 0% 10%;
			background-color:#5E809B;
				}

			


.rubriques a{			color:#5A5B5E;
			text-decoration:none;}
			

.contre-encart ul li{text-decoration:none;
				list-style:none;
			}
			
.contre-encart ul li div{font-size:9pt;
					font-family:Verdana,Arial;
			}

				
.cartouche table, .cartouche td,tr{vertical-align:top;
				padding: 10px;
				}
				
.contre-encart a{color:#3a70af;
				text-decoration:none;
				}

.contre-encart h3{font-size:17px;
				font-family:Arial,Verdana;}



.cartouche{font-family:Verdana,Arial;
			font-size:15px;
			color:#003366;}
			

				
#table_clients{font-family:Verdana,Arial;
					vertical-align:top;
					font-size:12px;
					font-weight:bold;}

				
#table_clients li{list-style:none;
					color:#3a70af;
					text-decoration:none;}
					
#table_clients li,#table_clients a{list-style:none;
					color:#3a70af;
					text-decoration:none;}


.formulaire_spip_formulaire_recherche div label{float:right;
											*margin-top:20px;
											}
			
.formulaire_spip_formulaire_recherche #input{margin-left:10px;}

.cartouche{margin-top:15px;}


/*Partie du css conscernant les blocs dépliants de l'article "Postes à pourvoir"
	et voici se construit un <bloc> permettant l'insertion d'un bloc dépliant 
	<div class="cs_blocs"><h4 class="blocs_titre blocs_replie"><a href="#">un titre</a></h4><div class="blocs_invisible">le contenu</div></div>*/

.cs_blocs h4{font-size:10pt;
			font-family:verdana,arial;}

.cs_blocs a{color:#3a70af;
			text-decoration:none;}
			
			
.NewsSummary {
padding: 0.5em 0.5em 1em; /* padding for the news article summary */
 margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
 border-bottom: 1px solid #ccc;
}


.NewsSummaryLink {
font-weight: bold;
padding-top: 0.2em;
}

.NewsSummaryCategory {
 font-style: italic;
 margin: 5px 0;
 }

.NewsSummaryAuthor {
 font-style: italic;
 padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
 line-height: 140%;
 }

.NewsSummaryMorelink {
 padding-top: 0.5em;
}

#NewsPostDetailDate {
font-size: 90%;
 margin-bottom: 5px;
 font-weight: bold;
 }

#NewsPostDetailSummary {
 line-height: 150%;
 }

#NewsPostDetailCategory {
 font-style: italic;
 border-top: 1px solid #ccc;
 margin-top: 0.5em;
 padding: 0.2em 0;
}

#NewsPostDetailContent {
 margin-bottom: 15px;
 line-height: 150%;
 }

#NewsPostDetailAuthor {

 padding-bottom: 1.5em;
 font-style: italic;
}

.NewsSummaryPostdate {
 font-size: 90%;
 font-weight: bold;
 }


.spip_forms .spip_form_ok {
        font-weight: bold;
        background:#262626;
        color:#F1F1F1;
        margin: 1em 0 0 0;
        padding: .6em;
}