@charset "utf-8";
/* CSS Document */

#wrapper
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-style:solid;
	border-width:1px;
	background-color: #FFFFFF;
}
/* --------------------------------------------------------------- LES FONTES ------------------------------------- */
.Fonte8 {font-size: 8pt}
.Fonte10 {font-size: 10pt}
.Fonte12 {font-size: 12pt}
.Fonte14 {font-size: 14pt}
.Fonte16 {font-size: 16pt}
.Fonte18 {font-size: 18pt}
.Fonte20 {font-size: 20pt}
.Fonte22 {font-size: 22pt}
.Fonte24 {font-size: 24pt}
.Fonte26 {font-size: 26pt}
.Fonte28 {font-size: 28pt}
.Fonte28 {font-size: 30pt}
.Fonte30 {font-size: 32pt}
.Fonte32 {font-size: 34pt}
.Fonte34 {font-size: 36pt}
.Fonte36 {font-size: 38pt}
.Fonte38 {font-size: 39pt}
.Fonte40 {font-size: 40pt}
/* --------------------------------------------------------------- LE HAUT ------------------------------------- */

#bandeau
{
 
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #24415C;
	text-align: left;
	vertical-align: top;
	height: 70px;
	width: 100%;
	top: 0px;
	left: 0px;
	position:relative;
}
.Logo
{
position:absolute;
left:45px;
top:5px;
}
.Contact
{
position:absolute;
left:800px;
top:40px;
}
.Home
{
position:absolute;
left:735px;
top:40px;
}
.Adresse
{
position:absolute;
left:220px;
top:50px;
}
a img {border: 0;}
/* --------------------------------------------------------------- ZONE DE TEXTE ------------------------------------- */

#zone_de_texte
{
	float:right;
	width:77%;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom: 10px;
}
/* --------------------------------------------------------------- LA ZONE DE NAVIGATION ------------------------------------- */

#zone_de_navigation
{
	float:left;
	width:200px;
	background-color:#FFFFFF;
}
/* --------------------------------------------------------------- LE BAS ------------------------------------- */
#pied_de_page
{
	clear:both;
	background-color:#24415C;
	height:55px;
	left:0px;
}
.Image_Coin_Bas_Gauche
{
	height:12px;
	width:14px;
	top:44px;
	left:-1px;
	position:relative;
	float:left;
}
.Image_Coin_Bas_Droit
{
	width: 14px;
	height: 12px;
	left:873px;
	top:44px;
	position:relative;
 
}
/* --------------------------------------------------------------- LE MENU ------------------------------------- */
.menu{
	/*    position:absolute;*/
    /* solve a Opera7/IE display bug */
    width:190px;
	width/**/:190px;
	border-color:#CFC9C9;
	margin:0;
	padding:0;
	left:5px;
	top:0px;
	position:relative;
	
    }
    
.menu span{
    display:none;
    }
    
.menu ul{

    margin:0;
    padding:0;
/*    position:absolute; /* important */
    width:190px;
    width/**/:190px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:190px; /* be careful */
    margin-top:-24px;
	border-color:#CFC9C9;
	
    }
    
.menu a{
    text-align:center;
    background-color: #E4E9EC;
    color:#000;
    text-weight:bold;
    display:block;
    width:188px;
	height:25px;
    border-bottom: 1px #000 solid;
    text-decoration:none;
    margin:0;
    padding:14px 0 0 0; /* em units can creat little graphic bug in mozilla */
		border-color:#CFC9C9;
		border-top-width:0px;
	border-left-width:1px;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
		
    }
    
.menu a:hover{
	background-color: #F7F7F7;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
	background-color: #CCCCCC;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:190px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #eee;
    }
.Image_Menu
{
	position:relative;
	top:3px;
}
/* --------------------------------------------------------------- LES COINS ------------------------------------- */

.Image_Coin_Haut_Gauche
{

	top:-1px;
	left:-1px;
	position:absolute;
 
}
.Image_Coin_Haut_Droit
{
	top:-1px;
	left:887px;
	position:absolute;
 
 
}
/* --------------------------------------------------------------- LE TITRE ------------------------------------- */

h1
{
	font-size:20px;
	font-weight: bold;
}
body
{
	background-image: url(bg_content.gif);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* --------------------------------------------------------------- LES LIENS BAS ------------------------------------- */
.Lien_bas
{
	font-size:11px;
	color:#FFFFFF;
	padding-left: 5px;   
}
.Lien_bas a
{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.Copyright {
	font-size: 9px;
	color: #CCCCCC;
}