@CHARSET "ISO-8859-1";
/* Lesliens */
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: orange; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: blue; /* Le lien sera écrit en vert quand on pointera dessus */
}
.aBlanc
{
   text-decoration: underline; /* Les liens ne seront plus soulignés */
   color: white; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
.aBlanc:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: blue; /* Le lien sera écrit en vert quand on pointera dessus */
}
.agrand
{
   text-decoration: underline; /* Les liens ne seront plus soulignés */
   color: orange; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
   font-size: x-large;
}
.agrand:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: blue; /* Le lien sera écrit en vert quand on pointera dessus */
   font-size: x-large;
}
#pBoldWith
{
	color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   font-weight: bold;
}


/* L'en-tête */

#en_tete
{
   width: 890px;
   height: 110px;
   background-image: url("images/banniere2.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-left: -4px;
   border:  5px double  #D4D942;
   
}
#milieu
{
   width: 890px;
   height: 110px;   
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-top: 100px;
   background-repeat: no-repeat;   
   margin-left: 0px;  
   border:  2px solid blue;
   
}

#menu
{
      
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-top: 0px;
   background-color:#556b2f;
   background-repeat: no-repeat;   
   margin-left: 0px;
   text-align:left;
   font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
   font-size: .9em;
   
   /*style="position: absolute; width: 325px; height: 245px; z-index: 999999; overflow: visible; "*/
   
  
   
}
#Carte
{
   width: 150px;
   height: auto;   
   padding: 4px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-top: 0px;
   background-repeat: no-repeat;   
   margin-left: 0px;
   background-color: black;
   border: 11px outset #556b2f;
   
  
   
}
#H1Carte
{
	text-align: center;
	text-decoration: underline;
	color: #556b2f;
	
	
}
#en_teteTruc
{
   width: 237px;
   height: 178px;
   background-image: url("images/p8/i281187379_21721.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-left: 0px;
   
}
#en_teteVet
{
   width: 300px;
   height: 225px;
   background-image: url("images/normand.png")  ;
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-left: 0px;
   
}

body
{
   width: 885px;
   margin-left: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #556b2f;/*vert*/
   font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
   color:white;
   /*background-image: url("images/fondRouge.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#DIVCenter
{
	/*width: 885px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #556b2f;
}
#bodyCouette
{ 
	width: 885px;
   /*margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #556b2f;
   background-image: url("images/p9/blueSky.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
table /* Le tableau en lui-même */
{
   margin-bottom:20px; /* Centre le tableau */
   margin-top:25px;   
   margin-left:auto;
   border-collapse: collapse; /* Colle les bordures entre elles */
  background-color:transparent;
  border: 0px solid red;
  width: 890px;
  
}
.tableInvisible /* Le tableau en lui-même */
{
   margin-bottom:20px; /* Centre le tableau */
   margin-top:25px;
    border-collapse: collapse; /* Colle les bordures entre elles */
  background-color:transparent;
  border: 5px outset #556b2f; /* Bordure du tableau avec effet 3D (outset) */
  width: 100%;
}
.tableInvisibleTruc /* Le tableau en lui-même */
{
   margin-bottom:20px; /* Centre le tableau */
   margin-top:25px;
    border-collapse: collapse; /* Colle les bordures entre elles */
  background-color:transparent;
  border: 5px outset #556b2f; /* Bordure du tableau avec effet 3D (outset) */
  width: 890px;
}
#TableMotVet
	/* Le tableau en lui-même */
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-bottom:20px; /* Centre le tableau */
   margin-top:0px;
   
   color:black;
   border: 0px outset #556b2f; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
  background-color:transparent;
  width: auto;
}
#TableMotVetPetit
	/* Le tableau en lui-même */
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-bottom:20px; /* Centre le tableau */
   margin-top:0px;
   
   color:black;
   border: 0px outset #556b2f; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
  background-color:transparent;
  width: 75%;
}
#TableMotVetArchive
	/* Le tableau en lui-même */
{

   margin-bottom:20px; /* Centre le tableau */
   margin-top:0px;
   border :0px;
   color:black;
   /*border: 2px outset #BD8d46; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
  background-color:transparent;
  width: 220px;
  font-size:0.9em;
  font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
h2
	{
	color:#F56203;
	text-align: center;
	font-family: Trebuchet MS, "Arial Black", Times, "Times New Roman", serif;
	}
h1
	{
	color: white;
	}
th /* Les cellules d'en-tête */
{
	border: 0px outset #BD8d46;
   background-color: #556b2f;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center;
  }
.thLivreOr/* Les cellules d'en-tête */
{
   background-color: #556b2f;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: left;
  }
 #menuImage1
  {
  margin-top: 10px;
  margin-left: 0px;
  border: 2px solid #BD8d46;
  background-image: url("images/p1/i279612715_70765.jpg");
  border:3px solid #FFFFFF;
  }
  #menuImage2
  {
  margin-top: 0px;
  margin-left: 1000px;
  }
 #menuImage2
  {
  margin-top:0px;
  margin-left: 123px;
  }
td /* Les cellules normales */
{
   border:0px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:white;
   vertical-align: top;
   width:auto;   
   font-size:0.9em;
  font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   
}
.tdGreen /* Les cellules normales */
{
   border: 1px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:white;
   vertical-align: top;
   width: auto;   
   font-size:0.9em;
  font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
  background-color: #556b2f;/*vert*/
  
   
}
.tdInvisible /* Les cellules normales */
{
   border-right: 0px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:white;
   width: 75%;
   
}
.tdTopAlign
	{
	vertical-align: top;
	border: 7px double #BD8d46;
	padding: 15px;
	}
.tdRightPAdding
	{
	
	padding-left: 15px;
	}
.tdvide
{
   border-right: 0px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:white;
   width: 100%;
   
}	
.tdInvisibleArchive /* Les cellules normales */
{
   border: 0px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", 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 */
   color:white;
   width: 25%;
   
}
#tdMotvet /* Les cellules normales */
{
   border: 0px solid #BD8d46;
   
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:black;
   vertical-align: top;
   width: 50px;  
   
   
}
#bodyGeneral
{ 
	/*width: 885px;*/
   margin-left: 200px; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #556b2f ;/*vert*/ 
   background-repeat:repeat;  
   background-image: url("images/boisFond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#corps
{
   /*margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 00px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-top: 0px;
   color: #561420;
   background-color:#556b2f;/*#556b2f; /* Une couleur de fond pour le corps  vert*/
   width: 890px;
   border:  2px solid #D4D942;
   
   /* background-image:url("images/p1/i279612715_70765.jpg");
  background-repeat:repeat;*/
}

#divArchive
{
   background-color: #1B421B;/*vert plus fonce*/  
   border: 0px solid green;  
   right: 35px;
   top:0px;
   width: 100%;
}
#divMotVet
{
	/*/background-color: #556b2f;/*vert plus fonce*/  
   background-color: #FEF6E2;/*blanc casse*/
   color:black;
   border: 0px solid green;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   float: left;
   left: 35px;
   top: 0px;
   width: 100%;
   height: 100%;
   bottom: 0px;
}
#tdVet /* Les cellules normales */
{
   border: 00px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:white;
   vertical-align: top;
  width: 75%;  
 background-color:#556b2f;
   
}
#tdVetMot /* Les cellules normales */
{
   border: 0px solid #BD8d46;
   font-family: "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: justify; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:black;
   vertical-align: top;
  width: 75%;  
  background-color: #FEF6E2;
  font-size: 1.2em;
   
}
#tdVetPhoto /* Les cellules normales */
{
   border: 00px solid #BD8d46;
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color:black;
   vertical-align: top;
  width: 25%;
  background-color: transparent;
  
   
   
   
}
#inputButton
	{
	background-color: #1B421B;
	}



	
#zone_haut_a dl{
margin:-.2em 0 0;
padding:.25em 0;
text-align:center;
width: 890px;


}
/* Caché pour IE_Mac - début\*/
* html #zone_haut_a dl{
margin:-.5em 0 -.4em 0;/*valeur pour MSIE 5*/
}
* html #zone_haut_a dl/**/{
margin/**/:-.4em 0 0; /*valeur pour MSIE 5.5*/
margin:/**/-.2em 0 0; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

#zone_haut_a dt{
margin:1px;
padding:0;
display:inline;


}
#zoneHautZ
{
	background-color:#556b2f;
border-left:.0em solid #800000;
border-right:.0em solid #800000;
color:#561420;
padding:0px;
text-decoration:none;
font-weight:800;
width: 100%;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	}
#zone_haut_a dt a{
background-color:#F5E49C;
border-left:.0em solid #800000;
border-right:.0em solid #800000;
color:#561420;
padding:4px 3px 5px 5px;
text-decoration:none;
font-weight:800;
width: 100%;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;

}
/* Caché pour IE_Mac - début\*/
* html #zone_haut_a dt a{
width:6.5em;/*valeur pour MSIE 5 and 5.5*/
}
* html #zone_haut_a dt a/**/{
width:/**/8.4em; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

