body {
font-family: "Trebuchet MS",Verdana,  Arial, Helvetica, sans-serif;
color:#000000;
font-size: 12px;
font-weight: 600;
background-image: url("img/fond.png");
background-repeat: repeat ;
margin: 0;
}

img {
border: none;
margin-right: 5px;
}

hr {
width: 200px;
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #ffffff;
}

#head1 {
background-image: url('img/ban-ht.png');
background-repeat: no-repeat ;
width: 1005px !important;
width: 100%;
height: 100px;
}

.date {
text-align:right;
font-size: 12px;
margin-right: 95px;
padding: 29px;
color: #000000;
}

.logo {
position: absolute;
top: 5px;
left:5px;
z-index: 1;
}

#gauche {
position: absolute;
top: 125px !important;
top: 120px;
left:0px; /* on place le bloc gauche ı gauche en position absolue */
background-image: url('img/menu1.png');
background-repeat: no-repeat ;
width: 170px;
height: 498px;
}

.carte {
position: absolute;
top: 95px !important ;
top: 110px;
left: 10px   ;
font-size: 12px;
line-height: 20px ;
}

#gauche1 {
position: absolute;
top: 467px ;
left:0px; /* on place le bloc gauche ı gauche en position absolue */
background-image: url('img/menu2.png');
background-repeat: no-repeat ;
width: 171px;
height: 498px;
}
.cont {
margin-left: 25px;
margin-top: 155px;
font-size: 13px;
line-height: 20px ;
}
.lien {
margin-top:40px !important ;
margin-top:45px ;
margin-left: 7px;
font-size: 13px;
line-height: 20px ;
}
.vist {
margin-top: 45px !important ;
margin-top: 50px ;
margin-left: 10px;
}

#centre {
position: relative;
left: 210px; /* on place le bloc centre par rapport ı la largeur du bloc gauche */
top: 90px;
width: 780px;

}

#footer{
height: 30px;
margin-left: 25px;
}

dl {  
width: 780px;  /* largeur du cadre, selon votre image de fond */

}
 
dl, dt, dd {   /* suppression de toutes les marges */
margin: 0;
padding:0;
}
 
dl {   /* image qui sera fixee en bas du cadre */
background: url("img/fen-bas.png") bottom left no-repeat;
padding-bottom: 85px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
}
 
dt {   /* dıfinitions du titre du cadre */
height: 85px;
background: url("img/fen-ht.png") top left no-repeat;
}
 
dd {
padding: 1px 25px 1px 30px; /* gestion des espaces internes du cadre */
background: url("img/fen-milieu.png") top left; /* arriıre-plan intırieur qui va se rıpıter */
background-repeat: repeat-y ;

}

.retour {
text-align: right;
margin-right: 25px;
}

h1 {
font-size: 24px;
text-align: center;
}
.prop {
text-align: left;
}
.acc {
text-align: center;
margin-left:30px;
}
.mes {
position: relative;
top: 50px;
font-size: 9px;
text-align: center;
}
.home {
position: absolute;
top: 1px;
left: 955px;
}
.france {
text-align: center;
}

form label{display:block;float:left;clear:left;width:200px;text-align:right;vertical-align:top;margin:5px 0}
  #userInput textarea,
  #userInput input {margin:5px 2px;border:1px solid #000;vertical-align:top}
  #userInput textarea {overflow:auto}
  #formFooter {margin-left:380px}
  #formFooter input {margin:5px 2px;}

/* Texte des destination */
.texte {
	text-align: justify;
}

/* Photo des destinations */
.photo {
	margin-top: 2em;
	text-align: center;
}

/* Legende des photos */
.legende {
	text-align: center;
	margin-bottom: 1em;
}

/* Liens vers les sites des villes */
.liens {
	margin-top: 5em;
	margin-bottom: 2em;
}

/* Placement des emblemes */
.pays {
	float: left; 
	width: 33%;
	margin-bottom: 2em;
}

.ville {
	float: left; 
	width: 33%; 
	text-align:right;
	margin-bottom: 2em;
}