/***** Corps *****/
 
html, body{
	border: 0;
	margin: 0;
	padding: 0;
}
 
body{
	font: 100%/1.25 verdana, arial, helvetica, sans-serif;
	color: #6a7479;
}

/***** Taille du site *****/
 
#wrap{
	width: 1031px;
	margin: 0 auto;
}

 /***** Basiques *****/

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
 
h1{
	letter-spacing: 1px;
	font-size: 0.9em;
	padding: 4px 0;
	text-align: center;
	color: #2588cf;
	border-bottom: 1px dotted #6a7479;
}

h1 strong{
	font-weight: normal;
}
 
h2{
	margin: 0 0 16px 0;
	letter-spacing: -1px;
	font-size: 1.5em;
}
 
h3{
	font-size: 0.8em;
	margin: 0 0 6px 0;
	font-weight: bold;
}
 
p, ul, ol{
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
}

dd{
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}

ol{
	list-style: none;
}

ol h3{
	cursor: pointer;
	color: #2588CF;
	padding-left: 30px;
	background: url(../img/detail.png) no-repeat left center;
}

ol ul{
	padding-left: 10px;
}
 
 ol p{
	padding-left: 30px;
}
  
blockquote{
	margin: 12px 20px;
	padding: 0;
	font-size: 0.9em;
	color: #1d84cd;
	font-weight: bold;
	line-height: 1.5em;
}
 
small{
	font-size: 0.85em;
}
 
img{
	border: 0;
}
 