#zone_haut_a dt a:hover{
background-color:#F5E49C;
color:#FFF; 
}
/*#FEF6E2*/

#navigation 
	{    
	 margin: 0 ;     padding: 0 ;     list-style: none ;     text-align: center ;     
	 }
#navigation li
	{     
	display: inline ;     margin-right: 1px ;      
    }
    
    /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   margin-top:10px;
   text-align: center;
   color: #B3B3B3;
   background-color: #1b421b;  
   background-repeat: repeat-x;
   border:  2px solid #D4D942;
   width: 890px;
  
   
}
img
  {
  border: 0px;
  }

/*********/
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menu { 
          width: 100px; 
          
          

         } 

div#menu ul { 
             padding: 0; 
             width: 100px; 
             border:1px solid black; 
             margin:0px; 
            } 

/*On positionne les elements du menu */ 
div#menu ul li { 
                position:relative; 
                list-style: none; /*on enleve les icones de liste */ 
                border-bottom:1px solid black; /*ajout d'une bordure de separation d'element:*/ 
               } 

div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
               }   

div#menu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
              } 
              
              /*fond jaune pr les sous-menu*/ 
div#menu li.sousmenu { 
                      background: yellow; 
                     } 
 

/* On cache tous les sous menu avec la propriété display none */ 
div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 100px; 
                display:none
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 { 
                                                  display:block; 
                                                 }
