#global, #bas, #sep-bas {
	visibility: visible;
	width: 955px;
	margin-left: auto;					/* gere les marge pour un centrage parfait */
	margin-right: auto;					/* nécessite de spécifier le width */
	text-align: left;					/* Bug IE: correctif */
	background-color:#fff;
}
#global {
	border:6px solid #fff;
}

#bandeau {
float:left;
width: 810px;
height:91px;
background:url(../img/fd-bandeau.jpg) no-repeat;
}
h1 {
float:left;
margin:0;
padding:63px 0 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#505050;
}
#menu {
width: 700px;
clear:both;
margin:0 0 0 10px;
}
#ssmenu {
margin:0;
padding:0;
}
#gauche {
clear:both;
float:left;
width: 135px;
height:410px;
margin:15px 0 0 0;
padding: 10px 0 0 18px;
background:url(../img/fd-gauche.gif) top left no-repeat;
}
#contenu {
float:right;
width:787px;
margin:15px 0 0 0;
padding:0;
}
#contenu a {
color:#ff6600;
text-decoration:none;
}
#contenu a:hover {
color:#cc0000;
text-decoration:none;
}
#contenu h2.doc, #contenu h2.prescri, #contenu h2.dos, #contenu h2.liens {
font-size:12px;
height:28px;
margin:0;
padding:0 0 0 36px;
line-height:26px;
background-color:#e7ebdf;
}

	#prescri a, #documentation a, #dossier a {
	height:79px;
	float:left;
	margin:12px 0 0 3px;
	padding-top:20px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}
	#prescri a {
	width:110px;
	background:url(../img/prescri+-off-in.jpg) no-repeat;

	}
	#prescri a:hover {
	background:url(../img/prescri+-on-in.jpg) no-repeat;
	color:#000;
	text-decoration:none;
	}
	#documentation a {
	width:110px;
	background:url(../img/documentation-off-in.jpg) no-repeat;
	}
	#documentation a:hover {
	background:url(../img/documentation-on-in.jpg) no-repeat;
	color:#000;
	text-decoration:none;
	}
	#dossier a {
	width:110px;
	background:url(../img/dossier-off-in.jpg) no-repeat;
	}
	#dossier a:hover {
	background:url(../img/dossier-on-in.jpg) no-repeat;
	color:#000;
	text-decoration:none;
	}
#bas {
	font-size:10px;
	height:30px;
	border-bottom:6px solid #fff;
	border-right:6px solid #fff;
	border-left:6px solid #fff;
}
p.intro {
	font-size:13px;
	color:#000;
	font-weight:bold;
}
h4, h3.actuTitre {
	color:#cc0000;
	font-weight:bold;
	clear:both;
	margin-bottom:0;
	padding-bottom:0;
}

/*------------------- DOCUMENTATION ----------------------------*/
/*border:1px solid #000;*/

#contenu h2.doc {
background:url(../img/fl-jaune.gif) no-repeat;
}
#bt-fiches, #bt-fiches2 {
float:left;
width: 136px;
height:136px;
background:url(../img/fd-bt-fiches.gif) no-repeat;
font-size:13px;
font-weight:bold;
color:#cc0000;
text-align:center;
padding:30px 0 0 0;
}
#bt-fiches {
margin:20px 10px 0 10px;
}	
#bt-fiches2 {
margin:20px 100px 0 18px;
}		
#bt-fiches a, #bt-fiches2 a {
color:#cc0000;
text-decoration:none;
}	
#bt-fiches a:hover, #bt-fiches2 a:hover {
color:#000;
text-decoration:none;
}
#bt-fiches img, #bt-fiches2 img {
padding-top:8px;
}

/*------------------- PRESCRI ----------------------------*/

