/* ///////////////////////////////////////////////////////// mise en page commune ////////////////////////////////////////////////////////////////////// */
* { margin:0; padding:0; outline:none; }

body { background: #fff url('images/body.gif'); text-align:justify; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; font-smooth:never; background-attachment:fixed}

h1 { text-indent:-10000px; height:106px; }

h1 a { display:block; width:370px; height:80px; position:relative; top:20px; left:450px;  }

a { text-decoration:none;}

#page { width:1001px; margin:0 auto; clear:both; }

#entete { width:999px; height:181px; border:1px solid #858585; clear:both; background:#fff url('images/bandeau.gif') no-repeat; margin:0 0 20px 0 }

#menu { width:860px; clear:both; list-style:none; padding:0 0 0 139px; height:30px; }

#menu li { float:left; width:85px; height:30px; padding:0 0 0 1px; font-smooth:always; }

#menu li a { width:85px; height:22px; display:block; text-align:center; text-decoration:none; padding:8px 0 0 0; background-position:top; background-repeat:no-repeat; }

#menu li a:hover { background-position:bottom; }

.a1 { background: transparent url('images/menu.gif'); color:#fff; }

.a1:hover { color:#800000; }

.a2 { background-image:url('images/menu2.gif'); color:#800000; }

.a2:hover { color:#fff; }

#contenu { width:999px; border:1px solid #858585; clear:both; background:#fff; padding:0 0 10px 0 }

/*#contenu a { color:#000}*/

#contenu p { padding:0 0 15px 0; line-height:15px; _line-height:14px; }

.overflow { overflow:auto; height:930px; }

.padding10 { padding:10px 10px 0 10px; _padding:5px 10px 0 10px; clear:both; }

/*.padding10 img { padding:0 10px 5px 0; float:left; }*/

.artiste { text-transform:uppercase; color:#800000 }

.a_artiste { text-transform:uppercase; color:#800000 }

.a_artiste:hover { color:#fff; background:#800000}

#chronique .a_artiste:hover { color:#fff; background:#800000}

.rouge { color:#800000 }

.titre { }

.crochets { color:#787878; }

#barre { clear:both; border-bottom:1px solid #858585; height:20px; text-align:right; color:#787878 }

#barre a { color:#787878 }

.barre { clear:both; border-bottom:1px solid #858585; height:1px; text-align:right; color:#787878; margin:0 0 10px 0 }

.barre a { color:#787878 }

#design { color:#787878; text-align:center; padding:10px 0 0 0 }

#design a { color:#787878;}

.both { clear:both; }

#recherche { clear:both; padding:0 10px 0 0; margin:0 0 0 0; text-align: right; height:45px;}

#recherche div {clear:both; padding:0 0 3px 0}

#banniere { border:1px solid #000; margin:0 0 0 50px; float:left}

#bannierehaut { border-bottom:1px solid #858585; clear:both; float:none;}

#bannierebas { border:1px solid #000; margin:0 0 0 50px; float:left}

.label_recherche {}

.input_recherche { width:150px; height:14px; color:#000; font:normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666; }

.select_recherche { width:179px; height:18px; color:#000; font:normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666; }

.a_recherche { border: 1px solid #666; padding:0 2px 1px 2px; color:#000}

.a_recherche:hover { background:#800000; color:#fff;}

.a_tous {  color:#000; padding:0 2px 1px 2px;}

.a_tous:hover { background:#800000; color:#fff; }

#alpha { clear:both; padding:0;  text-align: center; border-bottom:1px dashed #ccc; margin:0 0 10px 0}

.label_recherche {}

.select_alpha { width:60px; height:18px; color:#000; font:normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666; }

#alpha div {clear:both; padding:0 0 3px 0}

.center { text-align:center}

.moitie { width:50%; float:left; }

.separation { clear:both; float:none}

.separation div { border-bottom:1px dashed #858585}

.bannieres { width:499px; float:left; text-align:center; margin:10px 0 0 0}

.bannieres a { cursor:pointer}

/* ///////////////////////////////////////////////////////// fin mise en page commune ////////////////////////////////////////////////////////////////////// */



/* ///////////////////////////////////////////////////////// mise en page main ////////////////////////////////////////////////////////////////////// */

#gauche { width:650px; padding:50px 0 0 50px; float:left; }

#gauche2 { width:550px; padding:50px 0 0 50px; float:left; }

#droite { width:200px; padding:50px 0 0 50px; float: left}

#droite2 { width:300px; padding:50px 0 0 50px; float: left}

.gauche { width:650px; padding:50px 0 0 50px; float:left; }

.gauche2 { width:550px; padding:50px 0 0 50px; float:left; }

.droite { width:200px; padding:50px 0 0 50px; float: left}

.droite2 { width:300px; padding:50px 0 0 50px; float: left}

#edito { width:200px; height:970px; clear:both; }

#edito h2 { width:200px; height:30px; clear:both; background: transparent url('images/edito.gif') no-repeat; text-indent:-10000px; padding:0 0 15px 0 }

.rubrique { width:298px; height:205px; border:1px solid #858585; float:left; text-align:left }

.rubrique h2 { width: 298px; height:20px; text-indent:-10000px; }

.rubrique h2 a { width: 298px; height:20px; display:block; }

.r1 { background: transparent url('images/fond-focus.jpg') no-repeat 0 20px; margin:0 0 50px 0; }

.r1 h2 { background: transparent url('images/titre-focus.gif') no-repeat; }

.r2 { background: transparent url('images/fond-musique.jpg') no-repeat 0 20px; margin:0 0 50px 50px; }

.r2 h2 { background: transparent url('images/titre-musique.gif') no-repeat; }

.r3 { background: transparent url('images/fond-litterature.jpg') no-repeat 0 20px;  margin:0 0 50px 0;}

.r3 h2 { background: transparent url('images/titre-litterature.gif') no-repeat; }

.r4 { background: transparent url('images/fond-cinema.jpg') no-repeat 0 20px;  margin:0 0 50px 50px;}

.r4 h2 { background: transparent url('images/titre-cinema.gif') no-repeat; }

.r5 { background: transparent url('images/fond-interview.jpg') no-repeat 0 20px; margin:0 0 50px 0; }

.r5 h2 { background: transparent url('images/titre-interview.gif') no-repeat; }

.r6 { background: transparent url('images/fond-live-report.jpg') no-repeat 0 20px; margin:0 0 50px 50px; }

.r6 h2 { background: transparent url('images/titre-live-report.gif') no-repeat; }

.r7 { background: transparent url('images/fond-sorties.jpg') no-repeat 0 20px; margin:0 0 50px 0; }

.r7 h2 { background: transparent url('images/titre-sorties.gif') no-repeat; }

.r8 { background: transparent url('images/fond-immanquable.jpg') no-repeat 0 20px; margin:0 0 50px 50px; }

.r8 h2 { background: transparent url('images/titre-immanquable.gif') no-repeat; }

.image_focus { float:left; margin:0 10px 0 0; border:1px solid #999}

/* ///////////////////////////////////////////////////////// fin mise en page main ////////////////////////////////////////////////////////////////////// */



/* ///////////////////////////////////////////////////////// mise en page rubrique ////////////////////////////////////////////////////////////////////// */

.titrerubrique { width:999px; height:35px; clear:both; text-indent:-10000px; margin:55px 0 0 0; }

.t2 { background: transparent url('images/titre-rubrique-musique.gif') no-repeat; }

.t3 { background: transparent url('images/titre-rubrique-litterature.gif') no-repeat; }

.t4 { background: transparent url('images/titre-rubrique-cinema.gif') no-repeat; }

.t5 { background: transparent url('images/titre-rubrique-interviews.gif') no-repeat; }

.t6 { background: transparent url('images/titre-rubrique-live-report.gif') no-repeat; }

.t7 { background: transparent url('images/titre-rubrique-expos-sorties.gif') no-repeat; }

.t8 { background: transparent url('images/titre-rubrique-immanquable.gif') no-repeat; }

.t9 { background: transparent url('images/titre-rubrique-contact.gif') no-repeat; }

.t10 { background: transparent url('images/titre-rubrique-liens.gif') no-repeat; }

.t11 { background: transparent url('images/titre-rubrique-focus.gif') no-repeat; }

.t12 { background: transparent url('images/titre-rubrique-recherche.gif') no-repeat; }

.t13 { background: transparent url('images/titre-rubrique-toutes-chroniques.gif') no-repeat; }

.t404 { background: transparent url('images/titre-rubrique-404.gif') no-repeat; }

#chronique { width:550px; min-height:300px; _height:300px; clear:both;  }

#chronique a { color:#800000 }

#focus { width:298px; height:205px; border:1px solid #858585;  clear:both; background: transparent url('images/fond-focus.jpg') no-repeat 0 20px; margin:0 0 50px 0 }

#focus h2 { width: 298px; height:20px; text-indent:-10000px; background: transparent url('images/titre-focus.gif') no-repeat; }

#focus h2 a { width: 298px; height:20px; display:block; }

#dernieres_chroniques { width:550px; min-height:200px; _height:200px;  clear:both; text-align:left }

#dernieres_chroniques .crochets { font-size:10px }

#dernieres_chroniques .titre { font-size:10px }

#dernieres_chroniques h2 { width:550px; height:36px; text-indent:-10000px; background:#800000 url('images/dernieres-chroniques.gif') no-repeat; margin:0 0 20px 0 }

#recap { width:298px; height:620px;  clear:both; border:1px solid #858585; overflow:auto;  overflow-x:hidden }

#recap2 { width:300px;  clear:both; overflow:auto; text-align:right }

.mini2 { float:left; margin:0 10px 10px 0; border:1px solid black;}

.banniere { margin:0 0 10px 0; border:1px solid #858585;}

/* ///////////////////////////////////////////////////////// fin mise en page rubrique ////////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////// page contact ////////////////////////////////////////////////////////////////////// */

#formulaire_contact {}

.label_f_c { width:65px; display:block; float:left}

.input_f_c_hover { height:13px; width:320px; border:none; border-bottom: 1px dashed #666;  font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}

.input_f_c { height:13px; width:320px;border:none; border-bottom: 1px solid #666;  font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}

.textarea_f_c_hover {height:70px; width:320px; overflow:auto; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; border: 1px dashed #666;}

.textarea_f_c {height:70px; width:320px; overflow:auto; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; border: 1px solid #666;}

.input_envoyer_f_c { width:150px; height:18px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}

#bareme { width:250px; border:1px solid #999; float:right; text-align:justify; padding:10px 10px 0 10px}

#bareme div { text-align:center; padding:10px 0 0 0}

/* ///////////////////////////////////////////////////////// fin page contact ////////////////////////////////////////////////////////////////////// */