html {
 height: 100%;
 overflow: hidden;
}

body {
 background-color: #7D9AC3;
 color: #FFFFFF;
 font-family: verdana;
 font-size: 0.8em; 
 height: 100%;
 margin: 0;
 overflow: auto;
 padding: 0;
}

a {
 color: #132B44;
 text-decoration: none;
}
a:visited {
 color: #BDD8FF;
 font-style: italic;
}
a img{border:0px solid #000000;}
div{border:0px solid #000000;}

p {margin: 0 0 0 5px; width:342px;}
li { list-style-type: none;}

.accueil
{
 font-family: verdana;
 left: 50%;
 margin-left: -150px;  /* Cette valeur doit être la moitié négative de la valeur du width */
 margin-top: 0px;  /* Cette valeur doit être la moitié négative de la valeur du height*/
 position: absolute;
 text-align: center;
 top: 30%;
 width: 300px;
}

.accueil ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.accueil li {float: left;}

.conteneur { /* partie globale du site qui sera centrée */
 background-color: #56749A;
 height:600px;
 width: 660px;
 position: absolute;
 left: 50%;
 margin-left: -330px;
 margin-top: 0px;
 overflow: auto;
}

.lien_accueil {
 height:18px;
 left:25px;
 position:absolute;
 top:25px;
 width:18px; 
}

.presentation {
 background-color:#243D5A;
 height:495px;
 left:25px;
 padding: 0; 
 position:absolute;
 top:70px;
 width:342px; 
}

.entete {
 height:60px;
 left:0px;
 position:relative;
 top:0px; 
 width:342px;
}

.pied {
 height:10px;
 left:0px;
 position:absolute;
 top:490px; 
 width:342px;
}

.menu_galerie {
 left:390px;
 margin: 0px;
 padding: 0px;
 position:absolute;
 top:72px;
}

.galerie {
 height:267px;
 margin: 0px;
 padding: 0px;
 position: relative;
}


.galerie li {
 position: absolute;
 top: 0px;
 left :0px;
 background: url("../img/btn_photos.jpg") 0 0 no-repeat;
 display: block;
 list-style: none;
}

.galerie a {width: 89px; height: 89px; display: block;}

//.galerie #mont {top: 0px;background-position: 0 0px;}
.galerie #pays {top: 0px;background-position: 0 0px;}
.galerie #flor {top: 89px;background-position: 0 -89px;}
.galerie #faun {top: 178px;background-position: 0 -178px;}
.galerie #spor {top: 267px;background-position: 0 -267px;}
.galerie #grap {top: 0px; left:90px; background-position: -90px 0px;}
.galerie #arch {top: 89px;left:90px;background-position: -90px -89px;}
.galerie #ciel {top: 178px;left:90px;background-position: -90px -178px;}
.galerie #voya {top: 267px;left:90px;background-position: -90px -267px;}

.couriel {
 height:9px;
 left:550px;
 position:absolute;
 top:580px;
 width:89px; 
}

.texte_accueil {
 color:#3D5777;
 font-family:verdana;
 font-size:9pt;
 margin: 0 0 0 5px;  
 text-align: center;
}

.texte {
 color:#BDD8FF;
 font-family:verdana;
 font-size:9pt;
 margin: 0 0 0 5px;  
 text-align: left;
 width: 337px;
}

.titre {
 border-bottom:1px solid #FFFFFF;
 font-family:verdana;
 font-size:1em;
 font-weight: bold;
 margin: 0 0 0 5px; 
 text-align: left;
 width: 300px;
}

.lien
{
 color: #132B44;	
 display: block;
 font-family: Verdana;
 font-size: 8pt;
 left:25px;
 margin:0; 
 padding:0;
 position:relative;
 top:60px;  
 width:300px;  
}

/*=======================*/ 
/* Elements pour le ride */
/*=======================*/
.ride_cadre {
 border: 0px solid #FFFFFF; 
 height:570px; 
 left:100px;
 margin-right:25px;
 margin-top:25px;
 padding:0;
 position: absolute;
 overflow: auto;
 top:0px;
 width:80%;
}

.ride_titre {
 border-bottom:1px solid #132B44;
 color: #132B44; 
 font-family:verdana;
 font-size:1em;
 font-weight: bold;
 margin: 0 0 20px 5px; 
 position: relative; 
 text-align: left;
}

.ride_texte {
 color: #132B44;	
 font-family:verdana;
 font-size:9pt;
 margin: 0 0px 0 5px;
 padding: 0 0 15px 0;
 position: relative;   
 text-align: left;
}

.ride_menu {
 height: 0px;
 left :0px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top:60px;
 width: 80px;
}

.titre_liens {
 color: #132B44;
 font-family: Verdana;
 font-size: 9pt;
 font-weight:bold;
 left:-25px;
 margin-bottom: 10px;
 margin-top:10px;
 position:relative;
 text-align: left;
 top:0;
}

.ride_liens a {
 border-bottom: solid 1px #56749A;
 color: #132B44;
 display: block;
 font-family: Verdana;
 font-size: 8pt;
 left:0;
 margin-bottom: 1px;
 position:relative; 
 text-align: left;
 text-decoration: none;
 top:0;
}

.ride_liens a:hover {
 border-bottom: 1px solid #7EFF9C;
 color:#FFFFFF;
 width:80%;
}

.ride {
 margin: 0px;
 padding: 0px;
 position: relative;
}

.ride li {
 width: 80px;
 height: 41px;
 position: absolute;
 top: 0px;
 left :0px;
 background: url("../img/btn_ride_menu.jpg") 0 0 no-repeat;
 display: block;
 list-style: none;
}

.ride a {width: 80px; height: 41px; display: block;}

.ride #lsk8 {top: 0px;background-position: 0 0px;}
.ride #slug {top: 41px;background-position: 0 -41px;}
.ride #skul {top: 82px;background-position: 0 -82px;}
.ride #spor {top: 123px;background-position: 0 -123px;}
.ride #spot {top: 164px;background-position: 0 -164px;}
.ride #mato {top: 205px;background-position: 0 -205px;}
.ride #lien {top: 246px;background-position: 0 -246px;}
.ride #atel {top: 287px;background-position: 0 -287px;}
.ride #tech {top: 328px;background-position: 0 -328px;}

.ride #lsk8 a:hover {background: url("../img/btn_ride_menu.jpg") -83px -0px no-repeat;}
.ride #slug a:hover {background: url("../img/btn_ride_menu.jpg") -83px -41px no-repeat;}
.ride #skul a:hover {background: url("../img/btn_ride_menu.jpg") -83px -82px no-repeat;}
.ride #spor a:hover {background: url("../img/btn_ride_menu.jpg") -83px -123px no-repeat;}
.ride #spot a:hover {background: url("../img/btn_ride_menu.jpg") -83px -164px no-repeat;}
.ride #mato a:hover {background: url("../img/btn_ride_menu.jpg") -83px -205px no-repeat;}
.ride #lien a:hover {background: url("../img/btn_ride_menu.jpg") -83px -246px no-repeat;}
.ride #atel a:hover {background: url("../img/btn_ride_menu.jpg") -83px -287px no-repeat;}
.ride #tech a:hover {background: url("../img/btn_ride_menu.jpg") -83px -328px no-repeat;}

.photos_menu {
 height:600px;	
 left :0;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top:60px;
 width: 80px;
}

.photos_cadre {
 border: 0px solid #FFFFFF; 
 height:600px;
 left:90px;
 margin:0;
 padding:0;
 position: absolute;
 overflow: auto;
 top:0;
 width:550px;
}

.photos_liens
{
 color: #132B44;	
 display: block;
 font-family: Verdana;
 font-size: 8pt;
 height:850px;
 left:25px;
 list-style: none; 
 margin:0; 
 padding:0;
 position:relative;
 text-decoration: none;
 top:25px;  
 width:400px;  
}

.photos_lien
{
 color: #BDD8FF;	
 font-family: Verdana;
 font-size: 8pt;
 margin:0; 
 padding:0;
}