body
{
   width: 800px;
   
   margin:auto;
  
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("imagconsul/fond.JPG");
}
body1/* pour l'accueil*/
{
   width: 400px;
   
   margin-left:80px;
   margin-right:80px;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("imagconsul/fond.JPG");
}

/* L'en-t�te consultation */


/* L'en-t�te index accueil */
#en_tetea
{
   width: 790px;
   height: 200px;
   background-image: url("imagconsul/plume2.gif");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}

#en_tete
{
   width: 790px;
   height: 240px;
   background-image: url("imagconsul/plume.gif");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}

/* menu horizental */
#menuh {
    
    float: left;
    width: 800px;
	margin-left: 2px;
	list-style:none;
	margin-top:-25px;


}

ul#menuh li a {
 display:block;
 float:left;   
 width:130px;
 line-height:30px; /*hauteur de l'image de fond*/
 background:black url(imagconsul/bouton2.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 list-style:none;
 text-align:center;
  border-left:1px solid black;
  }  
  
ul#menuh li a:link {
 background:black url(imagconsul/bouton3.png) repeat-x;
 color:white;
 text-align:center;
 }  
ul#menuh li a:visited {
 background:black url(imagconsul/bouton4.png) repeat-x;
 color:white;
 text-align:center;
 }  
 
ul#menuh li a:hover {
 background:black url(imagconsul/bouton3.png) repeat-x;
 color:#C61010;
 text-align:center;
 }  
 ul#menuh li a:active {
 background:black url(imagconsul/bouton7.png) repeat-x;
 color:white;
 text-align:center;
 }  
 
 /*menu vertical consultation*/
 
#menu
{
   float: left;
   width: 180px;
   margin-left: -35px;
   margin-right: 2px;
   
}
.element_menu  li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :   1px;            /* Ajout d'une marge en bas */
}

.element_menu li a
{
  width             :   auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             :   100%;            /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;             /* Définition des marges intérieures */  
  text-decoration   :   none;            /* Suppression du soulignement */
  display           :   block;           /* Définition sous forme de block */
}

.element_menu li a:link

{
font-family: verdana, geneva, arial, tahoma, sans-serif;
 font-weight: bold;
font-size: 14px;
  color             :   white;            /* Couleur de la police */
  background : black url(imagconsul/bouton5.png) repeat-x;         /* Définition de la couleur de fond */ 
  border            :   1px solid #3399CC; /* Ajout d'une bordure */	
  border-left-width :   4px;               /* Modification de la bordure gauche */
}
 
.element_menu  li a:visited
{font-family: verdana, geneva, arial, tahoma, sans-serif;
 font-weight: bold;
font-size: 14px;
  color     :   white;            /* Changement de la couleur de la police initiale */
  background  :   blue url(imagconsul/bouton6.png) repeat-x;           /* Changement de la couleur de fond initiale */ 
  border            :   1px solid #05004F;  /* Ajout d'une bordure */	
  border-left-width :   4px;                /* Modification de la bordure gauche */
}

.element_menu  li a:hover
{
font-family: verdana, geneva, arial, tahoma, sans-serif;
 font-weight: bold;
font-size: 14px;
  color    :   #C61010;            /* Changement de la couleur de la police initiale */
  background  :  blue url(imagconsul/bouton3.png) repeat-x;
  border            :   1px solid #05004F;  /* Ajout d'une bordure */	
  border-left-width :   4px;             /* Modification de la bordure gauche */
}

