body
{
background-color: rgb(232,255,220); /* vert très clair presque blanc */
/* background-color: white; */
font-family: "Comic Sans MS", arial, "courier new", "Times New Roman", serif;
font-size: 0.9em;
}


#en_tete
{

height: 140px;
margin: 0px;
border: 1px solid black;
background-color: rgb(254,236,112);
}

.lien_clignotant a:visited
{
   text-decoration: none; /* Le texte clignote*/
}

.lien_clignotant a:link
{
   text-decoration: blink; /* Il n'y aura plus de texte clignotant*/
}


/* ------------------------------- DEBUT DESIGN PAGE ESSAIS 1---------------------------------------*/

#boutons_entete_accueil
{
position: absolute;
top: 121px;
left: 9px;
}

#boutons_entete_trajets
{
position: absolute;
top: 121px;
left: 129px;
}


#boutons_entete_offres
{
position: absolute;
top: 121px;
left: 249px;
}

#bouton_plans_itineraires
{
position: absolute;
top: 121px;
left: 369px;
}

#boutons_entete_inscriptions
{
position: absolute;
top: 121px;
right: 129px;
}


#boutons_entete_fonctionnement
{
position: absolute;
top: 121px;
right: 9px;
}


#bouton_plan_du_site
{
position: absolute;
top: 172px;
left: 9px;
}

#bouton_nouvelles
{
position: absolute;
top: 200px;
left: 9px;
}

#bouton_conseils
{
position: absolute;
top: 228px;
left: 9px;
}

#bouton_meteo_circulation
{
position: absolute;
top: 306px;
left: 9px;
}

#boutons_entete_liens
{
position: absolute;
top: 334px;
left: 9px;
}

#boutons_entete_journaux
{
position: absolute;
top: 410px;
left: 9px;
}

#bouton_page_ludique
{
position: absolute;
top: 438px;
left: 9px;
}


#boutons_entete_accueil a, #boutons_entete_trajets a, #boutons_entete_offres a, #bouton_plans_itineraires a, #boutons_entete_inscriptions a,
#boutons_entete_fonctionnement a, #bouton_plan_du_site a, #bouton_nouvelles a, #bouton_conseils a, #bouton_meteo_circulation a, #boutons_entete_liens a,
 #boutons_entete_journaux a, #bouton_page_ludique a
{
color: transparent;
}



/*--------------------------------------------------------- FIN ESSAI 1 ------------------------------------ */


 h1
{
text-align: center;
font-size: 1.6em;
color: rgb(100,200,125);
}

 h2:first-letter
{
   font-weight: bold; /* En gras */
   font-size: 1em;
 }
 h2
{
text-align: center;
font-style: italic;
color: green;
font-weight: bold;
font-size: 1.4em;
}


#menu

{
  font-weight: bold;
     font-size: 0.8em;
   float: left; /* Le menu flottera à gauche */
   width: 120px;
	border: 1px solid black;
margin: 0px;
/*	background-color: #626262;			Ancienne couleur (gris) */
   }


#menu :first-letter
{
   font-weight: bold; /*En gras */
   font-size: 1.1em;
 }

ul
{
list-style-type: none;
text-align: left;
}

.element_menu
{
height: 63px;
   margin: 0px;
padding: 2px;
padding-top: 20px;
padding-bottom: 48px;
/*background-color: rgb(40,145,11);		Ancienne couleur */
background-color: rgb(185,189,118);
}

.element_menu2
{
height: 66px;
   margin: 0px;
padding: 2px;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgb(39,96,65);
}



h4
{
   font-size: 1.1em;
   color: green;
}
.nouvelles
{
font-style: italic;
}

.element_annexe
{
height: 66px;
   margin: 0px;
padding: 2px;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgb(59,134,113);
}


#corps
{
  margin: 0px;
/* margin-left: 17%; */
  padding: 0px;
    padding-left: 17%;
  border-right: 1px solid black;
text-indent: 30px;
text-align: left;
font-size: 1.1em;
/* background-color: #626262; ancienne couleur */
background-color: rgb(232,255,220);
}




.partie_une
{
  margin: 0px;
  margin-top: 20px;
  padding: 5px;
 /* background-color: rgb(206,246,176); ancienne couleur */
  background-color: rgb(232,255,220);
}

h5
{
   font-size: 1.1em;
font-size: 4em;
font-weight: bold; /* En gras */
color: green;
}

h6
{
text-align: center;
font-size: 4em;
font-weight: bold; /* En gras */
color: red;
}

.partie_une .affichage_bis
{
font-size: 1.2em;
font-weight: bold; /* En gras */
text-align: center;
}

.partie_deux
{
  margin: 0px;
  margin-top: 20px;
  padding: 5px;
  /* background-color: rgb(206,246,176); ancienne couleur */
  background-color: rgb(232,255,220);
}
.info
{
font-size: 1.2em;
font-weight: bold; /* En gras */
color: green;
}

.alerte
{
font-size: 1.2em;
font-weight: bold; /* En gras */
color: red;
}

#pied_de_page
{
clear: left;
margin-top: 30px;
padding: 5px;
  border: 1px solid black;
text-align: center;
font-size: x-large;
}


#pied_de_page p
{

top: 119px;
text-align: center;
   font-size: 0.6em;
}

.au_milieu
{
text-align: center;
}


.vert
{
color: green;
font-weight: bold; /* En gras */
}

a
{
color: rgb(242,151,13);
text-decoration: underline;
}
a:hover
{
color: rgb(255,255,0);
}
a:first-letter
{
   font-weight: bold; /* En gras */
   font-size: 1.2em;
 }
 
 
a img {  /* concerne toute image comprise dans un lien */
   border: none /* ou bien "Opx" ou même "0" */

} 

 dl
 {
 text-align: left;
 }
 
 dd
 {
 padding-left: 10px;
 }
 
 dt
 {
 color: green;
 }
p
{
text-indent: 30px;
text-align: left;
}