/* CSS Document */

* { margin: 0; padding: 0; border: 0; }
.skipe { display: none; }

/* ===================================
body
=====================================*/
body {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #eee;
}

/* ===================================
wrapper
=====================================*/
#wrapper {
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 10px;
}


/* ===================================
emplacement des boîtes
=====================================*/
#header {
	width: 1000px;
	height: 180px;
	text-align: center;
}
/*------------------*/

#gauche {
	position: absolute;
	top: 200px;
	left: 0;
	width: 180px;
}
/*------------------*/

#centre {
	position: relative;
	margin: 10px 210px 0 180px;
	height: auto !important; /* allongement auto pour FF/safari */
	height: 440px; /* hauteur minimum avec allogement pour IE */
	min-height: 440px;  /* hauteur minimum FF/safari */
}

/*------------------*/

#droite {
	position: absolute;
	top: 200px;
	right: 20px;
	width: 170px;
	background-image: url(../commun/img/ifond_nav2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 400px;
}

/*------------------*/

#footer {
height: 10px;
margin: 0 200px;
}

/* ===================================
Navigations
=====================================*/

/*Navigation 1 */

ul#nav1 {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}
#nav1 a {
	display: block;
	height: 30px; /* block => hauteur => égalise les blancs verticaux */
	color: #000;
	text-decoration: none;
	line-height: 30px; /* pour que l'image ne soit pas coupée en hauteur */
	text-align: center;
}
#nav1 a:hover { color: white; }

#nav1 li { margin-bottom: 20px; }

#nav1 .centrage { line-height: 1em !important; }
#nav1 #lien_presentation {
	background-image: url(../commun/img/presentation.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 1em;
}
#nav1 #lien_actu_region {
	background-image: url(../commun/img/actu_region.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav1 #lien_lettre {
	background-image: url(../commun/img/lettre.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav1 #lien_agenda {
	background-image: url(../commun/img/agenda.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav1 #lien_formations {
	background-image: url(../commun/img/formations.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav1 #lien_actu_nation {
	background-image: url(../commun/img/actu_nation.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav1 #lien_infos {
	background-image: url(../commun/img/info.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav1 #lien_contact {
	background-image: url(../commun/img/contact.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


/*Navigation2*/

#droite h1 {
	color: #D41229;
	line-height: 1em;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}

ul#nav2 {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	margin-left: 5px;
}
#nav2 a {
	display: block;
	height: 25px; /* block => hauteur => égalise les blancs verticaux */
	color: #000;
	text-decoration: none;
}
#nav2 a:hover {
	color: #F00;
}
#nav2 .centrage {
	line-height: 1em !important;
	margin-bottom: 10px;
}

/*Navigation footer */
#footer ul {
font: 0.6em Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: center;
}
#footer li { display: inline; margin: 0 5px; }
#footer a {
color: #00405B;
text-decoration: none;
}
#footer a:hover { color: #FE9D32; }

/*Couleurs liens activés */

#presentation #nav1 #lien_presentation a { color: #FFF; }
#actu_region #nav1 #lien_actu_region a { color: #FFF; }
#lettre #nav1 #lien_lettre a { color: #FFF; }
#agenda #nav1 #lien_agenda a { color: #FFF; }
#formations #nav1 #lien_formations a { color: #FFF; }
#actu_nation #nav1 #lien_actu_nation a { color: #FFF; }
#infos #nav1 #lien_infos a { color: #FFF; }
#contact #nav1 #lien_contact a { color: #FFF; }



#hebergement #nav2 #lien_logement a { color: #d41229; }
#urgence #nav2 #lien_urgence a { color: #d41229; }
#emploi #nav2 #lien_emploi a { color: #d41229; }
#microcredit #nav2 #lien_microcredit a { color: #d41229; }
#travail #nav2 #lien_travail a { color: #d41229; }
#justice #nav2 #lien_justice a { color: #d41229; }
#sante #nav2 #lien_sante a { color: #d41229; }
#enfance #nav2 #lien_famille a { color: #d41229; }
#refugies #nav2 #lien_refugies a { color: #d41229; }
#jeunes #nav2 #lien_jeunes a { color: #d41229; }
#liens #nav2 #lien_liens a { color: #d41229; }
#archives #nav2 #lien_archives a { color: #d41229; }

/* ===================================
Typographies
=====================================*/

/* Page Plan du site */

#plan h3 a { color: #00405b; }
#plan h3 a:hover { color: #FE9D32; text-decoration: none; }