body { background-color:#66B7CC; font-size: 10px; font-family: Arial; color:black; }
  a { 
  	font:Verdana,Georgia,Times; font-size:13px; color:black; /*font-weight:bold;*/
    margin:0px; padding:0px; text-decoration:none;
  }
  a:hover {color:orange;}
 h1 {font: 20pt Verdana; color: #DF1332; size:50pt; font-weight: bold; text-align:center; }
 h2 { font: 18pt Verdana,Georgia,Times; color:black; text-align:left; margin-left:4px; }
 h3 { font: 15pt Verdana,Georgia,Times; color:black; text-align:left; margin:10px; }
 h4 { font:Verdana,Georgia,Times; font-size: 13px;  color:black; text-align:left; }
 h4 a { font:Verdana,Georgia,Times; font-size:12px; color:black; /*font-weight:bold;*/
     margin:0px; padding:0px; padding-left:40px; text-decoration:none; }
 h4 a:hover{ color:orange; }
 #essai { color: white; size: 40pt; }
  
 #rez { font: 13pt Verdana; color:white; font-weight=bold; }
 #rez2 { text-align:center; font: 13pt Verdana; color:white; font-weight=bold; }
  
 #haut { font: 10pt Verdana; color:black; font-weight=500; }
 #pied { text-align:center; }
 #blabla { font:11pt Helvetica,Verdana,Georgia,Times;color:black;
	text-align:justify; text-indent:1em; margin:15px; /* margin-bottom:15px;*/ }
	
  .dateheure { color: #cccccc; font-size:10px; } 
  
  #menuH { background: url(_images/bandes/toptop.jpg) no-repeat center; }
  
  #bas { background: url(_images/bandes/basbas.jpg) no-repeat center; }
  .warning { color: #fff900; font-size:12px;}
  .erreur { color: #DF1332; font-size:12px;}
  .test { color: #008ED2; font-size:12px;}
/*===== page =  ; dir_page =  =====*//*===== list_item = Array
(
    [0] => 1_Residence
    [1] => 2_Photos
    [2] => 3_Etudier
    [3] => 4_Liens
    [4] => 5_Contacts
    [5] => 6_ARHB
)
=====*//*===== _RHB_coulcourante = orange =====*/ 
 #menuV { background: url(_images/separV/gris.gif) repeat-y right; width:25%; }
 #menuV h2 { margin-top:20; margin-left:10;  background: url(_images/separV/orange.gif) no-repeat right; width:25% }
.centre h1, .centre h2, .centre h3 { color:orange; 
	font:14pt Verdana,Georgia,Times; padding-left:25px; margin-top:8px; text-align:left;
}  
.centre h1 { background:url(_images/separV/orange.gif) left; margin-top:20; font-size:16pt; }
.centre h2 { 
	font:Verdana,Georgia,Times; font-weight:bold; font-size:15px; text-decoration:none;
    margin-top:12px; margin-bottom:0px; padding-bottom:0px; padding:4px; margin-left:15px;
}

.centre h3 { 
	font:Verdana,Georgia,Times; font-weight:bold; font-size:13px; text-decoration:none;
    margin-top:12px; margin-bottom:0px; padding-bottom:0px; padding:4px; margin-left:30px;
}

.centre ol li{
	text-align: left;
	text-indent: 0px;
	list-style:decimal;
	padding-left: 5px;
}

.centre ul 
{
	padding-left: 30px;

}
.centre ul li{
	text-align: left;
	text-indent: 15px;
	list-style-type: square;
	//padding-left: -px;
}

  #titre{ color:#66B7CC; }
  
 .centre {
  	font:10pt Helvetica,Verdana,Georgia,Times; color:black; text-align:justify; text-indent:1em;
	margin-left:25px; margin-right:20px; margin-bottom:20px; }
 .centre a { color:black; font-weight:bold; }
 .centre a:hover { color:orange;}
 
 #remplissage2 {
 	font:10pt Helvetica,Verdana,Georgia,Times; color:black; text-align:justify; text-indent:0em;
	margin-left:25px; margin-right:20px; margin-bottom:20px; }
 #remplissage2 a { color:black; font-weight:bold; }
 #remplissage2 a:hover{color:orange;}
 
 #remplissage3 { 
 	font:10pt Helvetica,Verdana,Georgia,Times; color:black; text-align:justify; text-indent:0em;
	margin-left:25px; margin-right:20px; margin-bottom:20px; font-weight:bold;
 }
 #bloc { margin-top:10px; margin-left:10px; }
 
 #admin{ size:30pt; }
 
dt, dl, dd, ul, li {list-style-type: none; margin: 0; padding: 0;}	
#menu { position : relative; width:750px; margin-top:0px; padding-top:0px; background-image:../images/toptop.jpg }
#menu dl {float: left;}
#menu li {display: inline;}
#menu a {
	text-decoration: none; color: white; font: 10pt Verdana; font-weight=bold; background: black; 
	margin-left:50px; margin-right:15px; margin-top:10px; margin-bottom:4px; padding:0px; height:25px;
}
/*===============*/
 #itemH1 a:hover { color:orange}
 #itemH2 a:hover { color:#9B009B}
 #itemH3 a:hover { color:#DF1332}
 #itemH4 a:hover { color:#008ED2}
 #itemH5 a:hover { color:green}
 #itemH6 a:hover { color:#fff900}/*===============*/#menu dd { position: absolute; left: 0; border-top: 1px solid gray; width: 750px; height: 15px; }
#menu dd a { // pour les ssmenu
	font:Verdana,Georgia,Times; font-weight:bold; font-size:13px; height:15px; margin:5px;
	margin-left:60px; padding:0px; text-align:center;
}
#menu dd a:hover { color:black; } 
/*===============*/
 #smenu1, #smenu1 a, #ssmenu1, #ssmenu1 a { background:orange}

 #smenu2, #smenu2 a, #ssmenu2, #ssmenu2 a { background:#9B009B}

 #smenu3, #smenu3 a, #ssmenu3, #ssmenu3 a { background:#DF1332}

 #smenu4, #smenu4 a, #ssmenu4, #ssmenu4 a { background:#008ED2}

 #smenu5, #smenu5 a, #ssmenu5, #ssmenu5 a { background:green}

 #smenu6, #smenu6 a, #ssmenu6, #ssmenu6 a { background:#fff900}
/*===============*/	
b { font:Verdana,Georgia,Times; font-size:13px; margin:0px; padding:0px; text-decoration:none; color:black; }
     
#entree { font:Verdana,Georgia,Times; font-size:13px; font-style:italic; text-align:right; margin-right:40px; }

/*display une bulle d'info*/

a.info
{
    position:relative; 
    z-index:24; 
    text-decoration:none
}


a.info_plus_photo
{
	font:Verdana,Georgia,Times; 
	font-size:15px;
	color:blue;
    position:relative; 
    z-index:24; 
    text-decoration:none
}


a.info:hover{z-index:25; }
a.info_plus_photo:hover{z-index:25; }

a.info span{display: none}
a.info_plus_photo span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 	display:block; 
 	position:absolute;
    
    top:1.5em; left:-6em; width:30em;
    border:1px solid #6699cc;
    background-color:#eeeeee; 
    color:#6699cc;
    text-align: left;
    font-weight:none;
    padding:1px;
    
}

/*infobulle contenant une photo */

a.info_plus_photo:hover span  { 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 	display:block; 
 	position:absolute;
    
    top:2em; left:2em; width:35em;
    border:0px solid #6699cc;
    background-color:#eeeeee; 
    color:#6699cc;
    text-align: left;
    font-weight:none;
    padding:1px;

}


a.info_plus_photo table
{
	border:0px solid #6699cc;
    background-color:#eeeeee; 
    color:#6699cc;
    text-align: left;
    font-weight:none;
    padding:1px;
    
	font-family: Arial;
  	font-size:13px;  
  	font-weight:bold;
}

/*infobulle contenant une photo panoramique*/




.photoFlottante
{
   float: left;
}