@charset "utf-8";
/* CSS Document */


/*****************************************
	BANDEAU
******************************************/
.bandeau{
	width:960px;
	height:32px;
	background:url(../img/rubrique/haut-ombre.gif) repeat-x;
}
	.bandeau .bandeau-titre{
		float:left;
		margin-left:15px;
	}
		.bandeau .bandeau-titre h1{ color:#013967; }
	 
	.bandeau .bandeau-fil{
		float:right;
		margin:10px 15px 10px 0px;
		color:#666666;
		font-size:11px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	}
		.bandeau .bandeau-fil a { color:#666666; font-size:11px; }

/*****************************************
	PRINCIPALE
******************************************/
.principale {
	clear:both;
	width:960px;
	display:table;
	background:url(../img/rubrique/menu-fond.png) no-repeat left top;
}
	/*
		GAUCHE
	*/
	.principale .princ-gauche {
		width:182px;
		float:left;
		border-top:#b4bdc4 5px solid;
	}
		.principale .princ-gauche li { 
			list-style:none;
			width:182px;
			height:30px;
			color:black;
			font-weight:bolder;
			font-size:12px;
			display:block;
		}
		.principale .princ-gauche a {
			display:block;
			width:182px;
			height:30px;
			padding:6px 0px 0px 15px;
			text-decoration:none;
			background:url(../img/rubrique/menu-fond-off.png) no-repeat;
		}
		.principale .princ-gauche a:hover {
			background:url(../img/rubrique/menu-fond-on.png) no-repeat;
		}
		
	/*
		MILIEU + DROITE
	*/
	
	.milieu-droite {
		float:left;
		background:url(../img/rubrique/droite-degrade.png) no-repeat right top;
	}
	
	/*
		MILIEU
	*/
	.principale .princ-milieu {
		width:490px;
		float:left;
	}
		.principale .princ-milieu li { list-style:circle; }
		.principale .princ-milieu li a:hover { text-decoration:none; }
		.principale .princ-milieu .img-grd {
			height:187px;
		}
		
		.principale .princ-milieu .texte-intro{
			margin:0px 20px 0px 20px;
			
		}
		
		.principale .princ-milieu .texte-actu{
			margin:25px 20px 0px 20px;
			
		}
		
		.principale .princ-milieu .separation-haute{
			height:5px;
			line-height:5px;
			font-size:0;
			margin:15px 0px 10px 10px;
			background-image:url(../img/rubrique/separation-haute.gif);
		}

		.principale .princ-milieu .separation-basse{
			clear:both;
			height:5px;
			line-height:5px;
			font-size:0;
			margin:15px 0px 10px 10px;
			background-image:url(../img/rubrique/separation-basse.gif);
		}
		
		.principale .princ-milieu .texte-separation{
			margin:0px 20px 0px 20px;
		}
		
		.principale .princ-milieu .encadres{
			display:table;
			margin:0px 0px 0px 20px;
			width:450px;
		}

			.principale .encadres .encadres-texte{
				float:left;
				width:310px;
				margin-right:10px;
			}
			
			.principale .encadres .encadres-visuel{
				float:left;
				width:120px;
				margin-top:15px;
			}
		
	/*
		DROITE
	*/
	.principale .princ-droite {
		width:288px;
		float:left;
	}
		.principale .princ-droite .img-accroche {
			height:187px;
			width:288px;
			clear:both;
			background:url(../img/rubrique/haut-img-accroche.png) no-repeat;
		}
			.principale .princ-droite .img-accroche .encadre { 
				height : 120px;
				margin: 0px 0px 0px 20px;
			}
			.principale .princ-droite .img-accroche .ensavoirplus {
				height : 20px;
				margin: 0px 0px 0px 20px;
			}
			
		
		.principale .princ-droite .contenu {
			/*background:url(../img/droite-degrade.png) no-repeat;*/
		}
			.principale .princ-droite .contenu .separation {
				background:url(../img/rubrique/droite-separation.png) no-repeat;
				padding:0px;
				margin:10px 0px 5px 0px;
				line-height:2px;
				font-size:0px;
				width:288px;
				height:2px;
			}
			.principale .princ-droite .contenu .block-texte-droite {
				margin:0px 15px 0px 15px;
			}
				.principale .princ-droite .contenu .pdf {
					list-style:url(../img/actualites/pdf.gif);
				}
				.principale .princ-droite .contenu .jours {
					list-style:url(../img/puce-jours.gif);
				}
				.principale .princ-droite .contenu .li-actu {
					margin:5px 0px 5px 20px;
					color:black;
					font-size:12px;
				}
					.principale .princ-droite .contenu .li-actu .date {
						color:#929292;
					}
			
		.principale .princ-droite .contactez-nous{
			margin:0px 0px 0px 15px;
		}
			.principale .princ-droite .contactez-nous .haut{
				height:5px; width:100%; line-height:5px; font-size:0px;
				background:url(../img/rubrique/contactez-nous-haut.png) no-repeat;
			}
			.principale .princ-droite .contactez-nous .milieu{
				width:247px; padding:1px 15px 5px 15px;
				background:url(../img/rubrique/contactez-nous-milieu.png) repeat-y;
			}
			.principale .princ-droite .contactez-nous .bas{
				height:5px; width:100%; line-height:5px; font-size:0px;
				background:url(../img/rubrique/contactez-nous-bas.png) no-repeat;
			}				
			.principale .princ-droite .contactez-nous ul { margin:0 0 15px 17px; }
			.principale .princ-droite .contactez-nous li.adr { margin:0 0 0 -17px; list-style:none; }/*list-style:url(../img/article/picto-contact/adr.gif); }*/
			.principale .princ-droite .contactez-nous li.nom { font-weight:bold; margin:0 0 0 -17px; list-style:none; }/*list-style:url(../img/article/picto-contact/nom.gif); }*/
			.principale .princ-droite .contactez-nous li.mail { list-style:url(../img/article/picto-contact/mail.gif); }
			.principale .princ-droite .contactez-nous li.tel { list-style:url(../img/article/picto-contact/tel.gif); }
			.principale .princ-droite .contactez-nous li.fax { list-style:url(../img/article/picto-contact/fax.gif); }
			
			
/* VOS ENJEUX */

.secteur-gauche{
		margin-right:10px;
	}
	
.secteur-gauche ul{
	margin-left:15px;
	/*width:145px;*/
}

.secteur-milieu{
	float:left;
	width:140px;
	margin-left:10px;
}

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

.cont-secteur{
	display:table;
	width:450px;
	/*margin-left:20px;*/
}