/* Pour info : les (#) = les balises <div> et les (.) les class */
body
{
  padding: 10px; /* On ajoute un padding pour que les cadres ne collent pas sur les bords */
  width: auto;
  max-width: 900px;
  min-width: 135px;
  margin: auto;
  margin-bottom: 5px;  
  background: #F7E819;
  font-family: "Trebuchet MS", "Times New Roman",serif;
  font-size: 0.9em;
  color: #000000;
}

h6 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
  background-color: #FBEA00;
  text-decoration: underline;
  font-size:14px;
  font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
  text-align: center; /* Pour centrer le titre */
  color: red;
}

h5 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
  background-color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
  text-align: left; /* Pour centrer le titre */
  color: black;
}
h4 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
  background-color: #FFFFFF;
  text-decoration: none;
  font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
  text-align: left; /* Pour centrer le titre */
  color: black;
}
h3 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
  text-align: left; /* Pour centrer le titre */
  font-family: Arial, "Times New Roman","Arial Black", Verdana, serif; /* Un titre en Arial Black c'est mieux */
}
h2 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
  /* background-color: #FFFFFF; */
  /* text-decoration: none; */
  font-family: "Trebuchet MS", "Times New Roman",serif;
  /* text-align: left; Pour centrer le titre */
  color: #0008ED; /* Ici c'est la couleur du lien quand on pointera dessus */
  background-color: #ADF5F0;
  font-size: 0.9em;
}
h1 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
  background-color: #FBEA00;
  text-decoration: none;
  font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
  text-align: center; /* Pour centrer le titre */
  color: black;
}
hr /* Ici cela correspond aux lignes de séparation qui se trouvent dans le corps de toutes les pages */
{
  background-color: #FFFFFF;
  width: 100%; /* Très important c'est la taille de la ligne */
  text-decoration: none;
  font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
  text-align: center; /* Pour centrer la ligne */
  color: black;
}

