body { margin:0 ; padding:0 ; background-color:white}

#conteneur /*conteneur général du site*/{	position: fixed ; left: 50% ; top: 50% ; margin-top: -280px ; margin-left: -460px ; width: 920px ; height: 560px ; background:white url(image/diver.gif) no-repeat fixed center ; border:1px solid black}
	
#droite {	/*formatage de la boite droite*/
	z-index: 10;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top: -280px;
	margin-left: -260px;
	width: 700px;
	height : 540px;
	overflow : auto;
	padding : 10px;
	border :0px dashed red;
	}
	
#photobox {
	z-index:10;
	position:absolute;
	top:14%;
	left:41%;
	height:454px;
	width:504px;
	text-align:center;
	vertical-align:middle}
	
ul#galerie_mini {list-style-type:none ; width:650px ; margin-top:-20px}
ul#galerie_mini li {margin-left:-40px ; width:100px}
ul#galerie_mini li a img {border:0px}

dl#photo img{border: 2px solid black}
dl#photo dt {font:italic 18px comic sans ms ; text-align:center}

	
img.logo	{
	position:fixed ; height: 157px ; width: 204px}
ul.menu	{
	position:fixed ; margin: 170px 0 0 -20px ; list-style-type:none}
ul.menu li{margin:-5px 0 0 0}
img.aql_partenaire{
	position:fixed ; margin: 390px 0 0 10px ; width:180px ; height:95px}
p.contact{
position:fixed ; margin:490px 0 0 0 ; width:200px ; height:50px ; font:bold 1em times ; line-height:1.5em ; text-align:center}
p.note{width:300px ; position:fixed ; left:	50% ; top:30% ; text-align:justify}

p.footer {	/*formatage du pied de page*/
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: 280px;
	margin-left: -460px;
	text-align : center;
	width: 920px;
	height: 20px;
	font: 10pt times news roman;
	color: silver}


/* FORMATAGE DES LIENS*/
a:link {color:blue ; text-decoration: none} 
a:visited {color:blue ; text-decoration: none} 
a:hover {color: orange ; text-decoration: underline}
a:active {color: darkgray ; text-decoration: none}

a.footer:link {color:silver;text-decoration:none;} 
a.footer:visited {color:silver;text-decoration: none} 
a.footer:hover {color: orange;text-decoration: underline}

a#haut {z-index:100 ; position:absolute ; right:20px; bottom:0px ; color:transparent}
a#haut:hover {color:orange}

a.liste:link {color:transparent} 
a.liste:visited {color:transparent} 
a.liste:hover {color: orange}

a.image:link {color:transparent}
a.image:visited {color:transparent} 
a.image:hover {color:transparent}

/*Pages rEvo*/

font.revo{font:italic bold 0.9em arial}

#revo{width:525px; height:450px; margin:-10px 0 0 0}

#pied{
	z-index:100;
	height:20px;
	width:700px;
	position:absolute;
	margin:O;
	text-align:center;
	vertical-align:middle}
	
a.precedent{position:relative; float:left; margin-top:0px}
a.precedent:link{color:transparent}
a.precedent:visited {color:transparent} 
a.precedent:hover {color:transparent}

p.page{position:relative; float:left; margin-left:50px; margin-top:0px;width:200px;height:15px; font: bold 1em arial; color:gray}

a.suite{position:relative; float:right; margin-top:0px}
a.suite:link{color:transparent}
a.suite:visited {color:transparent} 
a.suite:hover {color:transparent}

img.standard{position:relative; top:70px; float:right; margin-right:20px; width:160px; height:200px}
img.mini{position:relative; top:300px; float:right; margin-right:-160px; width:160px; height:200px}

p.legende_std{position:relative; top:255px; float:right; margin-right:-150px;}
p.legende_mini{position:relative; top:485px; float:right; margin-right:-140px;}


/*TITRES*/
h1 {z-index:1 ; position:relative ; left:10px ; top:-11px ; margin-top:0 ; margin-left:0 ; width:600px}

h3{font-size:13pt}

h4{font:italic 1.2em comic sans ms ; text-align:center ; margin:5px 0 20px 0}

hr {
	position: relative;
	top		: -30px;
	z-index	:	1;
	size	: 1px;
	color	:	black;
}


/*- menu photosub */
unknown {
        font-size: small
}
#menu_droite {					/* boite menu à onglets */
	/*positionement*/
	position 		: absolute;
	top 			: 1px;
	left 			: 1px;
	z-index			: 10;
	/*formatage*/
    font: 14px times news roman;
	width			: 700px;
	height			: 37px;
	line-height		: normal;
	border 			: 0px dashed green;
}
#menu_droite ul {				/* formatage liste */
	padding:10px 0 0 0;
	float			: right;
	margin			: 0;
	list-style-type	: none;
	z-index			: 5;
}
#menu_droite li {				/* formatage élément dela liste */
	background		: url(image/left.gif) no-repeat left top;
	padding: 0 0 0 9px;
	float			: left;
	margin			:0;
	z-index			: 5;
	}
#menu_droite a {				/* formatage lien */
	background		: url(image/right.gif) no-repeat right top;
	padding:5px 10px 4px 5px ; 
	text-decoration	: none;
	display			: block;
	font-weight		: bold;
	float			: left;
	color			: black; 
	z-index			: 5;
}
#menu_droite a:hover {			/* formatage lien survolé */
        color: orange;
		text-decoration: underline;
}
#menu_droite #current {		/* formatage onglet en cours */
        background-image: url(image/left_on.gif); z-index: 5;
}
#menu_droite #current a {		/* formatage lien en cours */
        background-image: url(image/right_on.gif); padding-bottom: 5px; color: grey; z-index: 5;
}
#menu_droite #current a:hover {	/* formatage lien en cours survolé */
        color: grey; text-decoration: none;
}