@charset "UTF-8";
/* CSS Document */

body { background-color: #262626;
	text-align: center;
	margin-top: 0px;
	border-top: 0px;
	padding: 0px;
	z-index: -1;
}

a {
	text-decoration: none;
	color: #FFFFFF;	}

a:link {
	text-decoration: none;
	color: #FFFFFF;		
}

/*a:hover a:active*/

a:link img {border:0;	}

#contenant {
	width: 800px;
	height: 660px;
	position: relative;
	top: 0px;
	left: auto;
	right: auto;
	margin-top: 0px;
	margin-right: auto;
	padding-top: 0px;
	margin-left: auto;
	padding: 0px;
	border-top: 0px;
	background-image: url(images/fond-grand.png);
}
	
#rtgl1 {
	position: absolute;
	width: 800px;
	height: 60px;
	left: 0px;
	top: 0px;
	overflow: auto;
	border-bottom: 1px outset white;
}

#bann-haut1 {
	color: #000000;
	text-align: right;
	width: 480px;
	height: 15px;
	padding top: 3px;
	position: absolute;
	float: right;
	margin: auto;
	left: 320px;
	top: 5px;
	overflow: auto;
	text-decoration: none;
	z-index: 1;
	border-bottom: 1px solid #FFFFFF;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-shadow: #202020 1px 1px;
}

#bann-haut1 ul {
	list-style: none;
	padding:0;
	margin:0;	}

#bann-haut1 li {
	display: inline;
	margin: 0 10px 0 10px;	}
	
	
#bann-haut1-ombrage {
	color: #000000;
	text-align: right;
	width: 480px;
	height: 15px;
	padding top: 3px;
	position: absolute;
	float: right;
	margin: auto;
	left: 321px;
	top: 6px;
	overflow: auto;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#bann-haut1-ombrage ul {
	list-style: none;
	padding:0;
	margin:0;	}

#bann-haut1-ombrage li {
	display: inline;
	margin: 0 10px 0 10px;	}


#bann-haut2 {
	color: #000000;
	font: normal 13pt "Verdana", Lucida Grande, sans-serif;
	text-align: center;
	text-transform: none;
	width: 800px;
	height: 44px;
	padding: 3px;
	position: absolute;
	left: 0px;
	top: 30px;
	margin: auto;
	overflow: auto;
	text-decoration:none;
	z-index: 1;
}

#bann-haut2 ul {
	list-style: none;
	padding:0;
	margin:0;	}

#bann-haut2 li {
	display: inline;
	margin: 0 1em 0 0;	}
	
	
#bann-haut2 a:link, #bann-haut2 a:visited {
text-decoration: none;
background: transparent;
color: #FBFBFB;
}

#bann-haut2 a:hover {
color: #F77823;
}
#bann-haut2 a#selected:link, 
#bann-haut2 a#selected:visited, 
#bann-haut2 a#selected:hover {
color: #F77823;
text-decoration: none;
}
	
	
#bann-haut2-ombrage {
	font: normal 13pt "Verdana", Lucida Grande, sans-serif;
	text-align: center;
	width: 800px;
	height: 24px;
	padding: 3px;
	position: absolute;
	left: 27px;
	top: 31px;
	margin: auto;
	overflow: auto;
	color:#000000;
}

#bann-haut2-ombrage ul {
	list-style: none;
	padding:0;
	margin:0;	}

#bann-haut2-ombrage li {
	display: inline;
	margin: 0 1em 0 0;	}

#c-citation-about {
	position: absolute;
	text-align: left;
	width: 700px;
	height: 200px;
	left: 20px;
	top: 61px;
	overflow: auto;
	color: black;
	z-index: 1;
}

#o-media-about {
	position: absolute;
	width: 560px;
	height: 600px;
	left: 0px;
	top: 100px;
	overflow: auto;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 15px;
	text-decoration:none;
	z-index: 1;
}


#credits {
	position: absolute;
	width: 460px;
	height: 570px;
	left: 60px;
	top: 100px;
	overflow: auto;
	padding-top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	padding-left: 15px;
	text-decoration:none;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 2;
}

#credits a:link {
color: #E83A18;
text-decoration: none;
}

#credits a:hover {
color: #E83A18;
text-decoration: none;
}

#credits a:visited {
color: #E83A18;
text-decoration: none;
}

#credits a#selected:link {
color: #E83A18;
text-decoration: none;
}

#credits a#selected:visited {
color: #E83A18;
text-decoration: none;
}
 
