body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	color: #FFF;
	background:url(../images/bg.jpg) #000 top center no-repeat;
}

/* CLASS */

p { margin:0px; text-align:justify; }
img { border: 0; }
a { color:#999; text-decoration:none; }
a { color:#555; text-decoration:underline; }

h1, h2, h3 { font-size: 16px; color:#999; font-weight:bold; margin:0 0 8px; }
h1 span, h2 span, h3 span { font-size: 12px; color:#999; margin:0; }

.left { float:left; margin:0 10px 0; }
.right { float:right; padding:10px 0 10px 10px; }
.both { clear:both; line-height:1px; }

/* COMMUN */
#main { width: 970px; margin: 0 auto; position:relative; }

#menu { margin: 0; padding: 0; float:right; width: 550px; font-size:12px; }
#menu ul { margin:0; }
#menu li { float: left;  margin-right: 2px; text-transform: uppercase; list-style: none; font-weight:bold; }
#menu li a { padding: 0 10px; text-decoration: none; height:32px; display: table-cell; text-align:center; vertical-align:middle; color:#FFF; }
#menu li a.active { background: #999; color:#000; }
#menu li a:hover { background: #555; color:#000; }

a.active { background: #999; color:#000; border:1px solid #999; padding:5px; }
a.active:hover { background: #555; border:1px solid #555; }

#coordonnees { border-left:#FFF 1px solid; width:180px; height:200px; padding:10px; float:left; margin-bottom:20px; }

#logo { background: url(../images/logo.png) no-repeat; margin-left:20px;}
#logo a { width: 310px; height:64px; display:block; }

#footer { clear:both; border-top: 1px #333 solid; color:#666; text-align:center; }
#footer a { color:#666; }

.video { padding-left:20px; float:left; width: 155px; margin-top:0; font-size:11px; }
.video li { list-style: circle url(../images/list.gif); line-height:21px; }
.video a { color:#FFF; text-decoration:none; }
.video a:hover { color:#555; text-decoration:underline; }

#apercuVideo {
	width:565px;
	height:350px;
	float:left;
	margin:40px 10px 0 10px;
}

/* INTRO */
#header  {
	text-align:center;
	margin-top:50px;
}


/* ACCUEIL */ 
#header-accueil { 
	background:url(../images/bg-accueil.jpg) no-repeat center #000; 
	margin: 30px 0 0 0;
	height: 406px;
	clear:both;
	z-index:10;
	position:relative;
}

#header-accueil h1 { padding:280px 500px 0 30px; }
#header-accueil p { padding:0 500px 0 30px; }


/* CONTACT */
input { width:280px; margin-bottom:10px; }
input#sujet { width:568px; }
textarea{ width:568px; margin-bottom:10px;}
button { float:right; margin: 0 10px 20px 0; background: #999; color:#000; border:1px solid #999; width:100px; height:35px; font-size:12px; cursor:pointer; }
button:hover { background: #555; border:1px solid #555; }