#contenu h2.prescri {
background:url(../img/fl-rouge.gif) no-repeat;
}
#contenu h2.prescri {
clear:both;
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 34px;
}
#etape1, #etape2, #etape3, #etape4, #etape5 {
width:787px;
height:52px;
margin:6px 0 0 0;
padding:0;
}
	#etape1 .libelle, #etape2 .libelle, #etape3 .libelle, #etape4 .libelle, #etape5 .libelle {
	padding-top:0;
	}
	#etape1 ul, #etape2 ul, #etape3 ul, #etape4 ul, #etape5 ul {
	float:right;
	margin:5px 0;
	padding:0 27px 0 0;
	list-style:none;
	}
	#etape1 li, #etape2 li, #etape3 li, #etape4 li, #etape5 li {
	width:110px;
	margin:0;
	padding:15px 5px 15px 37px;
	float:left;
	text-align:center;
	color:#000;
	}
	
#etape1 {
background:url(../img/etape-1.gif) no-repeat;
}
#etape2 {
background:url(../img/etape-2.gif) no-repeat;
}
#etape3 {
background:url(../img/etape-3.gif) no-repeat;
}
#etape4 {
background:url(../img/etape-4.gif) no-repeat;
}
#etape5 {
background:url(../img/etape-5.gif) no-repeat;
}
span.haut {
color:#ff5603;
padding:10px 0;
float:right;
margin-right:41px;
}
span.haut a {
color:#ff5603;
text-decoration:none;
}
span.haut a:hover {
color:#000;
text-decoration:none;
}
/*------------------- fiche procede ----------------------------*/
#contenu h3.fiche, h3.prescri, h4.fiche {
width:700px;
clear:both;
font-size:12px;
margin:10px 0 0 12px;
padding:0 0 3px 0;
border-bottom:6px solid #E7EBDF;
color:#cc0000;
font-weight:bold;
}
.img-fiche {
margin:20px 0;
}
#contenu #fiche-tab table {
margin:0 0 0 12px;
}
#contenu #fiche-tab table td {
border-bottom:1px dashed #bcc0b6;
padding:3px 20px;
}
#contenu #fiche-tab table.descriptif {
margin:0 0 0 12px;
}
#contenu #fiche-tab table.descriptif td {
border-bottom:1px dashed #bcc0b6;
padding:20px;
background-color:#fff;
}
#contenu #fiche-tab table.descriptif td a {
color:#ff6600;
}
#contenu table td a {
color:#ff6600;
}
	#contenu #fiche-tab ul {
	margin:10px 20px;
	padding:0;
	list-style:none;
	border:0;
	}
	#contenu #fiche-tab li {
	margin:0;
	padding:2px 10px;
	}
	#contenu #fiche-tab li a {
	color:#ff6600;
	text-decoration:none;
	}
	#contenu #fiche-tab li a:hover {
	color:#cc0000;
	text-decoration:none;
	}


/*------------------- DOSSIER ----------------------------*/

#contenu h2.dos {
background:url(../img/fl-orange.gif) no-repeat;
}

/*------------------- LIENS ----------------------------*/
#contenu h2.liens {
background:url(../img/pict-meple.gif) no-repeat;
}
#liens, .ref {
float:left;
width:787px;
margin: 5px 0;
}
	#liens ul, .ref ul {
	margin:5px 0;
	padding:0;
	list-style:none;
	border-bottom:1px dashed #bcc0b6;
	}
	#liens li, .ref ul li {
	margin:0;
	padding:15px 8px;
	float:left;
	}
	#liens li a, .ref ul li a {
	color:#ff6600;
	text-decoration:none;
	}
	#liens li a:hover, .ref ul li a:hover {
	color:#cc0000;
	text-decoration:none;
	}
.rouge {
color:#cc0000;
}
#contenu table {
margin:20px 0 0 10px;
}
#contenu table a {
color:#000;
text-decoration:none;
}
#contenu table a:hover {
color:#cc0000;
text-decoration:none;
}
#contenu table td {
border-bottom:1px dashed #bcc0b6;
padding:3px 0;
}

