/* 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;
	width:960px;
	_width: 962px;
	background-color:#ffffff;
	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;

}
#content{
font-family:Tahoma, Arial, Helvetica, sans-serif;
	float:left;
	padding-left:20px;
}
#haut{
	float:inherit;
	padding-bottom:10px;
	width:739px;

        background-color:#FFFFFF;
}
#presentation{
	float:left;
	width:518px;
	background-color:#ffffff;
		padding-top:10px;
}
#actualites{
	float:left;
	width:510px;
	background-color:#ffffff;	
}
#contenu{
	float:left;
	background-color:#FFFFFF;
}
#contenu_alt{
	float:left;
	width:739px;
}
#actus{
	float:left;
	width:200px;
	background-color:#ffffff;
}
#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:#ffffff;
}
.cadre {
	width:199px;

	_padding-bottom: 3px;
	margin-bottom:10px;
}
#cadre_orange {
	float:right;
	width:199px;
	_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: 16px;
	_padding-top: 14px;
	clear:both;
	text-align: center;
	width: 960px;
	height: 20px;
_height:30px;
	background-image: url(../images/contenu/fond_point.png);
	background-position: top;
	background-repeat: no-repeat;
}
.action {
	float:left;
	width: 229px;
	background-color:#FFFFFF;
}
.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*/

/*
#nav {
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/header/menu_fond.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:960px;
	height:25px;
	margin-top:0px;
}
#nav ul {
	margin-top:0px;
	margin-left:-20px;
	_margin-left:0px;
}
#nav  li {
text-align:left;
	float:left;
        /*width:132px;
        _width:152px;/*
	background-color:#FFFFFF;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:1px;
        margin-left:10px;
	padding:3px 35px 6px 45px;
	list-style:none;
	list-style-type:none;

}
#nav  li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#209299;
	text-decoration:none;
	text-transform:uppercase;
}
#nav  li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ff7a22;
	text-decoration:none;
	text-transform:uppercase;
}
#nav  li:hover, #menu_haut li.sfhover {
	background-color:#FFFFFF;
	/*background-image:url(../images/header/menu_fond_on.jpg);
	background-repeat:no-repeat;
	background-position:left;
}




/*---------------------------------------------------*/
/* Classe spéciale pour le menu 'Espace privé'
#nav li.prive {
	float:left;
       /* width:180px;
	
	background-image:url(../images/header/menu_espaceprive_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:1px;
	padding-top:3px;
	padding-bottom:6px;
	list-style:none;
	list-style-type:none;
}
#nav li.prive a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ff7800;
	text-decoration:none;
	text-transform:uppercase;
}
#nav li.prive a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*color:#cc0234;
	text-decoration:none;
	text-transform:uppercase;

}
#nav li.prive a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#cc0234;
	text-decoration:none;
	text-transform:uppercase;

}
#nav li.prive:hover {
	/*background-color:#FFFFFF;
	background-image:none;
	color:#cc3300;*//*
	background-image:url(../images/header/menu_espaceprive_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

/*---------------------------------------------------



/*----------------------------------------------------
/*                    Sous Menu                             
/*----------------------------------------------------
#sub_menu ul {
        float:left;
	margin-top:0px;
	margin-left:0px;
	_margin-left:0px;
        margin-bottom:0;
}
#sub_menu li {
        width:200px;
        margin-left:0px;
	background-color:#FFFFFF;
	margin-top:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#CCCCCC;

}
#sub_menu li a{
	display:block;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
                color:#00aab4;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px;
}
#sub_menu li a:hover{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
	background-color:#FF7800;
	
}
#sub_menu li:hover, #menu2 li.sfhover {
	background-color:#FF7800;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
}
#sub_menu li:hover a, #menu2 li.sfhover a{
	background-color:#FF7800;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	text-transform:uppercase;
}

*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*-------------------------------              NOUVEAU MENU DU HAUT                ---------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
#menu_haut {
	background:#ffffff;
}
#menuPrincipal #nav{
	float: left;
	list-style: none;
	line-height: 1;
	background:#ffffff;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
        width:640px;
	height:25px;
}
#espacePrive #nav {
	float: left;
	list-style: none;
	line-height: 1;
	background:#ffffff;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
	width:170px;
	height:25px;

}
#menuAccueil #nav{
	float: left;
	list-style: none;
	line-height: 1;
	background:#ffffff;
	font-weight: bold;
	padding: 0 0 0 10px;
	border:none;
	margin:0;
        width:110px;
	height:25px;
}
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background:#ffffff;
	font-weight: bold;
	padding:0;	
	border:none;
	margin:0;
        width:960px;
	height:25px;
}

#nav a {
	display: block;
	color: #00aab4;
	text-decoration: none;
	padding:5px 24px;
        text-transform:uppercase;
}
#nav a:hover {
	display: block;
	color: #ff7a22;
	text-decoration: none;
	padding:5px 24px;
                text-transform:uppercase;
}

#nav li {
	float: left;
        text-align:center;
	
        background-color:#FFFFFF;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
	
	padding:0 20px 0 22px;

}

#espacePrive #nav li {
	float: left;
        text-align:center;
	padding:0 18px 0 18px;
        background-color:#FFFFFF;
	background-image:url(../images/header/menu_espaceprive_off.jpg);
	background-repeat:norepeat;
	background-position:left;

}

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

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

#nav li li {
	padding-right: 1em;
        background-image:none;
        background-color:#FFFFFF;
        color:#ffffff;
	border-color:#CCCCCC;
	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;
       text-align:left;
       color:#00aab4;
       font-weight:bold;

padding-left:5px;
}
#nav li ul a:hover {
       text-transform:none;
       color:#ffffff;
       font-weight:bold;
       padding-left:5px;
}


#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: #ff7a22;
}
#nav li li:hover, #nav li li.sfhover {
	background: #FF7800;
        color:#ffffff;
}
/*--------------------------------------------------------------------------------------------------------------------

/*---------------------------------------------------------*/
/*             Menu detaillé sur bord gauche               */
/*---------------------------------------------------------*/

/*
#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:disc;
	list-style-type:disc;
}
#menu_det li a{
	padding-left:20px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_det li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF7800;
	text-decoration:underline;
	text-transform:uppercase;

}
#menu_det li a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF7800;
	text-decoration:underline;
	text-transform:uppercase;

}

#menu_det li {
border-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
	background-color:#ffffff;
	background-position:left 50%;
	
	background-image:url(../images/menus/puce_grise.png);
	background-repeat:no-repeat;
        
	color:#333333;
	margin-top:1px;
	padding-top:3px;
	padding-bottom:6px;

}
#menu_det li:hover, #menu_det li.sfhover{
border-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
	background-color:#FFFFFF;
	background-position:left 50%;
	background-image:url(../images/menus/puce_orange.png);
	background-repeat:no-repeat;
	color:#FF7800;
}
#menu_det li:hover a, #menu_det li.sfhover a{
	background-color:#FFFFFF;
	background-position:left 50%;
	background-image:url(../images/menus/puce_orange.png);
	background-repeat:no-repeat;
	color:#FF7800;
}




/*Les modifications finissent ici*/