body{
	margin:0;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

body, html{
	margin:0;
	padding:0;
}
img{border:none;}

#principal{
}

.invisible{
	display:none;
}

#col_gauche{
	width:199px;
	height:100%;
	float:left;
	background-color:#FFFFFF;
}

#menu_milieu{
	height:100%
}

#col_milieu{
	width:414px;
	/*background:url(imgs/bg-contenu.png) repeat-x #FFFFFF;*/
	float:left;
	min-height:329px;
}

#col_droite{
	width:387px;
	float:left;
}

#logo{
	/*background:url(imgs/logo.png) no-repeat;*/
	width:199px;
	height:251px;
	display:block;
}

.bordures-bas{
	border-bottom: solid 1px #FFFFFF;
}

/*#menu{
	display:block;
	width:179px;
	height:14px;
	margin-left:20px;
}*/

#menu-accueil{
	background:url(imgs/menu/accueil-01.gif) no-repeat;
}
#menu-accueil:hover, #menu-accueil.actif{
	background:url(imgs/menu/accueil-02.gif) no-repeat;
}
#menu-bahut{
	background:url(imgs/menu/bahut-01.gif) no-repeat;
}
#menu-bahut:hover, #menu-bahut.actif{
	background:url(imgs/menu/bahut-02.gif) no-repeat;
}
#menu-autonomie{
	background:url(imgs/menu/autonomie-01.gif) no-repeat;
}
#menu-autonomie:hover, #menu-autonomie.actif{
	background:url(imgs/menu/autonomie-02.gif) no-repeat;
}
#menu-confiance{
	background:url(imgs/menu/confiance-01.gif) no-repeat;
}
#menu-confiance:hover, #menu-confiance.actif{
	background:url(imgs/menu/confiance-02.gif) no-repeat;
}
#menu-demarches{
	background:url(imgs/menu/demarches-01.gif) no-repeat;
}
#menu-demarches:hover, #menu-demarches.actif{
	background:url(imgs/menu/demarches-02.gif) no-repeat;
}
#menu-respect{
	background:url(imgs/menu/respect-01.gif) no-repeat;
}
#menu-respect:hover, #menu-respect.actif{
	background:url(imgs/menu/respect-02.gif) no-repeat;
}
#menu-sports{
	background:url(imgs/menu/sports-01.gif) no-repeat;
}
#menu-sports:hover, #menu-sports.actif{
	background:url(imgs/menu/sports-02.gif) no-repeat;
}
#menu-culture{
	background:url(imgs/menu/culture-01.gif) no-repeat;
}
#menu-culture:hover, #menu-culture.actif{
	background:url(imgs/menu/culture-02.gif) no-repeat;
}
#menu-sante{
	background:url(imgs/menu/sante-01.gif) no-repeat;
}
#menu-sante:hover, #menu-sante.actif{
	background:url(imgs/menu/sante-02.gif) no-repeat;
}
#menu-bons-plans{
	background:url(imgs/menu/plans-01.gif) no-repeat;
}
#menu-bons-plans:hover, #menu-bons-plans.actif{
	background:url(imgs/menu/plans-02.gif) no-repeat;
}

#bas-menu{
	/*background:url(imgs/bg-bas-menu.png) repeat-x #F2EFEF;*/
	height:100%;
	margin-top:20px;
}

#visu{
	width:540px;
}

.visu-accueil{
	background:url(imgs/visu/accueil.jpg) no-repeat;
}
.visu-bahut{
	background:url(imgs/visu/bahut.jpg) no-repeat;
}

a.sous-rub{
	display:block;
	width:128px;
	margin-left:20px;
}

a.sous-rub_autonomie_offres{
	height:13px;
	background:url(imgs/menu/ssmenu-autonomie/emploi-01.gif) no-repeat;
}
a.sous-rub_autonomie_offres:hover{
	background:url(imgs/menu/ssmenu-autonomie/emploi-02.gif) no-repeat;
}
a.sous-rub_autonomie_jobs{
	height:13px;
	background:url(imgs/menu/ssmenu-autonomie/job-01.gif) no-repeat;
}
a.sous-rub_autonomie_jobs:hover{
	background:url(imgs/menu/ssmenu-autonomie/job-02.gif) no-repeat;
}
a.sous-rub_autonomie_stages{
	height:13px;
	background:url(imgs/menu/ssmenu-autonomie/stages-01.gif) no-repeat;
}
a.sous-rub_autonomie_stages:hover{
	background:url(imgs/menu/ssmenu-autonomie/stages-02.gif) no-repeat;
}
a.sous-rub_autonomie_premiers{
	height:13px;
	background:url(imgs/menu/ssmenu-autonomie/premiers-01.gif) no-repeat;
}
a.sous-rub_autonomie_premiers:hover{
	background:url(imgs/menu/ssmenu-autonomie/premiers-02.gif) no-repeat;
}
a.sous-rub_autonomie_apprentissage{
	height:26px;
	background:url(imgs/menu/ssmenu-autonomie/apprentissage-01.gif) no-repeat;
}
a.sous-rub_autonomie_apprentissage:hover{
	background:url(imgs/menu/ssmenu-autonomie/apprentissage-02.gif) no-repeat;
}
a.sous-rub_autonomie_logement{
	height:13px;
	background:url(imgs/menu/ssmenu-autonomie/logement-01.gif) no-repeat;
}
a.sous-rub_autonomie_logement:hover{
	background:url(imgs/menu/ssmenu-autonomie/logement-02.gif) no-repeat;
}

