/**************CONTENEUR GAUCHE************************************/
/**************TITRE  PAGE************************************/
#titre_trou{
position:relative;
width:200px;
height :54px;
}
/**************************************************/
#img_trou{
position:relative;
width:200px;
height :140px;
text-align:center;
margin:0px 0px 0px 0px;
}
/*******************LES BOUTONS TROU*******************************/
#numero_trou_1, #numero_trou_2, #numero_trou_3{
position:relative;
width:200px;
height :30px;
text-align:left;
margin:10px 0px 0px 0px!important;
margin:5px 0px 0px 0px;
}
#balle_1, #balle_2, #balle_3, #balle_4, #balle_5, #balle_6, #balle_7, #balle_8, #balle_9, #balle_10, #balle_11, #balle_12, #balle_13, #balle_14, #balle_15, #balle_16, #balle_17, #balle_18{
float:left;
width:33px;
height :30px;
}
ul#bt_balle1, ul#bt_balle2, ul#bt_balle3, ul#bt_balle4, ul#bt_balle5, ul#bt_balle6, ul#bt_balle7, ul#bt_balle8, ul#bt_balle9, ul#bt_balle10, ul#bt_balle11, ul#bt_balle12, ul#bt_balle13, ul#bt_balle14, ul#bt_balle15, ul#bt_balle16, ul#bt_balle17, ul#bt_balle18
{
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_balle1 li, ul#bt_balle2 li, ul#bt_balle3 li, ul#bt_balle4 li, ul#bt_balle5 li, ul#bt_balle6 li, ul#bt_balle7 li, ul#bt_balle8 li, ul#bt_balle9 li, ul#bt_balle10 li, ul#bt_balle11 li, ul#bt_balle12 li, ul#bt_balle13 li, ul#bt_balle14 li, ul#bt_balle15 li, ul#bt_balle16 li, ul#bt_balle17 li, ul#bt_balle18 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_balle1 li a, ul#bt_balle2 li a, ul#bt_balle3 li a, ul#bt_balle4 li a, ul#bt_balle5 li a, ul#bt_balle6 li a, ul#bt_balle7 li a, ul#bt_balle8 li a, ul#bt_balle9 li a, ul#bt_balle10 li a, ul#bt_balle11 li a, ul#bt_balle12 li a, ul#bt_balle13 li a, ul#bt_balle14 li a, ul#bt_balle15 li a, ul#bt_balle16 li a, ul#bt_balle17 li a, ul#bt_balle18 li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 30px ;
line-height: 30px ;
font-size:1px;/* LEURRE DE TEXTE*/
color: #D4D600 ;
}
/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
ul#bt_balle1 li a{background: url(../img/boutons/balles/1.gif) no-repeat 0 0 ;}
ul#bt_balle2 li a{background: url(../img/boutons/balles/2.gif) no-repeat 0 0 ;}
ul#bt_balle3 li a{background: url(../img/boutons/balles/3.gif) no-repeat 0 0 ;}
ul#bt_balle4 li a{background: url(../img/boutons/balles/4.gif) no-repeat 0 0 ;}
ul#bt_balle5 li a{background: url(../img/boutons/balles/5.gif) no-repeat 0 0 ;}
ul#bt_balle6 li a{background: url(../img/boutons/balles/6.gif) no-repeat 0 0 ;}
ul#bt_balle7 li a{background: url(../img/boutons/balles/7.gif) no-repeat 0 0 ;}
ul#bt_balle8 li a{background: url(../img/boutons/balles/8.gif) no-repeat 0 0 ;}
ul#bt_balle9 li a{background: url(../img/boutons/balles/9.gif) no-repeat 0 0 ;}
ul#bt_balle10 li a{background: url(../img/boutons/balles/10.gif) no-repeat 0 0 ;}
ul#bt_balle11 li a{background: url(../img/boutons/balles/11.gif) no-repeat 0 0 ;}
ul#bt_balle12 li a{background: url(../img/boutons/balles/12.gif) no-repeat 0 0 ;}
ul#bt_balle13 li a{background: url(../img/boutons/balles/13.gif) no-repeat 0 0 ;}
ul#bt_balle14 li a{background: url(../img/boutons/balles/14.gif) no-repeat 0 0 ;}
ul#bt_balle15 li a{background: url(../img/boutons/balles/15.gif) no-repeat 0 0 ;}
ul#bt_balle16 li a{background: url(../img/boutons/balles/16.gif) no-repeat 0 0 ;}
ul#bt_balle17 li a{background: url(../img/boutons/balles/17.gif) no-repeat 0 0 ;}
ul#bt_balle18 li a{background: url(../img/boutons/balles/18.gif) no-repeat 0 0 ;}

