@charset "UTF-8";

body {
      background-image: url('../images/bg_body.gif') ;
     background-repeat:repeat;
     background-color: #216eaa;
     background-repeat:repeat-x;
     font-family:Arial, Helvetica, Sans-Serif;
     font-size:12px;
     color:black;
              
     }
     
     
     
 body.accueil {
     background-image: url('../images/bg_body.gif') ;
     background-repeat:repeat;
     background-color: #216eaa;
     background-repeat:repeat-x;
     font-family:Arial, Sans-Serif;
     font-size:12px;
     color:White;
     
     }    
     
     

div.global 
{ 
    background-image: url('../images/bg_body.gif') ;
    background-repeat:repeat;
    background-color: #fafafa;
    background-repeat:repeat-x;
    width:900px;
    height:700px;
    margin-left:auto;
    margin-right:auto;
    border:0px solid;
    border-color:White;
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:White;
}

iframe

{
    width:600px;
    height:820px;
    padding:0px;
    margin-top:-15px;
    border:none;
          
}

div.main
 
{
    width:589px;
    height:300px;
    border-spacing:0px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('../images/main.png');
    margin-bottom:1px;
   padding:0px;
    
}

li.accueil

{  font-family:Arial;
    font-weight:bold;
    font-size:12px;
    margin-left:20px;
    
}
    
       


div.image 
{
    position:absolute;
    left:850px;
    top:251px;
  
     
}


p.main 
{
}


div.top 
{
   
    margin:0px;
    padding:0px;
    font-family:Verdana, Sans-Serif;
    font-size:x-large;
    font-style:normal;
    font-weight:bold;
    color:White;
    text-align:center;
    vertical-align:text-bottom;
    margin-bottom :200px;
    
   
      
}


p.top {
    
    font-family:Arial, Sans-Serif;
    font-size:24px;
    color:white;
    vertical-align:text-bottom;
    padding:5px;
    position:relative;
    margin:0px;
   
    
    
     
     }
     
     
     
p.left {
    
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:black;
    vertical-align:middle;
    padding:5px;
    margin-left:5px;
    padding-top:25px;
    top:15px;
    font-weight:bold;
    line-height:130%;
    
    
        
     }
     
     p {
    
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:black;
    vertical-align:middle;
    padding:5px;
    margin-left:5px;
    top:15px;
    
        
     }
     
     p.contenu
      {
    
    font-family:Arial, Sans-Serif;
    font-size:12px;
    color:black;
    vertical-align:middle;
    font-weight:bold;
    padding:5px;
    margin-left:5px;
    top:15px;
    
    
   
    
        
     }
     
     div.sitemap
      {
        font-family: Verdana;
        display:inline-block;
        line-height:20px;       
      
        
     }
     
      
p.bottom 
{
    
    
    border-spacing:0px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    font-family: Arial, Sans-Serif;
    font-size:11px;
        color:white;
    padding:5px;
    margin:0px;
   
     
     }     
     
div.bottom 
{
    background-color:Black;
    height:25px;
    width:589px;
    margin-left:auto;
    margin-right:auto;
    
    border-spacing:0px;
    border-color:White;
    padding:0px;
    font-family:Arial, Sans-Serif;
    font-size:x-large;
    font-style:normal;
    font-weight:bold;
    color:White;
    text-align:left;
    
    
  
}
    
div.navigation 
{
    height:25px;
   width:900px;
   background-color:White;
    background-image: url('../images/bordure.png') ;
     background-repeat:repeat;
      background-color:#ffffff;
     background-repeat:repeat-y;
   color:black;
   font-weight:bold;
   text-align:justify;
   vertical-align:middle;   
    padding-bottom:5px;
    padding-top:15px;
    padding:0px;
    margin-top:40px;
    border-bottom-color:Black;
    border-bottom-style:dotted;
    border-bottom:1px;
   
    
    
   
   
    
}

div.header 
{
    height:150px;
   width:900px;
  
    padding-bottom:5px;
    padding-top:15px;
   
   
    
}



div.left
{
    
    width:140px;
     min-height:650px;
    height:auto;
    background-image: url('../images/bordure_left.png') ;
    
   
    margin-top:0px;
    overflow:visible;
    
    
  }




div.middle
{
   float:left;
   width:610px;
   min-height:650px;
   height:650px;
   background-color:#ffffff;
    margin-top:-650px;
    margin-left:140px;
    padding-top:0px;
    overflow:auto;
    padding-bottom:0em;
    
    
    
    
    
    
  
}
 
 h4 
 {color:black;
    font-family :Arial;
    padding:2px;
 }
 
 h5 
 {color:White;
    font-family :Arial;
    padding:4px;
 }
 
div.right 
{
    
    float:right;
    width:150px;
    height:650px;
     background-image: url('../images/bordure_right.png') ;
     
     
    margin-top:1px;
    padding:0px;
    padding-top:0px;
     margin-top:-650px;
}