/*** ACTUALITES ***/
.actualite{
	margin:0 20px 0 20px;
	/*height:100px;*/
	padding-left:0px;
	padding-right:11px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:solid 1px #C3004A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C3004A;
}
.actualite:hover{
	background-color:#F4F4F4;
}
.titre_actu{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

.actu01{
	background:url(imgs/ico-visu01.jpg) no-repeat 0 4px;
}
.actu02{
	background:url(imgs/ico-visu02.jpg) no-repeat 0 4px;
}
.actu03{
	background:url(imgs/ico-visu03.jpg) no-repeat 0 4px;
}
.actu04{
	background:url(imgs/ico-visu04.jpg) no-repeat 0 4px;
}

.contenu{
	height:53px;
}

.en-savoir-plus a{
	width:110px;
	background:url(imgs/btn_en-savoir-plus.jpg) right no-repeat;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color:#C3004A;
	display:block;
	text-decoration:none;
}
.en-savoir-plus a:hover{
	text-decoration:underline;
}

.chapeau_article{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:10px;
}
/******************/
#col-imput {
	background-color: #f0eded;
	background-image: url(imgs/bg-col-gauche.jpg);
	background-repeat: no-repeat;
}
#col-imput #recherche {
	background-image: url(imgs/bg-imput.gif);
	background-repeat: no-repeat;
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background-position: 0px 12px;
}
.recherche{
	background-image: url(imgs/bg-imput2.gif);
	background-repeat: no-repeat;
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background-position: 0px 12px;
}
.blackborder {
	border: 1px solid #000000;
	font-family: arial;
	font-size: 10px;
	color: #000000;
}
#col-imput #calendier {
	background-image: url(imgs/bg-calendrier.gif);
	background-repeat: no-repeat;
}
.table_calendar{
	font-family:verdana;
	font-size:10px;
	text-align:center;
}

.titre {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-left:30px;
	padding-top:15px;
}
.cal_cel{
	width:20px;
	font-weight: bold;
}
#tab-contain {
	background-image: url(imgs/bg-tabcontain.jpg);
	background-repeat: repeat-x;
	font-family: arial;
	font-size: 12px;
	color: #000000;
}
#tab-contain .actu-module {
	font-family: arial;
	font-size: 10px;
	color: #C1014A;
}
.actu-module  a.link {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #C1014A;
}
.actu-module  a:hover.link {
	color: #C1014A;
}
#tab-contain .actu-module .titre {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#tab-contain #titre {
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
#tab-contain #titre {
	background-image: url(imgs/bg-titres/accueil.gif);
	background-repeat: no-repeat;
}

/*
=============================
APPARENCE DU CALENDRIER
=============================
*/

 .calendrier_mois {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #99681C;
	 text-decoration: none;
	 font-weight: normal;
	 text-align: center;
	 vertical-align: middle;
 }
 .calendrier_jour {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 text-transform: lowercase;
	 color: #313F5A;
	 text-decoration: none;
	 text-align: center;
	 vertical-align: middle;
 }
 .calendrier_nom_des_jours {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 color: #aa004b;
	 text-decoration: none;
	 font-weight: bold;
	 text-align: center;
	 vertical-align: middle;
	 font-size: 10px;
 } 	
 
/*** Messages d'alerte ***/
.message{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #AA004B;
	text-align: center;
	vertical-align: middle;
	border:solid 1px #C3004A;
	padding:10px;
	width:384px;
}

/* texte classique*/
.texte_padding{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px;
	padding-right:10px;
}
/* saisie dans les formulaires */
.saisie_contour{
	border:1px solid black;	
}

.txt_bordure{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px solid black;	
}

.titre_bordure{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border:1px solid black;	
}

