html {
	background: #4C4C4C;
}

#css_civilite {
	width: 15px;

}

#flash_intro {
	top: 50%;
	left: 50%;
	text-align: center;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 410px;
	margin-top: -205px; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
	font-weight: bold;
}

input {
	font-family: "Eurostile", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 90%;
	background-color: #666666;
	color: #33CCFF;
	cursor: pointer;

}

textarea {
	font-family: "Eurostile", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 90%;
	background-color: #666666;
	color: #33CCFF;
	cursor: pointer;

}

hr {
	width: 100%;
	color: #33CCFF;
	height: 1px;

}

body {
	margin: 0;
	padding:0;
	font-family: "Eurostile", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background-color: #4C4C4C;

}

a:link, a:visited {	color: #999999; text-decoration: none; }

a:active, a:hover { color: #33CCFF; text-decoration: underline; }

#conteneur {
	width: 940px;
	margin: auto;
	background-color: #313131;

}

#banniere {
	width: 940px;
	height: 226px;
	background: url(images/banniere.jpg) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;

}

#flash_logo {
	position: absolute;
	left: 2px;
	top: -12px;

}

#contenu {
	margin: 0;
	padding: 0;
	background-color: #4C4C4C;
	
}

#contenu_gauche {
	float:left;
	width: 233px;
	min-height: 440px;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #313131;

}

#menu {
	float: left;
	width: 233px;
	height: 200px;
	margin: 0;
	padding: 10px 0 0 0;
}

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

#menu li a {
	display: block;
	width: 145px;
	height: 27px;
	color: #fff;
	background: url(images/menu_off.jpg) no-repeat;
	font-family: "Eurostile";
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 6px 0 0 45px;
	font-weight: bolder;
	
}

#menu li a:hover, #menu li .current {
	background: url(images/menu_on.jpg) no-repeat;
	color: #33CCFF;
	text-decoration: none;
	
}

#sound {
	float: right;
	width: 180px;
	height: 200px;
	margin: 0;
	padding: 10px 0 0 0;
	position: absolute;
	left: 17px;
	top: 260px;
}

#sound p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:	12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	
}

#sound h1 {
	font-family: "Eurostile", Geneva, Arial, Helvetica, sans-serif;
	font-size:	18px;
	color: #33CCFF;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	
}
#contenu_droit {
	float: right;
	width: 707px;
	margin: 0;
	padding: 0;
	
}

#contenu_droit_bas {
	float: right;
	width: 707px;
	margin: 0;
	padding: 0;
	background-color: #4C4C4C;
	
}

#contenu_droit_haut {

	width: 682px;
	background: url(images/droit_haut.jpg) top no-repeat;
	margin: 0;
	padding: 33px 0px 0px 25px;
	
}

#contenu_droit_haut .corps_page {
	width: 550px;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	
}
.corps_page_galerie {
	width: 707px;
	margin: 0;
	padding: 15px 0 0 0;
	
}

.corps_page_galerie h1 {
	
	font-family: "Eurostile", Geneva, Arial, Helvetica, sans-serif;
	font-size:	20px;
	color: #33CCFF;
	margin: 0 0 10px 0;
	padding: 0;
	
}

.corps_page_galerie p {
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:	12px;
	text-align: justify;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 0;
	
}

.corps_page ul {

	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:	12px;
	
}

#tableau_contact {
	width: 650px;
	height: 340px;
	
}

.corps_page h1 {
	
	font-family: "Eurostile", Geneva, Arial, Helvetica, sans-serif;
	font-size:	20px;
	color: #33CCFF;
	margin: 0 0 10px 0;
	padding: 0;
	
}

.corps_page p {
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:	12px;
	text-align: justify;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 0 50px 0 0;
	
}
.corps_page h2 {
	
	font-family: "Eurostile", Tahoma;
	font-size:	15px;
	color: #33CCFF;
	margin: 0 0 10px 0;
	padding: 0;
	
}

#img_deco {
	position: absolute;
	left: 521px;
	top: 191px;
	width: 160px;
	height: 216px;
	background-image: url(images/img_deco.jpg);
}

.bouton_radio_gris {
	
	background-color: #4C4C4C;
	
}

* html {

	margin-top: -26px;
}

.etoile {
	color: #33CCFF;
	font-style: italic;
}

#footer {
	text-align: center;
	color: #fff;
	background-color: #444444;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 25px;
	vertical-align: middle;
	padding: 1px 0 7px 0;

}

#footer a {
	
	color: #fff;
	text-decoration: none;

}

#footer a:hover {
	
	color: #33CCFF;
	text-decoration: underline;

}

.clear {
	
	clear: both;
	height: 0px;
	
}