/************************************** **************** INDEX *******************************************************/
 body { background-color:#FFF; margin: 0; padding: 0; font-family: Arial; background-image : url("./img/motif1.jpg"); background-repeat: repeat; }
/***********Conteneurs ***********/
.conteneur { width: 976px !important; width: 979px; height:768px; margin:0;}
.conteneur_nouvelles_news { float:left; }
.conteneur_menu { float:right; width:667px; }
.conteneur_news_commentaires { float:right; background-image : url("./img/fond_img_news.png"); background-repeat: no-repeat; width: 667px; height: 323px; }
.conteneur_anciennes_news {float:left; background-color: #fff; width:667px; }
/***********Logo***********/
.npLogo { position:absolute; margin:143px 0 0 100px; font-weight: bold; padding:0; color: #58585A; font-size:0.6em; font-family:Arial; }
.npLogoPhotographe { color: #9C9D9F; font-size:7pt; }
#logo_haut {position: absolute; top:0px; left: 0px; background-image : url("./img/logo_haut.png"); background-repeat: no-repeat; width:178px; height: 154px; margin: 0px; }
#logo_bas { position: absolute; top: 154px; left: 0px; background-image : url("./img/logo_bas.png"); background-repeat: no-repeat; width:178px; height: 21px; margin: 0px; }
/***********En tete Gif / flash***********/
#entete { float:right; background-image : url("./img/imgEntete.png"); background-repeat: no-repeat; margin: 0; width:976px; height: 154px; }
#entete-random img { float:right; background-repeat: no-repeat; margin: 0; width:976px; height: 154px; }
/***********Nouvelles news***********/
#news_haut { background-image : url("img/fond_txt_news.png"); background-repeat: no-repeat; width: 309px; height: 347px; margin-left:0px;}
#news_bas { background-image : url("./img/fond_old_news1.png"); background-repeat: no-repeat; width: 309px; height: 231px; }
#news_bas2 { background-image : url("./img/fond_old_news1.png"); background-repeat: no-repeat; width: 309px; height: 231px; }
#photo_news { }
#photo_news img { border: 0px; padding: 14px 0 10px 13px; }
#commentaires_recent { float:right; width: 180px; margin:14px 14px 0 0 !important; margin:14px 4px 0 0; }
#commentaires_recent h1 { margin:0; font-size: 10pt; color:#fff; background-color: #58585A; padding:3px 0 5px 8px; }
#commentaires_recent p { padding:0px; margin: 0px; font-size: 8pt; color:#fff;  }
#commentaires_recent h2 { font-size: 8pt; color:#fff; font-weight: lighter; margin-top: 34px; }
#bloc_commentaire  { margin-right:0px; }
#bloc_commentaire_pseudo  { padding: 5px 0 0 0;  }
#bloc_commentaire_pseudo #date { float:right; font-size: 8pt; font-weight:bold; color:#808080;}
#bloc_commentaire_txt { padding: 25px 0 15px 0; }
#pseudo { margin-left: 0px; float:left; font-size: 8pt; font-weight:bold; }
#pseudo a { color: #808080; text-decoration: none; }
#pseudo a:hover { color: #58585A; text-decoration: none; }
#group_name { font-size: 8pt; font-variant:small-caps; color:#808080; }
#group_name a { color: #808080; text-decoration: none; }
#group_name a:hover { color: #58585A; text-decoration: none; }
/***********Anciennes news***********/
#old_news { float:left; margin: 0 7px 0 0 !important; margin: 0 6px 0 0; background-image : url("./img/fond_old_news2.png"); background-repeat: no-repeat; width: 159px; height: 231px; }
/***********Menu***********/
ul#menu_bt {margin:0; padding:0; list-style-type: none;}
ul#menu_bt li {float: left; margin:0; padding:0;}
a#menu_bt1 {display:block; background-image : url("./img/menu_bt1.png"); background-repeat: no-repeat; width:253px; height: 24px; }
a#menu_bt2 {display:block; background-image : url("./img/menu_bt2.png"); background-repeat: no-repeat; width:188px; height: 24px; }
a#menu_bt3 {display:block; background-image : url("./img/menu_bt3.png"); background-repeat: no-repeat; width:226px; height: 24px; }
/***********Textes news principale***********/
#news_haut h6 { float:left; padding-left: 105px; margin:29px 0px 0 0px; color: #58585A; font-size:8pt; }
#news_haut h1 { float:right; width: 205px; padding:10px 0 10px 8px; margin:4px 0 0 0; color:#FFF; font-size:15pt; background-color: #58585A; }
#news_haut h2 { clear:right; margin:11px 0 0 105px; color:#58585A; font-size:12pt; padding: 5px 0 5px 0;}
#news_haut p { float:left; text-indent:10px; width:190px;  margin:15px 0 0 98px !important; margin:15px 0 0 49px; padding:5px 10px 5px 10px; line-height:18px; color:#58585A; font-size:9pt; font-weight:lighter;  }
#news_haut h1 a { color: #fff; text-decoration: none; }
#news_haut h1 a:hover { color: #999999; text-decoration: none; }
#news_haut p a { color: #58585A; text-decoration: underline; font-weight: bold; }
#news_haut p a:hover { color: #58585A; text-decoration: none; }
a#lirelasuite { color: #E41370; text-decoration : none; font-size:9px; float:right; margin-right:155px !important;}
a:hover#lirelasuite { color: #1DBBEA; text-decoration : none; font-size:9px; }
/************************** Textes news secondaire **  *************************/
#news_bas h1 { float:left; margin:10px 0px 0 108px !important; margin:10px 0px 0 57px;color:#58585A; font-size:11pt; font-weight: bold; }
/*#news_bas img { float:right; border: 0; margin-right:10px; padding-top:79px;}
*/#news_bas_liens_partenaires { float:right; font-size:10px; margin:10px 10px 0 0 !important; margin:10px 2px 0 0; width:190px;}
#news_bas_liens_partenaires p { font-style: italic; margin-top:0px; }
#news_bas_liens_partenaires a { font-size:11px; font-weight: bold; color: #58585A; text-decoration:none;  }
#news_bas_liens_partenaires a:hover { font-size:11px; font-weight: bold;  color: #999999; text-decoration:none; }
#news_bas_liens_image h1 { float:left; margin:10px 53px 0 0 !important; margin:10px 24px 0 0;color:blue; font-size:12pt; font-weight: bold; }
#news_bas_liens_image { loat:left; margin:0 !important; margin:0; }
#news_bas_liens_image img { border: 0px; width:160px; margin-top:10px; margin-left: 115px;}
/*******************Textes anciennes news********************/
#old_news h6 { padding-left: 2px; margin:11px 0px 0 16px; color: #58585A; font-size:7pt; font-weight: bold; }
#old_news h1 { position: absolute; width: 143px; padding:4px 0 3px 5px; margin:4px 0px 0 11px; color:#FFF; font-size:11pt; background-color: #58585A; }
#old_news h2 { position: absolute; z-index:10; padding-left: 5px; margin:49px 0px 0 16px; color:#58585A; font-size:8pt; }
#old_news img {margin: 82px 0 0 40px; position: absolute; z-index:1000; border: 0; }
#old_news h1 a { color: #fff; text-decoration: none; }
#old_news h1 a:hover { color: #999999; text-decoration: none; }
/******************************* LISTE DES GROUPES ********************************/
#liste_groupe_gauche { float:left; background-image : url("img/site-liste_gauche.png"); background-repeat: no-repeat; width: 309px; height: 440px; margin-left:0px;}
#liste_groupe_gauche p { font-weight:500; line-height:21px; width: 155px; margin-top:50px; color: #58585A; margin-left:10px; font-size:10pt; letter-spacing: -0.4px;}
#liste_groupe_gauche  p a { color: #58585A; text-decoration: none; }
#liste_groupe_gauche  p a:hover { color: #999999; text-decoration: none; font-weight:700; }
.liste_groupe_droite { float:right; background-image : url("./img/site-liste_droite.png"); background-repeat: no-repeat; width: 667px; height: 553px; }
.liste_groupe_droite p { font-weight:500; line-height:21px; width: 150px; margin-top:20px; color: #58585A; margin-left:10px; font-size:0.8em; letter-spacing: -0.4px;}
.liste_groupe_droite p a { color: #58585A; text-decoration: none; }
.liste_groupe_droite p a:hover { color: #999999; text-decoration: none; font-weight:700; }
#liste_groupe_liste_archive { color: red; display:block; font-weight:bold; font-size:1.2em; margin:10px 0 5px 0; text-align:center; border:solid 1px #000;}
#liste_groupe_col_0 { float:right; height: 400px; width: 200px; }
#liste_groupe_col_1 { float:left; height: 545px; width: 165px; }
#liste_groupe_col_2 { float:left; height: 545px; width: 165px; margin-left: 1px; }
#liste_groupe_col_3 { float:left; height: 545px; width: 165px; margin-left: 1px; }
#liste_groupe_col_4 { float:left; height: 545px; width: 165px; margin-left: 1px; }
/* formulaire*/#liste_groupe_recherche { background-image : url("img/site-liste_recherche.png"); background-repeat: no-repeat; width: 309px; height: 138px;}
#liste_groupe_recherche .form_recherche {padding:25px 0 0 125px !important; padding:16px 0 0 125px;}
#liste_groupe_recherche h1 { color:#58585A; font-size:12pt; letter-spacing:-0.8px;}
#liste_groupe_recherche .input_recherche { border:1px solid #E6E6E6; background-color: #E6E6E6; width:180px;}
#liste_groupe_recherche .input_recherche_submit  {cursor : pointer; background: url("img/valider.png"); width:108px; height:23px; margin-left:20px;}
#liste_groupe_recherche #bordel { margin-top: -10px; }
#erreur_recherche_groupe { color:red; font-size:10px; }
/* archives photos */
#bt_archive { position: absolute; top:650px; margin-left:8px !important; margin-left:-290px; background-image : url("img/bt_archives.png"); width:147px; height:28px; }
/* pagination liste des groupes */
#pagination_liste_groupes  { position: absolute; top:660px; margin-left:8px; background-color: #58585A; width:147px; height:20px; color: #fff; font-size:12px; font-weight:normal; text-align:center; padding: 5px 0 5px 0;}
#pagination_liste_groupes a { color: #fff; text-decoration: none; font-weight: 500; }
#pagination_liste_groupes a:hover { color: #999999; text-decoration: none; font-weight: 500; }
/* bouton classement */
#tri_nom_desc { position:absolute; background-image : url("./img/tri_nom_decroissant_a_z.png"); width:77px; height:27px; left:120px; margin-top:10px; }
#tri_nom_asc { position:absolute; background-image : url("./img/tri_nom_croissant_z_a.png"); width:77px; height:27px; left:120px; margin-top:10px; }
#tri_date_desc { position:absolute; background-image : url("./img/tri_date_decroissant_0_9.png"); width:77px; height:27px; left:200px; margin-top:10px; }
#tri_date_asc { position:absolute; background-image : url("./img/tri_date_croissant_9_0.png"); width:77px; height:27px; left:200px; margin-top:10px; }
/************************************** *********** CONCERT REPORT **************************************************/
.scroll-pane2 { overflow: auto; float: right; }
#concert_report { background-image : url("img/fond_concert_report.png"); background-repeat: no-repeat; width: 309px; height: 578px; margin-left:0px;}
#concert_date h6 { float:left; padding-left: 105px; margin:29px 0px 0 0px; color: #58585A; font-size:8pt; }
#concert_nom h1 { float:right; width: 205px; padding:10px 0 10px 8px; margin:5px 0 0 0; color:#FFF; font-size:15pt; background-color: #58585A; }
#concert_salle h2 {clear:right; margin:8px 0 0 105px; padding: 10px 0 5px 0; color:#58585A; font-size:12pt; }
#pane2 { width: 199px; height:432px; margin: 0px -98px 0 102px; padding-right:110px; padding-top:0px; }
#pane2 a { color: #58585A; text-decoration: underline; font-weight: bold; }
#pane2 a:hover { color: #58585A; text-decoration: none; }
#pane2 p { text-indent:15px; margin:0; padding:0 0px 0 0; line-height:18px; color:#58585A; font-size:9pt; font-weight:lighter; }
.fond_photos { float:right; background-image : url("./img/fond_photos.png"); background-repeat: no-repeat; width: 667px; height: 553px; }
#vignettes { float:left; width: 435px; }
#vignettes img { margin: 15px 0 0 15px; }
/* conteneur des bloc commentaires */
#conteneur_commentaires { float:right; width: 230px;}
/* style ajouter un commentaire */
#ajouter_commentaire { float:right; width: 230px; margin:26px 0 0 0; height: 42px; }
#ajouter_commentaire h1 { width:150px; margin:0; font-size: 12pt; color:#fff; padding:0px 0 0px 48px; line-height:17px; font-weight:900; }
#ajouter_commentaire h1 a { text-decoration: none; color:#fff; }
#ajouter_commentaire h1 a:hover { text-decoration: none; color: #999999; }
/* style listes des commentaires */
#commentaires { float:left; width: 198px; padding: 10px 0 10px 0; }
#commentaires_pseudo  { }
#commentaires_pseudo #pseudo { float:left; font-size: 8pt; font-weight:bold; }
#commentaires_pseudo #date { float:right; font-size: 8pt; color:#808080; font-weight:bold; }
#commentaire_txt { padding: 25px 0px 0 0;  }
/* style scrollbar + style commentaires */
.scroll-pane {  overflow: auto; float: left; }
#pane1 { float: left; width: 211px; height:463px; margin-left:0px; }
#pane1 p { padding:0; margin: 0px; font-size: 8pt; color:#fff; }
#pane1 h2 { font-size: 8pt; color:#fff; font-weight: lighter; margin-top: 34px; }
/* style pagination vignettes */
#vignettes p { font-size:10px; position:relative; margin-bottom:10px; padding:0; }
#vignettes p a { color: #1DBBEA; text-decoration: none; font-weight:bold; font-size: 1.1em; }
#vignettes p a:hover { color: #E41370; text-decoration: none; font-weight:none; }
.styleprecedent {float : left; margin-left: 10px;}
.stylesuivant {float : right; margin-right: 10px; }
/* CARTOUCHE COPYRIGHT */
#cartouche_copyright { position:absolute; top:645px; left:322px; background-image : url("img/cartouche_copyright.png") !important;  background-image : url("img/cartouche_copyright_ie6.gif"); background-repeat: no-repeat; width:277px; height:69px; }
#cartouche_copyright p { color: #fff; width: 280px; font-size: 12px; padding-left: 10px; padding-top:20px;}
#cartouche_copyright a { text-decoration: underline; color:#fff; }
#cartouche_copyright a:hover { text-decoration: none; color: #999999; }
/* CARTOUCHE FACEBOOK */
#cartouche_facebook { position:absolute; top:670px; left:625px; height: 50px; }
#cartouche_facebook p { color: #fff; width: 225px; font-size: 12px; padding-left: 10px; padding-top:28px;}
#cartouche_facebook a { text-decoration: underline; color:#fff; }
#cartouche_facebook a:hover { text-decoration: none; color: #999999; }
/************************************** ************** LISTE SALLE ***************************************************/
/* conteneur partie gauche */
#liste_grande_photo { background-image : url("img/fond_grande_photo_liste_salles.png"); background-repeat: no-repeat; width: 309px; height: 578px; margin-left:0px;}
#liste_grande_photo img { float:right; border: 0; padding-bottom:0; margin-bottom: 0; padding-right:0; margin-right: 0px; }
/* conteneur titre partie gauche */
#Titre_liste_grande_photo { height: 124px; }
#Titre_liste_grande_photo h1 { float:right; width: 205px; padding:10px 0 10px 8px; margin:55px 0 0 0; color:#FFF; font-size:15pt; }
/* conteneur photo partie gauche */
#photo_liste_grande_photo {  }
/* conteneur liste des concerts en miniature partie droite */
.liste_miniatures { float:right; background-image : url("./img/fond_liste_salle.png"); background-repeat: no-repeat; width: 667px; height: 553px; }
#conteneur_liste_salles_avec_photos { margin:100px 0 0 55px; padding-top: 1px;}
#liste_salles_avec_photos { float:left; width:350px; height: 70px; }
#liste_salles_avec_photos img { float:left; height: 70px; width:70px; border:0; }
#liste_salles_avec_photos h1 { padding: 5px 0 0 80px; margin: 0; color:#58585A; font-size:11pt; font-weight:bold; }
#liste_salles_avec_photos h1 a { color: #58585A; text-decoration: none; }
#liste_salles_avec_photos h1 a:hover { color: #999999; text-decoration: none; }
#liste_salles_avec_photos h6 { padding: 0px 0 0 80px; margin:0; color: #58585A; font-size:7pt; font-weight:bold; }
#rectangle { padding-top: 10px; font-size:12px; text-align:center; position:absolute; top:650px; left: 800px; height: 26px; width: 135px;  background-color: #58585A; margin-right: 34px; margin-bottom:3px; }
#rectangle a { color: #fff; text-decoration: none; }
#rectangle a:hover { color: #999999; text-decoration: none; }
 /************************************** *********** POPUP CONTACT ***************************************************/
.conteneur_contact { width: 480px !important; width:auto; height:339px; margin:0; }
.contact_fond_gauche { float: left; background-image : url("./img/Contact-page_gauche.png"); background-repeat: no-repeat; width: 201px !important; width:auto; height: 413px; }
.contact_fond_droite { float: left; background-image : url("./img/Contact-page_droite.png"); background-repeat: no-repeat; width:279px; height: 413px; }
#contact_affichage_erreurs { margin-left:45px; font-size: 10px; color:red; }
#contact_destinataire  { font-size: 20px; color: #FFF; font-weight: bold; margin: 74px 0 0 48px; }
#contact_destinataire_menu  { margin-top:25px; }
#contact_destinataire_menu label { font-size: 10px; color: #58585A; margin: 0px 0 0 45px; }
#contact_destinataire_menu #destinat_contact {z-index:10000;  font-size: 12px; background-color:#808080; margin: 10px 0 0 45px;  width:150px; }
.contact_civilite_prenom  { margin: 66px 0 0 15px; font-size: 11px; color: #fff; }
.contact_civilite_prenom label { float:left; font-size: 12px; font-weight:bold; }
.contact_civilite_prenom input  { float:right; border:1px solid #E6E6E6; background-color: #fff; width:150px; margin-right:40px; }
.contact_civilite_nom  { margin: 0px 0 0 15px; padding-top: 10px; font-size: 11px; color: #E6E6E6; }
.contact_civilite_nom label { float:left; font-size: 12px; font-weight:bold; }
.contact_civilite_nom input  { float:right; border:1px solid #E6E6E6; background-color: #E6E6E6; width:150px; margin-right:40px; }
.contact_email  { margin: 0px 0 0 15px; padding-top: 10px; font-size: 11px; color: #CCCCCC; }
.contact_email label { float:left; font-size: 12px; font-weight:bold; }
.contact_email input  { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; width:150px; margin-right:40px; }
.contact_message  { margin: 0px 0 0 15px; padding-top: 10px; font-size: 11px; color: #CCCCCC; }
.contact_message label { float:left; font-size: 12px; font-weight:bold; }
.contact_message textarea  { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; width:150px; margin-right:40px; height:125px; }
.contact_captcha { margin: 0px 0 0 10px; padding-top: 0px; font-size: 11px; color: #CCCCCC; }
.contact_captcha label { float:left; font-size: 12px; font-weight:bold; }
.contact_captcha input { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; text-align:center; color: #000; width:150px; padding:12px 0; margin-right:40px; font-weight:bold; }
.contact_valider_message { float:right; margin:0px 0px 0 0px; padding-top:5px;}
.contact_valider_message input  { border:1px solid #CCCCCC; background-color: #CCCCCC; width:60px; margin-right:40px;}
/* texte crédits */
#credits a { color: #1DBBEA; text-decoration: none; }
#credits a:hover { color: #fff; background-color: #000; text-decoration: none; }
p#credits { font-size: 10px; color: #58585A; margin: 15px 0 0 45px; padding-top:5px;}
span#credits  { font-size: 14px; font-weight: bold; }
span#credits_nom   { font-size: 10px; font-weight: bold; color: #000; }
/************************************** ******** POPUP COMMENTAIRE ************************************************/
.commentaire_pseudo  { margin: 69px 0 0 10px; font-size: 11px; color: #fff; }
.commentaire_pseudo label { float:left; font-size: 12px; font-weight:bold; }
.commentaire_pseudo input  { float:right; border:1px solid #E6E6E6; background-color: #fff; width:150px; margin-right:35px; }
.commentaire_email  { margin: 0px 0 0 10px; padding-top: 10px; font-size: 11px; color: #CCCCCC; }
.commentaire_email label { float:left; font-size: 12px; font-weight:bold; }
.commentaire_email input  { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; width:150px; margin-right:35px; }
.commentaire_website  { margin: 0px 0 0 10px; padding-top: 10px; font-size: 11px; color: #CCCCCC; }
.commentaire_website label { float:left; font-size: 12px; font-weight:bold; }
.commentaire_website input  { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; width:150px; margin-right:35px; }
.commentaire_commentaire  { margin: 0px 0 0 10px; padding-top: 10px; font-size: 11px; color: #CCCCCC; }
.commentaire_commentaire label { float:left; font-size: 12px; font-weight:bold; }
.commentaire_commentaire textarea  { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; width:150px; margin-right:35px; height:100px; }
.commentaire_compteur  { margin: 0px 0 0 10px; padding-top: 15px; font-size: 11px; color: #CCCCCC; }
.commentaire_compteur label { float:left; font-size: 12px; font-weight:bold; }
.commentaire_compteur input { float:right; text-align: center; border:1px solid #CCCCCC; background-color: #CCCCCC; color: #000; width:150px; margin-right:35px; font-weight:bold; }
.commentaire_captcha { margin: 0px 0 0 10px; padding-top: 0px; font-size: 11px; color: #CCCCCC; }
.commentaire_captcha label { float:left; font-size: 12px; font-weight:bold; }
.commentaire_captcha input { float:right; border:1px solid #CCCCCC; background-color: #CCCCCC; text-align:center; color: #000; width:150px; padding:12px 0; margin-right:35px; font-weight:bold; }
.commentaire_valider_message { float:right; margin:0px 0px 0 0px; padding-top:8px;}
.commentaire_valider_message input  { border:1px solid #CCCCCC; background-color: #CCCCCC; width:75px; margin-right:35px;}
#commentaire_compteur { float:left; font-size: 12px; font-weight:bold; }
#commentaire_avertissement { padding-top:10px; margin-left:45px; font-size: 10px; color: #58585A; }  

.highslide:hover img {border:1px solid #D0D0D0 !important;}