.txt_simple{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.menu {
	list-style: none;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}

ul.menu{
	width: 145px;
}

.menu a,.menu span{
	display: block;
	color:black;
	text-decoration: none;
	line-height: 14px;
	padding-left: 16px;
	background-image:url(imgs/menu_couleur/menu.gif);
}
.menu a:hover{
	color: black;
	background-image:url(imgs/menu_couleur/menu_hover.gif);
}

.ss_menu {
	list-style: none;
	font-family:verdana;
	font-size:10px;
	width: 105px;
}

.ss_menu a,.ss_menu span{
	display: block;
	text-decoration: none;
	font-weight:bold;
	line-height: 14px;
	padding-left: 0px;
	background-image:url(imgs/menu_couleur/ss_menu.gif);
}
.ss_menu a:hover{
	color:black;
	font-weight:bold;
}

h1, li.menu{
	font-size:10px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

li.sous_menu{
	font-size:10px;
	font-weight:bold;
	margin-left: -40px;
	text-indent: 5px;
	width: 140px;
}

	a.over:hover{ font-size: 9px; }
	a.over:active{ font-size: 10px; }
	a.over:link{ font-size: 10px; }
	a.over:visited{ font-size: 10px; }

	a.message_lien:visited{font-family:verdana;text-decoration:none; color:#000000; border-bottom: 1px solid black;}
	a.message_lien:hover{font-family:verdana;text-decoration:underline overline; font-weight:bold; color:#AA004B;}
	a.message_lien:link{font-family:verdana;text-decoration:underline; color:#000000;}
	a.message_lien:active{font-family:verdana;text-decoration:underline; color:#000000;}	

	a.message_lien_retour:visited{font-family:verdana;text-decoration:none; color:#000000; font-size:10px; border-bottom: 1px solid black;}
	a.message_lien_retour:hover{font-family:verdana;text-decoration:underline overline; font-weight:bold; color:#AA004B; font-size:10px;}
	a.message_lien_retour:link{font-family:verdana;text-decoration:underline; color:#000000; font-size:10px;}
	a.message_lien_retour:active{font-family:verdana;text-decoration:underline; color:#000000; font-size:10px;}		
	
	a.aide_01:visited{font-family:verdana;text-decoration:none; color:#AA004B; border-bottom: 1px solid black; font-weight:bold;}
	a.aide_01:hover{font-family:verdana;text-decoration:underline overline; color:#AA004B; font-weight:bold;}
	a.aide_01:link{font-family:verdana;text-decoration:underline; color:#AA004B; font-weight:bold;}
	a.aide_01:active{font-family:verdana;text-decoration:underline; color:#AA004B; font-weight:bold;}	
 
	a.mod_liens_01:visited{font-family:verdana;text-decoration:none;color:#000000;}
	a.mod_liens_01:hover{font-family:verdana;text-decoration:none;color:#000000;}
	a.mod_liens_01:link{font-family:verdana;text-decoration:none;color:#000000;}
	a.mod_liens_01:active{font-family:verdana;text-decoration:none;color:#000000;}	
 
	a.mod_liens_02:visited{font-family:verdana;text-decoration:none; color:#000000;}
	a.mod_liens_02:hover{font-family:verdana;text-decoration:underline overline; color:#AA0000;}
	a.mod_liens_02:link{font-family:verdana;text-decoration:none; color:#000000;}
	a.mod_liens_02:active{font-family:verdana;text-decoration:none; color:#000000;}	

	a.mod_liens_03:visited{font-family:verdana;text-decoration:none; color:white;}
	a.mod_liens_03:hover{font-family:verdana;text-decoration:none; color:white;}
	a.mod_liens_03:link{font-family:verdana;text-decoration:none; color:white;}
	a.mod_liens_03:active{font-family:verdana;text-decoration:none; color:white;}	
 
	a.mod_liens_04:visited{font-family:verdana;text-decoration:none; color:#000000;}
	a.mod_liens_04:hover{font-family:verdana;text-decoration:underline overline; color:black;}
	a.mod_liens_04:link{font-family:verdana;text-decoration:none; color:#000000;}
	a.mod_liens_04:active{font-family:verdana;text-decoration:none; color:#000000;}	

	a.up:visited{font-family:verdana;text-decoration:none; color:#000000;font-style: italic;}
	a.up:hover{font-family:verdana;text-decoration:underline; color:#000000;font-style: italic;}
	a.up:link{font-family:verdana;text-decoration:none; color:#000000;font-style: italic;}
	a.up:active{font-family:verdana;text-decoration:none; color:#000000;font-style: italic;}	

	/*refait à l'identique par rapport à mod_liens_01 car ce dernier est redéfini dans la page d'index.php*/
	a.simple:visited{font-family:verdana;text-decoration:none; color:#000000;}
	a.simple:hover{font-family:verdana;text-decoration:none; color:#000000;}
	a.simple:link{font-family:verdana;text-decoration:none; color:#000000;}
	a.simple:active{font-family:verdana;text-decoration:none; color:#000000;}	
	
	a.simple2:visited{font-family:verdana;font-size: 10px;text-decoration:none; color:#000000;}
	a.simple2:hover{font-family:verdana;font-size: 10px;text-decoration:none; color:#000000;}
	a.simple2:link{font-family:verdana;font-size: 10px;text-decoration:none; color:#000000;}
	a.simple2:active{font-family:verdana;font-size: 10px;text-decoration:none; color:#000000;}	
	
	a.lien_general:visited{font-size: 10px;font-family:verdana;text-decoration:none; color:#000000; border-bottom:1px solid black;}
	a.lien_general:hover{font-size: 10px;font-family:verdana;text-decoration:overline; color:#000000; border-bottom:1px solid black;}
	a.lien_general:link{font-size: 10px;font-family:verdana;text-decoration:none; color:#000000; border-bottom:1px solid black;}
	a.lien_general:active{font-size: 10px;font-family:verdana;text-decoration:none; color:#000000; border-bottom:1px solid black;}	
	
	a.lien_bread:visited{font-size: 11px;font-family:verdana;text-decoration:none; color:#000000; border-bottom:1px solid black;}
	a.lien_bread:hover{font-size: 11px;font-family:verdana;text-decoration:overline; color:#000000; border-bottom:1px solid black;}
	a.lien_bread:link{font-size: 11px;font-family:verdana;text-decoration:none; color:#000000; border-bottom:1px solid black;}
	a.lien_bread:active{font-size: 11px;font-family:verdana;text-decoration:none; color:#000000; border-bottom:1px solid black;}	
	
	a.lien_general_blanc:visited{font-size: 10px;font-family:verdana;text-decoration:none; color:#fff; border-bottom:1px solid white;}
	a.lien_general_blanc:hover{font-size: 10px;font-family:verdana;text-decoration:overline; color:#fff; border-bottom:1px solid white;}
	a.lien_general_blanc:link{font-size: 10px;font-family:verdana;text-decoration:none; color:#fff; border-bottom:1px solid white;}
	a.lien_general_blanc:active{font-size: 10px;font-family:verdana;text-decoration:none; color:#fff; border-bottom:1px solid white;}	
	
	a.lien_general_rose:visited{font-size: 10px;font-family:verdana;text-decoration:none; color:#AA004B; border-bottom:1px solid black;}
	a.lien_general_rose:hover{font-size: 10px;font-family:verdana;text-decoration:overline; color:#AA004B; border-bottom:1px solid black;}
	a.lien_general_rose:link{font-size: 10px;font-family:verdana;text-decoration:none; color:#AA004B; border-bottom:1px solid black;}
	a.lien_general_rose:active{font-size: 10px;font-family:verdana;text-decoration:none; color:#AA004B; border-bottom:1px solid black;}	

/*positionnement de l'image dans  le footer*/

a#img_footer_html{
	vertical-align:bottom; 
}
a#img_footer_css{
	vertical-align:bottom; 
}

#align_footer{
	margin-top:7px;
}
#align_footer_ff{
	padding-top:7px;
}

/*===============================*/
	
.ariane{
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	font-family:verdana;
	color: black;
}

#footer{
	clear:both;
	width:100%;
	height:20px;
	background-color:#FFFFFF;
	font-family:verdana;
	font-size:10px;
	text-decoration:none; 
	text-align: center;
	color:black;
	padding-bottom:5px;
}

.titre_simple{
	height:50px; 
	text-align: center;
	color:black;
	font-family:verdana;
	font-size:large;
	text-decoration:none; 
}

.rub_aide{
	padding-left:10px; 
	padding-right:10px; 
	color:black;
	font-family:verdana;
	font-size:small;
	text-decoration:none; 
	text-align: justify;
}
.puce_aide{
	list-style-image: url('imgs/puce_titre_aide.gif');
	margin-left: -20px;
}

li.liste_aide{
	color:black;
	font-family:verdana;
	font-size:small;
	text-decoration:none; 
	color: #AA004B;
}

h2.liste_aide{
	color:black;
	font-family:verdana;
	font-size:large;
	text-decoration:none; 
	color: #AA004B;
}

h3.liste_aide{
	color:black;
	font-family:verdana;
	font-size:small;
	text-decoration:none; 
	color: #AA004B;
}

.titre_aide{
	font-family: verdana;
	font-size:x-large;
	font-weight:bold;
	text-align: center;
}

.ss_titre_aide{
	font-family: verdana;
	font-size:small;
	font-weight:bold;
	text-decoration:underline; 
}

p.footer{
	font-family: verdana;
	font-size:small;
	text-align: justify; 
}
p.up{
	font-family: verdana;
	font-size:x-small;
	text-align: right; 
	font-style: italic;
}

/* INDEX */
div.c16 {
	width: 150px; 
	height: 500px
}
div.c15 {
	background-image:url(imgs/haut_accueil_intro_v2.gif);
	background-repeat:no-repeat;
	height:140px;
	vertical-align:top;
}
td.c14 {
	padding-top:5px;
	height:174px;
}
td.c13 {
	border:1px solid black;
	background-color:#d6e9fb;
}
td.c12 {
	color:#494949;
}
td.c11 {
	padding-top:20px;
}
td.c10 {
	padding-left:30px;
	padding-bottom:15px;
}
td.c9 {
	padding-left:30px;
}
td.c8 {
	padding-left:30px;
	padding-bottom:30px;
}
td.c7 {
	height:78px;
}
span.c13 {
	font-family:verdana;
	font-size:10px;
}
a.c12 {
	font-family:verdana;
	font-size:10px;
	text-decoration:none;
}
input.c11 {
	vertical-align:top;
}
div.loading{
	text-align:center;
	width:100%;
	padding-top:40%;
	font-family:Arial;
	font-size:10px;
}
div.cont_flash{ 
	width:52px; 
	margin-left: auto; 
	cursor: pointer; 
}
div.flash_stop{ 
	background:url(imgs/flash_barre.gif) center no-repeat; 
	width: 52px; 
	height: 20px;
}
div.flash_start{ 
	background:url(imgs/flash.gif) center no-repeat;
	width: 52px;
	height: 20px;
}

table.bloc_gauche{
	display:table;
	width:100%;
	border-collapse:collapse;
	padding:0px;
}

td.bloc_gauche_titre{
	display:table-cell;
	text-align:left;
	vertical-align:bottom
}

td.bloc_gauche_contenu{
	display:table-cell;
	text-align:left;
	vertical-align:top;
}

span.titre_cal{
	font-family: verdana;
	font-size: 9px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

h1.ti{
	text-indent: -400px;
}

.menu_ml1{
	margin:-11px 0px -11px 0px;
}

.menu_ml2{
	margin:-11px 0px -11px 0px;
}

#menu_hover{
	background-image:url(imgs/menu_couleur/menu_hover.gif);
}

.cal_color_eve_passed{
	color:#494949;
}

.cal_color_eve{
	color:#0000cc;
}

td.cal_eve_titre{
	height: 49px;
	width: 401px;
	padding-left: 5px;
}

td.cal_eve_culturel{
	background: url(imgs/bg_evenement_culturel.gif) no-repeat;
}

td.cal_eve_sportif{
	background: url(imgs/bg_evenement_sportif.gif) no-repeat;
}

td.cal_eve_exceptionnel{
	background: url(imgs/bg_evenement_exe.gif) no-repeat;
}

td.cal_eve_citoyen{
	background: url(imgs/bg_evenement_citoyen.gif) no-repeat;
}

.background_send_ami{
	background: url(imgs/ami_bg.gif) no-repeat;
}

.puce_titre_aide{
	list-style-image: url('imgs/puce_titre_aide.gif');
}

.puce_sstitre_aide{
	list-style-image: url('imgs/puce_sstitre_aide.gif');
}

hr.actu_corps {
	height: 1px;
	color: black;
	border-width: 0px;
}

table.resultat_recherche{
	width: 374px;
	border-collapse:collapse;
	border:1px solid black;
	background-image:url(imgs/res_fond.gif);
	background-repeat:no-repeat;
}

.resultat_recherche td,.resultat_recherche th {
	padding: 3px;
}

.table_txt_simple th,.table_txt_simple td{
	padding: 10px;
}

.btn_left{
	background-image:url(imgs/bouton/btn_left.gif);
	width:12px;
	height:20px;
	padding: 0px;
}

.btn_right{
	background-image:url(imgs/bouton/btn_right.gif);
	width:18px;
	height:20px;
	padding: 0px;
}

.btn_middle{
	vertical-align:top;
	background-image:url(imgs/bouton/btn_middle.gif);
	line-height:10px;
	padding-top:5px;
	height:23px;
}