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

.retour
{
	left: 10px;
	position: absolute;
	top: 640px;
}
.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: 520px;
	width: 660px;
	position: absolute;
	left: 50%;
	margin-left: -330px;
	margin-top: 50px;
	overflow: none;
}

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

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

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

.texte {
	color: #BDD8FF;
	font-family: verdana;
	font-size: 10pt;
	margin: 0 5px 0 5px;  
	text-align: justify;
	width: 320px;
}

.news {
	color: #D3FFB2;
	font-family: verdana;
	font-size: 10pt;
	margin: 0 5px 0 5px;  
	text-align: left;
	width: 320px;
}

.lien_accueil {
	height: 27px;
	left: 0px;
	position: absolute;
	top: 490px;
	width: 29px; 
}

.galerie {
	height: 520px;
	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: 260px;left:0px; background: url("../img/sdubs_btn_faun.jpg") 0 0 no-repeat;}
.galerie #flor {top: 325px;left:0px; background: url("../img/sdubs_btn_flor.jpg") 0 0 no-repeat;}
.galerie #ciel {top: 390px;left:0px; background: url("../img/sdubs_btn_ciel.jpg") 0 0 no-repeat;}
.galerie #grap {top: 455px;left:0px; 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: 260px;left:30px; 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: 260px;left:30px; background: url("../img/sdubs_btn_slal.jpg") 0 0 no-repeat;}
.galerie #buko {top: 325px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #spee {top: 390px;left:30px; background: url("../img/sdubs_btn_spee.jpg") 0 0 no-repeat;}
.galerie #move {top: 0px;left:230px; background: url("../img/sdubs_btn_move.jpg") 0 0 no-repeat;}
.galerie #jotu {top: 65px;left:230px; background: url("../img/sdubs_btn_jotu.jpg") 0 0 no-repeat;}
.galerie #defi {top: 130px;left:230px; 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: 260px;left:30px; background: url("../img/sdubs_btn_ecur.jpg") 0 0 no-repeat;}
.galerie #inse {top: 325px;left:30px; background: url("../img/sdubs_btn_inse.jpg") 0 0 no-repeat;}
.galerie #marm {top: 390px;left:30px; background: url("../img/sdubs_btn_marm.jpg") 0 0 no-repeat;}
.galerie #oise {top: 0px;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;}

.galerie #buko06 {top: 0px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #buko071 {top: 65px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #buko072 {top: 130px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #buko081 {top: 195px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #buko082 {top: 260px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #buko09 {top: 325px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}
.galerie #buko10 {top: 390px;left:30px; background: url("../img/sdubs_btn_buko.jpg") 0 0 no-repeat;}

.galerie #jotu1 {top: 0px;left:30px; background: url("../img/sdubs_btn_jotu.jpg") 0 0 no-repeat;}
.galerie #jotu2 {top: 65px;left:30px; background: url("../img/sdubs_btn_jotu.jpg") 0 0 no-repeat;}

.galerie #inde1 {top: 0px;left:30px; background: url("../img/sdubs_btn_inde.jpg") 0 0 no-repeat;}
.galerie #inde2 {top: 65px;left:30px; background: url("../img/sdubs_btn_inde.jpg") 0 0 no-repeat;}
.galerie #inde3 {top: 130px;left:30px; background: url("../img/sdubs_btn_inde.jpg") 0 0 no-repeat;}

.galerie #made1 {top: 0px;left:30px; background: url("../img/sdubs_btn_made.jpg") 0 0 no-repeat;}
.galerie #made2 {top: 65px;left:30px; background: url("../img/sdubs_btn_made.jpg") 0 0 no-repeat;}

.galerie #maro1 {top: 0px;left:30px; background: url("../img/sdubs_btn_maro.jpg") 0 0 no-repeat;}
.galerie #maro2 {top: 65px;left:30px; background: url("../img/sdubs_btn_maro.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;
}