div.rightbottom 
{
    
    float:right;
    width:150px;
    height:650px;
   
    background-image: url('../images/trame.jpg') ;
    background-repeat:repeat-x;
    
    margin-top:1px;
    padding:0px;
    padding-top:15px;
     margin-top:-2000px;
}







div.pied 
{
    height:25px;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    border-spacing:0px;
    padding:0px;
    overflow:visible;
       }


table {
}




ol 
{
    text-align:left;
    font: 10px;
    font-family:Arial;
    font-weight:lighter;
    list-style-type:disc;
    list-style-image:none;
    list-style-position:inherit;
          
}

ul 
{
    text-align:left;
    font: 10px;
    font-family:Arial;
    font-weight:normal;
    list-style-type:none;
    list-style-image:none;
    list-style-position:inherit;
}


p.header {
    font-family:Arial, Sans-Serif;
    font-size:11px;
    color:white;
    vertical-align:middle;
    padding:4px;
    margin-bottom:-15px;
    margin-left:-5px;
   
    font-weight:bold;
     }
    

   
a:active {
	
	text-decoration: none;
	border-style:none;
	 text-decoration:none;
}   
    
    
a:link 
{
    color:black;
    border-style:none;
     text-decoration:none;
    
    }
    
a:visited 
{
    color:black;
    border-style:none;
     text-decoration:none;
}
a:hover 
{
    color:red;
   border-style:none;
   text-decoration:none;
}

a.middle:hover 
{
    color:black;
   border-style:none;
   text-decoration:none;
}

img.accueil
{border-style:none;
    margin-left:20px;
}

img
{border-style:none;
    
}




head 
{visibility:hidden;
}


meta 
{ visibility:visible;
}

title 
{
    font:14px;
    font-family:Tahoma;
    font-style:normal;
    text-decoration:underline; 
     
    
}
    
  
  
  *{padding:0; margin:0;}
body {font-size:62.5%; font-family:verdana,arial,sans-serif;}


.menu {white-space:nowrap /*IE hack*/; 
    float:left; 
    width:900px; 
    border:none; 
    background:rgb(225,225,225); 
    color:rgb(0,0,0); 
    font-size:110%;}
    
    
    
.menu ul 
{list-style-type:none;}
.menu ul li 
{float:left; 
    z-index:auto !important /*Non-IE6*/; 
    z-index:1000 /*IE6*/; 
    border-right:solid 1px rgb(175,175,175);}
    
.menu ul li a 
{float:none !important /*Non-IE6*/; 
    float:left /*IE-6*/; 
    display:block; 
    height:3.1em; 
    line-height:4em; 
    padding:0 16px 0 16px; 
    text-decoration:none; 
    font-weight:bold; 
    color: rgb(100,100,100);}
    
.menu ul li ul 
{
    display:none; 
    border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover 
{
    position:relative;}
    
.menu ul li:hover a 
{
    background-color:rgb(210,210,210); 
    text-decoration:none;}
    
.menu ul li:hover ul 
{
    display:block; 
    width:10.0em; 
    position:absolute; 
    z-index:999; 
    top:3.0em; 
    margin-top:0.1em; 
    left:0;}
    
.menu ul li:hover ul li a 
{
    white-space:normal; 
    display:block; 
    width:10.0em; 
    height:auto; 
    line-height:1.3em; 
    margin-left:-1px; 
    padding:4px 16px 4px 16px; 
    border-left:solid 1px rgb(175,175,175); 
    border-bottom: solid 1px rgb(175,175,175); 
    background-color:rgb(237,237,237); 
    font-weight:normal; 
    color:rgb(50,50,50);}
    
.menu ul li:hover ul li a:hover 
{
    background-color:rgb(210,210,210); 
    text-decoration:none;}

/*IE6 hovering*/
.menu table 
{
    position:absolute; 
    top:0; 
    left:0; 
    border-collapse:collapse;}
    
.menu ul li a:hover 
{
    position:relative /*IE hack*/; 
    z-index:1000 /*IE hack*/; 
    background-color:rgb(210,210,210); 
    text-decoration:none;}
    
.menu ul li a:hover ul 
{
    display:block; 
    width:10.0em; 
    position:absolute; 
    z-index:999; 
    top:3.1em; 
    left:0; 
    margin-top:0.1em;}
    
.menu ul li a:hover ul li a 
{
    white-space:normal; 
    display:block; 
    width:10.0em; 
    height:1px; 
    line-height:1.3em; 
    padding:4px 16px 4px 16px; 
    border-left:solid 1px rgb(175,175,175); 
    border-bottom: solid 1px rgb(175,175,175); 
    background-color:rgb(237,237,237); 
    font-weight:normal; 
    color:rgb(50,50,50);}
    
.menu ul li a:hover ul li a:hover 
{
    background-color:rgb(210,210,210); 
    text-decoration:none;}

@media print {.menu 
    {
        float:left; 
        width:900px; 
        border:none; 
        background:rgb(240,240,240); 
        color:rgb(75,75,75); 
        font-size:1.0em; 
        font-size:130%;}}