#en_tete /*Emplacement de l'image de fond sous la bannière nommée fond-header */
{
  width: auto;
  max-width: 1500px;
  height: 200px;
  background: #F7E819;
  color: #000000;
  margin-bottom: 10px;
  border: 0px solid red;
  text-align : center;
}
.image /* Pour centrer une image (ou d'autres choses d'ailleurs) */
{
 text-align: center;
}
#menu-d /* Ici il s'agit du menu placé à droite */
{
  float: right; /* Le menu flottera à droite */
  width: 75px; /* Très important c'est la taille du menu */
  text-decoration:none;
  background-color: #FFD700;
  color: #000000;
  font-family: "Trebuchet MS", "Times New Roman",serif;
  text-align: center; 
  font-size: 0.9em;
  
}
#menu-g /* Ici il s'agit du menu placé à gauche */
{
  float: left; /* Le menu flottera à gauche */
  width: 75px; /* Très important c'est la taille du menu */
  margin-right: 0px;
  text-decoration:none;
  background-color: #FFD700;
  color: #000000;
  font-size: 0.9em;
   text-align: center; 
  
}
a /* Ici il s'agit des liens */
{
  text-decoration: underline; /* Les liens ne seront plus soulignés */
  color: #0008ED; /* Les liens seront en bleu */
  background-color: #FBEA00;
  
}
a:hover /* Quand le visiteur pointe sur le lien */
{
  text-decoration:none; /* Le lien ne sera pas souligné quand on pointera dessus */
  color: #0008ED; /* Ici c'est la couleur du lien quand on pointera dessus */
  background-color: #ADF5F0;
}
.element_menu-g /* Configuration globale du menu situé à gauche */
{
  font-family: "Trebuchet MS", "Times New Roman",serif;
  font-size: 0.8em;
  background-color: #ADF5F0;
  border: 0px solid red;
  padding-left: 0px;
  margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  color: #000000;
  text-align : center;
  
}
.element_menu-d /* Configuration globale du menu situé à droite */
{
  font-family: "Trebuchet MS", "Times New Roman",serif;
  font-size: 0.8em;
  background-color: #ADF5F0;
  border: 0px solid red;
  padding-left: 0px;
  margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  color: #000000;
  text-align : center;
}
.element_menu a:hover /* Effets sur les liens */
{
  
  background-color: #B3B3B3;
  color: black;
}
#champ_recherche
{
	margin-bottom:3px;
	width:90%;
	text-align:center;
}
a.link_mail /* Non utilisé actuellement mais à garder */
{
 font-size: 9pt;
 color: green;
 background-color : white;
 text-decoration: underline;
 font-weight: bold ;
 font-family: "Trebuchet MS", serif;
}
a.link_hamy {
 font-size: 0.9em;
 color: gray;
 
 background-color : white;
 text-decoration: none;
 font-weight: normal;
 font-family: "Trebuchet MS", serif;
}
.remonter /* Ici il est question du lien ( Merci, cliquez ici pour remonter en haut de la page ! ) */
{
  
  color: #000000;
  background-color : #FBEA00;
  text-decoration: none;
  font-weight: bold ;
  text-align: center; 
  font-family: "Trebuchet MS", "Times New Roman", Georgia, serif;
  font-size: 0.9em;
}
#urgence /* Ici il est question du bloc ( NUMEROS D'URGENCE ) */
{
  color: #3EA1D0;
  background-color : white;
  text-decoration: none;
  font-weight: bold ;
  text-align: center; 
  font-family: "Trebuchet MS", "Times New Roman", Georgia, serif;
  font-size: 0.8em;
}
#corps /* Le corps de la page */
{
	margin-left: 80px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe pas sous le menu */
	margin-right: 80px; /* Une marge à droite */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	text-align: justify;
	max-width: 1500px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #000000;
	background-color: #FBEA00; /* Une couleur de fond pour le corps */
	font-family: "Trebuchet MS", "Times New Roman",serif;
	font-size: 0.9em;
	border: 0px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
.corps-g /* Alignement du texte à gauche */
{
  color: #000000;
  background-color: #FFFFFF;
  text-align: left;
  font-family: "Trebuchet MS", "Times New Roman", Arial, "Arial Black", Times, serif;
  font-size: 0.9em;
}

blockquote /* Non utilisé actuellement mais à garder */
{
  text-align: justify; /* La citation sera justifiée */
  font-size: 1em;
}
.signature /* Pour aligner à droite */
{
  text-align: right; 
  font-family: "Trebuchet MS", "Times New Roman", serif;
  font-size: 100%;
}
blockquote
{
  text-align: justify; /* La citation sera justifiée */
}
#pied_de_page /* Ici il s'agit du bloc pied de page */
{
  padding: 5px;
  text-align: center;
  margin-left: 80px;
  margin-right: 80px;
  max-width: 1500px;
  color: #000000;
  background-color: #ADF5F0;
  background-image: url('../im-site/footer-2.png'); /* Image du pied de page (footer-2.png) */
  background-repeat: repeat-x;
  font-size: 0.7em;
  font-weight: normal;
  font-family: "Trebuchet MS","Times New Roman", Times, serif;
  border: 0px solid red
}
a img /* Afin que les images ne soient pas encadrées en violet */
{
Border:none;
}
#table-g a:hover
{
  background : #76B3D7;
	color: #FFFFFF;
}
#table-d a:hover
{
  background : #76B3D7;
	color: #FFFFFF;
}

.souligne { text-decoration: underline; }

.barre { text-decoration: line-through; }

.italique { font-style: italic; }

.gras { font-weight:bold; }


/***** CSS Patrick Hamy - Web agency - Menus Horizontal *****/
div#menu_horizontal {
list-style-type: none;
	width: auto;
  margin: auto;
	color: #000000;
	height: 30px;
	background-color: rgb(244, 249, 253);
	border: 1px solid rgb(158,160,161);
	margin-left: 10px;
	margin-right: auto;
}

div#menu_horizontal ul {
list-style-type : none;
margin : 0;
padding : 0;
}

div#menu_horizontal li {
padding : 0 0.5em; 
line-height : 30px;
}

div#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px solid rgb(158,160,161);
}

div#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px solid rgb(158,160,161);
}

div#menu_horizontal a {
color : black;
background-color: rgb(244, 249, 253);
text-decoration : none;
padding : 0 0.5em;
font : 0.8em "Trebuchet MS", serif;
}

div#menu_horizontal a:hover {
text-decoration : underline;
}

