body
{
   width: 760px;
   margin-top: 20px;
   margin-bottom: 20px;  
   margin-left: 20px   
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 122px;
   background-image: url("logo_baniere.jpg");
   background-repeat: no-repeat;
   margin-bottom: 60px;
   border-bottom: 7px solid rgb(160,204,80)
}

#adresse
{
   width:500px;
   height: 30px;
   position: absolute;
   left:20px;
   top: 150px;
   font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 14px;
   text-align: left;
   color: rgb(160,204,80);
}


/* Quelques effets sur les menus */

#menu
{
   float: left;
   width: 200px;
   background-color: rgb(215,251,154); /* couleur verte claire pour le fond */
   font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu, .element_menu_salle_rouge
{
   height: 30px;
   text-align: center;
   line-height: 2em;
   border: 1px solid rgb(160,204,80);
   margin-bottom: 1px
}

.element_menu_page_en_cours /* quand page en cours, dans menu, fond bland, écriture grasse centrée violette, sauf pour salle rouge */
{
   background-color: white;
   height: 30px;
   text-align: center;
   font-weight: bold;
   color: rgb(107,40,111);
   line-height: 2em;
   border: 2px solid rgb(160,204,80);
   margin-bottom: 1px
}
.element_menu_page_en_cours_salle_rouge /* quand page en cours salle rouge, dans menu, fond bland, écriture grasse centrée rouge */
{
   background-color: white;
   height: 30px;
   text-align: center;
   font-weight: bold;
   color: rgb(205,72,72);
   line-height: 2em;
   border: 2px solid rgb(160,204,80);
   margin-bottom: 1px
}
.element_menu a:hover /* quand hover fond vert foncé, sauf pour location salle (fond blanc) */
{
   background-color: rgb(160,204,80);
}

.element_menu a, .element_menu_salle_rouge a /* lien de a de type block, couleur violette */
{
   display: block;
   color: rgb(107,40,111);
   text-decoration: none
}

.element_menu_salle_rouge a:hover /* quand hover location salle rouge, fond blanc, couleur rouge grasse */
{
   background-color: white;
   text-decoration: none;
   color: rgb(205,72,72);
   font-weight: bold;
}


/* Le corps de la page */

#corps  /* page index, philo, thera, salle, ,location, horaire */
{  
   margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: rgb(107,40,111);
   font-family: Helvetica, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: justify
}

.retour
{
text-align: right
}

.retour a:hover
{
color: rgb(160,204,80);
}



.philo /* page philo h3 soulignement vert*/
{
border-bottom: 2px solid rgb(160,204,80);
padding-bottom: 10px
}

#corps h2 /* page index, therapeute h2, soulignement vert */
{
border-bottom: 2px solid rgb(160,204,80);
padding-bottom: 10px;
}

/* début page salles */

.table_coeur
{
width: 100%;
text-align: center
}
.table_coeur a /* lien sans déco et couleur verte */
{
text-decoration: none;
}

.table_coeur a:hover /* quand hover fond violet écriture blanche */
{
text-decoration: none;
}

/* fin page salles"/


/* début page therapeutes */
#corps .detail
{
border: none
}

.detail a
{
display: block;
text-decoration: none;
color: rgb(107,40,111);
}

.detail a:hover
{
display: block;
text-decoration: none;
background-color: rgb(107,40,111);
color: white
}

.table_thera  /* couleur verte téléphone et email */
{
color:rgb(160,204,80);
border-bottom: 2px solid rgb(160,204,80);
padding-bottom: 10px;
}

.table_thera a /* lien sans déco et couleur verte */
{
text-decoration: none;
color:rgb(160,204,80)
}

.table_thera a:hover /* quand hover fond violet écriture blanche */
{
text-decoration: none;
background-color: rgb(107,40,111);
}

.centrer /* alignement au centre de nous contacter */
{
text-align:center
}
/* fin page therapeutes */

/* début page details_therapeutes */
.image
{
text-align: center
}

.italique
{
font-style: italic
}

.metier
{
color: rgb(107,40,111);
font-weight: bold;
}

/* fin page details_therapeutes */

/* début page location */
.h2_location /* titre rouge centré */
{
color: rgb(205,72,72);
text-align: center;
}

.colonne /* titre secondaire en gras */
{
font-weight: bold;
}

.nous_contacter_location /* alignement au centre de nous contacter */
{
text-align:center
}

.nous_contacter_location a /* couleur rouge de nous contacter */
{
color: rgb(205,72,72);
}

.nous_contacter_location a:hover /* quand hover fond rouge, écriture blanche */
{
background-color: rgb(205,72,72); 
color: white
}
/* fin page location */

/* début page horaire */
.horaire /* centrage de h2 dans horaire */
{
text-align: center
}

.remarque /* remarque rouge ajoutée au tableau en petit */
{
color: red;
font-size: 0.8em;
}

.day  /* soulignement différente couleur (vert) que texte(violet), caractère gras, display inline pour souligner uniquement les mots et non le bloc */
{
text-align: left;
display:inline;
font-weight: bold;
border-bottom: 1px solid rgb(160,204,80);
}

.right /* alignement des noms et num téléphone à droite */
{
text-align: right
}

.nous_contacter_horaire /* alignement au centre de nous contacter */
{
text-align:center
}
.nous_contacter_horaire a /* couleur violette de nous contacter */
{
color: rgb(107,40,111);
}

.nous_contacter_horaire a:hover /* quand hover fond violet, écriture blanche */
{
background-color: rgb(107,40,111);
color: white
}

td a /* couleur verte des liens messageries des thérapeutes */
{
color: rgb(160,204,80);
}

td a:hover /* quand hover fond vert, écriture blanche */
{
background-color: rgb(160,204,80);
color: white
}

.table_horaire /* largeur 100% de la parite corps, bordures confondues */
{
width: 100%;
border-collapse: collapse;
}
/* fin page location */

/* début page news */
h4 a
{
color: rgb(160,204,80)
}
/* fin page news */

/* début page coups de coeur */
.imageartiste /* image à mettre environ en 160x120px */
{
float: left;
margin-right: 10px;
border: none;
}
.table_coeur
{
width: 100%;
text-align: center
}
.table_coeur a /* lien sans déco et couleur verte */
{
text-decoration: none;
}

.table_coeur a:hover /* quand hover fond violet écriture blanche */
{
text-decoration: none;
}

.siteenlien 
{
text-align: center
}
.siteenlien a
{
color: rgb(107,40,111);
text-decoration: none
}
.siteenlien a:hover
{
text-decoration: underline;
color: rgb(160,204,80);
}

.archive 
{
background-color: rgb(160,204,80);
text-align: right

}

.archive a
{
display: block;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 1.5em;
}

.archive a:hover
{
color: rgb(107,40,111);
}

/* fin page coups de coeur */

/* début page details coups de coeur */
.table_imageartistegde/* largeur 100% de la parite corps, bordures confondues */
{
width: 100%;
border-collapse: collapse;
}

.table_imageartistegde  a/* largeur 100% de la parite corps, bordures confondues */
{
color: rgb(107,40,111)
}

.table_imageartistegde  a:hover/* largeur 100% de la parite corps, bordures confondues */
{
color: rgb(160,204,80);
background-color: white;
}

.imageartistegde /* centrer image en grand */
{
text-align: center
}

.defilementphoto /* faire défiler les photos */
{
font-size: 40px;
text-align: center;
}

.defilementphoto a
{
text-decoration: none;
}
/* fin page details coups de coeur */

/* début page details contact */

.contact
{
text-decoration: none;
color: rgb(160,204,80);
}