/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
ul#bt_balle1 li a:hover{background: url(../img/boutons/balles/1.gif) no-repeat 0 -30px ;}
ul#bt_balle2 li a:hover{background: url(../img/boutons/balles/2.gif) no-repeat 0 -30px ;}
ul#bt_balle3 li a:hover{background: url(../img/boutons/balles/3.gif) no-repeat 0 -30px ;}
ul#bt_balle4 li a:hover{background: url(../img/boutons/balles/4.gif) no-repeat 0 -30px ;}
ul#bt_balle5 li a:hover{background: url(../img/boutons/balles/5.gif) no-repeat 0 -30px ;}
ul#bt_balle6 li a:hover{background: url(../img/boutons/balles/6.gif) no-repeat 0 -30px ;}
ul#bt_balle7 li a:hover{background: url(../img/boutons/balles/7.gif) no-repeat 0 -30px ;}
ul#bt_balle8 li a:hover{background: url(../img/boutons/balles/8.gif) no-repeat 0 -30px ;}
ul#bt_balle9 li a:hover{background: url(../img/boutons/balles/9.gif) no-repeat 0 -30px ;}
ul#bt_balle10 li a:hover{background: url(../img/boutons/balles/10.gif) no-repeat 0 -30px ;}
ul#bt_balle11 li a:hover{background: url(../img/boutons/balles/11.gif) no-repeat 0 -30px ;}
ul#bt_balle12 li a:hover{background: url(../img/boutons/balles/12.gif) no-repeat 0 -30px ;}
ul#bt_balle13 li a:hover{background: url(../img/boutons/balles/13.gif) no-repeat 0 -30px ;}
ul#bt_balle14 li a:hover{background: url(../img/boutons/balles/14.gif) no-repeat 0 -30px ;}
ul#bt_balle15 li a:hover{background: url(../img/boutons/balles/15.gif) no-repeat 0 -30px ;}
ul#bt_balle16 li a:hover{background: url(../img/boutons/balles/16.gif) no-repeat 0 -30px ;}
ul#bt_balle17 li a:hover{background: url(../img/boutons/balles/17.gif) no-repeat 0 -30px ;}
ul#bt_balle18 li a:hover{background: url(../img/boutons/balles/18.gif) no-repeat 0 -30px ;}
/**************CONTENEUR SLOPE************************************/
#conteneur_les_trous{
position:relative;
width:200px;
height :40px;
text-align:center;
margin:15px 0px 0px 0px;
}

/**************CONTENEUR DROITE************************************/
/**************ARCHITECTE RENOVATION************************************/
#texte_parcours{
position:relative;
width:610px;
height :15px;
font-size : 12px;
color:#1AB4C0;/*TUQUOISE*/
margin:0px 0px 0px 10px;
}
#date_parcours{
float:left;
width:170px;
}
#archi_parcours{
float:left;
width:220px;
}
#renovation_parcours{
float:left;
width:220px;
}
/**************PARCOURS************************************/
#parcours{
position:relative;
width:610px;
height :395px;
text-align:center;
margin:0px 0px 0px 9px;
background:#D3D600;/*VERT*/
}