.element_menu  li a:active
{font-family:  verdana, geneva, arial, tahoma, sans-serif;
 font-weight: bold;
font-size: 14px;
  color             :   white;            /* Changement de la couleur de la police initiale */
  background  :  blue url(imagconsul/bouton7.png) repeat-x;            /* Changement de la couleur de fond initiale */
  border            :   1px solid #05004F;  /* Ajout d'une bordure */	
  border-left-width :   4px;                /* Modification de la bordure gauche */
}	
#payer
{
float: right;
   width: 300px;
   margin-right: -100px;
    margin-top:-158%;
     border :5px groove #0000C6;
	border-right:5px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
background-color: white;
}	
#payer h3
{	 color: #000066;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   }
  #payer h4, h5
{	 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center; 
   color:#BC1B3B;
   }
#Pub1
{

   float: right;
margin-right:-320px;
   width: 250px;
   margin-top:20%;
 
}

.element_lien
{
   
   background-repeat: repeat-x;
   
   
   margin-bottom: 20px;
}

#Pub1 h2 /* Tous les titres de menus */
{    
   color: #000066;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
#pub1 h4 /* Tous les titres de menus */
{    
   color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
/* corps de consultation */
/* corps 1er cadre */
#corps1   
{   
   width: 400px;
   margin-bottom: 20px;
     margin-left: 155px;
   margin-top:20px;
   padding: 5px;
   color: black;
   background-color: white;
   background-repeat: repeat-x;
   
  border :5px groove #0000C6;
	border-right:5px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

}
#corps1 h2
{color: #000066;
   
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps1 h3
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 color:#BC1B3B;
 }
 
 #corps1  blockquote 
 {
 color:#BC1B3B;
/* corps 2em cadre */
}
#corps
{
   margin-left: 155px;
    
   width: 400px;
   margin-bottom: 5px;
   margin-top:60px;
   padding: 5px;
   color: black;
   background-color: white;
   background-repeat: repeat-x;
   
  border-left :5px groove #0000C6;
	border-right:10px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

}

#corps h1
{
   color: #000066;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   background-image: url("imagconsul/titre.png");
   background-repeat: no-repeat;
   padding-left: 30px;
   color: #000066;
   text-align: center;
}
#corps h4,h3
{color: #BC1B3B;
  } 
#corps h5
{
   color: red;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#captionc /* Horaires des réceptions téléphoniques spontanées sans RDV */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #000000;
   margin-bottom: 20px; /* Pour ?viter que le titre ne soit trop coll? au tableau en-dessous */
}

table /* Le tableau en lui-m?me */
{
   margin: auto; /* Centre le tableau */
   border: 2px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-t?te */
{
   background-color: #000066;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   
   /* Petite marge int?rieure aux cellules pour ?viter que le texte touche les bordures */
   padding-top:-5px;
}
#corpscode
{
   margin-left: 10px;
   margin-top:60px;
  width: 700px;
   margin-bottom: 20px;
   padding: 5px;
   color: black;
    background-color: white;
	 
   
}
/* corps de page d'accueil*/
#corpsa
{
   margin-left: 230px;
   
   margin-bottom: 20px;
   padding: 5px;
   color: black;
   background-repeat: repeat-x;
   
   background-color: black; /* Une couleur de fond pour le corps */
   
}

}
#corpsa h2
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_corpsa ul /* Toutes les listes ? puces se trouvant dans un menu */
{
   list-style-image: url("livrep.gif"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les c?t?s ont une marge int?rieure de 0 pixels */
   padding-left: 70px; /* ... mais on modifie ensuite la marge de gauche, donc celle-l? fera finalement 20 pixels */
   margin: 15px; /* Idem pour margin, ?a nous ?vite d'avoir ? en ?crire 4 (margin-left, margin-right...) */
   margin-bottom: 20px; /* M?me chose que tout ? l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont ? 0px */
    margin-top: 30px;
}
.element_corpsa a /* Tous les liens se trouvant le corps de la page d'accueil */
{
   color: white;
   font-size:26px;
   font-weight: bold;

}
/* corps de psyho*/
#corpsp
{
   margin-left: 10px;
   margin-top:10px;
  width: 570px;
   margin-bottom: 20px;
   padding: 5px;
   color: black;
    background-color: white;
	 border-left :5px groove #0000C6;
	border-right:5px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
}
#corpsp h1
{
  color: #000066;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#pubp
{
   float: right;
  
margin-left: -590px;
 margin-top: 90px;
   width: 170px;
   
}

#logo{
float: right;


margin-left: 700px;
}
/* corps de page soumission*/
#corpss
{
   margin-left: 20px;
 width:580px;
  
   margin-top:150px;
   padding: 5px;
   color: black;
   background-color: white;
   background-repeat: repeat-x;
   
  border-left :5px groove #0000C6;
	border-right:5px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

}
#corpss h3
{
color: #0000C6;
  text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   }
#captions /* Horaires des réceptions téléphoniques spontanées sans RDV */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #000000;
   margin-bottom: 20px; /* Pour ?viter que le titre ne soit trop coll? au tableau en-dessous */
}

table /* Le tableau en lui-m?me */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-t?te */
{
   background-color: #000066;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
#pubs
{
   float: right;

margin-right: 2px;

margin-bottom:20px;
   width: 150px;
   margin-top:20px;
 
}

/* corps de page liens échangés*/
#corpssl
{
   
   width: 600px;
   margin-left:10px;
  
  
   padding: 5px;
   color: black;
   background-color: white;
   background-repeat: repeat-x;
   margin-top:10px;
  border-left:5px groove #0000C6;
	border-right:5px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

}
#Pub2
{

width: 160px;
margin-left:680px;
margin-bottom:5%;
background-color: white;
   background-repeat: repeat-x;
   border-left :5px groove #0000C6;
	border-right:5px groove #0000C6;
background-image: url("imagconsul/relief.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
  
 
}
#corpssl h4
{
color: #000066;
}
#pubsl

{
   float: right;
   width: 300px;
margin-right: -150px;
margin-top:20px;
   
 
}
/* photo orloge horraire*/
#photo
{
   margin-left: 600px;
 margin-top:-60%;
}

#pied_de_page
{
   padding: 5px;
	 margin-left: 20px;
  
   text-align: center;

   color: black;
   background-color: #3366FF;
   background-repeat: repeat-x;
   
   border: 1x solid blue;
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

}

