body {
background-color: 671313;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
background-image: url(images/fondbody.jpg);
background-repeat:repeat-y;
background-position:center;
}

a {outline: none; }/*enleve pointillés sur liens*/

table, td, table, tr, td {
vertical-align:top;
margin-top:0px; 

}

img {
border:0px;
}

a {
text-decoration:none;
color:0169E1;
}

a:hover, a:focus, a:active{
text-decoration:none;
color:78ACE8;
}

input, textarea
{
border : 1px solid #671313;
}

hr
{
height: 5px;
color: 671313;

}



#menu {
list-style: none ;
font-family: Verdana, arial, arial black;
font-size: 12px;
text-align: left;
line-height: 20px;
margin-right:0px;
vertical-align:center;
}
	
#menu li {
position:left;
margin-left:-40px;
}
	
#menu li a {
display: block ;
height:20px;
width:160px;
background-position:absolute;
color: ffffff ;
font-weight:bold;
text-decoration: none ;
width:auto;
}
	
#menu li a:hover, #menu li a:focus {
text-decoration: none ;
color: EAAB3E ;
font-weight:bold;
background-color:18191C;
}

#menu li a:active {
color:D00701;
}

#contenue
{
background-color: E6D0AB;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
border: 2px solid #D8982B;
min-height:550px;
}

#pieddepage, #pieddepage  a{
margin-top:5px;
text-align:center;
color: 8B8C8B;
font-size:10px;
font-family:arial, arial black;
padding-top:5px;
padding-bottom:5px;
}

#pieddepage  a:hover, #pieddepage a:focus, #pieddepage a:active {
color: 8B8C1B;
}

img#banniere {
border: 2px solid #671313;
}

.cadreimage {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(images/fondminiphoto.png) no-repeat bottom right !important;
  }
.cadreimage img {
  display: block;
  position: relative;
  border: 2px solid #BF5C00;
  /* Cette ligne permet de placer correctement notre image par rapport à notre ombre. Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: 25px 25px 25px 25px;
  }
  
.cadre{
border: 2px solid #EAAB3E;
margin-bottom:20px;
margin-left:5px;
margin-right:5px;
padding-top:10px;
padding-bottom:10px;
background-color:E2DDCB;
background-image:url(images/notecadre.jpg);
background-repeat:no-repeat ;
background-position:top left;
}
  
  
.dispo_image{
background-color: 671313;
  border: 2px solid #D8982B;
  padding:5px 5px 20px 5px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  -moz-border-radius:8px;
}

  
.image {
background-color: 671313;
  border: 2px solid #D8982B;
  padding:5px 5px 20px 5px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  -moz-border-radius:8px;
  }
  
a img.image{
border: 2px solid #0169E1;
}
  
a img.image:hover{
background-color: B96565;
border: 2px solid #78ACE8;
}

a img.image:active{
background-color: 78ACE8;
}

  
.titrepage
{
font-family:Verdana, arial, arial black;
margin-top: -60px;
text-align: left;
text-decoration:none;
font-size : 40px;
color:E6D0AB;
}

.titrepage:after
{
content:"::.";
font-size:18px;
}
  
.titre1
{
color:A92800;
font-family:Verdana, arial, arial black;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align: center;
text-decoration:none;
line-height: 30px;
font-size : 24px;
}

.titre3{
font-family:Verdana, arial, arial black;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align: center;
text-decoration:none;
line-height: 20px;
font-size : 20px;

}
.titre2
{
color:A92800;
font-family:Verdana, arial, arial black;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align: center;
text-decoration:none;
line-height: 20px;
font-size : 18px;
}

.soustitre
{
color:4F7C00;
font-family:Verdana, arial, arial black;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align:center;
text-decoration:none;
line-height: 20px;
font-size : 14px;
font-weight:bold;
}

.texte
{
color:432701;
font-family:Verdana, arial, arial black ;
margin-left: 10px;
margin-right: 10px;
text-decoration:none;
line-height: 16px;
font-size : 12px;
text-align:center;
vertical-align:middle;
}

.texte2 /* texte identique aux tableau */
{
color:432701;
font-family:Verdana, arial, arial black ;
margin-left: 10px;
margin-right: 10px;
text-decoration:none;
line-height: 16px;
font-size : 16px;
text-align:center;
vertical-align:middle;
}


.textejustifie
{
color:0B4250;
font-family:Verdana, arial, arial black ;
margin-left: 10px;
margin-right: 10px;
text-decoration:none;
line-height: 16px;
font-size : 12px;
text-align:justify;
}

.titre2g
{
color:A92800;
font-family:Verdana, arial, arial black;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align: left;
text-decoration:none;
line-height: 20px;
font-size : 18px;
}

.soustitreg
{
color:4F7C00;
font-family:Verdana, arial, arial black;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align:left;
text-decoration:none;
line-height: 20px;
font-size : 14px;
font-weight:bold;
}

.texteg
{
color:432701;
font-family:Verdana, arial, arial black ;
margin-left: 10px;
margin-right: 10px;
text-decoration:none;
line-height: 16px;
font-size : 12px;
text-align:left;
vertical-align:middle;
}

 a.info {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info:hover {
    z-index:20;
}

a.info span {
    display:none;
}

a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:20px;
    left:0px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    width:300px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:12px;
    color:#000000;
    text-decoration:none;
    text-align:justify;
	background-color:ECE8BE;
	border: 2px solid #BF5C00;
}

fieldset legend{
padding-left:5px;
padding-right:5px;
padding-top:5px;
font-size:18px;
text-align:left;
color:A92800;
font-family:Verdana, arial, arial black;
}

fieldset{
border: 2px solid #EAAB3E;
padding-left:5px;
padding-top:auto;
padding-bottom:0px;
padding-right:5px;
background-color:E2DDCB;
-moz-border-radius:8px;
}
 
.legend{
padding-left:5px;
padding-right:5px;
font-size:22px;
text-align:left;
color:A92800;
font-family:Verdana, arial, arial black;
} 
 fieldset2{
padding-left:5px;
padding-right:5px;
font-size:22px;
text-align:left;
color:A92800;
font-family:Verdana, arial, arial black;
}