/* 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-color:#60258d;
}
.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:#60258d;
	width:960px;
	height:25px;
	margin-top:0px;
}
/*#menu_haut ul {
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
	background-color:#60258d;
}
#menu_haut li {
*//*text-align:center;
width:152px;*/
/*padding:0 55px 0 40px;
	float:left;
	background-color:#60258d;
	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:#c1c970;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_haut li a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#c1c970;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_haut li:hover a, #menu_haut li.sfhover a{
                color:#c1c970;
                background-color:#60258d;
}

#menu_haut li.prive {
	float:left;*/
/*width:200px;*/
/*padding:0 55px 0 40px;
	background-color:#60258d;
	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:#c1c970;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_haut li.prive:hover {
color:#c1c970;

}*/


/*
#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-position:left;
	background-image:url(../images/menus/menu_fond_off.jpg);
	background-repeat:no-repeat;
	margin-top:1px;
                padding:5px 0 6px 10px;
}
#menu_det li a{
	padding-left:20px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#60258d;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_det li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:underline;
	text-transform:uppercase;
}
#menu_det li a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:underline;
	text-transform:uppercase;
}
#menu_det li:hover {
                background-position:left 50%;
	background-image:url(../images/menus/menu_fond_on.jpg);
	background-repeat:no-repeat;
}
#menu_det li.sfhover{
	background-position:left 50%;
	background-image:url(../images/menus/menu_fond_on.jpg);
	background-repeat:no-repeat;
}
#menu_det li:hover a {
               color:#99999;
}

#menu_det li.sfhover a{
               color:#99999;
}


#menu2 ul {
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
	margin-bottom:0;
}
#menu2 li {
  width:200px;
  margin-left:0px;
	background-color:#c1c970;
	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:#60258d;
	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:#c1c970;
	text-decoration:underline;
	text-transform:uppercase;
                background-color:#60258d;
}
#menu2 li a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#c1c970;
	text-decoration:underline;
	text-transform:uppercase;
                background-color:#60258d;
}

#menu2 li:hover, #menu2 li.sfhover {
                color:#c1c970;
                background-color:#60258d;
}
#menu2 li:hover a, #menu2 li.sfhover a{
                color:#c1c970;
                background-color:#60258d;
}


/*************************** MENU NEW ***********************/

/************************************************************** MENU TOP *********************************************************/
#menu_haut {
	background:#60258d;
}
#menuPrincipal #nav{
	float: left;
	list-style: none;
	line-height: 1;
	background:#60258d;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
                width:650px;
	height:25px;
}
#espacePrive #nav {
	float: left;
	list-style: none;
	line-height: 1;
	background:#60258d;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
                width:160px;
	height:25px;
}
#menuAccueil #nav{
	float: left;
	list-style: none;
	line-height: 1;
	background:#60258d;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
                width:120px;
	height:25px;
}
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background:#60258d;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
                width:960px;
	height:25px;
}

#nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding:7px 20px;
                text-transform:uppercase;
}
#nav a:hover {
	display: block;
	color: #e1e4b7;
	text-decoration: none;
	padding:7px 20px;
                text-transform:uppercase;
}

#nav li {
	float: left;
                text-align:center;
	padding:0 20px 0 17px;
                background-color:#60258d;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:repeat-x;
	background-position:right;

}

#espacePrive #nav li {
	float: left;
                text-align:center;
	padding:0 20px 0 0;
                background-color:#60258d;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:repeat-x;
	background-position:right;

}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	background-color:#60258d;
                width:200px;
}

#espacePrive #nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	background-color:#60258d;
                width:180px;
}

#nav li li {
	padding:0 1em 0 0;
                background-image:none;
                background-color:#e1e4b7;
                color:#60258d;
	border-color:#60258d;
	border-style:solid;
	border-width: 0 0 1px 0;
                width:200px;
}
#nav li li.sub_menu{
	padding-right: 1em;
	background-image:url(../images/interface/sousniveaufonce.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#nav li ul a {
                text-transform:none;
                color:#60258d;
                font-weight:bold;
}
#nav li ul a:hover {
                text-transform:none;
                color:#ffffff;
                font-weight:bold;
}


#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	color: #e1e4b7;
}
#nav li li:hover, #nav li li.sfhover {
	background: #60258d;
                color:#ffffff;
}