/* CSS Document */
body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#main {
	background-color:#ffffff;
	border-style: solid;
	border-color: #E2E2E2;
	border-width: 1px;
	width:960px;
	_width: 962px;
	align:center;
}
#header{
	width:960px;
	height:225px;
}
#header_print{
	width:600px;
	height:100px;
	display:none;
}
#header_general{
	width:960px;
}
#menu{
	margin-top: 10px;
	float:left;
	width:201px;
}
#content{
font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding-left:20px;
	
}
#haut{
	float:inherit;
	padding-bottom:10px;
	width:739px;
}
#presentation{
	float:left;
	width:518px;
	padding-top:10px;
}
#actualites{
	float:left;
	width:510px;


}
#contenu{
	float:left;
}
#contenu_alt{
	float:left;
	width:739px;
}
#actus{
	float:left;
	width:200px;
}
#texte_actu{
	float:left;
	width:300px;
	_width:305px;
	padding-right: 10px;
}
#colonnedroite{
	margin-left:10px;
	float:right;
	width:201px;
	float:right;
	width:201px;
}
#menu_det{
	width:201px;
	margin-bottom:20px;
}
#accueil {
	float:left;
	width:520px;
}
.cadre {
	width:199px;
	background-image: url(../images/cadre/fond_bas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	_padding-bottom: 3px;
	margin-bottom:20px;
}
#cadre_orange {
	float:right;
	width:199px;
	background-image: url(../images/cadre/fond_bas_orange.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: 25px;
	background-image: url(../images/contenu/fond_point.png);
	background-position: top;
	background-repeat: no-repeat;
}
.action {
	float:left;
	width: 229px;
}
.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*/
#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:200px;
	margin-bottom:0px;
}
#menu_det ul {	
	margin-top:10px;
	margin-left:-20px;
	_margin-left:0px;
	width:200px;
	list-style:none;
	list-style-type:none;
}
#menu_det li {
	background-color:#ff9c07;
	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:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_det li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
}
#menu_det li:hover, #menu_det li.sfhover{
	background-color:#ff6a07;
	background-position:left 50%;
	background-image:url(../images/menus/menu_fond_on.jpg);
	background-repeat:no-repeat;
}



#menu2 ul {
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
	margin-bottom:0;
}
#menu2 li {
  width:200px;
  margin-left:0px;
	background-color:#FF6600;
	background-image:url(../images/header/menu_fond_off.jpg);
	margin-top:1px;
	
	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:#FF9900;
	background-image:url(../images/header/menu_fond_on.jpg);
}
#menu2 li:hover, #menu2 li.sfhover {
	background-color:#FF9900;
	background-image:url(../images/header/menu_fond_on.jpg);
}