/* 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;
	background-image: url(../images/header/fond_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#header{      
	width:960px;
	height:225px;
}
#header_print{
	width:600px;
	height:100px;
	display:none;
}
#header_general{
	width:960px;
}
#menu{
	margin-top: 10px;
	float:left;
	width:199px;
	height:600px;
}
#content {
	float:left;
	display:block;
	width:510px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
}

* html #content {
	float:left;
	display:block;
	width:510px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#content ul {
	float:left;
                margin:0;
                padding:10px 0;
}

#content ul li {
	width:518px;
}
#haut{
	float:inherit;
	padding-bottom:10px;
	width:518px;
}
#presentation{
	float:left;
	display:block;
	position:relative;
	width:518px;
	padding:10px;
}
#presentation form{
	float:left;
	display:block;
	position:relative;
	width:100%;
}
#presentation em{
	float:left;
	display:block;
	position:relative;
	width:500x;
}
* html #presentation{
	float:left;
	width:518px;
	padding:10px;
}
#presentation table {
	width:518px;
	display:block;
	position:relative;
	float:left;
}
#presentation .imgtext-nowrap {
	width:500px;
}
#presentation .imgtext-table {
	display:block;
	float:right;
	width:auto;
}




#actualites{
	float:left;
	width:510px;
}
#contenu{
	float:left;
	width:518px;
}
#contenu p{
	display:block;
}
#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;
}
* html #colonnedroite{
	margin-left:10px;
	float:right;
	width:201px;
}
* html #colonnedroite ul{
	float:right;
	width:100px;
	padding:0;
	margin:0;
}
/*#menu_det{
	width:199px;
	margin-bottom:20px;




}*/
#accueil {
	float:left;
	width:520px;
}
*html #accueil {
	float:left;
	width:510px;
}
.cadre {
	width:199px;
	margin:0;
}
* html .cadre {
	width:199px;
	margin: 0;
}
.listedesactualites {
	padding: 0 0 40px 0;
}
* html .listedesactualites {
	padding: 10px 0 40px 0;
}
.resumegauche {
	margin:0px;
	padding:0 7px 0 0;
}
* html .resumegauche {
	margin:0px;

	padding:0 7px 10px 0;
}
#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;
}
* html #cadre_orange {
	float:right;
	width:170px;
	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: 20px 0 70px 0;
	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:#ffffff;
	width:960px;
	height:25px;
	margin-top:0px;
	border-style:dotted;
	border-width:1px 0 1px 0;
	border-color:#4C2620;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	background-position:933px;
}
#menu_haut ul {
	padding:0 0 0 10px;
}
/*#menu_haut li {
*//*text-align:center;
width:152px;*/
/*padding:0 55px 0 40px;
	float:left;
	background-color:#ffffff;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	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:#4c2620;
	text-decoration:none;
	text-transform:uppercase;




}
#menu_haut li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#4c2620;
	text-decoration:underline;
}
#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;
	color:#c1c970;
	text-decoration:underline;
	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:199px;
	margin:0 0 10px -10px;
	padding:0 0 20px 0;
	background-position:right bottom;
	background-image:url(../images/menus/menu_gauche_fd.jpg);
	background-repeat:no-repeat;
	float:left;
}
* html #menu_det {
	padding:0 0 50px 0;
}


#menu_det ul {	
	margin:0 0 30px 0;
	list-style:none;
	list-style-type:none;
	background-color:#8CD6F4;
	padding:0 0 0 20px;

	float:left;
	width:179px;
}


#menu_det li {
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	float:left;
	width:179px;
	background:none;
}


#menu_det li a{
	margin:0;
	padding:3px 0 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4C2620;
	text-decoration:none;
	font-weight:bold;
	text-transform:lowercase;
	width:170px;
	float:left;
}
#menu_det li a:hover{
	background-color:#ffffff;
	background-image:none;
	text-transform:lowercase;
	color:#4C2620;
	width:169px;
}
#menu_det li.actif a {
	text-transform:lowercase;
	color:#4C2620;
	width:169px;
}
#menu_det li:hover {
	margin:0px 0 0px 0;
	padding:0px 0 0px 0px;
	text-transform:lowercase;
	float:left;
}
#menu_det li.sfhover{
	background-color:#ffffff;
	background-image:none;
	margin:0;
	padding:0px 0 0px 0px;
	text-transform:lowercase;
	float:left;
}
#menu_det li:hover a {
    color:#80c9e6;
	margin:0;
	padding:3px 3px 4px 10px;
	float:left;
}
#menu_det li.sfhover a{
    color:#80c9e6;
	margin:0;
	padding:3px 3px 4px 10px;
	float:left;
	background-image:none;
}








#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:#ffffff;*/
}
#menuPrincipal #nav{
	float: left;
	list-style: none;
	line-height: 1;
	/*background:#ffffff;*/
	font-weight: bold;
	padding: 0 0 0 10px;
	border:none;
	margin:0 0 0 0px;
              /*  width:650px;*/
	height:25px;
}
#espacePrive #nav {
	float: left;
	list-style: none;
	line-height: 1;
	background:#ffffff;
	font-weight: bold;
	padding: 0;
	border:none;
	margin:0;
	width:160px;
	height:25px;
	z-index:500;
}
#menuAccueil #nav{
	float: left;
	list-style: none;
	line-height: 1;
	background-color:#ffffff;
	font-weight: bold;
	padding: 0 0 0 11px;
	border:none;
	margin:0;
	width:114px;
	height:25px;
}
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background:#ffffff;
	font-weight: bold;
	padding: 0 0 0px 10px;
	border:none;
	margin:0;
	width:960px;
	height:25px;
	z-index:501;
}