div#menu_horizontal a img {
border : none;
padding : 0 0.3em;
}

/***** CSS Patrick Hamy - Web agency - Menus en onglets *****/

#menu
{
    border-bottom : 1px solid #9EA0A1;
    padding-bottom : 25px;
}

#onglets
{
    position : absolute;
    border : 1px solid transparent;
    padding : 0;
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    left : 50%;
    margin-top : 0;
    width: auto;
		margin-left : -496px; /* la moitié de width */
}

#onglets li
{
  float : left;
  height : 21px;
	color: #000000;
  background-color: #F4F9FD;
  margin : 2px 2px 0 2px !important; /* Pour les navigateurs autre que IE */
  
  border : 1px solid #9EA0A1;
}

#onglets li.active
{
  border-bottom: 1px solid #fff;
  background-color: #fff;
	color: #000000;
}

#onglets a
{
  display : block;
	background-color: #F4F9FD;
  color : #666;
  text-decoration : none;
  padding : 4px;
}

#onglets a:hover
{
  background : #76B3D7;
	color: #FFFFFF;
}

/* CSS du Tableau au centre de la page index, trouvé sur le net, (impéccable) que je réutilise en partie ici */

caption /* Titre du tableau */
{
  margin: auto; /* Centre le titre du tableau */
  font-family: Arial, Times, "Times New Roman", serif;
  font-weight: bold;
  background : white;
  font-size: 1.2em;
  color: #009900;
  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: 1px outset #76B3D7; /* Bordure du tableau avec effet 3D (outset) */
  border-collapse: collapse; /* Colle les bordures entre elles */
}

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

td /* Les cellules normales */
{
  border: 1px solid black;
  font-family: "Trebuchet MS", Verdana, Times, "Times New Roman", serif;
  text-align: center; /* Tous les textes des cellules seront centrés*/
  padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/***** CSS Menu déroulant dynamique mdvi-v-1 *****/
/*
Nota : j'ai trouvé ce script sur le net, l'ai testé, un peu modifié, et vous le propose ainsi.
Merci de laisser les commentaires des auteurs ainsi que leurs coordonnées.
Ce script est sous licence GNU / GPL (GNU General Public License) (http://www.gnu.org/licenses/licenses.fr.html)
PS, ne m'écrivez pas pour me dire (le script ne marche pas !), car il marche ! En revanche je suis à votre disposition, pour une aide à son installation (sans ajouts ni modifications supplémentaires).
http://www.patrickhamy.net/
13-08-2007
Patrick HAMY
*/
body {
	behavior:url("csshover.htc");
	font-size:10pt;
  font-family:"Trebuchet MS", serif;
}

#menu_dynamique li a {
 display:block;
 height:23px;
 text-decoration:none;
 color:#696969;
 background-color:#AFF8EE;
}

#menu_dynamique {
 width:auto;
 margin:0px -5px;
 padding:0px;
}

#menu_dynamique ul {
 width:190px;
 list-style:none;
 padding:0px;
 margin:0px;
 border-right:1px solid silver;
}



#menu_dynamique ul li {
 width:auto;
 margin-left:5px;
 padding-left:20px;
 text-indent:5px;
 height:23px;
 background:url('bordure.png') no-repeat;
}



#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
 display:none;
}

#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{
 display:block;
 position:relative;
 top:-24px;
 left:136px;
}



#menu_dynamique ul li.extend a {
 background:#AFF8EE url('suite.gif') no-repeat right;
 color:#696969
}



#menu_dynamique ul li.extend:hover ul li.end a {
 background-image:url('none');
}



#menu_dynamique li:hover {
 background:url('fleche_survol.png') no-repeat;
}



#menu_dynamique li a:hover {
 color:black;
 background-color:#BBB7C7;
}



#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
 background-color:#BBB7C7;
 color:#696969;
}



#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
 background-color:#AFF8EE;
 color:#696969;
}



#menu_dynamique li.first{
 border-top:1px solid silver;
}

#menu_dynamique li.last{
 border-bottom:1px solid silver;
}



#menu_dynamique ul li.extend:hover {
 width:160px;
 height:23px;
 overflow:hidden;
}

html > body #menu_dynamique ul li.extend:hover {
 overflow:visible;
}