body 
{
    background-color:#F9F9F9;
    font-family:Verdana;
    font-size:11px;
}


hr
{
    border-top: inactivecaptiontext 1px solid;
    height: 1px;
    border-right: inactivecaptiontext 1px solid;
    border-left: inactivecaptiontext 1px solid;
    border-bottom: inactivecaptiontext 1px solid;
}

.photo
{
	margin: 7px;
	padding: 7px;
	border: 1px solid #EEEEEE;
}
	
	.photo:hover
{
	padding: 7px;
	border: 1px solid #CC99FF;
}
	
.infoBulle
{
	border: 1px solid #FFE222;
	background-color: #FFFBE2;
	width: 100%;
}

.mesajLabel
{
	background-color:#CFEEB2;
	width:100%;
	border-style:solid;
	border-width:1px;
	border-color:#66FF66;
	font-size:medium;
}

.titre
{
   background-image:url(imgs/fond_titre.jpg);
   background-repeat:repeat-x; 
   margin:0 0 0 0; 
   font-family:Verdana; 
   font-size:11px; 
   font-weight:bold;
   } 
   
.tableTitre
{
	border: 1px solid #F3BECF;
	background-color: #F3BECF;
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	width: 100%;
	height: 25px;
} 

.tableBorder
{
	border: 1px solid #F3BECF;
}

.contenu
{
   background-color:#fbfbfb;
   margin:0 0 0 0; 
   font-family:Verdana; 
   font-size:11px; 
    }

.cadre
{
    border-bottom-style:groove;
    border:#ced5e1 1px solid;
    }



/* PANEL PANEL PANEL */

.panel
{   border:0px solid;
    margin:0 0 0 0;
    width:350;
    padding:0px;
    border-collapse:collapse;
}

.panel td
{ padding:0px;
    }

.panel_sol_ust
{   src:url(imgs/panel_sol_ust.jpg);
	background-image:url(imgs/panel_sol_ust.jpg);
    background-repeat:no-repeat;
    margin:0 0 0 0;
    max-width:7px;
    min-width:7px;
    height:20px;
    }
    
.panel_ust
{  background-image:url(imgs/panel_ust.jpg);
   background-repeat:repeat-x; 
   margin:0 0 0 0;
   height:20px;
   font-family:Verdana; 
   font-size:11px; 
   font-weight:bold;
    }

.panel_sag_ust
{  background-image:url(imgs/panel_sag_ust.jpg);
   background-repeat:no-repeat;
   margin:0 0 0 0; 
   max-width:7px;
   min-width:7px;
   height:20px;
    }


.panel_sol
{  background-image:url(imgs/panel_sol.jpg);
   background-repeat:repeat-y; 
   margin:0 0 0 0;
   width:7px;
    }

.panel_sag
{  background-image:url(imgs/panel_sag.jpg);
   background-repeat:repeat-y; 
   margin:0 0 0 0;
   width:7px;
   }

.panel_sol_alt
{  background-image:url(imgs/panel_sol_alt.jpg);
   background-repeat:no-repeat;
   margin:0 0 0 0; 
   width:7px;
   height:10px;
    }
    
.panel_alt
{  background-image:url(imgs/panel_alt.jpg);
   background-repeat:repeat-x; 
   margin:0 0 0 0;
   height:10px;
    }

.panel_sag_alt
{  background-image:url(imgs/panel_sag_alt.jpg);
   background-repeat:no-repeat;
   margin:0 0 0 0; 
   width:7px;
   height:10px;
    }
    
.panel_icerik
{
   background-color:#FFFFFF;
   margin:0 0 0 0; 
   font-family:Verdana; 
   font-size:11px; 
    }
    


/* EnTETE de la page */
.entete
{
   background-image:url(imgs/fond_entete.png);
   background-repeat:no-repeat;
   margin:0 0 0 0; 
   width:875px;
   height:100px;
   
   }
    
/* MENU HORIZONTAL */

.menubar
{
   background-image:url(imgs/fond_horizontale_menu_bar.jpg);
   background-repeat:repeat-x; 
   margin:0 0 0 0; 
   width:875px;
   height:30px;
   
   }


/* MENU VERTICALE */

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
	font-family:Verdana;
	color:#728cae;
	font-size:12px;
	font-weight:bold;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	line-height: 28px ;
	color:WindowText;
	text-indent: 20px ; /*  On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(imgs/menu_bg1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(imgs/menu_bg2.jpg) no-repeat 0 0 ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	color:#4a6a96;
}