@charset "utf-8";
/* CSS Document */


a { color:#8ca907; text-decoration:underline;}
a:hover { color:#8ca907; text-decoration:none;}

.focus { color:#8ca907;}

body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;  background:#CAEC02 url(../images/fond.jpg) left bottom repeat-x;}

#content { background:url(../images/header.gif) no-repeat top left; padding-bottom:400px;}

#textes { background:url(../images/filet.gif) no-repeat 660px 0; padding-bottom:20px; width:900px;}

#menu { float:right; width:220px;}

#menu ul.main { background:url(../images/bgmain.gif) center repeat-x; border:1px solid #666; margin:0; padding:0 0 0 20px; height:35px;}

#menu ul.main li { float:left; list-style:none; margin-top:6px;}
#menu ul.main li a {  color:#FFF; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; padding:3px 15px;}
#menu ul.main li a:hover { text-decoration:underline;}

#menu ul.main li.home a { background:url(../images/home.gif) no-repeat left center; padding-right:55px; padding-left:20px}
#menu ul.main li.lang a { border:1px solid #FFF; border-width:0 1px;}
#menu ul.main li.lang a img { border:1px solid #000; }
#menu ul.main li.lang a:hover img { border:1px solid #FFF; }

#menu ul.lang { position:absolute; margin:7px 0 0 160px; padding:0 18px 0 0; height:20px; overflow:hidden; background:url(../images/arrow.gif) right 7px no-repeat;}
#menu ul.lang li {  list-style:none; margin:0; padding:1px; background:#222;}
#menu ul.lang  li a { }
#menu ul.lang li a img { border:1px solid #222; }
#menu ul.lang li a:hover img { border:1px solid #FFF; }


#menu #themes { border:1px solid #FFF;}
#menu #themes h2 { background:#FFF; margin:0; padding:5px 20px; font-size:16px; color:#6c7e00;}

ul.videos { margin:20px 0; padding:0;}

ul.videos li { margin:5px 0; padding:0; list-style:none;}

ul.videos li a { display:block; padding:2px 10px; color:#000; text-decoration:none; font-size:11px; line-height:12px;}
ul.videos li a:hover { background:#eaf89a;}
ul.videos li a.selected{ background:#eaf89a;}
ul.videos li a img { border:0;}
ul.videos li a img.vignette { border:2px solid #FFF; float:left; margin:0px 10px 15px 0; width:60px; height:60px;}
ul.videos li a img.pastille { display:block; margin:1px 0 2px 0;}




#menu h2 { font-size:16px; margin:0; padding:0; color:#6c7e00; font-weight:bold; padding:20px 20px 5px 20px;}

#menu ul.liste { margin:0; padding:0 20px;}
#menu ul.liste li { margin:0; padding:0; list-style:none; border-bottom:1px solid #FFF;}
#menu ul.liste li a { display:block; color:#000; text-decoration:none; padding:3px 2px;}
#menu ul.liste li a:hover { background:#eaf89a;}

#header { height:174px;}

a#accueil { display:block; height:120px; width:320px; margin:0 0 0 145px;}
a#accueil h1 { text-indent:-15000px; margin:0; padding:0;}

#block-left { float:left; width:480px; padding-left:160px;}
#block-left h1 { margin:0 0 20px 0; padding:0; font-weight:normal; font-size:26px;}

#block-left .contenu { background:#FFF no-repeat right bottom url(../images/bg-contenu.gif); padding: 20px 15px 35px 15px ; margin:0;}
#block-left .contenuAccueil { background-image:url(../images/bg-contenu-accueil.gif);}

#block-left .contenu p { margin:0 0 15px 0;}


#block-left .videoPlayer { height:360px;}

#block-left h2 { font-size:14px; margin:10px 0; padding:0;}

.conditions { margin:0;}

.conditions a { color:#000; font-weight:bold; text-decoration:none;}
.conditions a:hover { text-decoration:underline;}

.lettrine { font-size:60px; float:left; font-weight:bold; display:block; line-height:52px; margin-right:5px; color:#8ca907;}

.separe { background:url(../images/separe.gif) left center no-repeat; height:40px; clear:both; }

#submit-comment {}


#submit-comment p { margin:12px 0 6px 0;}
#submit-comment .champ {  display:block; width:260px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 0 4px 0; border:1px solid #FFF; background:#FFF;}

#submit-comment .champ-erreur { background:#F60; color:#FFF; border:1px solid #F60;}

#submit-comment .textarea { width:400px; height:160px;}

#submit-comment em { font-size:10px; font-style:normal; }

a.rss { padding:2px 0px 2px 24px; background:url(../images/rss_icon.gif) no-repeat left center; color:#000; text-decoration:underline; font-weight:bold;}
a.rss:hover { text-decoration:none;}

.commentBox { background:#FFF; padding:16px; border:1px solid #AAA; margin:0 0 10px 0; font-size:11px;}
.commentBox .comment a { color:#8ca907; text-decoration:underline;}
.commentBox .comment a:hover { color:#8ca907; text-decoration:none;}

a.piece-jointe { color:#222; display:block; margin:5px 0 0 0; padding:4px 4px 4px 22px; background:#F5F5F5 url(../images/pj.gif) 2px center no-repeat; border:1px dashed #BBB; text-decoration:none;}
a.piece-jointe:hover { background-color:#dfef7e; text-decoration:none;}

#submit-comment .div-erreur { color:#FFF; background:#F60; float:left; padding:1px 3px; font-size:12px;}

#load-comment { width:400px;}
#load-comment div { padding:10px; background:#FFF; margin-top:10px;}
#load-comment .big { font-size:12px;}

.clear { clear:both;}

.erreur { color:#F00;}

a#deleteFile { display:block; width:15px; height:15px; overflow:hidden; float:left; margin:2px 0 0 5px; background:url(../images/delete.gif) #060 no-repeat top left;}
a#deleteFile:hover { background-position:bottom left; }
a#deleteFile span { display:none;}

a.closePrev span { display:none;}
a.closePrev { display:block; width:15px; height:15px; overflow:hidden; float:right; margin:6px 0 0 0; background:url(../images/delete.gif) #060 no-repeat top left;}
a.closePrev:hover { background-position:bottom left; }

.contribOk { text-transform:uppercase; color:#4B9603; font-size:14px;}

.mini { font-size:10px;}

.table { border-top:1px solid #AAA;}
.table td { border-bottom:1px solid #AAA; padding:3px;}
.table td a { color:#000; text-decoration:none;}
.table td a:hover { color:#000; text-decoration:underline;}

.table td a strong { font-weight:normal;}


.gris { color:#888;}

.titrage { margin-bottom:10px; display:block;}

a.pdf { padding-left:30px; height:25px; line-height:25px; display:block; margin-top:10px; font-size:14px; font-weight:bold; background:url(../images/pdf.gif) no-repeat left center;}

.hidden { display:none;}


.folio { background:#FFF; padding:10px 16px; border:1px solid #AAA; margin:0 0 10px 0; font-size:11px;}

.folio a { background:#8CA907; color:#000; padding:0px 4px; text-decoration:none; margin-right:3px;}
.folio a:hover { background:#b0d119; color:#000; text-decoration:none;}

.folio .selected { background:#111; color:#FFF; padding:0px 4px; text-decoration:none; margin-right:3px; cursor:default;}
.folio .none { background:#dff47e; color:#666; padding:0px 4px; text-decoration:none; margin-right:3px; cursor:default;}

a#salon { border:0; display:block; width:380px; height:120px; position:absolute; top:10px; left:525px;}

.commentBox .reponse { padding:2px; margin:5px 0 0 0; border:1px dashed #888; color:#333; font-style:italic; }
.commentBox .reponse span.titre { background: #DDD; display:block; float:inherit; margin:0 0 2px 0; padding:2px; color:#111;font-weight:bold;}