/* fond blanc pour le menu */ 
div#menu a { 
            color:white; 
           } 

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/ 
div#menu li:hover { 
                   background: #D4D942;
                  } 

div#menu li.sousmenu:hover { 
                            background:yellow; 
                           } 

/* Rajout d'une petite fleche pour les sous menu (j'ai pioché cette astuce sur le web ;) )*/ 
div#menu li.sousmenu { 
                      background: url(fleche.gif) 95% 50% no-repeat; 
                     } 

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a { 
               text-decoration: none; 
               padding: 4px 0 4px 8px; 
               display:block; border-left: 
               8px solid #1B421B; width:84px 
              } 

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover { 
                     border-left-color: 2D6039; 
                    } 
div#menu ul ul li a:hover { 
                           border-left-color: #00FF00; 
                          } 
div#menu ul ul ul li a:hover { 
                              border-left-color: #0000FF; 
                             } 
                             
/*Calendrier*/
.divCalDeux
	{
	text-align: center;
	border:8px solid #1B421B; 
	width:375px ;
	
	}
.divCal
	{
	text-align: center;
	border:8px solid #1B421B; 
	width:225px ;
	
	}
.tdCenter
{
	text-align: center;
	border:0px solid #1B421B; 
	width: 100%;
	
	
}
.tdCenterMotier
{
	text-align: center;
	border:0px solid #1B421B; 
	width: 50%;
	
	
}
.Calendrier
{
	width: 200px;	
border:0px solid #1B421B;
margin: auto;

}
.CalendrierSeul
{
	width: auto;
		border:0px solid #1B421B; 
		margin: auto;
}
.tdCalendrierLibre
{
	 background:white;
	 color: black;
	  text-align: center;
}
.tdCalendrierFinSem
{
	 background:gray;
	  text-align: center;
}
.tdCalendrierNb
{
	 background:gray;
	 color:black;
	 text-align: center;
	 border-left: 1px solid #1B421B; 
}
.tdCalendrierNbmoins
{
	 background:gray;
	 color:white;
	 text-align: center;
	 border-left: 1px solid #1B421B; 
}
.tdCalendrierPlein
{
	 background: #F56203;
	  text-align: center;
}
.tdJours
{
	background: #1B421B;
	color: white;
	 text-align: center;
	 
}
.divThCalArr
{
	 padding: 10px;
        background: #D4D942;
        -moz-border-radius: 10px 10px 0px 0px ;        
        border-radius: 10px 10px 0px 0px;
        khtml-border-radius: 10px 10px 0px 0px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        
        color: black;
}
.tablelegende
	{
	width: 250px;
	}