/* Generic Selectors */

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	background-color: #f4a460;
	}

h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, dt, dd, address, blockquote, pre, br, hr, form, dl { display: block } 

b, strong, i, em, cite, var, tt, code, kbd, samp, img, span { display: inline } 

p {
	width: 100%;
	line-height: 115%;
	margin-bottom: 1em; 
	}


cite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	color: #000000;
	}


label { text-align: center;
	text-decoration: underline; } 

	
ol { list-style: decimal } 

strong { color: #000000; }


ul { 
	padding-left: 1em; 
	margin-left: 0; 
	}

menu { color: #000000;}

li {
	display: list-item;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12pt;	
	line-height: 120%;
	padding-top: 15px;
	}


nl {
	display: list-item;
	list-style-type: disc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;	
	line-height: 120%;
	}


h1 {

	font-family: "Lucida Sans Unicode", Monaco, Arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	line-height: 110%;
	color: #000000;
}


h2 {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	font-style: oblique;
	text-decoration: underline;
	line-height: 110%;
	color: #000000;
	padding-top: 15px;
	border-bottom: 0px solid #C6EC8C;
}


h3 {
	font-family: "AvantGarde Bk BT", Verdana, Geneva, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 110%;
	color: #000000;
	}


h4 {
	font-family: "AvantGarde Bk BT", Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 110%;
	color: #000000;
	}


h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 110%;
	color: #000000;
	}


h6 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 110%;
	color: #000000;
	}

@media print { 
	.noprint { display: none; } 
} 


/************************* Classes *************************/

.bloc { 
	display: block;
	}
	
.centre { text-align: center;} 

.centrenoprint { text-align: center;} 

.centrevide { text-align: center;} 

.plogue { text-align: center;} 

.droite { text-align: right;}

.menu {display: list-item;
	list-style-type: disc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;	
	line-height: 120%;}

.legend { font-size: 11px; text-align: center; margin-top:0px; margin-bottom:0px; padding:0px; } 

.compteur { font-size: 10px; text-align: left; margin-top:0px; margin-bottom:0px; padding:0px; } 

.legendno { font-size: 11px; text-align: center; margin-top:0px; margin-bottom:0px; padding:0px; } 

.clearboth { clear: both; }


.picleft { 
	display: inline;
	margin-left: 0px; 
	margin-right: auto;
}

.piccentre { 
	display: block;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

.banner { 
	display: block;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;}

.picright { 
	display: inline;
	margin-left: auto; 
	margin-right: 0;
}

.borduredroite { float: left; }

.borduregauche { float: right; }

.texteagauche { display: inline;
	z-index: 15;
	width: 320px;
	float: left;
	float: right;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
	color: #FDF5E6;
	padding: 0.5em;
	margin-left: 390px;}

.texteadroite { float: right;
	display: inline;
	z-index: 15;
	width: 320px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
	color: #FDF5E6;
	padding: 0.5em;
	margin-right: auto; }

.zonecentre { display: inline;
	z-index: 15;
	width: 320px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
	color: #FDF5E6;
	padding: 0.5em;
	margin-left: 195px;
	}

.flotteagauche { display: inline;
	z-index: 15;
	width: 320px;
	float: left;
	float: right;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
	color: #FDF5E6;
	padding: 0.5em;
}

.flotteadroite { display: inline;
	z-index: 15;
	width: 320px;
	float: left;
	float: right;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
	color: #FDF5E6;
	padding: 0.5em;
}

.ligne { text-decoration: underline;}

	.Vignette {
	display: inline;
	z-index: 15;
	width: 110px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 0px;
	}
	
	.Vignette4 {
	display: inline;
	z-index: 15;
	width: 110px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 110px;
	}
	
	.Vignette3 {
	display: inline;
	z-index: 15;
	width: 110px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 165px;
	}
	
	.Vignette2 {
	display: inline;
	z-index: 15;
	width: 110px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 245px;
	}
	
	.galerie {
	display: inline;
	z-index: 15;
	width: 230px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 0px;
	}
	
	.galerie1 {
	display: inline;
	z-index: 15;
	width: 240px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 120px;
	}

	.galerie10 {
	display: inline;
	z-index: 15;
	width: 320px;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 0px;
	}

.rnoir { 
	float: right;
	text-align: center;
	margin: 2px 0px 2px 2px; /*top right bottom left*/
	border-width: 3px;
	border-style: groove;
	border-color: black;}

.rblanc { 
	float: right;
	margin: 2px 0px 2px 2px; /*top right bottom left*/
	border-width: 8px;
	border-style: groove;
	border-color: #FDF5E6;
	}

.cnoir { 
	display: inline;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	border-width: 3px;
	border-style: groove;
	border-color: black;}



.cblanc { 
	display: block;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	border-width: 8px;
	border-style: groove;
	border-color: #FDF5E6;
	}

.lnoir { 
	float: left;
	text-align: center;
	margin: 2px 2px 2px 0px; /*top right bottom left*/
	border-width: 3px;
	border-style: groove;
	border-color: black;
	vertical-align: middle; 
	}

.lblanc { 
	float: left;
	text-align: center;
	margin: 2px 2px 2px 0px; /*top right bottom left*/
	border-width: 8px;
	border-style: groove;
	border-color: #FDF5E6;
	}
	
	.flotte { 
	float: left;
	vertical-align: middle; 
	}

.top {vertical-align: top}

.caption {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 110%;
	color: #FDF5E6;
	text-align: center;
	vertical-align: middle; 
	}


.commentaire {
	font-family: "AvantGarde Bk BT", Monaco, Arial, "Lucida Console", sans-serif;
	font-size: 10pt;
	text-align: center;	
	}
	
.comment {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10pt;
	font-style: italic;
	text-align: center;	
	}	

.interne {color: #000000;
	padding-top: 2em}

.signature {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 110%;
	color: #FDF5E6;
	text-align: center;
	}

.signatureno {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 110%;
	color: black;
	text-align: center;
	}

.signature2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 6pt;
	font-weight: bold;
	line-height: 110%;
	color: #FDF5E6;
	text-align: center;
	}
	
