/***** menu CSS *****/
html
{
color:#8C6D0D;
font-family:"Trebuchet MS","MS Sans Serif", sans-serif, Verdana, Arial;
font-weight: bold;
}
/*Pour le body de la page*/

body
{
 
   width: 780px;
    margin:auto;
   margin-top: 20px;
   margin-bottom: 20px;  /* Idem pour le bas du navigateur */
  /* background-image: url("Fond-alternatif.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
    background-color:#DCCC9D;
}

#corps
{
width:760px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  background-color:#FAF4E3;
 	border-style:outset;
	border-right:3px solid #8C6D0D;
	border-left:2px solid #D3A310;
	border-top:3px solid #8C6D0D;
	border-bottom:2px solid #D3A310;
   background-image: url("Fond-julie.jpg");
   
   background-repeat: no-repeat; 
   
  /* border: 1px solid #116AA2; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-family:"Trebuchet MS","MS Sans Serif", sans-serif, Verdana, Arial;
   font-size:14px;
	font-weight:bold;	
}
#TexteLogo
{
margin-left:auto;
width:600px;
font-size:60px;
font-style:italic;
font-weight:normal;
font-family:  "Lucida Calligraphy", verdana, Arial;
color:#EE6500;
text-align:center;}
h2
h2
{font-size: 20px;
font-family:  "Lucida Calligraphy", verdana, Arial;
text-decoration: underline;
font-weight:bold;
padding-top:40px;
padding-left:30px;
font-style:italic;
text-align:center;
}
h3{
margin-top:10px;
font-size:24px;
font-family:"Lucida Calligraphy", verdana, Arial;
text-align:center;
border-width:1px;
border-style:solid;
align:middle;}

.titrecentre
{
font-size: 20px;
font-family:  "Lucida Calligraphy", verdana, Arial;
text-decoration: underline;
font-weight:bold;
font-style:italic;
text-align:center;
}
.imageflotgauche
{
   float: left;
   margin-right:10px;
   /*margin-left: 15px;*/
   text-align:justify;
   
	

}
.textflotdroit
{
	
	padding-left:350px;
	
	padding-top:30px;
}.imageflotdroit
{
	float: right;
	
margin-right:20px;
	padding-bottom:10px;
	padding-top:10px;

}
.colonnedroite
{
	float: right;
	margin-left:10px;
	margin-right:20px;
	width:60%;
	text-align:justify;
	font-size:18px;
	text-indent:15px;
}
hr
{  
  clear: both;
  visibility:hidden;
}
.textnormal
{
text-align:justify;
font-family:"Trebuchet MS","MS Sans Serif", sans-serif, Verdana, Arial;
font-size:14px;
text-indent:15px;
padding-top:45px;*/
}
.textcentre
{
text-align:center;
font-family:"Trebuchet MS","MS Sans Serif", sans-serif, Verdana, Arial;
font-size:14px;
/*padding:8px;*/
}
/*Pour les tableaux*/
table 
{
   
   margin: auto; /* Centre le tableau */
   border: 2px outset; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   border-color: #D3A310;
}
#Ptravail
{margin-top:100px;
margin-left:215px; /*margin nécessaire pour contrer le décalage dû à la présence de l'imagede droite*/
}
.titreTab
{
   font-size:1.5em;
   border: 2px outset;
   border-color: black;
   font-family: "Trebuchet MS", Arial, Serif;
   font-weight:bold;
   background-color: #D6A510;
   color:#8C6D0D;
}
.titreLigne
{
   border: 2px outset;
   border-color: black;
   background-color: #FAF4E3;
}
.infoPied
{
    border: 2px outset;
	border-color: black;
   font-size:1em;
   font-family: "Trebuchet MS", Arial, serif;
   font-style: italic;
}

td
{
	text-align: center;
	font-size: medium;
	font-family: Arial, serif;
	padding:5px;
	border: 1px solid black;
}

th
{
   font-family: "Comic Sans MS", "Arial black", Arial, serif;
}
#FormulaireContact
{margin-top:80px;}
#Pied_de_page
{
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
margin-left:auto;
margin-right:auto;
	width:760px;
   text-align: center;
	color:#8C6D0D;
   background-color: #FAF4E3;
  
	border-right:3px solid #8C6D0D;
	border-left:2px solid #D3A310;
	border-top:2px solid #8C6D0D;
	border-bottom:2px solid #D3A310;
}

.TexteMini
{
font-size:0.8em;
color:black;
}

/* pour le menu*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#Menu, #Menu2, #Menu3 {
position: relative;
top: 1em;
left: 1em;
width: 95px;
}
#Menu4
{
position: relative;
top: 1em;
left: 1em;
width: 75px;
}
#Menu1 dt, #Menu2 dt, #Menu3 dt {
cursor: pointer;
height: 25px;
line-height: 24px;
margin: 2px 2px 2px 2px;
font-size:14px;
text-align: center;
font-weight: bold;
width:90px;
background: url('BoutonAccueil.gif');
font-style:italic;
}
#Menu4 dt
{
cursor: pointer;
height: 21px;
line-height: 21px;
margin: 2px 2px 2px 2px;
font-size:10px;
text-align: center;
font-weight: bold;
width:78px;
background: url('BoutonAccueilContact.gif');
font-style:italic;
}

#Menu dd {
position: absolute;
z-index: 100;
top: 3em;
margin-top: -1.4em;
width: 160px;
background: #FFEA93;
border: 1px solid gray;
}
#Menu4 dd
{
top:2.8em;
left:-5.5em; /*On décale le sous menu pour ne pas qu'il dépasse les 800*600*/
}
#Menu ul {
padding: 2px;
}
#Menu1 li,#Menu2 li, #Menu3 li, Menu4 li{
text-align: justify;
font-size: 85%;
height: 22px;
line-height: 22px;
}


#Menu1 li a, #Menu1 dt a,#Menu2 li a, #Menu2 dt a, #Menu4 li a, #Menu4 dt a {
color:#996600;
text-decoration: none;
display: block;
background: url(chevalblancreduitfixe2.gif) no-repeat;
text-indent: 20px ;
}
#Menu3 li a, #Menu3 dt a /*Pour les liens des boutons sans menu déroulant, on masque le background du cheval qui cabre*/
{
color:#996600;
text-decoration: none;
display: block;
}

#Menu li a:hover {
text-decoration: underline;
background: url(chevalblancreduit2.gif) no-repeat;
}

#Menu1,#Menu2,#Menu3,#Menu4{
position: absolute;
width: 10em;
z-index: 500;
}
#Menu1 {
top:190px;
left: 285px;
}
#Menu2 {
top:190px;
left: 395px;
}
#Menu3 {
top:190px;
left: 510px;
}
#Menu4 {
top:210px;
left: 640px;

}