#nav a {
	display: block;
	color: #4C2620;
	text-decoration: none;
	padding:7px 17px;
	text-transform:uppercase;
}
#nav a:hover {
	color: #4C2620;
	text-decoration: underline;
	text-transform:uppercase;
}




#nav li {
	float: left;
	text-align:center;
	padding:0 20px 0 17px;
	background-color:#ffffff;

	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
}




#espacePrive #nav li {
	float: left;
	text-align:center;
	padding:0 0px 0 20px;
	background-color:#ffffff;
	z-index:500;
}




#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
	padding:0 0 0px 0;
	width:210px;
	background-color:#88D7F6;
/*background-image:url(../images/menus/menu_gauche_fd.jpg);
background-repeat:no-repeat;
background-position:right bottom;*/




}




#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 0 0 0;
	margin:0;
	background-image:none;
	background-color:#88D7F6;
	color:#60258d;
	width:210px;
	text-align:left;
}
#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:#4C2620;


	font-weight:bold;
}
#nav li ul a:hover {
	text-transform:none;
	color:#4C2620;
	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;
	width:200px;
}


#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;
	color:#ffffff;
}


#nav li:hover, #nav li.sfhover {
	color: #ffffff;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
#nav li li:hover, #nav li li.sfhover {
	background-color: #88D7F6;
	background-image:none;
	color:#ffffff;
}
#espacePrive #nav li:hover, #nav li.sfhover {
	color: #ffffff;
	background-image:url(../images/header/menu_fond_off.jpg);
	background-repeat:no-repeat;
	background-position:left;
}



#nav li li:hover a, #nav li li.sfhover a{
	background-color : #ffffff;
	color:#4C2620;
/*background-image:url(../images/menus/menu_fond_on.jpg);
background-repeat:repeat-y;
background-position:left top;*/
/*padding:5px 0 5px 15px;
margin:2px 0 2px 0;*/
	text-decoration:none;




}
#nav li li.actif{

	background-color:#ffffff;
	background-image:none;
	background-repeat:repeat-y;
    color:#4C2620;
	text-decoration:none;
}
#nav li li.actif a{
	background-color:#ffffff;
	background-image:none;
    color:#4C2620;
	padding:7px 0 7px 15px;
	margin:2px 0 2px 0;
	text-decoration:none;
}








/*******************************************/
/**************  RECHERCHE *******************/
/*******************************************/
#presentation .tx-indexedsearch-browsebox{
	background-color:#f3f3f3;
	padding:5px;
}
#presentation .tx-indexedsearch-browsebox table{
	margin:0;
	padding:0;
}
#presentation .tx-indexedsearch-whatis, #presentation .tx-indexedsearch-whatis p{
	font-weight:bold;
	color:#000000;
	background-color:#f3f3f3;
	padding:0 5px 5px 5px;
	margin:0 0 10px 0;
}
#presentation .tx-indexedsearch-whatis .tx-indexedsearch-sw{
	color:#FC001B;
}
#presentation .tx-indexedsearch-browsebox, #presentation .tx-indexedsearch-browsebox p{
	font-weight:bold;
	color:#000000;

}
#presentation .tx-indexedsearch-title-caption a:hover{
	text-decoration:none;
}
#presentation .tx-indexedsearch-title-caption, #presentation .tx-indexedsearch-title-caption a, #presentation .tx-indexedsearch-title-caption a:link{
/*width:100%;*/
	color:#4C2620;
}
#presentation .tx-indexedsearch-title-number, #presentation .tx-indexedsearch-title-number p, #presentation .tx-indexedsearch-title-number p a, #presentation .tx-indexedsearch-title-number p a:link{
/*width:100%;*/
	color:#4C2620;
}
#presentation .tx-indexedsearch-title td p{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#4C2620;
	margin: 0 0 10px 0;
}
/*#presentation .tx-indexedsearch table{
margin:5px 0 15px 0;
}*/
#presentation .tx-indexedsearch-info{
	color:#4C2620;
	margin: 10px 0 15px 0;
}
#presentation .tx-indexedsearch-info p, #presentation .tx-indexedsearch-info a{
	color:#4C2620;
	margin: 10px 0 35px 0;
}


/*.typo3-editPanel { 
	display:none;
}*/