.total { /*permet de centrer tout quelque soit la largeur de la fenêtre*/
	width:760px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #E2E2E2;
	}

.acc{
	color: #a33434;
	font-weight: bold;
}

.fdtitre{
	position:absolute;
	top:0px;
	left:336px;
	z-index:5;
}

.titre{
	position:absolute;
	top:8px;
	left: 350px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	width: 350px;
	height: 40px;
	z-index:6;
	}

a.accesdirect{
	padding: 10px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}

.gras{
	font-weight: bold;
	}

.bandeau{ 
	z-index:1;
	}

.courbe{ /*place l'élément graphique courbe*/
	position:absolute;
	top:177px;
	left:168px;
	z-index:35;
	}
	

.photocontenu{ /*place les photos situées dans le contenu (ex : les cartes dans la rub "localisation")*/
	position:relative;
	left:0px;
	margin-left:-183px;
	z-index:50;
	}
	
.contenu{ /*place le contenu (le texte)*/
	background-image:url(graphisme/fd_galerie.gif);
	background-repeat:repeat-y;
		
	position:absolute;
	top:177px; /*le bloc contenant background et texte est calé a gauche et sous le bandeau à 177px du haut)*/
	left:0px;
	text-align: justify;
	width: 394px;
	min-height: 600px; /*taille verticale minimum : le fond du contenu doit etre visible sur 600px (ne marche pas sous IE (...))*/
	
	
	padding-top:10px;   /*permet de décaler le bloc de texte qui contient aussi le background (pour qu'il soit aussi long que le contenu)*/
	padding-left:351px;
	padding-right:15px;
	
	color: #666666;
	line-height: 16px;
	
	z-index:30;
	}
	
.t0{ /*gros titre*/
	color:#a33434;
	font-size: 1.2em;
	font-weight: bold;
	}
	
.t1{
	color:#a33434;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #a33434;
	border-right-color: #a33434;
	border-bottom-color: #a33434;
	border-left-color: #a33434;
	}
	
.t2{
	position: relative;
	left:30px;
	width:364px;
	color:#a33434;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}
	
.blanc{ /*definit le texte titre des tableaux*/
	color:#FFFFFF;
	font-weight:bold;
	background-color: #c6bcb7;
	}

.petit{ /*definit la taille des tableaux trop grand pour rentrer dans le contenu*/
	font-size:11px;
	}

.photo{ /*place les photos dans la bande prévue à cette effet (gris)*/
	position:absolute;	
	left: 170px;
	top: 400px;
	width:158px;
	z-index:40;
	}
	
.note{ /*définit les liens et textes flash et adobe sous le menu*/
	position:absolute;
	left: 0px;
	top: 545px;
	width:158px;
	color:#FFFFFF;
	font-weight:bold;
	z-index:40;
	padding: 5px;
	}

img{	/*images liens : pas de cadre*/
	border:0;
	}

a{ /*definit les liens*/
	text-decoration:none;
	color:#a33434;
	}

.pied1{ /*place le 1er lien de pied*/
	position: absolute;
	left:220px;
	top:184px;
	z-index:50;
	}
	
.pied2{/*place le 2eme lien de pied*/
	position: absolute;
	left:205px;
	top:214px;
	z-index:50;
	}
	
.pied3{/*place 3eme 1er lien de pied*/
	position: absolute;
	left:190px;
	top:244px;
	z-index:50;
	}

.pied4{/*place le 4eme lien de pied*/
	position: absolute;
	left:170px;
	top:291px;
	z-index:50;
	}

.pied5{/*place le 5eme lien de pied*/
	position: absolute;
	left:160px;
	top:341px;
	z-index:50;
	}

.Style10 {color: #F7A911
	}
	
.Style36 {color: #FFFFFF
	}
	
.Style37 {
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	}

.Style38 {color: #FF9933
	}



a.lienpied{ /*definit les liens de pied : defaut*/
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	}
	
a:hover.lienpied{ /*definit les liens de pied : au survol*/
	color: #993333;
	text-decoration:none;
	}
	
a:link.lienpied{ /*definit les liens de pied : lien nouveau*/
	color: #FFFFFF;
	text-decoration:none;

	}

a:visited.lienpied{ /*definit les liens de pied : lien visité*/
	color: #FFFFFF;
	text-decoration:none;
	}

a.screen, a.screen:visited {/*Test avec la possibilité de mettre les images en grands lorsque l'on survole une image plus petite, test en cours avec le Tudip*/

color:#c00; 
position:relative; 
z-index:1;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:500px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:300px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
width:1207px;
height:572px;
margin-left:-550px;

}

/* début du code pour galerie dynamique */

div#galerie
{
	width: 388px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 2px ;
	margin: 2px 2px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

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

ul#galerie_mini li {
	float: left ;
}

ul#galerie_mini li a img {
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo {
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt {
	font: italic 2.5em/1.5em Georgia, serif ;
	font-size: 30px;
	color: #dcb ;
}

dl#photo dd {
	margin: 0 ;
}

dl#photo img {
	border: 1px solid #dcb ;
}

/* fin du code pour galerie dynamique */