/* CSS Document  : accueil du 3 fevrier 2007*/


body {
	background-color:#7c99e2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:87%;
	color:#00f;
	
}
.accueil{
	width:940px;
	height:610px;
	background: url('../images/commun/base_accueil.jpg') top left no-repeat;

}


p{
	margin-left:6px;
}

p:first-letter {
	font-size:150%;
	font-weight: bold;
}
h5 {
	width:96%;
	margin-left:2px;
	padding-top:1px;
	padding-left:1px;
	padding-bottom:1px;
	font-size:100%;
	font-weight: normal;
	background-color:#ccf;
	border-bottom:1px solid #f90;
}

a {
	text-decoration: none;
	color: #00f;
	
}
a:hover {
	color:#f90; 
	background:#ccf;
}
/********************************************************************************************/
#heure {
	position:absolute;
	top:578px; 
	left:60px; 
	width :30px;
	height:20px;
}

/********************************************************************************************/
/* zone cliquable */
#zone1 { 
	position:absolute;
	top:40px; 
	left:100px; 
	width :260px;
	height:150px;

	border: 0px dotted blue; /* ajouté pour visualiser la zone*/
}


/*///////////////////////////////////////////////////////////////*/
#zone1bis {
	position:absolute;
	visibility:hidden;
	background-color:#ddf;
	font-size:85%;

	top:38px; 
	left:382px; 
	width : 544px;
	height: 180px;

	border: 3px solid #22F; /* ajouté pour visualiser la zone*/

}


/*******************************************************************************************/

/*******************************************************************************************/

/*----------------- menu principal nouvelle version pour index.htm --------------------------*/
#menu_index {
	float:left;
	position:absolute;
	top:250px;
	left:440px;
	/*width:46%;*/
	width:454px;
	height:2.2em;
	background:#f90; /*background:transparent;*/
    font-size:92%;
	font-weight:bold;
	border-bottom:2px solid #049;
	border-right:4px solid #ff0;
	border-left:4px solid #ff0;
      }
#menu_index ul {
	  margin:0 0 0 2px;
	  padding:5px 4px 2px 2px;
	  list-style:none;
	  
      }
#menu_index li {
      display:inline;
      margin:1px;
      padding:0;
	 
      }
#menu_index a {
      float:left;
      background:url("../images/commun/tab_gauche.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
#menu_index a span {
      float:left;
      display:block;
      background:url("../images/commun/tab_droit.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      color:#22b;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu_index a span {float:none;}
/* End IE5-Mac hack */

#menu_index a:hover span {
      color:#f90;
      }
#menu_index a:hover {
      background-position:0% -42px;
      }
#menu_index a:hover span {
      background-position:100% -42px;
      }

/***********************************************************************************/

/* sous menu index**************************************/
#sous_menu_index {
visibility:hidden;
	float:left;
	position:absolute;
	top:282px;
	left:552px;
	/*width:35%;*/
	width:345px;
	height:2em;
	background:#f90; /*background:transparent;*/
    font-size:90%;
	font-weight:bold;
	border-bottom:1px solid #049;
	border-right:4px solid #ff0;
	border-left:1px solid #ff0;
      }
#sous_menu_index ul {
	  margin:0 0 0 2px;
	  padding:2px 4px 2px 2px;
	  list-style:none;
	  
      }
#sous_menu_index li {
      display:inline;
      margin:0;
      padding:0;
	 
      }
#sous_menu_index a {
      float:left;
      background:url("../images/commun/tab_gauche.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
#sous_menu_index a span {
      float:left;
      display:block;
      background:url("../images/commun/tab_droit.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      color:#22b;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #sous_menu_index a span {float:none;}
/* End IE5-Mac hack */

#sous_menu_index a:hover span {
      color:#f90;
      }
#sous_menu_index a:hover {
      background-position:0% -42px;
      }
#sous_menu_index a:hover span {
      background-position:100% -42px;
      }

/* sous menu centres******************************/

#sous_menu_centres {
visibility:hidden;
	
	position:absolute;
	top:312px;
	left:552px;
	width:220px;
	height:auto;
	background:#f90; /*background:transparent;*/
    font-size:83%;
	font-weight:bold;
	border-bottom:1px solid #049;
	border-right:4px solid #ff0;
	border-left:1px solid #ff0;
      }
#sous_menu_centres ul {
	  margin:0 0 0 2px;
	  padding:2px 4px 2px 2px;
	  list-style:none;
	  
      }
#sous_menu_centres li {
      display:block;
      margin:0;
      padding:0px 0px 3px 1px;
	 
      }
#sous_menu_centres a {
      /*float:left;*/
      background:url("../images/commun/tab_gauche.gif") no-repeat left top;
      margin:0 0 0 1px;
      padding:0 0 0 0px;
      text-decoration:none;
      }
#sous_menu_centres a span {
      /*float:left;*/
      display:block;
      background:url("../images/commun/tab_droit.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      color:#22b;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #sous_menu_centres a span {float:none;}
/* End IE5-Mac hack */

#sous_menu_centres a:hover span {
      color:#f90;
      }
