@import url("reset.css");


/*------------------------------------------------------------------------------------------------------------------------------------*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#fff;
	font-size:75%;	/* 1em = 11px */
	background:#000;
}
a:link,a:visited{
	color:white;
}
a:hover{
	text-decoration:none;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
h1{
	text-align:center;
	margin-top:6px;
	font-size:1.2em;
}
h2{
	margin-bottom:8px;
	font-size:2em;
}
h2 img{
	vertical-align:text-top;
	margin-right:4px;
}
h3{
	text-align:center;
	margin:10px 0;
}
#page{
	width:990px;
	margin:auto;
	background:url(../img/fond.jpg) top center no-repeat;
}


.descs{
	width:300px;
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;

}

#menu{
	margin:200px auto;
	width:980px;
	margin-bottom:0px;
}
#menu li{
	float:left;
}
#menu li img:hover{
	cursor:pointer;
}

#content{
	height:266px;
	width:388px;
	border:1px solid white;
	overflow-x:auto;
	padding:12px;
	margin-top:12px;
}
#video{
	float:right;
	width:349px;
	height:292px;
	padding:12px;
	margin-left:0px;
	background:url(../img/cadre-video-gauche.gif) no-repeat;
	margin-top:12px;
}

br.spacer{
	clear:both;
	width:1px;
	height:1px;
}
#content div{
	display:none;
}
#content div.display{
	display:block;
}
#mentions_txt{
	height:20px;
	width:80%;
	border:1px solid white;
	margin-top:4px;
	margin-bottom:10px;
	overflow-x:auto;
	padding:12px;
}

form{
	margin-left:300px;
}
form label{
	width:150px;
	display:block;
	float:left;
	margin-bottom:8px;
}
form label.mentions{
	width:500px;
}
form input, form textarea{
	width:220px;
	display:block;
	float:left;
	margin-bottom:8px;
}

form input.envoyer{
	width:80px;
	text-align:center;
}
div.erreur{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}
.obligatoire{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
#boutons{
	float:left;
	width:175px;
	margin-top:12px;
}
a#inscription{
	display:block;
	width:145px;
	height:74px;
	background:url(../img/bouton-s-inscrire.jpg) no-repeat;
	text-align:center;
	padding-top:10px;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:30px;
}

a#lien_ami{
	display:block;
	width:145px;
	height:74px;
	background:url(../img/bouton-lien-ami.jpg) no-repeat;
	text-align:center;
	padding-top:20px;
	color:#FFFFFF;
	text-decoration:none;

}
.footer{
	text-align:center;
	margin-top:10px;

}