body        {
            background-color: #edeff3;
            color: #0d1b74;
            font-family: Georgia, "Times New Roman", Times, serif;
           
            text-align:center;
            }
        
h1          {
            font-size: 3em;
            color: #426d96;
            line-height: 80%;
            text-align: center;
            /*position: absolute;*/
            
            }
            
h2          {
            font-size: 2em;
            color: #426d96;
            line-height: 100%;
            text-align: center;
            
                    
            }
            
h3          {
            font-size: 1.5em;
            color: #426d96;
            line-height: 100%;
            text-align: center;
            }
            
h4	      { 
			font-size: 0.8em;
            color: #426d96;
            line-height: 100%;
            text-align: center;
            }
            
/*img         {
            margin-left: 0.3%;
            Width: 60%;
            position: absolute;
            }*/
   
ul          {
           
            font-family: Impact, Verdana, Geneva, Arial black, sans-serif;
            list-style: none;
            }
            
li          {
            margin-left: -35%
            }

p           {
            text-indent: 2em;
            }
         

table       {
            width: 100%;
            }
            
a:link      { 
            display : inline;
            
            color: #085a9c; 
            text-decoration: none;
            }  
            
a:visited   { 
            
            color: #085a9c; 
            text-decoration: none;
            }  
            
a:hover     { 
            
            color: #426d96; 
            text-decoration: none; 
            }            
            
.col-gauche {
            width: 20%;
            height: 100%;
            float: left;
            
            }
            
.col-milieu {
            background-color: #d7e1f2;
            margin-left: auto;
            margin-right: auto;
            height: 800px;
            Width: 800px;
            color: #2c406b;
            position: relative;
            border: #315483 3px solid;
            _margin-left: -0%;
            margin-bottom: 20%;
            text-align:left;
          
            
            }
.col-menu   {
            
            Width: 20%;
            
            color: #2c406b;
            position: absolute;
            background-color: #c8d9f6;
            border: #315483 3px outset;
            margin-bottom: 20%;
            
            }
            
.col-texte  {
            margin-left: 22%;
            Width: 76%;
            margin-right: 2%;
            position: absolute;
            margin-bottom: 20%;
            height: 100%;
            
            }
            
.col-droite {
            width: 20%;
            float: right;
            
            

            }


/*#fond_dessin {
             width: 100%;
             position: relative;
             margin-top: -22.6%;
             }*/
             
#banniere    {/*
             position:relative;
	         
	         width: 100%;*/
             }
             
#texte       {
             margin-top: 0%;
             }

#liens_bas a {
             position:relative;
             margin-left: 4%;
             font-size: 2em;
             display:inline;
            
             }
             
#liens_bas_2 a {
             position:relative;
             text-align: left;
             float-left;
             margin-left: 3%;
             font-size: 1.3em;
             line-height: 150%;
             display:inline;
             
            
             }
             
#footer {
        
       
        clear: both;
        height: 30px;
	    background-color: #a4b5d0;
	    border: 0px solid #fff;
	    font-size: 0.8em;
	    line-height: 30px;
	    
        }
             
img         {        
            border:0px;
             
             }
             
#liens_index {
             font-size: 2em;
             }
             
#liens_langue {
             display: block;
             font-size: 2em; 
             display:inline;
             text-align: center;
             }
             
#presentation {
             font-size: 1.3em;
             color: #2c406b;
             line-height: 100%;
             text-align: justify;
			 margin-left: 5%;
			 margin-right: 5%;
			 font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
             
             
             
             
             }                       
             
#center      {
             text-align:center;
             }
             
#gallery {
	position: relative;
    
	height: 500px;
}
span {
    position: absolute;
    margin-left: 60px;
    margin-top: 400px;
    visibility: hidden;
}

span:hover {
    position : absolute;
    margin-left: 60px:
    margin-top: 400px;
    height: 200px;
    visibility: visible;
}
#thumbs {
	width: 60px;
	float: left;

}
#thumbs a {
	display: block;
    float: right;
	margin: 0 0 5px 5px;
	width: 50px;
	height: 50px;
	border: 0px solid #000;

	
}
#thumbs a div img {
	width: 50px;
	height: 50px;
	border: 0;
}

#thumbs a div div {
	display: none;
}

#thumbs a:hover {
	
	border-color: #ddd;
	
}
#thumbs a:hover div img {
	width: auto;
	height: auto;
	border: 1px solid #333;
}

#thumbs a:hover div {
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	left: 15%;
	top: 0;
}

#thumbs a:hover div div{
	display: block;
	position: relative;
	left:0px;
}