/* CSS Document */
#page {
  text-align : left;
  margin : 0 auto 0 auto;
  width : 940px;
  border-top-width:3px;
  border-top-style:solid;
}
/**************************************************************************************************
                                         ZONE HAUT
***************************************************************************************************/
#page #zone_haut {
  background:url(../images/img_css/bg_zone_haut_ver.png) repeat-x #EEE;
}
/**************************************************************************************************
                                        BANDEAU HAUT
***************************************************************************************************/
#page #zone_haut #bandeau_haut {
  height:66px;
  padding:16px 10px 0px 0px;
}
/**********************
*    LOGOS
***********************/
#page #zone_haut #bandeau_haut #logo {
  padding: 10px 0px 0px 20px;
}
#page #zone_haut #bandeau_haut #logo .separateur {
  vertical-align:top;
  padding-top:2px;
  padding-right:13px;
  padding-left:1px;
}
#page #zone_haut #bandeau_haut #logo .logo {
  padding-left:14px;
  padding-top:0px;
  vertical-align:top;
}
/***************************
*  LANGUES et identification
****************************/
#page #zone_haut #bandeau_haut #langue_identification {
  float : right;
  text-align : left;
  position : relative;
  width : 11%;
}
#page #zone_haut #bandeau_haut #langue_identification .langue {
  margin-bottom:5px;
  word-spacing:2px;
}
#page #zone_haut #bandeau_haut #langue_identification .langue span a{
  color:#333;
}
#page #zone_haut #bandeau_haut #langue_identification .langue span a.en_cour {
  font-weight:bold;
}
#page #zone_haut #bandeau_haut #langue_identification .lien_identification {
  height:18px;
  padding-top:5px;
}
#page #zone_haut #bandeau_haut #langue_identification .lien_identification span a {
  font-weight:bold;
  color:#333;
  padding-left:8px;
}
/**************************************************************************************************
                                        ZONE GRAPHIQUE ET FONCTIONS 
***************************************************************************************************/
#page #zone_haut #zone_graph_fonctions {}
#page #zone_haut #zone_graph_fonctions #bg_bandeau_graphique {
  background:url(../images/img_css/bg_bandeau_graphique_ver.png) no-repeat 100% 0%;
  height:11px;
}
/****************************
*  FONCTIONS 
*****************************/
#page #zone_haut #zone_graph_fonctions #fonctions {
   width:205px;
   border:1px solid #DCDCDC;
   border-width:0px 1px 1px 0px;
   padding: 20px 0px 0px 17px;
}
#page #zone_haut #zone_graph_fonctions #fonctions form {}
#page #zone_haut #zone_graph_fonctions #fonctions form label{
  font-weight:bold;
  display:block;
  margin-bottom:2px;
  margin-left:1px;
}
#page #zone_haut #zone_graph_fonctions #fonctions form label.display{
  display:none;
}
#page #zone_haut #zone_graph_fonctions #fonctions form .input {
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  border:1px solid #666;
  width:172px;
  height:15px;
  margin-bottom:20px;
}
#page #zone_haut #zone_graph_fonctions #fonctions form #acces_direct {
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  border:1px solid #666;
  width:172px;
  height:15px;
  margin-bottom:20px;
}
#page #zone_haut #zone_graph_fonctions #fonctions form .input {
  width:143px;
  margin:0px;
  padding-left:5px;
}
#page #zone_haut #zone_graph_fonctions #fonctions form .input_img {
   vertical-align:top;
   margin-left:2px;
}
/****************************
* BANDEAU GRAPHIQUE
*****************************/
#page #zone_haut #zone_graph_fonctions #bandeau_graphique {
  text-align: right;
}
#page #zone_haut #zone_graph_fonctions #bandeau_graphique img {
  border:1px solid #fff;
  border-width:1px 0px 0px 1px;
}
/**************************************************************************************************
                                        ZONE CENTRE NAVIGATION ET CONTYENEUR  
***************************************************************************************************/
#page #zone_centre {
  margin-top:1px;
  height:100%;
}
#page #zone_centre .float_left{
  float:left;
  position:relative;
}
/**************************************************************************************************
                                        BANDEAU NAVIGATION
***************************************************************************************************/
#page #zone_centre #navigation {
  width:205px;
  margin-right:1px;
  background:url(../images/img_css/bg_navigation_ver.png) repeat-x 100% 100% #EFF0EF;
  padding-bottom:144px;
  
}

/******************** Roqia 
********************************************************************
*******************************************************************************/

#page #zone_centre #navigation #menu_nav  .entete{
	 height:21px;
	 
}
#page #zone_centre #navigation #menu_nav ul {
	border-top:1px solid #fff;
	margin:0px;
	padding:0px;
	min-height:20px;
	height:auto;
}

