/*le document*/

body
{
font-family: Arial,"Arial Black", Verdana, serif;
}
a
{
text-decoration: none;
}
a:hover /*changement de couleur au passage de la souris*/
{
color: black;
font-weight: bold;
}
/*entete include haut php*/
#haut
{
width: 100%;
height: 132px;
position: relative;
background-image: url("fleche.bmp");
font-weight: bold;
text-align: center;
border: 1px solid grey;
margin-bottom: 15px;
}
.image_flottante
{
float: left;/*le blason ou les photos flottent à gauche*/
border: 1px outset grey;
}
.a_droite
{
float: right;/*le velocouple ou les photos flottent à droite*/
border: 1px outset grey;
}
#haut button
{
background-color: rgb(221,221,221);
}
#haut button:hover
{
font-weight: bold;
}
/* fin entete include haut php*/

/* menu include menu.php*/
#menu
{
position: relative;
float: left;
width: 23%;
background-image: url(orde2.png);
background-repeat: repeat-y;
}
#communique,
#Vélo_sports_loisirs,
#velo_mode_doux
{
border: 2px solid grey;
-moz-border-radius: 12px;
margin-bottom: 10px;
padding: 5px;
list-style-type: none;
}
.element_menu
{
border: 1px solid grey;
-moz-border-radius: 12px;
font-size: 14px;
padding: 5px;
margin: 10px;
}
/*fin menu include menu.php*/

/*le corps*/
#corps
{
float: right;
position: relative;
width: 72%;
background-color: rgb(233,226,233);
padding: 8px;
}
h3
{
background-color: rgb(255,183,255);
}
#corps p:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
color: blue;
font-size: 18px;
}

.tableau_trois td
{
border: 2px solid grey;
}
/*fin du tableau trois*/

.titre_commun/*un point particulier pour veloroute_voie_verte.php*/
{
text-align: center;
color: blue;
}
#deroulant ul/*un menu déroulant pour les cyclos de semaine*/
{
margin-top: 5px;
}
#deroulant ul ul
{
display: none;
}
#deroulant li:hover ul.niveau_deux,li.sfhover ul.niveau2
{
display:block;
}
#deroulant li
{
list-style-type:none;
font-size: 14px;
}
/*fin menu déroulant*/
/*une feuille de style pour bordeaux.php*/
/*pour les sorties cyclistes php*/
.le_col, .la_pointe, .nature, .zone_30, .belle_vue, .pedaleurs, .belle_demeure, .show
{
border: 0.5px solid grey;
}
.img_flottante
{
float: left;
width: 60px;
height: 60px;
border: 1px outset grey;
}/*fin les sorties cyclistes php*/

/*debut gallerie_vercors.html*/
.gallerie
{
float: left;
margin: 0; 
padding: 20px;
width: 360px;
}
.gallerie p
{
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 105px;
height: 105px;
}
.gallerie  img /*du style pour les vignettes*/
{
width:95px;
height:95px;
border:1px solid grey;
position:asolute;
top: 0px;
left: 0px;
}
#gallerie_gdformat /*du style pour l'image ppale*/
{
position: absolute;
top: 0%;
left: 50%;
}
#gallerie_gdformat img 
{
width:400px;
height:400px;
border:5px outset grey;
}
/*fin gallerie*/
/*fin le corps*/