/* CSS Document */
body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main {
	background-image:url(../images/contenu/fond.png);
	background-repeat:repeat-y;
	background-position:top left;
	border-style: solid;
	border-color: #003366;
	border-style: solid;
	border-color: #003366;
	border-width: 1px;
	width:960px;
	_width: 962px;
	background-color:#ddecf5;
	align:center;
}
#header{
	width:960px;
	height:225px;

}
#header_print{
	width:600px;
	height:100px;
	display:none;
}
#header_general{
	width:960px;
}
#menu{
	margin-top: 0px;
	float:left;
	width:200px;
	background-color:#FFFFFF;
	background-image:url(../images/menus/fond.png);
	background-repeat:no-repeat;
	background-position:right;
	
}
#content{
font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding-left:20px;
}
#haut{
	float:inherit;
	padding-bottom:10px;
	width:739px;
	background-color:#ddecf5;
}
#presentation{
	float:left;
	width:518px;
	background-color:#ddecf5;
		padding-top:10px;
}
#actualites{
	float:left;
	width:515px;
	background-color:#ddecf5;	
}
#contenu{
	float:left;
	background-color:#ddecf5;
}
#contenu_alt{
	float:left;
	width:739px;
}
#actus{
	float:left;
	width:200px;
	background-color:#ddecf5;
}
#texte_actu{
	float:left;
	width:300px;
	_width:305px;
	padding-right: 10px;
}
#colonnedroite{
	margin-left:10px;
	float:right;
	width:201px;
	background-color:#FFFFFF;
	background-image:url(../images/menus/fond.png);
	background-repeat:no-repeat;
	background-position:left;
}
#menu_det{
	width:201px;
	margin-bottom:20px;
}
#accueil {
	float:left;
	width:520px;
	background-color:#ddecf5;
}
.cadre {
	width:199px;
	background-image: url(../images/cadre/fond_bas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	_padding-bottom: 3px;
	margin-bottom:10px;
}
#cadre_orange {
	float:right;
	width:199px;
	background-image: url(../images/cadre/fond_bas.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	_padding-bottom: 3px;
	margin-bottom:20px;
}
#cadre_infos {
	margin-top: 20px;
	width:200px;
	background-image: url(../images/cadre/fond_bas_infos.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 96px;
	margin-bottom:20px;
}
#bas {
	padding-top: 1px;
	_padding-top: 10px;
	clear:both;
	text-align: center;
	width: 960px;
	height: 26px;
	background-image: url(../images/contenu/fond_point.png);
	background-position: top;
	background-repeat: no-repeat;
}
.action {
	float:left;
	width: 229px;
	background-color:#ddecf5;
}
.point {
	float:left;
	width: 18px;
	background-image: url(../images/contenu/point_vertical.png);
}
#clear{
	clear: both;
}

/*Les modifications commencent ici :
mise en place du menu en haut de la page : (dans les pages,penser a rajouter la fonction sfhover, et a modifier le mnu : creation d'un div "menu_haut" et insertion de la liste dans ce div*/
/*Les modifications commencent ici :
mise en place du menu en haut de la page : (dans les pages,penser a rajouter la fonction sfhover, et a modifier le mnu : creation d'un div "menu_haut" et insertion de la liste dans ce div*/
#menu_haut {
	float:left;
	background-color:#004584;
	background-image:url(../images/header/menu_fond.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:960px;
	height:25px;
	margin-top:0px;
}
#menu_haut ul {
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
}
#menu_haut li {
text-align:center;
	float:left;
width:152px;
	background-color:#004584;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:repeat-x;
	background-position:right;
	margin-top:1px;
	padding-top:3px;
	padding-bottom:6px;
	list-style:none;
	list-style-type:none;
}
#menu_haut li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_haut li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_haut li:hover, #menu_haut li.sfhover {
	background-color:#004584;
	background-image:url(../images/header/menu_fond_on.jpg);
	background-repeat:repeat-x;
	background-position:right bottom;
}
/* Classe spéciale pour le menu 'Espace privé'*/
#menu_haut li.prive {
	float:left;
width:200px;
	background-color:#cc3300;
	background-image:none;
	margin-top:1px;
	padding-top:3px;
	padding-bottom:6px;
	list-style:none;
	list-style-type:none;
}
#menu_haut li.prive a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_haut li.prive a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;

}
#menu_haut li.prive:hover {
	/*background-color:#FFFFFF;
	background-image:none;
	color:#cc3300;*/
}
/*
#menu_det est modifié ; les éléments suivants sont ajoutés.
Modifications de la page 'action' : ajout de la fonction javascript sfhover, ajout dans le onload de la page de la fonction MM_preloadImages('images/menus/menu_fond_on.jpg'), et modification du div "menu_det" (supprimer le contenu du div et le remplacer par le nouveau) */

#menu_det{
	width:199px;
	margin-bottom:0px;
}
#menu_det ul {	
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
	width:199px;
	list-style:none;
	list-style-type:none;
}

#menu_det li {
	background-color:#76c5ee;
	background-position:left 50%;
	background-image:url(../images/menus/menu_fond_off.jpg);
	background-repeat:no-repeat;
	margin-top:1px;
	padding-top:3px;
	padding-bottom:6px;
}
#menu_det li a{
	padding-left:20px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#004584;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_det li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#004584;
	text-decoration:underline;
	text-transform:uppercase;
}
#menu_det li:hover, #menu_det li.sfhover{
	background-color:#deecf5;
	background-position:left 50%;
	background-image:url(../images/menus/menu_fond_on.jpg);
	background-repeat:no-repeat;
}
/*Les modifications finissent ici*/




#menu2 ul {
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
   margin-bottom:0;
}
#menu2 li {
  width:200px;
  margin-left:0px;
	background-color:#66CCFF;
	background-image:url(../images/header/menu_fond_off.jpg);
	margin-top:1px;
	padding:0px;
	list-style:none;
	list-style-type:none;
}
#menu2 li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px;
}
#menu2 li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
	background-color:#DDECF5;
	background-image:url(../images/header/menu_fond_on.jpg);
}
#menu2 li:hover, #menu2 li.sfhover {
	background-color:#DDECF5;
	background-image:url(../images/header/menu_fond_on.jpg);
}