/***** sep ***/ 
.sep_list {
	border-bottom:1px solid #DCDCDC;
	height:1px;
	overflow:hidden;
	clear:left;
}
#page #zone_centre #navigation #menu_nav ul li{
 	background-color:#EFEFEF;	
	margin:0px;
	padding:0px;	
	clear:left;	
}

#page #zone_centre #navigation #menu_nav ul li img{
	float:right;
	margin-right:10px;/*2px*/
	margin-top:0px;/*0px*/
}

/******************** Roqia 
		En court 
********************/		
#page #zone_centre #navigation #menu_nav ul li a , #page #zone_centre #navigation #menu_nav ul li.encourt_list span{
	padding:7px 0px 4px 19px;
	float:left;
	margin-left:0px;/*-1*/
	border-bottom:1px solid #fff;
	width:188px;/*190px*/
	color:#333333;
	font-size:110%;
	
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list span {
	background-image:none;
	color:#fff;
	padding-left:9px;
	margin-left:-8px;	
	width:186px;/*186px;190px*/
	margin-bottom:-1px;
}

#page #zone_centre #navigation #menu_nav ul li.encourt_list a {
	color:#000;
	background-image:url(../images/img_css/bg_li_ver_encours.png);
    background-repeat:repeat-y;
	margin-left:-1px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:1px solid #fff;
}
/************************************************************************
En court
************************************************************************/	
/********** 2eme niveau ***********/

#page #zone_centre #navigation #menu_nav ul li.encourt_list ul {
	border:none;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li {
	margin:0px;
	padding:0px;
	font-size:100%;
}			
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li span.cote_gauche {
	padding:2px 0px 1px  0px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li a{
    margin-left:0px;
	padding:0px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li  a span.width_child{
	color:#333333;
	border:none;
	font-size:100%;
	width:180px;
        margin-left:-9px;
	padding-top:0px;
	margin-top:0px;
	height:10px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li  a span.width_child21{
	color:#333333;
	border:none;
	font-size:100%;
	width:180px;
        margin-left:-9px;
	padding-top:0px;
	margin-top:0px;
	height:10px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li a span.width_child22{
	color:#333333;
	border:none;
	font-size:100%;
	width:168px;
        margin-left:-9px;
	padding-top:0px;
	margin-top:0px;
	height:10px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li a {
	color:#333333;
        margin-left:0px;
	font-size:100%;
	border-bottom:1px solid #fff;
	width:185px;
	padding:1px 1px 1px 19px;
	margin:0px;
}
/**********  3eme niveau ***********/
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li{
	font-size:100%;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li a{
        margin-left:0px;
	padding:2px 0px 2px 31px;
	width:173px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li a span.width_child{
	width:168px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li a span.width_child22{
	width:168px;
}
/**********  4eme niveau ***********/
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li ul li span{
	padding:0px;
	background-color:transparent;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li ul li  a{
    margin-left:8px;
	background-color:#fff;
	padding:1px 0px 2px 43px;
	width:161px;
	font-size:90%;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li ul li a span.width_child{
	width:156px;
}
#page #zone_centre #navigation #menu_nav ul li.encourt_list ul li ul li ul li a span.width_child23{
	width:156px;
}
/******************** Roqia ****************************************************************************
*******************************************************************************************************/



/**************************************************************************************************
                                           CONTENEUR 
***************************************************************************************************/
#page #zone_centre #conteneur {
  width:734px;
  float:left;
  position:relative;
}
/************************
*  FIL D ARIANE
*************************/
#page #zone_centre #conteneur .fil_ariane {
  background-color:#EFEFEF;
  border-bottom:1px solid #DCDCDC;
  padding: 4px 5px 3px 20px;
  margin-bottom:1px;
}
#page #zone_centre #conteneur .fil_ariane a{
   text-decoration:underline;
   color:#333;
}
#page #zone_centre #conteneur .fil_ariane{
   color:#333;
}
/**************************************************************************************************
                                          FOOTER / FOOTER HOME
***************************************************************************************************/
#page #footer_home, #page #footer_pages {
  margin-top:0px;
  background-color:#F5F5F5;
  height:15px;
  padding:1px 10px 0px 10px;
  margin-bottom:15px;
}
#page #footer_home span, #page #footer_pages span {
  font-size:90%;
  margin-right:26px;
}
#page #footer_home span.lien_footer em, #page #footer_pages span.lien_footer em{
  padding: 0px 6px;
}
#page #footer_home a, #page #footer_pages a{
  color:#333;
}
#page #footer_home p, #page #footer_pages p{
  float:right;
}
#page #footer_home p span, #page #footer_pages p span {
  font-size:90.9%;
  margin:0px;
}
#page #footer_pages {
  margin:0px;
  margin-top:58px;
  margin-bottom:15px;
}