#credits a#selected:hover {
color: #E83A18;
text-decoration: none;
}


#credits h3 {
	color:#E83A18;
	font-size: 1em;
	text-decoration: underline;
}

#texte-media{
	position:absolute;
	right: 570px;
	left: 0px;
	top: 300px;
	font-family:"Verdana", Helvetica, Arial;
	font-size:10px;
	color: #381b6f; 
	text-align:justify;
	padding-left: 10px;		}
	
	
#m-espace {
	position: absolute;
	text-align: left;
	width: 800px;
	height: 260px;
	left: 0px;
	top: 421px;
	overflow: auto;
	padding-left: 0px;
	background-image: url(images/rtgl4.png);
}

#m-espace-about {
	position: absolute;
	text-align: left;
	width: 600px;
	height: 200px;
	left: 0px;
	top: 461px;
	overflow: hidden;
	padding-left: 0px;
	background-image: url(images/rtgl4.png);
}

	
#texte-main {
	color: #000000;
	font-family: Georgia, "Adobe Caslon Pro", "Charcoal CY";
	font-size: 12px;
	text-align: justify;
	padding: 5px;
	position: absolute;
	top: 415px;
	left: 5px;
	width: 590px;
	height: 250px;
	overflow: auto;
	line-height: 1.4em;
}

#texte-main h1 {
	color: #FF3F0B;
	font-weight: bold;
	padding-top: 0px;
	text-indent: 10px;
	font-size: 14px;	
}

#texte-main h2 {
	color: #FF3F0B;
	font-weight: bold;
	padding-top: 0px;
	text-indent: 10px;
	font-size: 10px;
	text-align: right;
}

#texte-main h3 {
	color: #FF3F0B;
	font-weight: bold;
	padding-top: 0px;
	font-size: 10px;
	text-align: center;
}

#texte-main p {
	color: #000000;
	padding-bottom: 5px;
}

#temoin {
	position: absolute;
	color: #000000;
	left: 30px;
	right: 20px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;	
}

#texte-main a {
	color:#C93E03;
}


.img.floatLeft { 
    float: left; 
    margin: 4px; 
}

#rtgl5 {
	position: absolute;
	width: 800px;
	height: 34px;
	left: 0px;
	top: 680px;
	overflow: auto;
	border-top: 1px outset #A3A3A3;}
	
#about {
	color: #FFFFFF;
	font: normal 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-transform: none;
	width: 640px;
	height: 15px;
	padding: 2px;
	padding top: 3px;
	position: absolute;
	margin: auto;
	top: 694px;
	left: 80px;
	overflow: auto;
	text-shadow: #000000 1px 1px;
	text-decoration:none;
}


#about a:link, {
text-decoration: none;
color: #FBFBFB;
}

#about a:visited {
text-decoration: none;
color: #FBFBFB;
}

#about a:hover {
color: #F77823;
}

#about a#selected:link, 
#about a#selected:visited, 
#about a#selected:hover {
color: #F77823;
text-decoration: none;
}

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

#about li {
	display: inline;
	margin: 0 10px 0 10px;	}
	
#myface {
	position: absolute;
	top: 80px;
	left: 620px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
	background-color: #FFFFFF;
	width: 165px;
	height: 145px;
	border: 3px solid #2B2B28;
	z-index: 1;
}

#face-logo {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 1px;

}

#myspace-logo {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 1px;
}


#infobulle {
	color: #000000;
	background-color: #ffffff;
	width: 156px;
	height: 175px;
	padding-left: 5px;
	font-family: Geneva, Helvetica, Arial sans-serif;
	font-size: 10px;
	padding-right: 5px;
	position: absolute;
	top: 236px;
	left: 620px;
	overflow: auto;
	border-style: solid;
	border-color: #F77823;
	border-width: 3px;
	z-index: 1;
}

#p0 {
	font-family: Geneva, Helvetica, Arial sans-serif;
	font-size: 10px;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
}

 #p1 {
	font-family: Geneva, Helvetica, Arial sans-serif;
	font-size: 10px;
	text-align: left;
	padding-bottom: 5px;
}

#p2 {
	font-family: Geneva, Helvetica, Arial sans-serif;
	font-size: 10px;
	text-align: right;
	padding-bottom: 5px;
}

#infobulle a {
	color:#F44C08
}


.centerdiv {
	position: absolute;
	margin-left: 0px; 
	margin-top: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	width: 300px;
	height: 300px;

	}
	
#memoires {
	list-style:	circle;
	font-size:10px;
	text-indent: 15px;
}