/* Document CSS */

body {
	font-family:verdana;
	color:#FFFFCC;
	background-color:#000000;
	background-repeat:no-repeat;
	text-align:center;
	background-image:url(img/bordure.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#page {
	width:1000px;
    margin-left: auto;
    margin-right: auto;
}


#header {
	width:1000px;
	text-align:center;
}

#drapeau {
	bottom:0px;
	left:0px;
	border:none;
	background-color:#000000;
	color:#FFFFCC;
	text-decoration:none;
}

#drapeau:hover {
	background-color:#FFFFCC;
	color:#000000;
}

#menu {
	text-align:center;
	height:20px;
	width:800px;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/menu.jpg);
	background-color:#666666;
	}

#menu li {
	display:inline;
	padding:10px;
	padding-top:0px;
	padding-bottom:3px;
	border-right:2px solid;
	border-left:2px solid;
	border-color:transparent;
}

#menu li:hover {
	border-right:2px solid;
	border-left:2px solid;
	border-color:#996633;
	background-image:url(img/menu_hover.jpg);
}

#menu li a {
	text-decoration:none;
	color:#FFFFCC;
	font-weight:100;
	font-size:16px;
}

#menu li a:hover {

}

h1 {
	margin-top:40px;
	font-size:40px;
	text-align:center;
	margin-bottom:15px;
	line-height:40px;
	letter-spacing:6px;
	font-family:georgia;
}

h1 a {
	text-decoration:none;
	color:#996633;
}

h2 {
	font-size:20px;
	font-weight:100;
	line-height:25px;
	margin-top:0px;
	text-align:center;
	letter-spacing:3px;
	color:#996633;
}

h2 a {
	text-decoration:none;
	color:#666666;
}

h3 {
	text-align:center;
	color:#996633;
	letter-spacing:3px;
	font-weight:100;
	text-indent:0px;
}

h4 {

}

.contenu {
	width:800px;
	height:40%;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	text-indent:20px;
	text-align:justify;
	line-height:25px;
}

.contenu ul {
	text-align:center;
	list-style:none;
}

.contenu_p {
	width:700px;
	margin-left:60px;
	height:40%;
	overflow:auto;
	text-indent:20px;
	text-align:center;
	padding-right:20px;
	line-height:25px;
}

.contenu_p table {
	margin:auto;
	width:90%;
	border-spacing:15px;
}

.contenu_p table td {
	width:30%;
}

.contenu_p table a{
	color:#FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #993300;
	text-decoration:none;
}

.contenu_p table a:hover {
	background-color:#FFFFCC;
	color:#000000;
	text-decoration:none;
}

.contenu a,.contenu_p a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996633;
	text-decoration:none;
	color:#FFFFCC;
}

.contenu a:visited ,.contenu_p a:visited{
	color:#FFFFCC;
}

.contenu a:hover ,.contenu_p a:hover{
	border-bottom-width:0px;
	background-image:url(img/menu_hover.jpg);
	color:#FFFFCC;
	text-decoration:none;
}

#footer {
	background-image:url(img/footer.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

#menu_b {
	width:900px;
}

#menu_b li {
	display:inline;
	margin-left:20px;
	text-decoration:none;
	color:#FFFFCC;
	font-weight:100;
	font-size:16px;
}

#menu_b li a {
	text-decoration:none;
	color:#FFFFCC;
	font-size:16px;
}

#menu_b li a:hover {
	background-color:#FFFFCC;
	color:#000000;
}

.article {
	float:right;
	padding:20px 20px 20px 20px;
	border:none;
}

.image_g {
	float:left;
	padding:20px 20px 20px 20px;
	border:none;	
}

.image_d{
	text-align:right;
	float:right;
	padding:20px 20px 20px 20px;
	border:none;	
}

.menu_droit {
	background-color:#666666;
	background-repeat:no-repeat;
	border:2px solid;
	width:200px;
	height:30px;
	font-size:25px;
	text-align:center;
	text-indent:0px;
	vertical-align:middle;
	margin-left:auto;
	padding-top:3px;
	padding-bottom:2px;
}

.menu_droit:hover {
	background-color:#000000;
	
}

.menu_droit a {
	padding:0px 40px 0px 40px;
	border:none;
}

.menu_droit a:hover {
	background-color:#000000;
	text-decoration:none;
	color:#FFFFCC;
}

.menu_droit:hover {
	/*background-image:url(img/btn_ecouter_down.jpg);*/
}

.menu_gauche {
	background-color:#666666;
	background-repeat:no-repeat;
	border:2px solid;
	width:200px;
	height:30px;
	font-size:25px;
	text-align:center;
	text-indent:0px;
	margin-left:180px;
	vertical-align:middle;
	padding-top:3px;
	padding-bottom:2px;
}

.menu_gauche a {
	padding:0px 40px 0px 40px;
	border:none;
}

.menu_gauche a:hover {
	background-color:#000000;
	background-image:none;
	text-decoration:none;
	color:#FFFFCC;
}

.menu_gauche:hover {
	background-color:#000000;
}

.formulaire {
	float:left;
	padding:20px 20px 0px 20px;
	text-align:left;
	border:2px solid;
	border-color:#FFFFCC;
	text-indent:0px;
	height:490px;
}

.lettrine {
	text-indent:0px;
}

.lettrine:first-letter {
	font-size:500%;
	float:left;
	margin-left: 0px;
	margin-right:10px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	line-height:53px;
	color:#996633;
}

.legende_video {
	text-align:center;
	margin-top:0px;
}

/* texte de l'affiche */
.texte {
	font-weight:bolder;
	color:#FFFFCC;
	width:430px;
	padding-top:212px;
	margin-left:305px;
	margin-right:50px;
	text-transform:uppercase;
	letter-spacing:3px;
}

.paragraphe1 {
	color:black;
}
.logo-g {
	height:84px;
	text-decoration:none;
	float:left;
	margin-left:55px;
}

.logo-d {
	height:84px;
	text-decoration:none;
	float:right;
	margin-right:540px;
}