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;
/* précision pour Opera */
width: 100%; 
}

.accueil li {float: left;}

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

/*ok*/
.presentation {
 background-color:#243D5A;
 height:260px;
 left:0px;
 padding: 0; 
 position:absolute;
 top:0px;
 width:330px; 
}

.detail {
 height:260px;
 left:330px;
 margin: 0;
 padding: 0;
 position:absolute;
 top:0px;
}

/*ok*/
.titre {
 height:65px;
 left:0px;
 position:relative;
 top:0px; 
 width:330px;
}

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

/*ok*/
.lien_accueil {
 height:27px;
 left:0px;
 position:absolute;
 top:233px;
 width:29px; 
}

.galerie {
 height:260px;
 left:0;
 margin: 0;
 padding: 0;
 position:absolute;
 top:0px;
}

.galerie li {
 display: block;
 left :0px;
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0px;
}

.galerie a {
 color: #132B44;
 display: block;
 height: 65px;
 text-indent:70px;
 width: 300px;
}

.galerie #pays {top: 0px;left:0px; background: url("../img/sdubs_btn_pays.jpg") 0 0 no-repeat;}
.galerie #spor {top: 65px;left:px; background: url("../img/sdubs_btn_spor.jpg") 0 0 no-repeat;}
.galerie #arch {top: 130px;left:0px; background: url("../img/sdubs_btn_arch.jpg") 0 0 no-repeat;}
.galerie #voya {top: 195px;left:0px; background: url("../img/sdubs_btn_voya.jpg") 0 0 no-repeat;}
.galerie #faun {top: 0px;left:165px; background: url("../img/sdubs_btn_faun.jpg") 0 0 no-repeat;}
.galerie #flor {top: 65px;left:165px; background: url("../img/sdubs_btn_flor.jpg") 0 0 no-repeat;}
.galerie #ciel {top: 130px;left:165px; background: url("../img/sdubs_btn_ciel.jpg") 0 0 no-repeat;}
.galerie #grap {top: 195px;left:165px; background: url("../img/sdubs_btn_grap.jpg") 0 0 no-repeat;}

.galerie #mont {top: 0px;left:30px; background: url("../img/sdubs_btn_mont.jpg") 0 0 no-repeat;}
.galerie #lacs {top: 65px;left:30px; background: url("../img/sdubs_btn_lacs.jpg") 0 0 no-repeat;}

.galerie #arav {top: 0px;left:30px; background: url("../img/sdubs_btn_arav.jpg") 0 0 no-repeat;}
.galerie #barg {top: 65px;left:30px; background: url("../img/sdubs_btn_barg.jpg") 0 0 no-repeat;}
.galerie #mtbl {top: 130px;left:30px; background: url("../img/sdubs_btn_mtbl.jpg") 0 0 no-repeat;}
.galerie #vano {top: 195px;left:30px; background: url("../img/sdubs_btn_vano.jpg") 0 0 no-repeat;}
.galerie #roch {top: 0px;left:230px; background: url("../img/sdubs_btn_roch.jpg") 0 0 no-repeat;}

.galerie #d173 {top: 0px;left:30px; background: url("../img/sdubs_btn_d173.jpg") 0 0 no-repeat;}
.galerie #conf {top: 65px;left:30px; background: url("../img/sdubs_btn_conf.jpg") 0 0 no-repeat;}
.galerie #biga {top: 130px;left:30px; background: url("../img/sdubs_btn_biga.jpg") 0 0 no-repeat;}
.galerie #bowl {top: 195px;left:30px; background: url("../img/sdubs_btn_bowl.jpg") 0 0 no-repeat;}
.galerie #slal {top: 0px;left:230px; background: url("../img/sdubs_btn_slal.jpg") 0 0 no-repeat;}
.galerie #buko {top: 65px;left:230px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #spee {top: 130px;left:230px; background: url("../img/sdubs_btn_spee.jpg") 0 0 no-repeat;}
.galerie #move {top: 195px;left:230px; background: url("../img/sdubs_btn_move.jpg") 0 0 no-repeat;}
.galerie #jotu {top: 0px;left:430px; background: url("../img/sdubs_btn_jotu.jpg") 0 0 no-repeat;}
.galerie #defi {top: 65px;left:430px; background: url("../img/sdubs_btn_defi.jpg") 0 0 no-repeat;}

.galerie #chat {top: 0px;left:30px; background: url("../img/sdubs_btn_chat.jpg") 0 0 no-repeat;}
.galerie #bati {top: 65px;left:30px; background: url("../img/sdubs_btn_bati.jpg") 0 0 no-repeat;}

.galerie #inde {top: 0px;left:30px; background: url("../img/sdubs_btn_inde.jpg") 0 0 no-repeat;}
.galerie #made {top: 65px;left:30px; background: url("../img/sdubs_btn_made.jpg") 0 0 no-repeat;}
.galerie #maro {top: 130px;left:30px; background: url("../img/sdubs_btn_maro.jpg") 0 0 no-repeat;}

.galerie #batr {top: 0px;left:30px; background: url("../img/sdubs_btn_batr.jpg") 0 0 no-repeat;}
.galerie #bouc {top: 65px;left:30px; background: url("../img/sdubs_btn_bouc.jpg") 0 0 no-repeat;}
.galerie #cham {top: 130px;left:30px; background: url("../img/sdubs_btn_cham.jpg") 0 0 no-repeat;}
.galerie #cats {top: 195px;left:30px; background: url("../img/sdubs_btn_cats.jpg") 0 0 no-repeat;}
.galerie #ecur {top: 0px;left:230px; background: url("../img/sdubs_btn_ecur.jpg") 0 0 no-repeat;}
.galerie #inse {top: 60px;left:230px; background: url("../img/sdubs_btn_inse.jpg") 0 0 no-repeat;}
.galerie #marm {top: 130px;left:230px; background: url("../img/sdubs_btn_marm.jpg") 0 0 no-repeat;}
.galerie #oise {top: 195px;left:230px; background: url("../img/sdubs_btn_oise.jpg") 0 0 no-repeat;}

.galerie #chap {top: 0px;left:30px; background: url("../img/sdubs_btn_chap.jpg") 0 0 no-repeat;}
.galerie #fleu {top: 65px;left:30px; background: url("../img/sdubs_btn_fleu.jpg") 0 0 no-repeat;}
.galerie #arbr {top: 130px;left:30px; background: url("../img/sdubs_btn_arbr.jpg") 0 0 no-repeat;}

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

.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;
}