#sous_menu_centres a:hover {
      background-position:0% -42px;
      }
#sous_menu_centres a:hover span {
      background-position:100% -42px;
      }

/* sous menu domaines*************************/

#sous_menu_domaines {
visibility:hidden;
	
	position:absolute;
	top:312px;
	left:652px;
	width:244px;
	height:auto;
	background:#f90; /*background:transparent;*/
    font-size:83%;
	font-weight:bold;
	border-bottom:1px solid #049;
	border-right:4px solid #ff0;
	border-left:1px solid #ff0;
      }
#sous_menu_domaines ul {
	  margin:0 0 0 2px;
	  padding:5px 4px 2px 2px;
	  list-style:none;
	  
      }
#sous_menu_domaines li {
      display:block;
      margin:0;
      padding:0px 0px 3px 1px;
	 
      }
#sous_menu_domaines a {
      /*float:left;*/
      background:url("../images/commun/tab_gauche.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
#sous_menu_domaines a span {
      /*float:left;*/
      display:block;
      background:url("../images/commun/tab_droit.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      color:#22b;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #sous_menu_domaines a span {float:none;}
/* End IE5-Mac hack */

#sous_menu_domaines a:hover span {
      color:#f90;
      }
#sous_menu_domaines a:hover {
      background-position:0% -42px;
      }
#sous_menu_domaines a:hover span {
      background-position:100% -42px;
      }

/* sous menu ressources*************************/

#sous_menu_ressources {
visibility:hidden;
	
	position:absolute;
	top:286px;
	left:686px;
	width:126px;
	height:auto;
	background:#f90; /*background:transparent;*/
    font-size:83%;
	font-weight:bold;
	border-bottom:1px solid #049;
	border-right:4px solid #ff0;
	border-left:1px solid #ff0;
      }
#sous_menu_ressources ul {
	  margin:0 0 0 2px;
	  padding:5px 4px 2px 2px;
	  list-style:none;
	  
      }
#sous_menu_ressources li {
      display:block;
      margin:0;
      padding:0px 0px 3px 1px;
	 
      }
#sous_menu_ressources a {
      /*float:left;*/
      background:url("../images/commun/tab_gauche.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
#sous_menu_ressources a span {
      /*float:left;*/
      display:block;
      background:url("../images/commun/tab_droit.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      color:#22b;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #sous_menu_ressources a span {float:none;}
/* End IE5-Mac hack */

#sous_menu_ressources a:hover span {
      color:#f90;
      }
#sous_menu_ressources a:hover {
      background-position:0% -42px;
      }
#sous_menu_ressources a:hover span {
      background-position:100% -42px;
      }

/*/////////////////////////////////////////////////////////*/
/* sous menu ma demande*************************/

#sous_menu_demande {
visibility:hidden;
	
	position:absolute;
	top:286px;
	left:442px;
	width:150px;
	height:auto;
	background:#f90; /*background:transparent;*/
    font-size:83%;
	font-weight:bold;
	border-bottom:1px solid #049;
	border-right:4px solid #ff0;
	border-left:1px solid #ff0;
      }
#sous_menu_demande ul {
	  margin:0 0 0 2px;
	  padding:5px 4px 2px 2px;
	  list-style:none;
	  
      }
#sous_menu_demande li {
      display:block;
      margin:0;
      padding:0px 0px 3px 1px;
	 
      }
#sous_menu_demande a {
      /*float:left;*/
      background:url("../images/commun/tab_gauche.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
#sous_menu_demande a span {
      /*float:left;*/
      display:block;
      background:url("../images/commun/tab_droit.gif") no-repeat right top;
      padding:5px 5px 4px 6px;
      color:#22b;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #sous_menu_demande a span {float:none;}
/* End IE5-Mac hack */

#sous_menu_demande a:hover span {
      color:#f90;
      }
#sous_menu_demande a:hover {
      background-position:0% -42px;
      }
#sous_menu_demande a:hover span {
      background-position:100% -42px;
      }




/***********************************************************************************/
.flash {
position:absolute;
top:216px;
left:54px;
width:348px;
height:23px;

}



/*##########################################################################*/

#actualites {
	position:absolute;
	left:60px; top:250px;
	margin:2px 2px 2px 2px;
	padding:1px 1px 1px 8px;
	
	width:320px; height:300px;
	background:#transparent;
	color:22f;
	border:2px solid #f90;
	visibility:visible;
					
}


h4 {
	background-color:#ccf;
	border-bottom:1px solid #f90;
	border-left:5px solid #22c;
	width:60%;
	padding-left:29px;
	margin-left:28px;
	height:1.8em;
	color:#00f;
	font-size:102%;
}




.zone7 { /* zone cliquable */
 /* permet de donner une dimension ŕ la balise a qui est une balise en ligne */
width : 70px;
height: 100px;
margin-left: 500px;
margin-top: 0px;
border: 1px dotted red; /* ajouté pour visualiser la zone*/
}