@charset "iso-8859-2";
/* CSS Document */

body { margin:0px auto; font-size:12px; color:#ffffff; background:#000000; font-family:Arial, Helvetica, sans-serif}
.clearer {overflow:hidden; width:100%;}
a img { border:none;}

div#maincontent { width:976px; margin:0 auto;}

/* --- Left ------------------------------*/
div#maincontentLeft {background:url(images/bgContent.gif) left top repeat-y; margin:50px 0 0 0; width:689px; float:left; }
div#maincontentLeft div#contentLeft{width:689px; background:url(images/bgTopcontent.gif) left top no-repeat;  height:543px; }
div#contentLeft h1#nextevent { background:url(images/title_nextevent.gif) left top no-repeat; width:687px; height:48px; margin:0px; text-indent:-9999px;}

div#contentLeft div#content {padding:0 20px 20px 30px; width:639px; height:474px;}


/*--next event*/
div#contentLeft div#content div#nexteventContent { background:url(images/BG_nextevent.jpg) left bottom no-repeat; height:405px; padding:35px 0 0 25px; width:614px;}
div#nexteventContent img { border:5px solid #FFFFFF; float:left; margin: 0 10px 0 0;}
div#nexteventContent h3 { color:#e2007a; font-size:26px; font-weight:normal; margin:0px 0 7px 0; padding:0px; line-height:25px;}
div#nexteventContent h4 { color:#ffffff; font-size:16px; font-weight:normal; margin:0px; padding:0px; line-height:18px;}
div#nexteventContent p { width: 150px; float:left; margin:42px 0 0 0; font-size:11px;}
div#nexteventContent p strong{ font-size:12px; font-weight:bold; margin:2px 0 0 0;}

/*-- photos*/
div#contentLeft div#content div#galerieContent { height:460px; width:605px;padding:10px 0 0 30px;}
div#galerieContent h2 { font-size:18px; color:#FFFFFF; background:url(images/bulleth2.gif) left 8px no-repeat; padding:0 0 0 20px; margin:0; font-weight:normal;}
div#galerieContent h3 { font-size:11px; font-weight:normal; color:#e2007a; padding:0 0 0 20px; margin:0px; }
div#galerieContent div#galerie{width:605px;height:430px;}
div#galerieContent div#galerie img {margin:4px;}

div#pagination a{ font-size:11px; color:#fff; text-decoration:none;}
div#pagination a:hover{ font-size:11px; color:#e2007a;}
div#pagination a.select {color:#e2007a; font-weight:bold;}

/*-- FantomasTV*/
div#galerieContent div#video{width:605px;height:430px; overflow:auto; scrollbar-face-color:#e2007a;}
div#video div.itemVideo { width:152px; float:left; margin:20px 40px 0px 0; }
div#video div.itemVideo h4 {color:#e2007a; font-size:14px; font-weight:normal; margin:0px 0 10px 0 ; padding:0px;}
div#video div.itemVideo img { border:2px solid #bfbfbf;}
div#video div.itemVideo a.play { background:url(images/play.gif) left top no-repeat; text-indent:-9999px; width:152px; height:51px; display:block; margin:5px 0;}
div#galerieContent div#videofull{width:605px;height:430px;text-align:center}
div#contentLeft div#content div#galerieContentTV { height:460px; width:605px;padding:10px 0 0 10px;}
/*--devenez membre*/
div#contentLeft div#content div#membreContent { height:460px; padding:10px 0 0 25px; width:614px; margin:0px;}
div#membreContent h2 { font-size:18px; color:#FFFFFF; background:url(images/bulleth2.gif) left 5px no-repeat; padding:0 0 0 20px; margin:0px; font-weight:normal; line-height:18px;}
div#membreContent div#membreLeft {height:440px; width:312px; margin:0 10px 0 0; float:left; padding:0px;}
div#membreContent form { margin:0px; padding:0px;}

div#membreContent div#membreRight {height:440px; width:270px; float:left; padding:0px; margin:0px; }
/*form*/
p.formItem { margin:5px 0 2px 0;}
p.formItem label{ color:#ffffff; font-style:italic; width:270px; display:block; font-size:12px; margin:0; padding:0px;}
p.formItem label span { font-weight:normal; font-style:normal;}
p.formItem input.inputText{ width:270px; height:18px; border:1px solid #b0b0b0;}
p.formItem TEXTAREA.inputTextarea { height:85px;width:270px; border:1px solid #b0b0b0;}
a.btnEnvoyer { display:block; width:118px; height:32px; margin:10px 15px 0 0; float:left;}
a.btnReset { display:block; width:118px; height:32px; margin:10px 0px 0 0; float:left;}

p.formItem2 { margin:5px 0 2px 0;}
p.formItem2 label{ color:#ffffff; font-style:italic; width:210px; display:block; font-size:12px; margin:0; padding:0px; float:left}
p.formItem2 input.inputText{ width:210px; height:18px; border:1px solid #b0b0b0;float:left}
p.formItem2 label.pt{ color:#ffffff; font-style:italic; width:50px; display:block; font-size:12px; margin:0 0 0 9px; padding:0px;float:left}
p.formItem2 input.inputTextPT{ width:50px; height:18px; border:1px solid #b0b0b0;float:left; margin:0 0 0 9px;}

p.formItem3 { margin:5px 0 2px 0;}
p.formItem3 label{ color:#ffffff; font-style:italic; width:80px; display:block; font-size:12px; margin:0; padding:0px; float:left}
p.formItem3 input.inputText{ width:80px; height:18px; border:1px solid #b0b0b0;float:left}
p.formItem3 label.pt{ color:#ffffff; font-style:italic; width:180px; display:block; font-size:12px; margin:0 0 0 9px; padding:0px;float:left}
p.formItem3 input.inputTextPT{ width:180px; height:18px; border:1px solid #b0b0b0;float:left; margin:0 0 0 9px;}

a.btnEnvoyerContact { display:block; width:118px; height:32px; margin:10px 40px 0 0px; float:right; padding:0px;}

div#membreRight p.formItem span.checkbox { width:120px; float:left; display:block;}
div#membreRight p.formItem { margin:5px 0 2px 0;}

div#contactRight { width:150px; margin:10px 0 0 50px; float:left;}
div#contactRight h4 {color:#e2007a; font-weight:bold; font-size:12px; margin:10px 0 0 0;}
div#contactRight p { margin:0px; padding:0px;}
div#contactRight p a { color:#fff; text-decoration:underline;}
div#contactRight p a:hover { color:#fff; text-decoration:none;}

/*-- partenaires*/
div#galerieContent div#partenairesPage {width:605px;height:415px; margin:25px 0 0 0;}

/* --- Right ------------------------*/
div#contentRight{ background:url(images/bgRight.gif) right top repeat-y; width:287px; float:left; height:593px;}

div#contentRight ul#nav{padding:0px; margin:25px 35px 30px 17px;}
ul#nav li{ margin:0px; list-style:none;}
ul#nav li a {color:#FFFFFF; font-size:14px; text-transform:uppercase; text-decoration:none;border-bottom:1px solid #FFFFFF; text-align:right;  height:34px; line-height:34px; width:227px; padding:0 8px 0 0; display:block;}
ul#nav li a span { color:#000000;}
ul#nav li a:hover {color:#e2007a; font-size:24px; text-transform:uppercase; text-decoration:none; background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; text-align:right;  height:34px; line-height:34px; width:227px; padding:0 8px 0 0; display:block;}
ul#nav li a#select {color:#e2007a; font-size:24px; text-transform:uppercase; text-decoration:none; background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; text-align:right;  height:34px; line-height:34px; width:227px; padding:0 8px 0 0; display:block;}
ul#nav li a.nouvelan { font-size:24px; }

div#contentRight p { margin:5px 45px 0 17px; font-size:11px;}

/*subNavHome*/
div#subNavHome ul{ margin:100px 0px 0 20px; padding:0px; width:227px; height:190px; overflow:auto;}
div#subNavHome ul li{ list-style:none; margin:0px;  border-bottom:1px dotted #ffffff;}
div#subNavHome ul li a{ color:#FFFFFF; text-decoration:none; padding:0 0 0 20px; background:url(images/bullet_subnav.gif) 5px 8px no-repeat; height:20px;  line-height:20px; display:block;}
div#subNavHome ul li a:hover{ color:#e2007a; text-decoration:none; padding:0 0 0 20px; fo-nt-weight:bold; background:#FFFFFF url(images/bullet_subnavBlc.gif) 5px 8px no-repeat; }
div#subNavHome ul li a.select{ color:#e2007a; text-decoration:none; padding:0 0 0 20px; fo-nt-weight:bold; background:#FFFFFF url(images/bullet_subnavBlc.gif) 5px 8px no-repeat; }

div#subNavHome ul li.titleSSnav { background:none; background-color:#FFFFFF; font-size:14px; color:#e2007a; text-transform:uppercase; height:23px; line-height:23px; padding:0 0 0 5px; border-bottom:2px solid #e2007a;}

/*subNavGalerie*/
div#subNavGalerie ul{ margin:100px 0px 0 20px; padding:0px; width:227px; height:190px; overflow:auto;}
div#subNavGalerie ul li{ list-style:none; margin:0px;  border-bottom:1px dotted #ffffff;}
div#subNavGalerie ul li a{ color:#FFFFFF; text-decoration:none; padding:0 0 0 20px; background:url(images/bullet_subnav.gif) 5px 8px no-repeat; height:20px;  line-height:20px; display:block;}
div#subNavGalerie ul li a:hover{ color:#e2007a; text-decoration:none; padding:0 0 0 20px; fo-nt-weight:bold; background:#FFFFFF url(images/bullet_subnavBlc.gif) 5px 8px no-repeat; }
div#subNavGalerie ul li a.select{ color:#e2007a; text-decoration:none; padding:0 0 0 20px; fo-nt-weight:bold; background:#FFFFFF url(images/bullet_subnavBlc.gif) 5px 8px no-repeat; }

div#subNavGalerie ul li.titleSSnav { background:none; background-color:#FFFFFF; font-size:14px; color:#e2007a; text-transform:uppercase; height:23px; line-height:23px; padding:0 0 0 5px;}

/*-------- TRAILER ------------*/
div#headerTrailer {width:884px; margin:0 auto; border-bottom:1px solid #666666; height:119px;}
div#headerTrailer img.fantomasTV { margin:0 0 0 417px;}

div#contentTrailer {width:884px; margin:25px auto; text-align:center;}
div#contentTrailer h1 { font-size:22px; font-weight:normal; color:#fff;}
div#contentTrailer a.enter { background:url(images/enter.jpg) left top no-repeat; display:block; width:197px; height:32px; margin:25px auto;}

div#footerTrailer {width:884px; margin:0px auto 0px auto;  height:40px; text-align:center;}
div#footerTrailer div#spada {color:#7b7b7b;text-align:center;}
div#footerTrailer div#spada a {color:#7b7b7b; text-decoration:none;}
div#footerTrailer div#spada a:hover { text-decoration:underline;}


/* --- Bottom -------------------------*/
div#bottom {width:966px; margin:0px auto 0px auto; background: url(images/bottom.gif) left top no-repeat; height:90px; padding:15px 0px 0 10px;}

div#bottom div#partenaires { text-align:left; width:679px; float:left;}
div#bottom div#partenaires a { margin:0 7px 0 0;}

div#bottom div#bottomRight { width:270px; color:#000000; float:left; margin:10px 17px 0 0px; height:90px;}
div#bottomRight a.facebook { display:block; background:url(images/facebook.gif) 30px top no-repeat; height:34px; padding:0 0 0 60px; line-height:30px; color:#fff; text-decoration:none; font-size:12px; width:54px; float:left; margin:0 0 0 0px;}

div#bottomRight iframe.likeFacebook { display:block; height:34px; padding:0 0 0 0px; line-height:30px; color:#fff; text-decoration:none; font-size:12px; width:54px; float:left; margin:0 0 0 0px;}

div#bottomRight a.contact { display:block; background: url(images/contact.gif) left top no-repeat; height:34px; padding:0 0 0 33px; line-height:30px; color:#fff; text-decoration:none; font-size:12px; width:62px; float:left; }
div#bottomRight a.ea { marg-in:10px 0 0 0; display:block; background:url(images/ea.gif) left 5px no-repeat; text-indent:-9999px; width:270px; height:32px; float:left; color:#000000;}

div#bottomRight img.borderBottom { float:left; margin: 0 23px 0 23px;}

/* --- footer ---------------------*/
div#footer {width:976px; margin:0px auto 0px auto;  height:40px; text-align:center;}
div#footer div#spada { text-align:right; color:#7b7b7b; width:270px; float:right; margin:0px 18px 0 0;}
div#footer div#spada a {color:#7b7b7b; text-decoration:none;}
div#footer div#spada a:hover { text-decoration:underline;}

div#frame {margin:0 auto;text-align:center;width:976px;}
.required { background:#f59090;}