/* GENERAL.CSS */
/* CSS Document */
body {background-color:#FFFFFF; margin: 0; padding: 0; color:#000; text-decoration:none; font: 11px Arial, Verdana, sans-serif;}
ul, li {margin: 0;padding: 0; list-style-type:none;}
li {margin: 0px; text-align: left;background: url(images-v2/accessoires/puce.png) left top no-repeat;padding-left:10px;line-height:12px;}
.separation {clear:both;visibility:hidden; margin-top:0; }
a {color:#000; text-decoration:none; font: 11px Arial, Verdana, sans-serif;}
a:hover {color: #C72D32}
/*liens recurrents*/
a.titre {display: block; font: bold 15px Arial, Verdana, sans-serif; color:#C72D32; text-decoration:none; margin:0;}
a.titre:hover {text-decoration:underline;}
a.sstitre {display: inline; font: bold 11px Arial, Verdana, sans-serif; color:#666666; text-decoration:none; margin:0;}
a.sstitre:hover {text-decoration:underline;}
a.descriptif {display:block; font: 11px Arial, Verdana, sans-serif; color:#000000; text-decoration:none; margin:0;}
a.descriptif:hover {color:#666666}
a img {border:none;}

h1 {color:#C72D32;text-align:left;margin:0;}
h2 {font-size:20px;margin:0;}
h3 span {display:none;}

/**template gereral**/
div.container {margin: 0; margin-left:auto; margin-right:auto; padding: 0; width:1000px}

div.radio {position:absolute; top:115px; left:612px;padding:0px;}
div.radio h3 {display:block; width:140px; height:20px; background: url(images-v2/boutons/logo_radio_haut.png) left top no-repeat;margin-top:3px; float: left;}
div.maj {position:absolute;top:160px; left:677px; padding:0px;}
div.maj p {float:left; width:140px; height:20px; padding-top:1px; margin:0; font: bold 9px Tahoma, Arial, Verdana, sans-serif; color:#666666; text-align:right;}
div.maj a.rss {display:block; background: url(images-v2/boutons/rss2.png) top left no-repeat; margin-top:3px; margin-left:10px; width:20px; height:20px; float: left;}

div.fb {height:23px;width:23px; position:absolute;top:161px; left:860px;}
div.google {height:24px;width:106px; position:absolute;top:161px; left:893px;}



div.footer {height:400px; width:1000px; padding-top:15px; padding-bottom:15px; background: url(images-v3/footer/fond_footer.png) bottom center no-repeat; text-align:center; clear:both;}
div.footer div.liens {font: 11px Tahoma, Arial, Verdana, sans-serif; color:#000; margin-top:40px; margin-bottom:5px;}
div.footer div.liens a {font-weight:bold; text-decoration:none; color:#000; margin:0;}
div.footer div.liens a:hover {text-decoration:underline;color:#C72D32;}
div.footer a.copy {font: bold 11px Tahoma, Arial, Verdana, sans-serif; color:#666666; text-transform:uppercase; margin:0;}
div.footer a.copy:hover {text-decoration:underline;}

div.outside {background: url(images-v3/footer/footer_outside.png) top center no-repeat;padding-right:25px;margin-top:20px;}
div.outside ul{height:45px; padding-top:40px;}
div.outside li {display:inline;width:160px;background-image:none;}
div.outside li img {border-right: solid #999 1px;height:45px;}
div.outside li.myspace img {border:none;}


/*HEADER*/
div.pageHeader {position:relative; background: url(images-v3/header/fond_header.png) top center no-repeat; height: 200px; margin: 0 0 0px 0;}
div.pageHeader .menu {float:right;width:700px;}
div.pageHeader .menu .menu_logo {float:left;display:block;margin-right:50px;}
div.pageHeader .menu p {float:left;margin-left:-145px;margin-right:-240px;margin-top:127px;font-size:12px;display:none;}
div.pageHeader .menu p span {margin-right:10px;}
div.pageHeader .menu .forum_menu {float:left;display:block;margin-left:10px;height:112px;width:58px;}


div.pageHeader h1 span, div.pageHeader h2, div.pageHeader a span, div.nav a span {display:none;}
div.pageHeader .logo {width:250px;float:left;}
div.pageHeader a.logo {display:block; background: url(images-v3/header/logo_inside_rock.png) left no-repeat; width:200px; height:105px; margin-left:30px;}
div.pageHeader a.concours {position: absolute; top:5px; left:750px; }
div.pageHeader a.concours2 {position: absolute; top:5px; left:115px; }
div.pageHeader a.vacances {position: absolute; top:5px; left:750px; }
div.pageHeader a.vacances2 {position: absolute; top:5px; left:115px; }

div.recherche {position:absolute; top:156px; left:176px; padding:0px;}
div.recherche h3 { width: 120px; height: 30px; background: url(images-v3/header/recherche.png) left top no-repeat; margin: 4px 10px 0 0; float:left;}
div.recherche h3 span {display:none;}
div.recherche p {float: left; width: 75px; height : 20px; padding-top:10px; margin:0; font: bold 11px Tahoma, Arial, Verdana, sans-serif;}
div.recherche form { float: left; width: 150px; margin-top:7px;}
div.recherche form input {text-align:left; height:17px;}
div.recherche .submit {height:27px; width:28px;background: url(images-v3/header/ok.png) left top no-repeat;}
div.recherche form select option {text-align:left; height:15px; font: bold 9px Tahoma, Arial, Verdana, sans-serif;}


div.introduction {font-size: 10px; padding: 5px; border:1px solid #666666; font: 11px Tahoma, Arial, Verdana, sans-serif; color:#000000; background-color: #cccccc; visibility: hidden; position: absolute;background-image:url(images-v2/accessoires/fondtransparent.png);}
div.introduction h2 {font: bold 11px Tahoma, Arial, Verdana, sans-serif; margin:0}
div.introduction p.auteur {font: 10px Tahoma, Arial, Verdana, sans-serif; color:#666666}
div.pageHeader a.concours {position: absolute; top:5px; left:750px; }
div.pageHeader a.concours2 {position: absolute; top:5px; left:115px; }
div.pageHeader a.vacances {position: absolute; top:5px; left:750px; }
div.pageHeader a.vacances2 {position: absolute; top:5px; left:115px; }



/*SOMMAIRE*/

/*COLONNE GAUCHE*/

div.col_gauche {width:490px;float:left;}

/*SLIDESHOW*/

div.gros_logo {width:490px; height:175px; float:left; background:url(images-v3/accueil/gros_logo/contour_noir.png) center no-repeat;position:relative;z-index:2}
div#jquery-cycle-controller {text-align:center;}
div#jquery-cycle-controller button {width:16px; height:16px; background: transparent url(images-v3/accueil/gros_logo/bouton_slide.png) center no-repeat; border:none;}
div#jquery-cycle-controller button.jqc-active {background: url(images-v3/accueil/gros_logo/bouton_slide_over.png) center no-repeat;}
div#jquery-cycle-controller button span {display: none;}
div#jquery-cycle-controller button#jqc-prev {width:15px; height:17px; background: transparent url(images-v3/accueil/gros_logo/fleche_gauche_over.png) center no-repeat;}
div#jquery-cycle-controller button#jqc-next {width:15px; height:17px; background: transparent url(images-v3/accueil/gros_logo/fleche_droite_over.png) center no-repeat;}

div#jquery-cycle {position:relative;z-index:1;}
div#jquery-cycle-list img {width:490px; height:175px;}



/*DERNIERS ARTICLES*/

div.last_articles {width:450px;float:left; padding-left:15px; padding-right:15px; margin-top:35px; border-left: solid #999 1px; border-right: solid #999 1px;}
div.logo_last_articles {height:30px; width:450px; background:url(images-v3/accueil/logo_derniers_articles.png) top center no-repeat; margin-bottom:20px;}
div.last_articles .titre a {text-transform: uppercase; font: bold 15px Arial, Verdana, sans-serif;}
div.last_articles .cartouche_long .titre {margin-bottom:0px;}
div.last_articles p.titre a .titre {font-style:italic;}
div.last_articles .cartouche_long .auteurs {margin-top:2px;}

div img.logo_carre {height:180px;width:180px;float:right;}
div.cartouche_carre {height:180px; margin-bottom:20px;}

/*div.cartouche51 {height:180px; margin-bottom:20px;}
div.cartouche16 {height:180px; margin-bottom:20px;}*/

div.cartouche_long {height:180px; margin-bottom:20px;}
div.cartouche_long img.logo_long {height:90px;width:450px;float:left;margin-top:5px;margin-bottom:5px;}
div.cartouche_long .titre a {text-transform: uppercase; font: bold 11px Arial, Verdana, sans-serif;}

/*div.cartouche9 {height:180px; margin-bottom:20px;}
div.cartouche9 img.logo_article {height:90px;width:450px;float:left;}
div.cartouche9 .titre a {text-transform: uppercase; font: bold 11px Arial, Verdana, sans-serif;}*/

p.auteurs a{font-weight:bold;}

/*FORUM*/
div.forum_accueil {width: 445px; height: 155px; float: left; background-color:#000;}
div.logo_forum {width:445px; height:30px; background: url(images-v3/accueil/logo_forum.png) top left no-repeat;}
div.forum_accueil h3 {width: 253px; height: 18px; background: url(images-v2/titres/forum.png) left top no-repeat;}
div.forum_accueil p {font: bold 11px Tahoma, Arial, Verdana, sans-serif; color:#ffffff;margin-left:15px;}
div.forum_accueil p a {font: bold 11px Tahoma, Arial, Verdana, sans-serif; color:#C72D32;}
div.forum_accueil ul {margin-left:15px;}
div.forum_accueil li a {font: bold 11px Tahoma, Arial, Verdana, sans-serif; color:#888888; text-decoration:none;}
div.forum_accueil li a:hover {text-decoration:underline}
div.forum_accueil form {font: 10px Tahoma, Arial, Verdana, sans-serif; color:#000000; text-align: left;}


/*COLONNE DROITE*/

div.col_droite {width:479px;float:right; padding-right:15px; padding-left:15px; border-right: solid #999 1px;}

/*BLOC HAUT*/

div.bloc_haut {clear:both;height:345px;margin-bottom:45px;}

div.playlist {background:url(images-v3/accueil/fond_playlist.png) top left no-repeat;width:200px;height:150px;margin-top:10px;margin-right:20px;float:left;}
div.playlist img {height:80px;width:80px;margin-left:60px;margin-top:7px;}
div.playlist p.titre {margin-top:0px;padding-left:10px;padding-right:10px;text-align:center;}
div.playlist p.descriptif {margin-top:-10px;padding-left:10px;padding-right:10px;text-align:center;}
div.playlist p.titre a {color:#FFF;font-weight:bold;}
div.playlist p.descriptif a {color:#FFF;}
div.playlist p.titre a:hover {color:#C72D32;}
div.playlist p.descriptif a:hover {color:#C72D32;}

div.photo {float:left;width:200px;height:150px;background-color:transparent;margin-top:-150px;text-align:center;}
div.photo .titre {margin-top:-155px;}

div.news {width:250px;height:345px; float:left;}


/*BLOC BAS*/

div.bloc_bas {height:345px;}

/*LISTE*/

div.rub_cartouche {height:215px;float:left;margin-bottom:10px;}

div.dernier {float:left;width:318px;border-right: solid #999 1px;margin-top:10px;}
div.dernier img {height:150px;width:150px;float:left;}
div.dernier p.titre {width:163px;float:right;background-color:#000;margin-right:5px;}
div.dernier p.titre a {display:block;color:#FFF;text-transform: uppercase;font-weight:bold;margin-left:8px;padding-top:3px;padding-bottom:3px;}
div.dernier p.titre a:hover {color:#C72D32;}
div.dernier p.titre a .titre {font-style:italic;}
div.dernier p.descriptif {width:155px;float:right;margin-right:5px;margin-top:0px;text-align:justify;}

div.autres {float:right;width:152px;margin-left:5px;margin-top:8px;}
div.autres a {display:block; font-size:9px; line-height:1.2em;}
div.autres a.item {text-transform: uppercase;margin-bottom:7px;}
div.autres a.item .titre {font-style:italic;}


/*CARRE*/

div.carre {width:auto;float:left;}
div.carre .logo_rubrique {float:right; margin-right:30px}

div.carre .dernier p.titre {width:203px;float:right;background-color:#000;margin-right:20px;margin-top:-47px;}
div.carre .dernier img {margin-left:48px;}
div.carre .dernier p.descriptif {width:206px;float:right;margin-right:18px;margin-top:10px;text-align:justify;}



div.carre .gauche {width:236px;float:left;border-right: solid #999 1px;}
div.carre .gauche .dernier {width:226px;height:220px;float:left;border:none;}


div.carre .droite {width:236px;float:right;}
div.carre .droite .logo_rubrique {float:right;margin-right:0px;}
div.carre .droite .dernier {width:236px;height:220px;float:left;border:none;}
div.carre .droite .dernier img {margin-left:78px;}
div.carre .droite .dernier p.titre {margin-right:0px;}
div.carre .droite .dernier p.descriptif {margin-right:0px;text-align:justify;}


div.shuffle {width:203px; height:270px; float:right; background-color:#000;margin-top:7px; }
div.logo_shuffle {width:203px; height:30px; background: url(images-v3/accueil/logo_shuffle.png) top left no-repeat;}
div.shuffle img {width:120px;height:120px;margin-left:40px;margin-top:10px;}
div.shuffle p.titre a {color:#FFF;display:block;text-transform: uppercase;font-weight:bold;margin-left:8px;}
div.shuffle p.descriptif a {color:#FFF;display:block;margin-left:8px;text-align:justify;width:185px;}
div.shuffle p.titre a:hover {color:#C72D32;}
div.shuffle p.descriptif a:hover {color:#C72D32;}
div.shuffle p.titre a .titre {font-style:italic;}



/*ARTICLES*/

/*COLONNE GAUCHE*/

.spip_documents {text-align:center;}
.spip_documents_left {margin-right:15px;}
.spip_documents_right {margin-left:15px;}
.spip_documents_center {margin:auto;width:100%;}
.spip_documents_center img {margin:auto;display:block;}
.spip_doc_titre {margin:auto;font-size:0.8em;}
.spip_doc_descriptif {margin:auto;font-size:0.9em;line-height:1.4em;}

div.bloc-article {border-left: solid #999 1px;border-right: solid #999 1px;float:left;margin-top:15px;}
div.bloc-rubrique {border-left: solid #999 1px;border-right: solid #999 1px;float:left;}
div.text-article {font-size:12px;width:650px;padding-left:15px;padding-right:15px;border-right: solid #999 1px;text-align:justify;float:left;}

div.fb_reset {display:none;}

div#texte {margin-top:30px;line-height:1.7em;}
div#texte a {font-weight:bold;font-size:12px;}
div.text-article .rub {font-size:20px;font-weight:bold;}
div.text-article a {font-weight:bold;font-size:12px;}
div.text-article p {line-height:1.7em;}
#texte div.pagination {font: bold 10px Tahoma, Arial, Verdana, sans-serif; color:#000000; text-align:right}
#texte div.pagination a{font: bold 10px Tahoma, Arial, Verdana, sans-serif; color:#666666; text-decoration:none;}
#texte div.pagination a:hover{color:#C72D32;}
#texte div.spip_poesie {font : 12px Georgia, "Times New Roman", Times, serif; color:#000000; font-weight:bold; line-height:16px; padding-left:40px}
#pictoLabel { font-family: Trebuchet MS; color: #000000; font-weight: normal; font-size: 12px; margin-left: 10px;  }
#modifiable { font-size:12px; font-family : Tahoma, Arial, Verdana, sans-serif; color:#000000; line-height:22px;}
.chapo {font-weight:bold;font-size:12px;}
div.pagination {margin:20px;}

div.barredroite {width:280px;padding-left:15px;padding-right:15px;float:right;}
.rub {background-color:#C72D32;color:#ffffff;width:650px; height:27px; padding-top:2px; margin-bottom:20px; font-size:20px;float:left;text-align:center;text-transform:uppercase;font-weight:bold;}
a:hover.rub {color:#ffffff;}

p.auteur a {font-weight:bold;}

.spip_logos {float:right;margin-left:10px;}

div.notebasdepage {font-size:11px;}
div.notebasdepage a{font-size:11px;}





/*COMMENTAIRES*/
div.comments {background-color:#ffffff;color:#000000; padding:10px;}
div.comments h2 {background-color:#C72D32;color:#ffffff;width:630px; height:27px; padding-top:2px; margin-bottom:20px; font-size:20px;text-align:center;text-transform:uppercase;font-weight:bold;}
div.comments li {background-image:none; margin: 0px; text-align: left;padding-left:10px;line-height:12px;border-bottom: solid #C72D32 1px;}
div.comments a {color:#C72D32;}
div.comments-list {padding-bottom:30px;}
div.comment-texte {margin-bottom:25px;}
div.comments p.comment-meta {font-size:12px;}
div.comment-form li {border:none;}
div.comment-form legend {font-weight:bold;text-transform:uppercase;}



/*COLONNE DROITE*/

.tracklisting {background: url(images-v3/articles/tracklisting.png) top center no-repeat;padding-top:25px;padding-bottom:15px;}

.topred {padding-bottom:15px;}

div.encartred h3 {padding-top:7px;padding-bottom:7px;background-color:#C72D32;color:#ffffff;font-size:16px;text-align:center;text-transform:uppercase;font-weight:bold;margin-top:0px;}

.cartouche {width:280px;min-height:70px;margin-top:5px;}
.cartouche img.note {height:10px;margin:0px;}
.cartouche .auteur {padding-top:3px;margin:0;}

.voiraussi {background: url(images-v3/articles/voiraussi.png) top center no-repeat;padding-top:45px;}
.voiraussi .cartouche {float:left;width:280px;min-height:50px;}


/*RUBRIQUES*/
div.listerubrique {width:655px;float:left;margin-left:15px;padding-right:15px;border-right: solid #999 1px;}
div.cellule {float:left;height:90px;margin-bottom:30px;margin-right:15px;width:300px;line-height:1.8em;}
div.cellule img.note {height:12px;width:59px;}
div.cellule img {float:left;height:90px;width:90px;margin-right:7px;}
div.cellule .titre {float:left;width:200px;font-size:13px;}
div.cellule .sstitre {float:left;width:200px;font-size:13px;}
div.cellule a.gps{font-weight:bold;}

div.cartouche .titre {font-size:13px;}
div.cartouche a.gps{font-weight:bold;}

div.encartbas h3 {padding-top:7px;padding-bottom:7px;background-color:#C72D32;color:#ffffff;font-size:16px;text-align:center;text-transform:uppercase;font-weight:bold;margin-top:0px;}


/*FICHE ARTISTES*/

div.mot {border-left: solid #999 1px;border-right: solid #999 1px;float:left;margin-top:15px;}
div.mot h1 {padding-top:7px;padding-left:15px;margin-bottom:5px;height:25px;background-color:#C72D32;color:#ffffff;font-size:16px;text-transform:uppercase;font-weight:bold;}
div.mot .listerubrique img {margin-top:15px;margin-right:15px;margin-bottom:15px;}
div.mot .cellule img {margin:0px;margin-right:7px;}	
div.mot .cellule .contenu img {float:left;margin:0px;margin-right:7px;}
div.mot .contenu img {float:right;height:90px;width:90px;margin:0px;margin-bottom:30px;margin-right:7px;}
div.cellule img.note {height:12px;width:59px;}	
div.mot .texte {text-align:justify;margin-top:15px;margin-bottom:30px;font-weight:bold;font-size:12px;min-height:150px;display:table;}
div.mot .texte a {text-align:justify;margin-top:15px;margin-bottom:30px;font-weight:bold;font-size:12px;min-height:150px;}
div.mot .texte ul {display:block;float:left;}
div.mot .contenu a.gps{font-weight:bold;}
div.mot .contenu {margin-bottom:10px;}
div.mot .auteur {margin:0px;}


div.listerubrique h3.portraits {height:46px;width:649px;background: url("images-v3/archives/portraits.png") left top no-repeat ;float:left;}
div.listerubrique h3.critiques {height:46px;width:649px;background: url("images-v3/archives/critiques.png") left top no-repeat ;float:left;}
div.listerubrique h3.chronique {height:46px;width:649px;background: url("images-v3/archives/chroniques.png") left top no-repeat ;float:left;}
div.listerubrique h3.actu {height:46px;width:649px;background: url("images-v3/archives/actualites.png") left top no-repeat ;float:left;}
div.listerubrique h3.dossiers {height:46px;width:649px;background: url("images-v3/archives/focus.png") left top no-repeat ;float:left;}
div.listerubrique h3.focus {height:46px;width:649px;background: url("images-v3/archives/focus.png") left top no-repeat ;float:left;}

div.mot .contenu .puce {float:left;height:11px;width:8px;margin:0px;margin-bottom:0px;margin-right:7px;}


/*FICHE AUTEURS + LISTE AUTEUR*/
div.auteur .descriptif {line-height:1.7em;font-size:12px;text-align:justify;}
div.listerubrique .auteur img {margin-top:67px;margin-right:0;}
div.mot .auteur .titre {background-color:#444444;color:#FFF;}
div.mot .auteur .spip_logos {float:left;margin-top:0px;margin-right:15px;margin-left:0px;}
div.formulaire_ecrire_auteur form fieldset {width:254px;}
div.formulaire_ecrire_auteur textarea {width:215px;}

/*PHOTOS*/
div.diaporama {float:left;}
div.diaporama h1 {text-align:center;}
div.diaporama select {margin-left:40%;margin-top:15px;}
div.diaporama .sommaire {text-align:center;}
div.album_vignette {width:730px;margin-left:auto;margin-right:auto;}
div.album_photo .titre {text-align:center;font-size:15px; font-weight:bold; color:#C72D32;}
.rub_photos {background-color:#C72D32;color:#ffffff;width:1000px; height:27px; padding-top:2px; margin-bottom:20px; font-size:20px;float:left;text-align:center;text-transform:uppercase;font-weight:bold;}
a:hover.rub_photos {color:#ffffff;}