/* CSS Document */

*{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
}
 body#contenu{
 background:#71969F;
}



.blocleft{ display:block; width:280px; padding:10px; float:left; background: transparent url(../design/fond/bloc.png) no-repeat top; 

border:0;}
	
.blocright{ display:block; width:280px; padding:10px; float:left; background: transparent url(../design/fond/bloc.png) no-repeat top; margin-left:18px;
border:0;}

.bloccomplet{ display:block; width:598px; padding:10px; float:left; background: transparent url(../design/fond/bloc2.png) no-repeat top; 

border:0;}

.blocleft:first-letter, .blocright:first-letter, .bloccomplet:first-letter
{font-family:"Times New Roman", Times, serif;
display:block;
padding:4px;
padding-top:0;
font-weight:bold;
font-size: 3.2em ;
margin:4px ;float: left ;}


#contenu p{line-height:1.7em; color:#1E2E32;}
	
#contenu h2{ font-size:1.5em;color:#fff; margin-bottom:10px; font-weight:bold;
letter-spacing:-1px;
background: transparent url(../design/fond/h2bleu.gif) no-repeat;
background-position:0em 0.4em;
padding-left:25px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top:2px; padding-bottom:4px;

}
#contenu h3{ font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em;color:#0C333C; font-weight:bold;;margin-bottom:8px; }
#contenu h4{font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em;color:#fff; font-weight:normal;;margin-bottom:5px; }
#contenu h5{font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em;color:#1E2627; font-weight:bold;margin-bottom:3px; }
#contenu ul li,#contenu ol li{
		list-style:inside;
		
	
	}
	
	#contenu ul li,	#contenu ol ul li,#contenu ol ol ul li{
		list-style-type:square;
		margin-bottom:5px;
	}
	#contenu ol li{
		list-style-type:decimal
	}
	
	#contenu ol ol li{
		list-style-type:upper-roman
	}	
	#contenu ol ol ol li{
		list-style-type:lower-latin
	}
	
	#contenu table.sommaire{
		float:left;
		background:url(../design/fond/fondorange.png) #F6B023 bottom left repeat-x;
		border:2px solid white;
		border-collapse:collapse;
		font-size:12px;
		margin:10px 30px;
	}
	.sommaire{}
		#contenu blockquote table.sommaire {
		width:80%;
		margin:10px 15px 20px;
		float:none;
		}
	#contenu table.sommaire ul{
		margin:0px 5px;
	}
		#contenu table.sommaire td,#contenu table.sommaire th{
		border:1px solid white;
			padding:2px;
		}
	
	#contenu table.sommaire td{
		text-align:left;
	}
	#contenu table.sommaire th{
		text-align:right;
	
	}
	
	
.nav ul.b {
position:absolute;
top:-999em;
width:156px;z-index:2100;	
background:#6E9916 url(../design/fond/syndicat2.jpg) no-repeat bottom; padding:0px;border-left:1px solid #fff; border-right:1px solid #fff;
padding-bottom:10px;
border-bottom:1px solid #fff;}


.nav ul.bb {
position:absolute;
top:-999em;
width:156px;z-index:2100;	
background:#5092DE url(../design/fond/services.jpg) no-repeat bottom; padding:0px;border-left:1px solid #fff;border-right:1px solid #fff;
padding-bottom:10px;
border-bottom:1px solid #fff;}

.nav ul.o {
position:absolute;
top:-999em;
width:156px;z-index:2100;	
background:#EE8311 url(../design/fond/contact2.jpg) no-repeat bottom; padding:0px;border-left:1px solid #fff; 
border-right:1px solid #fff;
padding-bottom:10px;
border-bottom:1px solid #fff;}


#syndicat{ background-image:url(../design/fond/syndicat2.jpg);}
#services{ background-image:url(../design/fond/services.jpg); padding-bottom:8px;z-index:2200;}
#documentations{ background-image:url(../design/fond/contact2.jpg);}

a #syndicat{ background-image:url(../design/fond/syndicat2.jpg); cursor:hand; cursor:pointer;}
a #documentations{ background-image:url(../design/fond/contact2.jpg); cursor:hand; cursor:pointer;}
a #services{ background-image:url(../design/fond/services.jpg); cursor:hand; cursor:pointer;z-index:2000;}

a:hover #services{ background-image:url(../design/fond/syndicat.jpg); cursor:hand; cursor:pointer;}
a:hover #services{ background-image:url(../design/fond/services.jpg); cursor:hand; cursor:pointer;}
a:hover #documentations{ background-image:url(../design/fond/contact.jpg); cursor:hand; cursor:pointer;}

.droite{float:right; margin-left:10px;}
.gauche{float:left; margin-right:10px;}

a{color:#fff;}

#ariane{ width:606px; margin-bottom:18px; background:#4D8FDB; color:#37484B; padding:5px;
padding-bottom:6px;margin-top:-2px;  margin-bottom:5px; color:#fff; border:1px solid #fff; border-top:0;  }

.clair{ background:#9BC3CB ;}
.sombre{ background:#668C94 ; color:#fff;}