@charset "utf-8"; body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background-color: #1e1e1e; margin:0; padding:0;} a {text-decoration:none; color:#b51062;} a:hover {text-decoration:underline; color:#b51062;} img {border:none;} ul {list-style-image: none; list-style-type: none;} li {list-style-image: none; list-style-type: none;} #centrer { width:980px; margin:0px auto;} #container { float:left;/*background-color:#00FF00;*/} #header { width:800px; height:219px; background:url(../img/fond_header.gif) no-repeat; padding:0px 90px;} #contenu { width:800px; background:url(../img/fond.gif) repeat-y; padding:0px 90px;} #col_gauche{ width:380px; margin:0 10px 0 20px; display:inline-block; float:left;} #col_droite{ width:370px; margin:0 20px 0 0; display:inline-block; float:left;} * html #col_gauche{ width:380px; margin:0 10px 0 9px; display:inline-block; float:left;} * html #col_droite{ width:370px; margin:0 9px 0 0; display:inline-block; float:left;} #ariane {width:780px; height:20px; border-bottom:2px dotted #b51062; color:#b51062; font-size:9px; font-weight:bold; padding:5px 0 0 20px; margin-bottom:10px;} #ariane a { color:#000000; font-weight:normal; text-decoration:underline;} #ariane a:hover {text-decoration:none;} #abecedaire {height:20px; display:inline-block; float:right; margin:-20px 20px 0 0;} #abecedaire a { color:#000000; font-weight:normal; text-decoration:none;} #abecedaire a:hover {color:#b51062;} #titre_abecedaire{height:20px; display:inline-block; float:right; margin:-15px 10px 0 0;} html>/**/body #titre_abecedaire{height:20px; display:inline-block; float:right; margin:-15px 280px 0 0;} .clear{clear:both;} /*---------------------------------------------------------------------------------- Header ----------------------------------------------------------------------------------*/ #option{display:inline-block; float:left; width:385px; margin-top:153px;} #player_sound{display:inline-block; float:left; width:385px; height:30px; margin-bottom:5px;} #recherche {display:inline-block; float:left;} #recherche .button {display:inline-block; background:url(../img/bt_ok02.gif) no-repeat; width:31px; height:31px; border:none; cursor:pointer; margin:-6px 0 0 0;} * html #recherche .button {display:inline-block; background:url(../img/bt_ok02.gif) no-repeat; width:31px; height:31px; border:none; cursor:pointer; margin-top: 2px;} html>/**/body #recherche .button {display:inline-block; background:url(../img/bt_ok02.gif) no-repeat; width:31px; height:31px; border:none; cursor:pointer; margin:-4px 0 0 0;} #recherche .button:hover {display:inline-block; background:url(../img/bt_ok02_hover.gif) no-repeat; width:31px; height:31px; border:none;} #recherche input {display:inline-block; float:left; margin:0 5px 0 0;} * html #recherche input {display:inline-block; float:left; margin:6px 5px 0 0;} #bt_panier {display:inline-block; float:left;} #bt_panier a{display:inline-block; float:left; background:url(../img/bt_panier01.gif) right no-repeat; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:underline; padding:10px 35px 10px 0; margin:-8px 0 0 20px;} * html #bt_panier a{display:inline-block; float:left; background:url(../img/bt_panier01.gif) right no-repeat; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:underline; padding:10px 35px 10px 0; margin:0 0 0 20px;} #bt_panier a:hover{background:url(../img/bt_panier01_hover.gif) right no-repeat; text-decoration:none;} #pub {display:inline-block; float:left; width:402px; height:191px;} /*---------------------------------------------------------------------------------- Menu ----------------------------------------------------------------------------------*/ #menu { width:800px; height:46px; padding:0px 90px;} #bt_accueil {display:inline-block;float:left; background:url(../img/bt_accueil_activ.jpg) no-repeat 0 0; width:112px; height:46px; margin-right:3px;} #bt_accueil a{ background:url(../img/bt_accueil.jpg) no-repeat 0 0; display:block; width:112px; height:46px;} #bt_accueil a:hover{ background:url(../img/bt_accueil_hover.jpg) no-repeat 0 0; width:112px; height:46px;} #bt_salle {display:inline-block;float:left; background:url(../img/bt_salle_activ.jpg) no-repeat 0 0; width:112px; height:46px; margin-right:3px;} #bt_salle a{ background:url(../img/bt_salle.jpg) no-repeat 0 0; display:block; width:112px; height:46px;} #bt_salle a:hover{ background:url(../img/bt_salle_hover.jpg) no-repeat 0 0; width:112px; height:46px;} #bt_actus {display:inline-block;float:left; background:url(../img/bt_actus_activ.jpg) no-repeat 0 0; width:111px; height:46px; margin-right:3px;} #bt_actus a{ background:url(../img/bt_actus.jpg) no-repeat 0 0; display:block; width:111px; height:46px;} #bt_actus a:hover{ background:url(../img/bt_actus_hover.jpg) no-repeat 0 0; width:111px; height:46px;} #bt_agenda {display:inline-block;float:left; background:url(../img/bt_agenda_activ.jpg) no-repeat 0 0; width:112px; height:46px; margin-right:3px;} #bt_agenda a{ background:url(../img/bt_agenda.jpg) no-repeat 0 0; display:block; width:112px; height:46px;} #bt_agenda a:hover{ background:url(../img/bt_agenda_hover.jpg) no-repeat 0 0; width:112px; height:46px;} #bt_billetterie {display:inline-block;float:left; background:url(../img/bt_billetterie_activ.jpg) no-repeat 0 0; width:112px; height:46px; margin-right:3px;} #bt_billetterie a{ background:url(../img/bt_billetterie.jpg) no-repeat 0 0; display:block; width:112px; height:46px;} #bt_billetterie a:hover{ background:url(../img/bt_billetterie_hover.jpg) no-repeat 0 0; width:112px; height:46px;} #bt_boutique {display:inline-block;float:left; background:url(../img/bt_boutique_activ.jpg) no-repeat 0 0; width:112px; height:46px; margin-right:3px;} #bt_boutique a{ background:url(../img/bt_boutique.jpg) no-repeat 0 0; display:block; width:112px; height:46px;} #bt_boutique a:hover{ background:url(../img/bt_boutique_hover.jpg) no-repeat 0 0; width:112px; height:46px;} #bt_mediatheque {display:inline-block;float:left; background:url(../img/bt_mediatheque_activ.jpg) no-repeat 0 0; width:111px; height:46px;} #bt_mediatheque a{ background:url(../img/bt_mediatheque.jpg) no-repeat 0 0; display:block; width:111px; height:46px;} /*bt_mediatheque a:hover{ background:url(../img/bt_mediatheque_hover.jpg) no-repeat 0 0; width:111px; height:46px;}*/ #menuBarre {width:800px; height:11px;} /*---------------------------------------------------------------------------------- Footer ----------------------------------------------------------------------------------*/ #footer {width:800px; border-top:1px #000000 solid; text-align:center; padding:5px 0px; margin-top:10px; font-size:9px;} #footer a { color:#000000;} #footer a:hover { color:#000000;} /*---------------------------------------------------------------------------------- Actus ----------------------------------------------------------------------------------*/ #liste_Actus{display:inline-block; float:left; width:380px;} #titre_derniereActus{display:inline-block; float:left; width:380px; height:78px; background:url(../img/derniereActus.jpg) no-repeat;} #liste_Actus ul {margin-left:-40px;} #liste_Actus li {display:inline-block; float:left; width:380px; border-bottom: dotted #b51062 2px; margin:10px 0; padding-bottom:5px;} *html #liste_Actus li {display:inline-block; float:left; width:380px; border-bottom: dotted #b51062 2px; margin-top:5px; margin-botttom:5px; padding-bottom:5px;} #liste_Actus img {display:inline-block; float:left; width:50px; /*height:50px;*/ border: solid #b51062 1px;} #liste_Actus .texte {display:inline-block; float:left; padding-left:5px; width:323px; text-align:left;} #liste_Actus h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:303px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin-bottom:5px;} html>/**/body #liste_Actus h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:303px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin:0 0 5px 0;} #liste_Actus .date {display:inline-block; float:left; width:303px; font-weight:bold; font-size:11px; padding-left:20px; margin-bottom:5px;} #liste_Actus .tout {display:inline-block; float:left; width:360px; height:20px; font-weight:bold; font-size:9px; color:#FFFFFF; padding-right:20px; text-align:right; background-color:#1e1e1e;} html>/**/body #liste_Actus .tout {display:inline-block; float:left; width:360px; height:16px; font-weight:bold; font-size:9px; color:#FFFFFF; padding:4px 20px 0 0; text-align:right; background-color:#1e1e1e;} #liste_Actus .tout a {display:inline-block; height:20px; background:url(../img/puce02.gif) no-repeat; color:#FFFFFF; padding:1px 0 0 18px; margin-top:3px;} #liste_Actus .pagination {display:inline-block; float:left; width:380px; margin-bottom:10px; font-weight:bold; color:#b51062; text-align:center;} #liste_Actus .pagination a {font-weight:normal; color:#000000;} #titre_actus {width:800px; height:73px; background:url(../img/titre_actus.jpg) no-repeat;} #titre_actus form {padding-top: 28px; padding-left:300px; font-size:10px;} #titre_actus select { font-size:11px;} #zone_Actus{display:inline-block; float:left; width:350px; background-color:#b51062; padding:20px 10px 50px 10px; margin-top:-20px;} *html #zone_Actus h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:330px; background:url(../img/puce05.gif) no-repeat; padding-left:20px; margin-bottom:5px; margin-top:10px;} #zone_Actus h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:330px; background:url(../img/puce05.gif) no-repeat; padding-left:20px; margin-bottom:5px;} html>/**/body #zone_Actus h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:330px; background:url(../img/puce05.gif) no-repeat; padding-left:20px; margin:0 0 5px 0;} #zone_Actus img {display:inline-block; float:left; width:350px; margin-bottom:10px;} #zone_Actus .texte {display:inline-block; float:left; width:350px; text-align:left; color:#FFFFFF;} #zone_Actus .texte a {color:#FFFFFF; text-decoration:underline;} #zone_Actus .texte a:hover {text-decoration:none;} #zone_Actus .date {display:inline-block; float:left; width:330px; font-weight:bold; font-size:11px; padding-left:20px; margin-bottom:10px;} /*---------------------------------------------------------------------------------- Programmation ----------------------------------------------------------------------------------*/ #liste_Programmation_Accueil {display:inline-block; float:left; width:370px; background-color:#b51062; padding-bottom:10px;} #titre_Programmation_Accueil {display:inline-block; float:left; width:370px; height:78px; background:url(../img/prog112_accueil.jpg) no-repeat;} #liste_Programmation_Accueil .image {display:inline-block; float:left; width:356px; height:140px; border:none; background:url(../img/fond_image_prog_accueil.jpg) no-repeat; margin:0 3px 8px 3px; padding-left:3px;} html>/**/body #liste_Programmation_Accueil ul {display:inline-block; float:left; margin-left:-40px;} #liste_Programmation_Accueil ul {display:inline-block; float:left; margin-left:0px;} #liste_Programmation_Accueil li {display:inline-block; float:left; width:370px; margin:5px 4px;} *html #liste_Programmation_Accueil li {display:inline-block; float:left; width:370px; margin-top:5px; margin-botttom:5px;} #liste_Programmation_Accueil h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#ffffff; margin-left:6px; margin-bottom:2px;} html>/**/body #liste_Programmation_Accueil h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#ffffff; margin:0 0 2px 6px;} #liste_Programmation_Accueil h1 a { color:#FFFFFF;} #liste_Programmation_Accueil .tout {display:inline-block; float:left; width:336px; height:20px; font-weight:bold; font-size:9px; color:#b51062; padding-right:20px; text-align:right; background-color:#ffffff; margin: 0 7px;} html>/**/body #liste_Programmation_Accueil .tout {display:inline-block; float:left; width:336px; height:16px; font-weight:bold; font-size:9px; color:#b51062; padding:4px 20px 0 0; text-align:right; background-color:#ffffff; margin: 0 7px;} #liste_Programmation_Accueil .tout a {display:inline-block; height:20px; background:url(../img/puce03.gif) no-repeat; padding:1px 0 0 18px; margin-top:3px;} #titre_programmation {width:800px; height:67px; background:url(../img/titre_programmation.jpg) no-repeat;} #titre_programmation form {padding-top: 28px; padding-right:20px; font-size:10px; display:inline-block; float:right;} #titre_programmation select { font-size:11px;} #programmation{display:inline-block; float:left; width:760px; padding:0 20px;} html>/**/body #programmation ul {margin-left:-40px;} #programmation ul {margin-left:0px;} #programmation li {display:inline-block; float:left; width:760px; height:88px; border-bottom: dotted #b51062 2px; margin:10px 0; padding-bottom:5px;} *html #programmation li {display:inline-block; float:left; width:760px; height:88px; border-bottom: dotted #b51062 2px; margin-top:5px; margin-botttom:5px; padding-bottom:5px;} #programmation img {display:inline-block; float:left; width:226px; height:85px; border: solid #b51062 1px;} #programmation .texte {display:inline-block; float:left; padding-left:5px; width:300px; text-align:left; line-height:16px;} #programmation h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:507px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin-bottom:5px; margin-left:5px;} html>/**/body #programmation h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:507px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin:0 0 5px 5px;} #programmation .bt_billet {display:inline-block; float:left;} #programmation .bt_billet a{display:inline-block; float:left; background:url(../img/bt_billet01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 10px; position: relative; top:34px;} * html #programmation .bt_billet a{display:inline-block; float:left; background:url(../img/bt_billet01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0 0 0 10px; position: relative; top:26px;} #programmation .bt_billet a:hover{background:url(../img/bt_billet01_hover.gif) left no-repeat; text-decoration:underline;} #programmation .bt_details {display:inline-block; float:left;} #programmation .bt_details a{display:inline-block; float:left; background:url(../img/bt_details01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 10px; position: relative; top:40px;} * html #programmation .bt_details a{display:inline-block; float:left; background:url(../img/bt_details01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0 0 0 10px; position: relative; top:32px;} #programmation .bt_details a:hover{background:url(../img/bt_details01_hover.gif) left no-repeat; text-decoration:underline;} #programmation .pagination {display:inline-block; float:left; width:760px; margin-bottom:10px; font-weight:bold; color:#b51062; text-align:center;} #programmation .pagination a {font-weight:normal; color:#000000;} /*---------------------------------------------------------------------------------- A Saisir ----------------------------------------------------------------------------------*/ #titre_Asaisir {display:inline-block; float:left; width:370px; height:54px; background:url(../img/Asaisir.jpg) no-repeat;} #Asaisir {display:inline-block; float:left; width:370px; background:url(../img/fond_Asaisir.gif) repeat-y; padding-bottom:10px; margin-top:10px;display:none;} #Asaisir ul {margin-left:-40px;} #Asaisir li {display:inline-block; float:left; width:350px; border-bottom: dotted #ffffff 2px; margin:10px 10px; padding-bottom:5px;} *html #Asaisir li {display:inline-block; float:left; width:350px; border-bottom: dotted #ffffff 2px; margin-top:5px; margin-botttom:5px; margin-left:5px; margin-right:5px; padding-bottom:5px;} #Asaisir .texte {display:inline-block; float:left; padding-left:5px; width:330px; text-align:left;} #Asaisir h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:330px; background:url(../img/puce04.gif) no-repeat; padding-left:20px; margin-bottom:5px;} html>/**/body #Asaisir h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:330px; background:url(../img/puce04.gif) no-repeat; padding-left:20px; margin:0 0 5px 0;} #Asaisir h1 a {color:#FFFFFF} #Asaisir .tout {display:inline-block; float:left; width:336px; height:20px; font-weight:bold; font-size:9px; color:#b51062; padding-right:20px; text-align:right; background-color:#ffffff; margin: 0 7px;} *html #Asaisir .tout {display:inline-block; float:left; width:336px; height:20px; font-weight:bold; font-size:9px; color:#b51062; padding-right:20px; text-align:right; background-color:#ffffff; margin: 0 3px;} html>/**/body #Asaisir .tout {display:inline-block; float:left; width:336px; height:16px; font-weight:bold; font-size:9px; color:#b51062; padding:4px 20px 0 0; text-align:right; background-color:#ffffff; margin: 0 7px;} #Asaisir .tout a {display:inline-block; height:20px; background:url(../img/puce03.gif) no-repeat; padding:1px 0 0 18px; margin-top:3px;} /*---------------------------------------------------------------------------------- News Letter ----------------------------------------------------------------------------------*/ #NewsLetter {display:inline-block; float:left; width:220px; height:146px; background:url(../img/newsletter.jpg) no-repeat; font-size:10px; font-weight:bold; padding:90px 20px 0 130px;} #NewsLetter .button {display:inline-block; background:url(../img/bt_ok01.gif) no-repeat; width:51px; height:51px; border:none; cursor:pointer; margin:-14px 0 0 0;} html>/**/body #NewsLetter .button {display:inline-block; background:url(../img/bt_ok01.gif) no-repeat; width:51px; height:51px; border:none; cursor:pointer; margin:-4px 0 0 0;} #NewsLetter .button:hover {display:inline-block; background:url(../img/bt_ok01_hover.gif) no-repeat; width:51px; height:51px; border:none;} #NewsLetter input {display:inline-block; float:left; margin:0 10px 0 0;} html>/**/body #NewsLetter input {display:inline-block; float:left; margin:10px 10px 0 0;} #NewsLetter a {display:inline-block; color:#000000; font-size:9px; text-decoration:underline; font-weight:normal; margin:-30px 0;} #NewsLetter a:hover {text-decoration:none;} /*---------------------------------------------------------------------------------- Médiathèque ----------------------------------------------------------------------------------*/ #bloc_mediatheque{display:inline-block; float:left; width:380px;} #titre_mediatheque_accueil{display:inline-block; float:left; width:380px; height:107px; background:url(../img/mediatheque_accueil.jpg) no-repeat;} .player{display:inline-block; float:left; width:374px; height:305px; border: solid 3px #b51062; background:url(../img/fond_player.jpg) no-repeat; margin-bottom:10px;} .mini_galerie {display:inline-block; float:left; width:380px; height:87px; background:url(../img/titre_photos.jpg) no-repeat #b51062; margin:20px 0 0 0; padding-top:20px;} #bloc_mediatheque h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:380px; margin-bottom:5px;} html>/**/body #bloc_mediatheque h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:380px; margin:0 0 5px 0;} #bloc_mediatheque .tout {display:inline-block; float:left; width:360px; height:20px; font-weight:bold; font-size:9px; color:#FFFFFF; padding-right:20px; text-align:right; background-color:#1e1e1e;} html>/**/body #bloc_mediatheque .tout {display:inline-block; float:left; width:360px; height:16px; font-weight:bold; font-size:9px; color:#FFFFFF; padding:4px 20px 0 0; text-align:right; background-color:#1e1e1e;} #bloc_mediatheque .tout a {display:inline-block; height:20px; background:url(../img/puce02.gif) no-repeat; color:#FFFFFF; padding:1px 0 0 18px; margin-top:3px;} #titre_mediatheque {width:800px; height:74px; background:url(../img/titre_mediatheque.jpg) no-repeat;} #titre_mediatheque form {padding-top: 28px; padding-right:20px; font-size:10px; display:inline-block; float:right;} #titre_mediatheque select { font-size:11px;} #mediatheque{display:inline-block; float:left; width:760px; padding:0 20px;} html>/**/body #mediatheque ul {margin-left:-40px;} #mediatheque ul {margin-left:0px;} #mediatheque li {display:inline-block; float:left; width:760px; height:88px; border-bottom: dotted #b51062 2px; margin:10px 0; padding-bottom:5px;} *html #mediatheque li {display:inline-block; float:left; width:760px; height:88px; border-bottom: dotted #b51062 2px; margin-top:5px; margin-botttom:5px; padding-bottom:5px;} #mediatheque img {display:inline-block; float:left; width:226px; height:85px; border: solid #b51062 1px;} #mediatheque .texte {display:inline-block; float:left; padding-left:5px; width:300px; text-align:left; line-height:16px;} #mediatheque h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:507px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin-bottom:5px; margin-left:5px;} html>/**/body #mediatheque h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:507px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin:0 0 5px 5px;} #mediatheque .picto {display:inline-block; float:left; padding:0; margin-right:10px;position: relative; top:34px;} #mediatheque .picto img {height:31px; border:0; width:auto;} #mediatheque .bt_details {display:inline-block; float:left;} #mediatheque .bt_details a{display:inline-block; float:left; background:url(../img/bt_details01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 50px; position: relative; top:40px;} * html #mediatheque .bt_details a{display:inline-block; float:left; background:url(../img/bt_details01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0 0 0 50px; position: relative; top:32px;} #mediatheque .bt_details a:hover{background:url(../img/bt_details01_hover.gif) left no-repeat; text-decoration:underline;} #mediatheque .pagination {display:inline-block; float:left; width:760px; margin-bottom:10px; font-weight:bold; color:#b51062; text-align:center;} #mediatheque .pagination a {font-weight:normal; color:#000000;} /*---------------------------------------------------------------------------------- Fiche ----------------------------------------------------------------------------------*/ .retour {display:inline-block; float:left; width:360px; height:20px; font-weight:bold; font-size:11px; color:#FFFFFF; padding-right:20px; text-align:right; background:url(../img/fond_Asaisir.gif) repeat-y left #c23700;} html>/**/body .retour{display:inline-block; float:left; width:360px; height:16px; font-weight:bold; font-size:11px; color:#FFFFFF; padding:4px 20px 0 0; text-align:right; background:url(../img/fond_Asaisir.gif) repeat-y left #c23700;} .retour a {display:inline-block; height:20px; background:url(../img/puce08.gif) no-repeat; color:#FFFFFF; padding:1px 0 0 18px; margin-top:3px;} .retour a:hover { color:#FFFFFF; text-decoration:underline;} #photo_fiche {display:inline-block; float:left; width:380px; margin-bottom:10px;} .vignette_fiche{display:inline-block; float:left; width:124px; height:93px; margin-top:10px;} .vignette_fiche_middle{display:inline-block; float:left; width:124px; height:93px; margin:10px 4px 0 4px;} .bt_vignette_fiche {display:inline-block; float:left; width:124px; height:93px; position:relative; margin-top:-93px;} .bt_vignette_fiche a {display:inline-block; float:left; width:124px; height:93px; background:url(../img/bt_loupe.gif) bottom right no-repeat; position:relative;} .bt_vignette_fiche a:hover {background:url(../img/bt_loupe_hover.gif) bottom right no-repeat;} #titre_video{display:inline-block; float:left; width:380px; height:85px; background:url(../img/titre_video.jpg) no-repeat;} #presentation {display:inline-block; float:left; width:370px; padding-bottom:10px;} #presentation h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#b51062; width:330px; height:31px; background:url(../img/puce07.gif) no-repeat; padding-left:33px; padding-top:4px; margin-bottom:5px;} html>/**/body #presentation h1 {display:inline-block; float:left; font-size:18px; font-weight:bold; color:#b51062; width:330px; height:31px; background:url(../img/puce07.gif) no-repeat; padding-left:33px; padding-top:4px; margin:0 0 5px 0;} #presentation .texte {display:inline-block; float:left; width:370px; padding-bottom:10px; text-align:justify;} #presentation .site {display:inline-block; float:left; width:350px; height:20px; font-weight:bold; font-size:9px; color:#b51062; padding-right:20px; text-align:right; background-color:#1e1e1e;} html>/**/body #presentation .site {display:inline-block; float:left; width:350px; height:16px; font-weight:bold; font-size:9px; color:#b51062; padding:4px 20px 0 0; text-align:right; background-color:#1e1e1e;} #presentation .site a {display:inline-block; height:20px; background:url(../img/puce06.gif) no-repeat; padding:1px 0 0 18px; margin-top:3px;} #concert {display:inline-block; float:left; width:350px; padding-bottom:10px; background:url(../img/titre_concert.jpg) top no-repeat #b51062; padding:83px 10px 10px 10px; color:#FFFFFF;} #concert .date{display:inline-block; float:left; width:350px; font-weight:bold; font-size:18px; margin-bottom:5px;} #concert .artistePlus{display:inline-block; float:left; width:350px;} #concert .artistePlus a{text-decoration:underline; font-weight:bold; color:#FFFFFF;} #concert .artistePlus a:hover{text-decoration:none; color:#FFFFFF;} #acheter {display:inline-block; float:left; width:370px; margin:10px 0; text-align:right;} #acheter #bt_acheter {display:inline-block; float:left; width:370px; height:37px; margin-top:5px;} #acheter #bt_acheter a{ background:url(../img/bt_achetez.gif) no-repeat right; display:block; width:370px; height:37px;} #acheter #bt_acheter a:hover{ background:url(../img/bt_achetez_hover.gif) no-repeat right; } #bt_envoyer {display:inline-block; float:left; width:370px; height:29px; margin-top:5px; margin-bottom:10px;} #bt_envoyer a{ background:url(../img/bt_envoyez.gif) no-repeat right; display:block; width:370px; height:29px;} #bt_envoyer a:hover{ background:url(../img/bt_envoyez_hover.gif) no-repeat right; } #album{display:inline-block; float:left; width:370px; margin-bottom:20px; display:none;} #titre_album{display:inline-block; float:left; width:370px; height:53px; background:url(../img/titre_album.jpg) no-repeat;} #album .infos {display:inline-block; float:left;} #album ul {margin-left:-40px;} #album li {display:inline-block; float:left; width:370px; border-bottom: dotted #b51062 2px; margin:10px 0; padding-bottom:5px;} *html #album li {display:inline-block; float:left; width:370px; border-bottom: dotted #b51062 2px; margin-top:5px; margin-botttom:5px; padding-bottom:5px;} #album img {display:inline-block; float:left; width:90px; height:90px; border: solid #b51062 1px;} #album .texte {display:inline-block; float:left; padding-left:5px; width:273px;} #album .artiste {display:inline-block; float:left; width:253px; height:12px; padding-left:20px;} #album .dateSortie {display:inline-block; float:left; width:253px; height:12px; padding-left:20px;} #album .genre {display:inline-block; float:left; width:253px; height:12px; padding-left:20px;} #album h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:253px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin-bottom:5px;} html>/**/body #album h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:253px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin:0 0 5px 0;} #album .bt_ecouter01 {display:inline-block; float:left; margin-top:5px; margin-left:20px;} * html #album .bt_ecouter01 {display:inline-block; float:left; margin-top:5px; margin-left:10px;} #album .bt_ecouter01 a{display:inline-block; float:left; background:url(../img/bt_ecouter01.gif) left no-repeat; color:#b51062; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 0} * html #album .bt_ecouter01 a{display:inline-block; float:left; background:url(../img/bt_ecouter01.gif) left no-repeat; color:#b51062; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0} #album .bt_ecouter01 a:hover{background:url(../img/bt_ecouter01_hover.gif) left no-repeat; text-decoration:underline;} #album .bt_mp301 {display:inline-block; float:left; margin-left:20px; margin-top:5px;} #album .bt_mp301 a{display:inline-block; float:left; background:url(../img/bt_mp301.gif) left no-repeat; color:#b51062; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 0} * html #album .bt_mp301 a{display:inline-block; float:left; background:url(../img/bt_mp301.gif) left no-repeat; color:#b51062; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0} #album .bt_mp301 a:hover{background:url(../img/bt_mp301_hover.gif) left no-repeat; text-decoration:underline;} #album .titre {display:inline-block; float:left; width:370px;} #album .titre .chanson {display:inline-block; float:left; width:232px;} #album .titre ul {margin-left:0;} html>/**/body #album .titre ul {margin-left:-40px;} #album .titre li { display:inline-block; float:left; width:370px; margin:5px 0 0 0; padding:0; border:none; color:#b51062; font-weight:bold;} #album .bt_ecouter02 {display:inline-block; float:left;} #album .bt_ecouter02 a{display:inline-block; float:left; background:url(../img/bt_ecouter02.gif) left no-repeat; color:#b51062; font-weight:bold; font-size:11px; text-decoration:none; padding:3px 0 0 15px; margin-top:-3px} #album .bt_ecouter02 a:hover{background:url(../img/bt_ecouter02_hover.gif) left no-repeat; text-decoration:underline;} #album .bt_mp302 {display:inline-block; float:left; margin-left:5px;} #album .bt_mp302 a{display:inline-block; float:left; background:url(../img/bt_mp302.gif) left no-repeat; color:#b51062; font-weight:bold; font-size:11px; text-decoration:none; padding:3px 0 0 15px; margin-top:-3px} #album .bt_mp302 a:hover{background:url(../img/bt_mp302_hover.gif) left no-repeat; text-decoration:underline;} #boutique {display:inline-block; float:left; width:370px; margin-bottom:20px; display:none;} #titre_boutique{display:inline-block; float:left; width:370px; height:53px; background:url(../img/titre_boutique_fiche.jpg) no-repeat;} #boutique ul {margin-left:-40px;} #boutique li {display:inline-block; float:left; width:370px; border-bottom: dotted #b51062 2px; margin:10px 0; padding-bottom:5px;} *html #boutique li {display:inline-block; float:left; width:370px; border-bottom: dotted #b51062 2px; margin-top:5px; margin-botttom:5px; padding-bottom:5px;} #boutique img {display:inline-block; float:left; width:90px; height:90px; border: solid #b51062 1px;} #boutique .texte {display:inline-block; float:left; padding-left:5px; width:273px;} #boutique .description {display:inline-block; float:left; width:253px; padding-left:20px;} #boutique .option {display:inline-block; float:left; width:253px; padding-left:20px;} #boutique .prix {display:inline-block; float:left; width:273px; font-size:14px; font-weight:bold; color:#b51062; text-align:right;} #boutique select {font-size:11px; margin-top:5px;} #boutique h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:253px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin-bottom:5px;} html>/**/body #boutique h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:253px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin:0 0 5px 0;} #boutique .bt_details {display:inline-block; float:left;} #boutique .bt_details a{display:inline-block; float:left; background:url(../img/bt_details01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 10px;} * html #boutique .bt_details a{display:inline-block; float:left; background:url(../img/bt_details01.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0 0 0 10px;} #boutique .bt_details a:hover{background:url(../img/bt_details01_hover.gif) left no-repeat; text-decoration:underline;} #boutique .bt_ajoutPanier {display:inline-block; float:left;} #boutique .bt_ajoutPanier a{display:inline-block; float:left; background:url(../img/bt_panier02.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:-8px 0 0 28px;} * html #boutique .bt_ajoutPanier a{display:inline-block; float:left; background:url(../img/bt_panier02.gif) left no-repeat; color:#1e1e1e; font-weight:bold; font-size:11px; text-decoration:none; padding:10px 0 10px 35px; margin:0 0 0 28px;} #boutique .bt_ajoutPanier a:hover{background:url(../img/bt_panier02_hover.gif) left no-repeat; text-decoration:underline;} /*---------------------------------------------------------------------------------- La Salle ----------------------------------------------------------------------------------*/ #plan_acces{display:inline-block; float:left; width:380px;} #titre_plan{display:inline-block; float:left; width:380px; height:45px; background:url(../img/titre_plan.jpg) no-repeat;} #zone_plan{display:inline-block; float:left; width:376px; height:274px; border:2px solid #b51062;} #photos_salle {display:inline-block; float:left; width:380px; height:87px; background:url(../img/titre_photos_salle.jpg) no-repeat #b51062; margin:20px 0 0 0; padding-top:20px;} #plan_salle{display:inline-block; float:left; width:380px; height:517px; background:url(../img/planSalle.jpg) no-repeat;} #contact {display:inline-block; float:left; width:370px; margin-bottom:20px;} #titre_contact {display:inline-block; float:left; width:370px; height:72px; background:url(../img/titre_contacts.jpg) no-repeat;} #contact .texte {display:inline-block; float:left; width:370px; margin-bottom:10px;} #contact .formulaire {display:inline-block; float:left; width:350px; background-color:#b51062; padding:10px 10px 10px 10px; color:#FFFFFF; text-align:center;} #contact .formulaire input {display:inline-block; float:left; font-size:12px; width:260px;} #contact .formulaire select {font-size:11px; width:260px;} #contact .formulaire textarea {width:350px; height:100px; font-size:12px; margin:5px 0;} #contact .ligne1 {display:inline-block; float:left; width:70px; margin:5px 0; text-align:left;} #contact .ligne2{display:inline-block; float:left; width:280px; margin:5px 0; text-align:left;} #contact .bt_envoyer {display:inline-block; float:right; margin-top:10px;} #contact .bt_envoyer a{display:inline-block; float:right; background:url(../img/bt_mail.jpg) left no-repeat; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:underline; padding:10px 0 10px 35px; margin:-8px 0 0 20px;} * html #contact .bt_envoyer a{display:inline-block; float:right; background:url(../img/bt_mail.jpg) left no-repeat; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:underline; padding:10px 0 10px 35px; margin:0 0 0 20px;} #contact .bt_envoyer a:hover{background:url(../img/bt_mail_hover.jpg) left no-repeat; text-decoration:none;} /*---------------------------------------------------------------------------------- recherche ----------------------------------------------------------------------------------*/ .liste_recherche{display:inline-block; float:left; width:760px; padding:0 20px;} html>/**/body .liste_recherche ul {margin-left:-40px;} .liste_recherche ul {margin-left:0px;} .liste_recherche li {display:inline-block; float:left; width:760px; /*height:88px;*/ border-bottom: dotted #b51062 2px; margin:10px 0; padding-bottom:5px;} *html .liste_recherche li {display:inline-block; float:left; width:760px; /*height:88px;*/ border-bottom: dotted #b51062 2px; margin-top:5px; margin-botttom:5px; padding-bottom:5px;} .liste_recherche .texte {display:inline-block; float:left; padding-left:5px; width:300px; text-align:left; line-height:16px;} .liste_recherche h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:507px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin-bottom:5px; margin-left:5px;} html>/**/body .liste_recherche h1 {display:inline-block; float:left; font-size:15px; font-weight:bold; color:#b51062; width:507px; background:url(../img/puce01.gif) no-repeat; padding-left:20px; margin:0 0 5px 5px;} /*---------------------------------------------------------------------------------- Popup ----------------------------------------------------------------------------------*/ #popup { width:400px; margin:0px auto;} #contenuPopup { width:400px; height:295px; background:url(../img/fond_Popup.jpg) repeat-y; padding:55px 0 50px 0;} * html #contenuPopup .text {display:inline-block;float:left; width:350px; margin-top:20px; margin-bottom:20px; margin-left:15px; margin-right:15px; text-align:center;} #contenuPopup .text {display:inline-block;float:left; width:350px; margin:20px 30px; text-align:center;} * html #bt_fnac {display:inline-block;float:left; width:124px; height:102px; margin-right:7px; margin-left:15px;} #bt_fnac {display:inline-block;float:left; width:124px; height:102px; margin-right:14px; margin-left:30px;} #bt_fnac a{ background:url(../img/bt_fnac.gif) no-repeat 0 0; display:block; width:124px; height:102px;} #bt_fnac a:hover{ background:url(../img/bt_fnac_hover.gif) no-repeat 0 0; width:124px; height:102px;} * html #bt_ticketnet {display:inline-block;float:left; width:202px; height:102px; margin-right:30px;} #bt_ticketnet {display:inline-block;float:left; width:202px; height:102px; margin-right:15px;} #bt_ticketnet a{ background:url(../img/bt_ticketnet.gif) no-repeat 0 0; display:block; width:202px; height:102px;} #bt_ticketnet a:hover{ background:url(../img/bt_ticketnet_hover.gif) no-repeat 0 0; width:202px; height:102px;} #titre_envoyerAmi {display:inline-block;float:left; width:350px; height:74px; background:url(../img/titre_envoyeAmi.jpg) no-repeat; margin-left:30px;} * html #titre_envoyerAmi {display:inline-block;float:left; width:350px; height:74px; background:url(../img/titre_envoyeAmi.jpg) no-repeat; margin-left:15px;} * html #contenuPopup .text2 {display:inline-block;float:left; width:350px; margin-top:5px; margin-bottom:20px; margin-left:15px; margin-right:15px; text-align:center;} #contenuPopup .text2 {display:inline-block;float:left; width:350px; margin:5px 30px 20px 30px; text-align:center;} #contenuPopup input {display:inline-block; float:left; font-size:12px; width:180px;} #contenuPopup select {font-size:11px; width:180px;} #contenuPopup .text textarea {width:350px; height:100px; font-size:12px; margin:5px 0;} #contenuPopup .ligne1 {display:inline-block; float:left; width:160px; margin:5px 0; text-align:left;} #contenuPopup .ligne2{display:inline-block; float:left; width:190px; margin:5px 0; text-align:left;} #contenuPopup .bt_envoyer2 {display:inline-block; float:right; margin-top:10px;} #contenuPopup .bt_envoyer2 a{display:inline-block; float:right; background:url(../img/bt_mail02.jpg) left no-repeat; color:#000000; font-weight:bold; font-size:12px; text-decoration:underline; padding:10px 0 10px 35px; margin:-8px 0 0 20px;} * html #contenuPopup .bt_envoyer2 a{display:inline-block; float:right; background:url(../img/bt_mail02.jpg) left no-repeat; color:#000000; font-weight:bold; font-size:12px; text-decoration:underline; padding:10px 0 10px 35px; margin:0 0 0 20px;} #contenuPopup .bt_envoyer2 a:hover{background:url(../img/bt_mail02_hover.jpg) left no-repeat; text-decoration:none;} /*---------------------------------------------------------------------------------- classe de texte ----------------------------------------------------------------------------------*/ .rose {color:#b51062;} .normal {color:#000000; font-weight:normal;} .grasRose {color:#b51062; font-weight:bold;} .grosGrasRose{font-weight:bold; color:#b51062; font-size:13px;} .gras {font-weight:bold;} .grosGras{font-weight:bold; font-size:13px;}