sup{
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
 
sub{
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
 
acronym, abbr{
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}
 
/***** Liens *****/
 
a, a:visited{
	color: #2588CF;
	text-decoration: none;
}

a:hover, a:focus{
	color: #2588CF;
	text-decoration: underline;
}
 
/***** Formulaires *****/
 
form{
	margin: 0;
	padding: 0;
	display: inline;
}
 
input, select, textarea{
	font: 1em arial, helvetica, sans-serif;
}

fieldset{
	margin-bottom: 10px;
	padding-top: 20px;
}

legend{
	font-size: 0.70em;
}

form p{
	margin: 7px 0 0 20px;
}

.bouton{
	padding: 0;
	margin: 0 20px 0 0;
	text-align: right;
}

.bouton input{
	border: 1px dotted #6a7479;
	color: #6a7479;
}
 
textarea{
	line-height: 1.25;
}
 
label{
	cursor: pointer;
	float: left;
	display: block;
	width: 140px;
}
 
/***** Tables *****/
 
table{
	border: 0;
	margin: 0 0 18px 0;
	padding: 0;
}
 
td{
	padding: 2px;
}

/***** Squelette *****/
 
#header{
	height: 162px;
	padding: 90px 0 0 50px;
	background: url(../img/background.jpg) no-repeat 280px 0px;
}

#conteneur{
	position: relative;
	top: -30px;
}

	#colonneGauche{
		position: absolute;
		top: 0;
		left: 0;
		width: 262px; /* IE6 */
	}
	
		#colonneGauche p{
			font-size: 0.6em;
			text-align: right;
		} 
	
		#colonneGauche dl{
			text-align: right;
		}
		
			#colonneGauche dt{
				color: #b4c80d;
				font-size: 0.75em;
				padding-bottom: 8px;
				text-transform: uppercase;
				font-weight: bold;
			}
			
			#colonneGauche dt span{
				color: #6A7479;
			}
			
			#colonneGauche li{
				font-size: 0.7em;
				text-transform: uppercase;
				border-top: 1px dotted #6a7479; 
			}
			
			#colonneGauche li strong{
				color: #fff;
				display: block;
				padding: 2px 10px 2px 0;
				background: #b4c80d url(../img/puce-grise.png) no-repeat 255px 7px; /* IE6 */
			}
	
			#colonneGauche li a{
				color: #787d81;
				display: block;
				padding: 2px 10px 2px 0;
				background: #fff url(../img/puce-grise.png) no-repeat 255px 7px; /* IE6 */
			}
	
			#colonneGauche li a:hover, #colonneGauche li a:focus{
				color: #fff;
				background:	#b4c80d url(../img/puce-grise.png) no-repeat 255px 7px; /* IE6 */
				text-decoration: none;
			}
			
			#colonneGauche #coordonnees{
				position: relative;
				bottom: 0;
				right: 0;
				margin-top: 30px;
			}
			
	#contenant{
		width: 437px;
		padding: 0 357px 0 266px;
		margin: 0 0 0 20px;
	}
	
		#contenant p, #contenant ul{
			list-style-image: url(../img/puce-grise.png);
			font-size: 0.70em;
			line-height: 1.4em;
		}
		
		#contenant p.noreduce, #contenant ul.noreduce{
			font-size: 1.0em;
		}
		
		#contenant li{
			margin: 0 0 9px 20px;
		}		
		
		#contenant .separate{
			border-bottom: 1px dotted #6a7479; 
		}
		
		#contenant .bandeau{
			color: #fff;
			background: #c2c9cd;
			font-weight: bold;
			font-size: 0.70em;
			margin-bottom: 6px;
		}
		
		#contenant .cadre{
			background: #eaf0f3;
			font-size: 0.75em;
			font-weight: bold;
			padding: 10px 8px 10px 8px;
			border: 1px dashed #6a7479; 
		}
		
		#contenant .cadre .title {
			font-size: 1.3em; 
		}
		
		#contenant .bandeau strong{
			color: #1c83cd;
			font-size: 1.2em;
		}
		
		#contenant .bleu{
			margin-bottom: 0;
			font-size: 0.8em;
			color: #1d84cd;
		}
		
		
		#contenant .vert{
			font-size: 1.3em;
			color: #adc205;
		}
		 
		#contenant .big{
			font-size: 0.9em;
		}
		
		#contenant .big strong{
			font-weight: bold;
			color: #1c83cd;
		}
	
		.contenu{
			min-height: 620px; /* IE6 */
			padding: 20px 20px 20px 20px;
			border-right: 1px dotted #6a7479; 
			border-left: 1px dotted #6a7479; 
		}
	
		.contenu .blue {
			color: #2588CF;
		}
	
		.contenu .align_bottom {
			bottom: 0;
			font-size: 12px;
			text-align: center;
			width: 395px;
		}
	
		.contenu .align_bottom a {
			font-size: 14px;
		}
		
		#atouts{
			min-height: 575px; /* IE6 */
		}

	#colonneDroite{
		position: absolute;
		top: 0;
		right: 0;
		width: 288px;
	}
	
		#colonneDroite p{
			font-size: 0.80em;
		} 	
	
		.module{
			color: #fff;
			margin: 4px 0;
			padding: 5px 0 4px 32px;
			font-weight: bold;
			font-size: 0.70em;
		}
		
		.flash{
			margin: 0 0 4px 0;
		}
	
		.rose{
			background: #cd3031 url(../img/module-rose.png) no-repeat;
		}
		
		.rose a{
			color: #fff;
			text-decoration: none;
		}
		
		.rose a:hover, .rose a:focus{
			text-decoration: underline;
		}		
	
		.gris{
			background: #79848a url(../img/module-gris.png) no-repeat;
			margin: 4px 0 0 0;
		}
		
		.vert{
			background: #79848a url(../img/module-vert.png) no-repeat;
			margin: 4px 0 0 0;
		}

		
		.banniere{
			margin: 4px 0 20px 0;
		}
	
#footer{
	position: relative;
	top: -30px;
	border-top: 1px dotted #6a7479; 
}

	#foot{
		font-size: 0.7em;
		padding-top: 4px;
		text-align: center;
		color: #2588cf;
	}
	
		#foot a{	
			color: #2588cf;
		}
 
/***** Global Classes *****/
 
.clear{ clear: both;}
 
.edito{ padding: 2px 8px 8px 0; background: #fff; }
 
.float-left{ float: left; }
.float-right{ float: right; }

.mini{ font-size: 0.8em; }
 
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-justify{ text-align: justify; }
 
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ border-bottom: 1px solid; }
.highlight{ background: #ffc; }
 
.center{ margin: 4px auto 0 auto; background: #79848a url(../img/module-gris.png) no-repeat; width: 256px;}
 
.wrap{ width: 960px;margin: 0 auto; }
 
.img-left{ float: left; margin: 4px 10px 4px 0; }
.img-right{ float: right; margin: 4px 0 4px 10px; }
 
.nopadding{ padding: 0;}
.noindent{ margin-left: 0; padding-left: 0; }
.nobullet{ list-style: none; list-style-image: none; }