/*************************  Pseudo classes *************************/

a:link {

color: #8b4513;

text-decoration: underline;

font-weight: bold;

}

a:visited {

color: #FDF5E6;

text-decoration: none;

font-weight: bold;

}

a:hover {

color: yellow;

padding-bottom: 5px;

text-decoration: underline;

}

a:active {

color: yellow;

font-weight: bold;

} 


li a:link {

color: #FFFAF0;

text-decoration: underline;

}


li a:visited {

color: #faf0e6;

text-decoration: none;

font-weight: bold;

}


li a:hover {

color: #8B4513;

padding-bottom: 3px;

border-bottom-width: 0px;

border-bottom-style: none;

border-bottom-color: #FDF5E6;

}


ul a:link {

color: #0000CD;

text-decoration: underline;

}


ul a:visited {

color: #FDF5E6;

text-decoration: none;

font-weight: bold;

}


ul a:hover {

color: #FFDEAD;

padding-bottom: 3px;

border-bottom-width: 0px;

border-bottom-style: none;

border-bottom-color: #FDF5E6;

}

/*************************  ID's *************************/

#sousmenus {
	position: absolute;
	z-index: 5;
	width: 110px;
	height: 900px;	
	margin-top: 0px;
	margin-left: 0px;
	font-weight: bold;
}

#sousmenus1 {
	color: #000000;
	position: absolute;
	z-index: 10;
	width: 110px;
	height: 900px;	
	margin-top: 91px;
	margin-left: 2px;
	font-weight: bold;
}

#menus {
	position: absolute;
	z-index: 15;
	width: 110px;
	height: 900px;	
	margin-top: 0px;
	margin-left: -5px;
	font-weight: bold;
}

#Centre {
background-color: #f4a460;	
position: absolute;
	z-index: 15;
	width: 720px;	
	padding: 0px 10px 10px 10px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 110px;
	border-left: 2px solid #000000;	
	border-right: 2px solid #000000;	
}
	
#Droite {
	background-color: #f4a460;
	position: absolute;
	z-index: 10;	
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 850px;	
}

#large {
	background-color: #f4a460;
	position: absolute;
	z-index: 15;	
	margin-left: 110px;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	}

#top {
	position: absolute;
	z-index: 20;
	width: 700px;
	height: 800px;	
	margin-top: 0px;
	margin-left: 110px;
	border-right: 0px solid #000000;
	font-weight: normal;
}



#insert {
display: block;
}