* {
	margin : 0;
	padding : 0;
	font-family : Verdana, Sans-Serif;
	font-size : 8pt;
	font-weight : bold;
	color : black;
	text-align : left;
	border:0;
}

html {
	overflow : auto;
}

html, body {
	height : 100%;
	background-color : #333;
	color : black;
	text-align : center;
}

body {
	background-image : url(../style/grad.gif);
	background-repeat : repeat-y;
	background-position : top center;
	width : 1200px;
	margin-left : auto;
	margin-right : auto;
}

/*tour de la page*/
div#outerpage {
	width : 1150px;
	background-image : url(../style/grad.gif);
	background-repeat : repeat-y;
	background-color : white;
	padding-left : 25px;
	padding-right : 25px;
}



/*------------------------------------------------------------------------------*/
/*TITRE*/

/*barre de titre*/
#titre {
	padding-top : 5px;
	padding-bottom : 25px;
	background-color : #eee;
	color : black;
	font-size : 16pt;
	
}

/*lien de la barre de titre*/
a.lientitre {
	padding-left : 50px;
	font-size : 16pt;
	line-height : 32pt;
	text-decoration : none;
	display : block;
}

/*texte violet du titre*/
.purpletext {
	font-size : 16pt;
	color : purple;
	background-color : #EEEEEE;
}


/*------------------------------------------------------------------------------*/
/*MENU*/

#menu {
	height : 25px;
	margin-bottom : 20px;
	background : url(../style/grad_top.gif);
	background-position : bottom;
	background-repeat : repeat-x;
	background-color : #eee;
}

#tabnav {
	height : 25px;
	padding-left : 30px;
	list-style-type : none;
}

#tabnav li {
	margin-left : 10px;
	height : 24px;
	border-top : 1px solid black;
	border-left : 1px solid black;
	border-right : 1px solid black;
	float : left;
}

#tabnav li.active {
	background-color : white;
	background-image : none;
	background-position : bottom;
	background-repeat : repeat-x;
}

#tabnav li a {
	text-decoration : none;
	display : block;
	line-height : 24px;
	background-color : #e0d4e6;
	color : black;
	padding-left : 4px;
	padding-right : 4px;
	background-image : url(../style/grad_top_purple.gif);
	background-position : bottom;
	background-repeat : repeat-x;
}

#tabnav li.active a {
	background: none;
	background-color : white;
	color : #ccc;
}

#tabnav li a:hover {
	background-image : none;
	background-color : #f6f2f7;
	color : black;
	background-color : #f6f2f7;
}

#tabnav li.active a:hover {
	color : #ccc;
}

/*------------------------------------------------------------------------------*/
/*CONTENU*/

div#page {
	margin-left : auto;
	margin-right : auto;
	width : 1115px;
	border : 1px solid black;
	height : 650px;
}

div#intro {
	height : 610px;
	width : 878px;
	padding : 20px;
	overflow : auto;
}

div#tourminimenu {
	float : left;
	height : 650px;	
}

div#minimenu {
	padding : 20px;
	float : left;
	border-right : 1px dashed black;
	border-bottom : 1px dashed black;
	
	margin-right : 20px;
}

ul#mininav li {
	padding-bottom : 5px;
}

ul#mininav {
	list-style-type : none;
}

ul#mininav a {
	text-decoration : none;
	padding-left : 5px;
	border-left : 5px solid white;
}

ul#mininav a:hover {
	border-left : 5px solid #e0d4e6;
}

/*decoration page accueil*/
#deco {
	float : left;
	width : 50px;
	padding : 10px;
	vertical-align : top;
	height : 630px;
	border-right : 1px solid black;
	color : black;
}

/*notes de bas de page*/
#footnote {
	font-size : 7pt;
	clear : both;
	text-align : center;
	padding-bottom : 20px;
}

#footnote a {
	font-size : 7pt;
}


p {
	margin-bottom : 2em;
}


div#wrapper {
	margin-left : auto;
	margin-right : auto;
	width : 1115px;
	/*border : 1px solid black;*/
	height : 720px;
	position : relative;
}

/* fond de la galerie */
div.galcontainer {
	overflow : auto;
	padding-top : 10px;
	padding-left : 10px;
	height : 710px;
	list-style-type : none;
}

a.miniature {
	height : 70px;
	width : 70px;
	display : block;
	background-color : white;
}

a#lienaff {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	height : 100%;
	width : 100%;
	background-color : white;
	z-index : 10;
	opacity : 0.7;
}

div.navlienprev {
	position : absolute;
	bottom : 300px;
	left : 50px;
	z-index : 25;
}

div.navliennext {
	position : absolute;
	bottom : 300px;
	right : 50px;
	z-index : 25;
}

div.navlienprev a {
	text-decoration : none;
}

div.navliennext a {
	text-decoration : none;
}

/* conteneur pour une miniature */
dl.gallery {
	float : left;
	height : 70px;
	width : 70px;
	padding : 5px;
	margin-right : 10px;
	margin-bottom : 10px;
	border : 1px dashed #aaa;
}

/* tour de photo agrandie */
a#imagecontainer {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	height : 695px;
	width : 100%;
	text-align : center;
	z-index : 20;
	padding-top : 10px;
	text-decoration : none;
}

#w3c {
	text-align : center;
}

#w3c a {
	text-decoration : none;
	font-size : 6pt;
}

#w3c .rouge {
	color : red;
	font-size : 6pt;
	background-color : white;
}

.entree {
	margin-left : 5px;
	text-align : center;
	margin-right : 5px;
}

.entree a {
	text-decoration : none;
	font-size : 20px;
}

.keys {
	color : white;
	font-size : 1px;
}

.closebtn a {
	text-decoration : none;
}