/* CSS Document */

/*GENERAL******************************************************************************************************/
#container{
	width:980px;
	overflow:auto;
	margin-left:5px;
}

	#nav_main{
		width:150px;
		float:left;
		margin-top:30px;
		color:#e2001a;
	}
	
	#content_main{
		width:830px;
		float:left;
		background:withe;
		border-bottom:1px solid #999999;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	
		.bg		{ background:url(../images/environnement/fond.gif) no-repeat;}
		.bgs	{ background:url(../images/grands-dossiers/fond.gif) no-repeat;}
		
	
		#content_main li{
			margin:0;
			background:url(../images/puce.gif) no-repeat;
			background-position:0 8px;
			padding-left:10px;
			list-style-position:outside !important;
		}
	
		#branding-left{
			width:830px;
			height:40px;
			position:relative;
			background:url(../images/branding-left.gif) no-repeat bottom;
			color:#666666;
		}
		
		#branding-right{
			width:830px;
			height:40px;
			position:relative;
			background:url(../images/branding-right.gif) no-repeat bottom;
			color:#666666;
		}
			.page{float:left; margin:2px 0 0 0;}
			.titre{float:left; margin:2px 0 0 240px;}
			.date{float:right; margin:2px 0 0 0;}
			
	#services{ 
	width:80%;
	}
		#services td{ 
			text-align:left;
			border:1px dashed #666666;
			border-collapse:collapse;
			vertical-align:top;
		}
			.beige{background:#e7d7ba; width:58%;}

	
/*3 COLONNES******************************************************************************************************/

.colonneA {	width:266.6px; float:left; padding-right:10px; border-right:1px dashed #999999;}
	.colonneA img{ display:block;margin:0 auto;}
.colonneB {	width:255.6px; float:left; padding:0 10px 0 10px;}
.colonneC {	width:266.6px; float:left; padding-left:10px; }

/*2+1 COLONNES******************************************************************************************************/
.colonneD {	width:542.2px; float:left; padding-right:10px;}
.colonneF {	width:542.2px; padding-left:10px; float:right;}

/*2 COLONNES******************************************************************************************************/
.colonneG {	width:405px; float:left; padding-right:10px;}
.colonneH {	width:405px; padding-left:10px; float:right;}

/*ENCART BEIGE******************************************************************************************************/

.encart{	background:#e7d7ba; padding:5px 10px 5px 10px;}
	.encart h5 { border-bottom:4px solid #e2001a;}
	
	.encartRed{	background:#de0925; padding:5px 10px 5px 10px; color:#ffffff; overflow:auto;}
		.encartRed img { border:1px dashed #666666; max-width:98%;}
		.encartRed h5 { color:#ffffff;}
		.encartRed a{ color:#ffffff; text-decoration:none;}
		.encartRed a:hover{ text-decoration:underline;}
	
/* Misc classes
-------------------------------------------------------------- */
img.right	{ 	float:right; margin:0 0 5px 10px;}
img.left	{ 	float:left; margin:0 10px 5px 0;}
.separateur	{ 	widows:100%;
				height:5px;
				border-bottom:1px dashed #999999;
				clear:both;
			}
.clear		{ 	clear:both;}
.no-border	{ 	border:none;}
.borderR	{	border-right:1px dashed #999999;}
.borderL	{	border-left:1px dashed #999999;}
.floatR		{ 	float:right; margin:0 0 0 10px; width:48%;}
.floatL		{ 	float:left; margin:0 10px 0 0; width:48%;}