/*------------------- CONTACT ----------------------------*/
#contenu h3.contact {
width:782px;
clear:both;
font-size:12px;
margin:10px 0 0 0;
padding:0 0 3px 5px;
border-bottom:6px solid #E7EBDF;
}
.orange {
color:#ff5603;
}
.orange a {
color:#ff5603;
text-decoration:none;
}
.orange a:hover {
color:#000;
text-decoration:none;
}
.taille {
font-size:10px;
}

/*------------------- mentions ----------------------------*/
#bloc {
width:700px;
margin:20px 0 40px 0;
}
#contenu h3.mentions {
width:700px;
clear:both;
font-size:12px;
margin:10px 0 5px 0;
padding:3px 0 3px 0;
border-bottom:1px dashed #9D9F97;
color:#cc0000;
}
/*------------------- actualites ----------------------------*/
.img-actu {
margin:0 30px 20px 0;
float:left;
}
#bloc-actu {
width:700px;
margin:20px 0 40px 0;
text-align:justify;
}

/*------------------- QUI SOMMES NOUS ----------------------------*/
#contenu h3.qui {
width:700px;
clear:both;
font-size:12px;
margin:50px 0 0 12px;
padding:0 0 3px 0;
border-bottom:6px solid #E7EBDF;
}
#menu2 {
float:left;
padding:6px 0;
width: 780px;
clear:both;
margin:5px 0;
border-bottom:1px solid #E7EBDF;
color:#cc0000;
	}
	#menu2 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	#menu2 li {
	margin:0;
	padding:0 16px;
	float:left;
	font-weight:bold;
	background:url(../img/int.gif) top right no-repeat;
	}
	#menu2 li a, #menu2 li.liOn a, #menu2 li.liOff a {
	color:#000;
	text-decoration:none;
	}
	#menu2 li a:hover, #menu2 li.liOn a:hover, #menu2 li.liOff a:hover {
	color:#cc0000;
	text-decoration:none;
	}
#menu2 li.liOn, #menu2 li.liOff {
	font-weight:bold;
	background-color:#FFDF0F;
	padding:5px 20px;
	margin:0 2px;
	background-image:none;
}
#menu2 li.liOn{
	border:1px solid #000;
}
#menu2 li.liOff{
	border:1px solid #fff;
}
#bloc-qui {
width:700px;
margin:20px 0 30px 12px;
text-align:justify;
}
#bloc-qui img {
float:left;
margin:0 10px 10px 0;
}
#bloc-qui img.left {
float:left;
margin:0 24px 10px 0;
}
#bloc-qui img.right {
float:right;
margin:0 0 10px 24px;
}
.ville {
float:left;
width:183px;
height:160px;
padding:20px;
border:1px solid #E7EBDF;
margin-left:12px;
}
.ville2 {
float:left;
width:183px;
height:320px;
padding:20px;
border:1px solid #E7EBDF;
margin-left:12px;
}

/* ---------- CARTE MAP ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(../img/carte.gif) bottom right no-repeat;
	height: 540px;
	width: 500px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; display: none; }
dd{ margin: 0; padding: 0; position: absolute; }
/*----------*/
dd#lilleDef {
	top: 122px;
	left: 255px;
	}
dd#lilleDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 0;
	left: 64px;
	}
dd#lilleDef a span {
	display: none;
	}
dd#lilleDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#lilleDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 180px;
	height:160px;
}
/*----------*/
dd#rouenDef {
	top: 132px;
	left: 220px;
	}
dd#rouenDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#rouenDef a span {
	display: none;
	}
dd#rouenDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#rouenDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 180px;
	height:160px;
}
/*----------*/
dd#parisDef {
	top: 159px;
	left: 269px;
	}
dd#parisDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#parisDef a span {
	display: none;
	}
dd#parisDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#parisDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 180px;
	height:213px;
}
/*----------*/
dd#nantesDef {
	top: 159px;
	left: 269px;
	}
dd#nantesDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#nantesDef a span {
	display: none;
	}
dd#nantesDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#nantesDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 180px;
	height:160px;
}
/*----------*/