/**************CONTENEUR GAUCHE************************************/
/**************TITRE  PAGE************************************/
#titre_visiter{
position:relative;
width:200px;
height :39px;
}
/**************************************************/
#img_visiter{
position:relative;
width:200px;
height :140px;
text-align:center;
margin:0px 0px 0px 0px;
}
/*****************A VISITER LES BOUTONS********************************/
#conteneur_liste_villes{
position:relative;
width:200px;
text-align:center;
}
#conteneur_liste_villes{
height :190px;
}
#conteneur_liste_villes_2{
height :175px;
}
.ville_1, .ville_2{
float:left;
width:200px;
height :25px;
text-align:center;
}
.ville_1{
margin:0px 0px 0px 0px;
}
.ville_2{
margin:10px 0px 0px 0px!important;
margin:0px 0px 0px 0px;
}
ul#bt_autres, ul#bt_binic, ul#bt_brehat, ul#bt_paimpol, ul#bt_st_quay, ul#bt_etables
{
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
ul#bt_autres li, ul#bt_binic li, ul#bt_brehat li, ul#bt_paimpol li, ul#bt_st_quay li, ul#bt_etables li
{
margin: 0px 0px 5px 0px ;
padding: 0px 0px 0px 0px ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul#bt_autres li a, ul#bt_binic li a, ul#bt_brehat li a, ul#bt_paimpol li a, ul#bt_st_quay li a, ul#bt_etables li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 200px ;
line-height: 30px ;
font-size:1px;/* LEURRE DE TEXTE*/
color: #D4D600 ;
}
ul#bt_autres li a{background: url(../img/boutons/villes/autres_ville.gif) no-repeat 0 0 ;}/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
ul#bt_binic li a{background: url(../img/boutons/villes/binic.gif) no-repeat 0 0 ;}
ul#bt_brehat li a{background: url(../img/boutons/villes/brehat.gif) no-repeat 0 0 ;}
ul#bt_paimpol li a{background: url(../img/boutons/villes/paimpol.gif) no-repeat 0 0 ;}
ul#bt_st_quay li a{background: url(../img/boutons/villes/st_quay.gif) no-repeat 0 0 ;}
ul#bt_etables li a{background: url(../img/boutons/villes/etables.gif) no-repeat 0 0 ;}

ul#bt_autres li a:hover{background: url(../img/boutons/villes/autres_ville.gif) no-repeat 0 -30px ;}
ul#bt_binic li a:hover{background: url(../img/boutons/villes/binic.gif) no-repeat 0 -30px ;}
ul#bt_brehat li a:hover{background: url(../img/boutons/villes/brehat.gif) no-repeat 0 -30px ;}
ul#bt_paimpol li a:hover{background: url(../img/boutons/villes/paimpol.gif) no-repeat 0 -30px ;}
ul#bt_st_quay li a:hover{background: url(../img/boutons/villes/st_quay.gif) no-repeat 0 -30px ;}
ul#bt_etables li a:hover{background: url(../img/boutons/villes/etables.gif) no-repeat 0 -30px ;}



/**************INTRO VILLES************************************/
#intro_villes{
position:relative;
width:610px;
height :395px;
text-align:center;
margin:12px 0px 0px 9px;
background:#D3D600;/*VERT*/
}