@charset "utf-8";
/* CSS Document */
/*--------Normalisation------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin : 0;padding : 0;}
ol, ul {list-style : none;}
address, caption, cite, code, dfn, em, th, var {font-style : normal;font-weight : normal;}
table {border-collapse : collapse;border-spacing : 0;}
fieldset, img {border : 0;}
/*--------/Normalisation------------*/

.spacer{ clear:both;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}

body { background:#000; font-family:"Courier New", Courier, monospace; color:#f3f3f3; padding:0; margin:0; font-size:11px;}

#global { width:1000px; margin:0 auto; }

#header {float:left; display:inline; width:1000px; height:160px; border-bottom:1px dotted #e2e2e2; background:url(img/header.jpg) no-repeat;}

#site-title { width:170px; float:left; display:inline;margin:137px 0 0 20px;}
#site-title h1 {font-size:1.8em;}
#site-title h1 a {text-decoration:none; color:#e2e2e2; text-transform:uppercase; }
#site-title h1 a:hover {background:#000;}

/*---main menu---*/
#main-menu{float:left; display:inline;margin:123px 0 0 20px; width:760px; }
#main-menu ul {}
#main-menu li {float:left; display:block; padding:0 10px; background:url(img/menu-sep.gif) no-repeat; white-space: nowrap;}
#main-menu li a{ text-decoration:none; color:#e2e2e2; font-size:1.4em;  text-transform:uppercase;}
#main-menu li a:hover{ background:#000;}

/*---Home---*/
#menu-home{ margin-top:20px}
#menu-home ul{ list-style-type:none;}
#menu-home li{ float:left; display:inline; width:480px; margin-bottom:40px;}
#menu-home li img{ float:left; display:inline; border:1px solid #e2e2e2;}
#menu-home li p{ float:left; display:inline; margin: 40px 0 0 20px; }
#menu-home li a {font-size:1.2em;text-decoration:none;color:#e2e2e2;text-transform:uppercase;}

/*---contenu---*/
#content{float:left; display:inline; margin:20px 0 0 20px; width:960px;}

#movie{ float:left; display:inline; width:980px; margin-bottom:20px;}
#movie h1{ font-size:1.8em; text-decoration:none; color:#e2e2e2; text-transform:uppercase; font-weight:bold; padding-bottom:20px; }
#movie h1 span{ font-size:0.8em; color:#FFF;}

#video{width:635px; float:left; margin-bottom:10px;}

.texte{ font-family:Arial, Helvetica, sans-serif; width:600px; float:left; display:inline; text-align:justify; font-size:1.1em;}
.texte h2 { margin:10px 0; font-size:1.4em; text-transform:uppercase;}
.texte h3 { margin:5px 0; color:#ccc;}
.texte ul{ margin-top:10px;}
.texte li { margin-bottom:10px;}
.texte li strong { font-size:1.2em;}
.texte p{ padding:10px 0; }
.texte a {text-decoration:underline; color:#fff;}

.autre{width:310px; margin-left:10px;}

.image-article-droite{ float:right; display:inline; margin:40px 0 10px 0px;}

#footer {float:left; display:inline; width:1000px; border-top:1px dotted #e2e2e2; }
#contact{ float:right; display:inline; margin-right:20px }
#contact a {font-size:1.8em; text-decoration:none; color:#e2e2e2; text-transform:uppercase; font-weight:bold;}