/* CSS Document */
/* site de la fesum */


body,html {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	color: #000;
}
body{
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 1.2em;
	background: url(../IMG/fond_grille.gif) left top repeat;
}

input{
	width: 300px;
}

textarea{
	width: 300px;
}

.conteneur{
	margin-left: auto;
	margin-right: auto;
	width: 956px;
	background-color: #FFF;
	margin-top: 50px;
	text-align: left;
}

/*haut des pages*/

.haut{
	width: 956px;
	height: 128px;
	margin: 0px;
	background: url(../IMG/haut.jpg) 1px top no-repeat;
}

/* menu onglets général*/
.menu{
	position: absolute;
	margin-left: 95px;
	margin-top: 100px;
	height: 28px;
}

.menu div{
	float: left;
	height: 28px;
	
}
/* haut de l'index */
.haut_index{
	width: 956px;
	height: 128px;
	margin: 0px;
	background: url(../IMG/haut_index.jpg) left top no-repeat;
}

/* menu onglet de l'index*/
.menu_index{
	position: absolute;
	margin-left: 343px;
	margin-top: 100px;
	height: 28px;
}

.menu_index div{
	float: left;
	height: 28px;
	
}

.onglet{
	display: block;
	list-style: none;
	float: left;
	height: 28px;
	width: 98px;
	text-align: center;
	background: url(../IMG/N_onglet2.gif) left 1px no-repeat;
}

.onglet a{
	display: block;
	height: 28px;
	width: 98px;
	font-size: 1.2em;
	color: #009ad8;
	text-decoration:none;
	padding-top: 6px;
}

.onglet a:hover{
	display: block;
	height: 28px;
	width: 98px;
	background: url(../IMG/R_onglet.gif) left 1px no-repeat;
	font-weight: bold;
}

.onglet span{
	display: block;
	height: 28px;
	width: 98px;
	font-size: 1.2em;
	color: #009ad8;
	text-decoration:none;
	padding-top: 5px;
	background: url(../IMG/R_onglet.gif) left top no-repeat;
	font-weight: bold;
}

.onglet a.encours{
	display: block;
	height: 28px;
	width: 98px;
	font-size: 1.2em;
	color: #009ad8;
	text-decoration:none;
	padding-top: 5px;
	background: url(../IMG/R_onglet.gif) left top no-repeat;
	font-weight: bold;
}


/* zone d egauche de l'index*/
.gauche_index{
	float: left;
	width: 350px;
	height: 472px;
	margin: 0px;
	background: url(../IMG/gauche_index2.jpg) left top no-repeat;
}

/* boite contextuel de l'index pour les urgences */
.boite_urgence{
	position: absolute;
	margin-left: 75px;
	margin-top: 98px;
	width: 273px;
	background: url(../IMG/fond_bloc_urgences.jpg) left top repeat;	
}

.haut_boite_urgence{
	width: 273px;	
	height: 40px;
	background: url(../IMG/haut_bloc_urgences.jpg) left top no-repeat;
	margin: 0px;
}


.boite_urgence h3{
	color: #FF0000;
	font-size: 2.4em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-left: 35px;
	background: url(../IMG/flecherouge.gif) left 3px no-repeat;
}

.boite_urgence p{
	color: #009ad8;
	margin: 0px;
	margin-right: 15px;
	margin-left: 5px;
}

.boite_urgence a{
	color: #FF0000;
	text-decoration: none;
}

.boite_urgence a:hover{
	text-decoration: underline;
}

/* zone principale d ela page*/
.zone_centrale{
	float: left;
	background: url(../IMG/fond_page.jpg) left top no-repeat;
	*margin: 0px;
	width: 950px;
	/*height: auto;*/
}


	
/* menu contextuel général*/

.menu_contextuel{
	float: left;
	width: 212px;
	margin-left: 0px;
}
.menu_contextuel div{
	/*display: inline;*/
	width: 210px;
	height: 26px;
	margin: 0px;
	margin-bottom: 2px;
	background: url(../IMG/bouton_menu_contextuel.gif) left top no-repeat;
}

.menu_contextuel a{
	display: block;
	width: 177px;
	height: 26px;
	text-decoration: none;
	padding-left: 35px;
	background: url(../IMG/flechevertemenu.gif) 10px top no-repeat;
	color: #009ad8;
	font-weight: normal;
	font-size: 1.2em;
}

.menu_contextuel a:hover{
	display: block;
	width: 177px;
	height: 26px;
	text-decoration: none;
	padding-left: 35px;
	background: url(../IMG/flechebleu.gif) 10px top no-repeat;
	font-weight: bold;
}

.menu_contextuel span{
	display: block;
	width: 177px;
	height: 26px;
	padding-left: 35px;
	background: url(../IMG/flechebleu.gif) 10px top no-repeat;
	color: #009ad8;
	font-weight: bold;
	font-size: 1.2em;
}

/* zone principale de la page index */
.principal_index{
	float: left;
	width: 598px;
	height: 472px;
	margin: 0px;
	background-color: #FFF;
}

.principal_index h2{
	width: 288px;
	height: 30px;
	/*height: 52px;*/
	font-size: 2.6em;
	/* 5em avant */
	color: #7dd133;
	padding-left: 10px;
	font-weight: lighter;
	letter-spacing: 2px;
	margin-top: 10px;
}

.principal_index h3{
	font-size: 2.4em;
	color: #009ad8;
	margin-top: 0px;
	margin-left: 50px;
	padding-left: 35px;
	font-weight: normal;
	height: 25px;
	background: url(../IMG/flecheverte.gif) left 3px no-repeat;
}

.principal_index p{
	margin-right: 85px;
	margin-left: 85px;
}

.principal_index .txt_gris{
	margin-right: 85px;
	margin-left: 85px;
	color:#999999;
}

.principal_index a{
	color: #999999;
	text-decoration: none;
}

.principal_index a:hover{
	text-decoration: underline;
}

.principal_index .ligneverte{
	width: 430px;
	height: 10px;
	margin-right: 85px;
	margin-left: 85px;
	background: url(../IMG/ligneverte.gif) left top repeat;
	
}
/* pied général */
.pied{
	float: left;
	width: 950px;
	height: 49px;
	margin: 0px;
	background: url(../IMG/fond_pied.jpg) left top no-repeat;
}

.pied .menu2{
	float: left;
	margin-left: 60px;
	margin-top: 15px;
}

/* pied de l'index */
.pied_index{
	float: left;
	width: 956px;
	height: 49px;
	margin: 0px;
	background: url(../IMG/pied_index.jpg) left top no-repeat;
}

.pied_index .menu2{
	position: absolute;
	margin-left: 300px;
	margin-top: 15px;
}

.menu2 li, .menu2 ul{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.menu2 li{
	list-style: none;
}

.menu2 a{
	font-size: 1.1em;
	color: #009ad8;
	text-decoration:none;
	margin-left: 30px;
	padding-left: 20px;
	background: url(../IMG/flecheblanche.gif) left 2px no-repeat;
}

.menu2 a:hover{
	text-decoration: underline;
}

.invisible{
	display: none;
	visibility: hidden;
}

.spacer{
	clear:both;
}