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: A92800;

}

.ligne
{
height: 2;
color: 671313;
}

.ombre{
text-shadow: 0px 0px 4px red;
}

#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 5px 5px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  -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;
}

.texte3 
{
color:000000;
font-family:Verdana, arial, arial black ;
margin-left: 5px;
margin-right: 5px;
text-decoration:none;
line-height: 16px;
font-size : 16px;
font-weight: bold ;
}

.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:0px;
font-size:18px;
text-align:left;
color:A92800;
font-family:Verdana, arial, arial black;
}

fieldset{
border: 2px solid #EAAB3E;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
padding-right:2px;
background-color:;
-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;
}


/*Rajouter pour réaliser le cadre en bas de la page d'accueil du site contenant les liens vers les dl des récents navigateur*/
 	#ieframe{overflow:hidden;border:2px solid black;background:#FFFECA;font-family:"Trebuchet MS";font-size:13px;color:black;line-height:20px;padding:5px;width:600px;}
	#ieframe .left{float:left;overflow:hidden;padding:3px;margin-right:2px;}
	#ieframe .left a.browser{float:left;text-align:center;width:70px;height:95px;border:2px solid #deddaf;font-size:11px;color:black;text-decoration:none;background:white;line-height:13px;margin:2px;}
	#ieframe .left a.browser img{margin:10px;}
	#ieframe .left a.browser:hover{border:2px solid #c4c49b;text-decoration:underline;color:grey;}


/* Rajouter pour tester le popup*/
#fadeinbox{
position:absolute;
width: 550px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}

.imageTrobinoscope{
	width: 312px;
	height: 352px;
	position: relative;
	margin-left: 5px;
	margin-right:5px;
	clear: none;
	float: none;
}
.imageTrobinoscope img{
	border: none;
	margin: 0px;
}

div.imageTrobinoscope div.cadreCaption{
	width: 300px;
	height: 45px;
	position: absolute;
	top: 306px;
	left: 6px;
	text-align: center;
	font-family: Verdana;
	
}

div.imageTrobinoscope div.cadreCaption span.nom{
	color: #272004;
	font-size: 14;
}
div.imageTrobinoscope div.cadreCaption span.fonction{
	color: #3e7385;
	font-size: 12;
}

.classEffacer{
	clear: both;
}