html{ font-size:100%;}

body{
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	margin-top:0px;
	font-size:0.8em;
	color:#223f88;
}

/* MISE EN PAGE */

/*attention, bordure augmente la largeur d'un bloc*/

#top{
	background-image:url(../img/deco/bg_top.gif);
	background-repeat:no-repeat;
	height:57px;
	border:1px solid #EA892B;
	width:785px;
	margin-bottom:2px;
	padding:0px;
}

.logo_logement{
	border:0px;
	padding:0px;
	margin:12px;/*8*/
}

#main{
	background-image:url(../img/deco/bg_main.gif);
	background-repeat:no-repeat;
	border:1px solid #EA892B;
	width:785px;
	/*	height:100px;					*/
	/*	background-color:#003300;		*/
}

h1{
	margin-top:30px;
	font-size:1.6em;
	color:#990000;
	border:0px 1px 1px 1px;
	border-color: #EA892B;
}
h2{
	font-size:1.4em;
	color:#990000;
	font-weight:bold;
	background-image:url(../img/fleche_bleue.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
}
h3{
	font-size:1em;
	color:#990000;
	padding-left:20px;
	margin-bottom:0px;
}

.chapo{
	font-size:1em;
	color:#223f88;
	font-weight:bold;
	padding-left:0px;
}

p{
font-size:0.9em;
color:#223f88;
padding-left:20px;
padding-top:0px;
padding-right:15px; /*alignement avec les blocs info plus*/
margin-top:0px;
}



hr{
clear:both;
display:none;
}
#contenu{
/*background-color:white;*/
margin:5px;
float:left;
width:550px;
/*background-color:#339966;*/
text-align:justify;
}

#left{
/*background-color:#FF6600;*/
width:210px;
margin-right:10px;
float:left;
}

/****************** les listes ****************************/
#contenu ul{
	/*margin:2px 5px 10px 5px;*/
	list-style-image:url(../img/puceStatique.gif);
}
#contenu li{
	margin:0px;
	padding:0px;
}


/*********************************************************/	
/*********** feuille de style spéciale tableaux **********/
/*********************************************************/	


table{
	border:1px solid #223f88;
	border-collapse:collapse;
	margin: 10px auto 20px auto;
}
caption{
	color:#223f88;
	text-align:left;
}
thead{
	background-color:#223f88;
	color:white;
	font-weight:bold;
	font-size:1em;
	width:100%;
	text-align:center;
	padding:4px;
}

tbody{
	color:#223f88;
	font-size:0.9em;
	text-align:center;
	padding:2px;
}

th{
	background-color:#EFF6FF;
	padding:4px;
	border-right:1px solid #223f88;
}

td{
	border-right:1px solid #223f88;
	border-bottom:1px solid #EFF6FF;
}




/*********************************************************/	
/************************ INFOPLUS ***********************/
/*********************************************************/	

#menuplus{
	float:right;
	width:213px; /*réduire plutot la largeur de l'image plutot que d'augmenter la largeur du bloc*/
	margin:45px 10px 0px 10px; /* 45px pour être aligner avec le chapo*/
}

.border_img{
	border:1px solid #EA892B;
}

#info{
	border:1px solid #223f88;
	background-color:#FFFFCC;
	padding:4px;
	margin-top:20px;
}

h4{
	font-size:1em;
	color:#223f88;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.infoplus{
	font-size:0.9em;
	color:#223f88;
	padding:0px;
	margin:0px 2px 0px 10px;
}

#menuplus ul{
	list-style-image:url(../img/puceTransparente); 	/* pour enlever la puce du calque contenu*/
	list-style-type:none; 							/* pour IE, sinon puce par défaut */
}

.infoplus a,.infoplus a:visited{
	font-size:0.9em;
	color:#223f88;
	padding:0px;
	margin:0px 2px 0px 10px;
}

.infoplus a:hover,.infoplus a:focus{
	font-size:0.9em;
	color:#EA892B;
	border-bottom:1px solid #EA892B;
	text-decoration:none;
}



/****************************************************************/
/*************************** menu CSS ***************************/
/****************************************************************/

.pic{
	padding:0px;
	margin:0px 10px 0px 0px;
	border:0px;
}
.survol{
	border:1px solid #EA892B;
	color:#223f88;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	padding:0px;
}
.survol a{
	color:#223f88;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	padding:0px;
}

#menu{
border-right:1px solid #EA892B;
/*width:200px;*/
}


.sstitre {
	/*background-color:#ea892b; on enlève le oprange pour alléger le menu
	color:#ffffff;*/
	color:#ea892b;
	font-weight:bold;
	display:block;
	margin:0px;
	padding:0px;
}


.pause {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
	background-color:#ea892b;

}


#conteneurmenu{
	height:500px;
	margin:0px;/*ne sert à rien puisque tout se fait dans le javascript*/
	padding:0px;
}


.menu, .ssmenu {
	margin:0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
.ssmenu {
	background-color:#F2FBFF;
	border:1px solid #EA892B;
	padding:0px 0px 0px 3px;
	margin:0px;
	font-weight:100;
}



.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	width:100%;
	padding:0px 0px 0px 3px;
	margin:0;
	list-style-type:none;
}

.ssmenu li{
/*background-color:#6633CC;*/
}

 .ssmenu a, .menu a:visited, .ssmenu a:visited {
	font-family:arial;
	text-decoration:none;
	color:#223f88;
	padding:2px 1px 0px 0px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
/*html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}*/

.menu a{
	font-family:arial;
	text-decoration:none;
	color:#223f88;
	padding:0px;
	display:block;
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
.menu a:hover, .menu a:focus{
	border:1px solid #EA892B;
	color:#223f88;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{
	color:#223f88;
	text-decoration:underline;
}



/* module de recherche  */
#recherche {
	background-color:#FFFFFF;
	/*border:1px solid #EA892B;*/
	width:180px;
	margin:10px 4px 4px 4px;
	padding:4px;
	-moz-box-sizing : border-box;
}

#recherche input {
	border:1px solid #EA892B;
	font-size:0.9em;
	color:#223f88;
	margin:0px;
	padding:0px;
}


/****************************************************************/
/************************** FORMULAIRE **************************/
/****************************************************************/



label{
	display:block;
	margin:0px;
	padding:0px;
	width:150px;
	font-size:0.85em;
	float:left;
}
legend{
	color:#990000;
	font-size:0.95em;
	margin:0px 0px 10px 0px;
	font-weight:bold;
}

input,select,textarea{
	color:#223f88;
	font-size:0.95em;
}

/****************************************************************/
/************************** actualités **************************/
/****************************************************************/

	.titre_actu{
	font-size:0.95em;
	padding:0px;
	margin:0px;
	background-image:none;
	}
	.texte_actu{
	border-bottom:1px solid #e7e7e7;
	padding-bottom:5px;
	}
	
/******************************************************************/
/************************** PLAN DU SITE **************************/
/******************************************************************/	

	legend{
margin-bottom:0px;
padding-bottom:0px;
	}
	fieldset{
	margin-bottom:0px;
padding-bottom:0px;
}