/* ------------------------------------------ /* Correction des styles HTML par defaut /* ------------------------------------------ */ * {margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none } #clear{ clear: both; width: 100%; height: 0px; line-height: 0px;} .dn{ display:none;} html, body { font-size: 100%; } body{ font:11px normal Arial, Helvetica, sans-serif ;background: #C5B790;} div#global{ width: 779px; margin: 0 auto; position: relative; background:#FFF ; } #header { height: 135px; background-color: #C5B790; } div#center { /* Pour éviter la superposition du pied de page et du contenu : */ margin-top: 25px } div#content, #content_spectacle, #content_expo, #content_reperage, #content_portrait, #content_edito { float: left; width: 540px; } div#sidebar { float: right; width: 239px; } #logo{clear: both;width: 100%; height: 34px; background: url(../img/logo.gif) no-repeat right} div#footer { clear: both; width: 100%; height: 16px; background: url(../img/footer.jpg) no-repeat right bottom; padding-top:1px } /* ACCUEIL*/ #edito{position:relative; width: 540px; margin-bottom: 20px; padding: 20px 0px 50px 0px; background: #DFD4B4 url(../img/BG_edito.gif) no-repeat bottom } #texte_edito{ margin: 0 20px 0 70px; } #edito .commedito{ position:absolute; bottom:25px; right:10px;color:#4F4F4F;} #edito .commedito a{color:#4F4F4F; font-size:10px} #edito .commedito a:hover{ text-decoration:underline} .accueil_titre{ margin: 0 0 0 20px; padding:0} #accueil_article{ position: relative; } #accueil_article h2{ padding-top: 6px; } #accueil_article .comm{ position:absolute; top:0; right:10px; color:#fff; font-size:10px} #accueil_article .comm a{margin-left:0; padding:0} #accueil_article .comm a:hover{ text-decoration:underline} #articles_ac{ clear: both; margin-top:0px; overflow:hidden;} *+html #articles_ac{ clear: both; margin-top:0px; overflow:hidden;} *html #articles_ac{ clear: both; margin-top:0px; overflow:hidden;} #articles_ac{ margin-left: 20px; margin-bottom: 10px} #articles_ac img{ float:left; margin-left: 0px; padding-right: 8px; background-color: #fff; } #articles_ac a{padding: 0 4px; margin-left: 5px; color: #FFF } #articles_ac .img_lien{padding: 0 ; margin: 0;background: none; float:left; height:70px} #articles_ac .marg_article{ line-height: 3px;height:0;overflow:hidden; margin:3px 0 0 0; padding:0; font-size:11px} /* couleur titre et lien des encarts */ #articles_ac .spectacle .titre_encart{color: #830E5E;} #articles_ac .spectacle a{background: #830E5E;} #articles_ac .expo .titre_encart{color: #89AC23;} #articles_ac .expo a{background: #89AC23;} #articles_ac .reperage .titre_encart{color: #0288E8;} #articles_ac .reperage a{background: #0288E8;} #articles_ac .portrait .titre_encart{color: #8A0909;} #articles_ac .portrait a{background: #8A0909;} .titrereperage{ color:#0288E8; font-size:12px; font-weight:bold; letter-spacing:2px; } .titreportrait{ color:#8A0909; font-size:12px; font-weight:bold; letter-spacing:2px; } /* PAGE SPECTACLES EXPO */ #titre_spectacle{height: 15px; background: #830E5E url(../img/titre_spectacles.gif) no-repeat left; margin-bottom: 20px } #titre_expo{height: 15px; background: #89AC23 url(../img/titre_expo.gif) no-repeat left; margin-bottom: 20px } #titre_reperage{height: 15px; background: #0288E8 url(../img/titre_reperage.gif) no-repeat left; margin-bottom: 20px } #titre_portrait{height: 15px; background: #8A0909 url(../img/titre_portrait.gif) no-repeat left; margin-bottom: 20px } #titre_edito{height: 15px; background: #F69500 url(../img/titre_edito.gif) no-repeat left; margin-bottom: 20px } #content_spectacle .titre_encart{ line-height: normal; color: #830E5E;} #content_spectacle a{background: #830E5E;} #content_expo .titre_encart{ line-height: normal; color:#89AC23;} #content_expo a{background: #89AC23;} #content_reperage .titre_encart{ line-height: normal; color:#0288E8;} #content_reperage a{background: #0288E8;} #content_portrait .titre_encart{ line-height: normal; color:#8A0909;} #content_portrait a{background: #8A0909;} #content_edito .titre_encart{ line-height: normal; color: #F69500;} #content_edito a{background: #F69500;} /* ARTICLES page expo spectacle*/ #articles{ clear: both; margin-left: 20px; margin-bottom: 10px; overflow:hidden;} #articles img{ margin-left: 0px; padding-right: 8px; background-color: #fff; } #articles a{padding: 0 4px; margin-left: 5px; color: #FFF ;} #articles .comm a{margin-left: 0px;background: none;color:#4c4c4c;} #articles .comm a:hover{text-decoration:underline} #articles .comm {color:#2f2f2f;} #articles .img_lien{padding: 0 ; margin: 0;background-color: none; float:left; height:70px;} #articles_edito{ clear: both; margin-left: 20px; margin-bottom: 10px; overflow:hidden; background:#EBEBEB; padding:10px; border:1px solid #C9C9C9} #articles_edito .comm a{margin-left: 0px;background: none;color:#4c4c4c;} #articles_edito .comm a:hover{text-decoration:underline} #articles_edito a.lire{padding:2px 4px; float:right; color:#fff; } .lienexpo{float: right; background: #89AC23; padding: 0 4px; margin-left: 5px; color: #FFF} .titreexpo{ color: #89AC23; font-size: 12px; font-weight: bold; letter-spacing: 2px} /* PAGE SPECTACLES EXPO DETAIL*/ #detail_spectacle #titre_detail_spectacle{ width: 100%; height: 15px; background: #830E5E url(../img/titre_detail_spectacle.gif) no-repeat left } #detail_spectacle #titre_detail_spectacle a{ float: right; color: #FFF; padding: 0 10px 0 20px; font-weight: bold; background: url(../img/fleche.gif) 0px 2px no-repeat; } #detail_spectacle #texte_detail{ margin: 20px 20px 0px 20px; } #detail_spectacle #texte_detail img{ margin: 0 20px 10px 0 ; float: left} #detail_spectacle .titre_encart{ font-size: 16px; color:#830E5E;} #detail_spectacle #telechargement{ float: right; margin: 15px 30px 0 0px; padding-bottom: 50px} #detail_spectacle .tele_spectacle{ margin-right: 0px; padding: 0 4px 0 20px ; color: #FFF; font-weight: bold; background: #830E5E url(../img/fleche.gif) 0px 2px no-repeat;} #detail_expo #titre_detail{ width: 100%; height: 15px; background: #89AC23 url(../img/titre_detail_expo.gif) no-repeat left } #detail_expo #titre_detail a{ float: right; color: #FFF; padding: 0 10px 0 20px; font-weight: bold; background: url(../img/fleche.gif) 0px 2px no-repeat; } #detail_expo #texte_detail{ margin: 20px 20px 0px 20px; } #detail_expo #texte_detail img{ margin: 0 20px 10px 0 ; float: left} #detail_expo .titre_encart{ font-size: 16px; color:#89AC23;} #detail_expo #telechargement{ float: right; margin: 15px 30px 0 0px; padding-bottom: 50px} #detail_expo .tele_spectacle{ margin-right: 0px; padding: 0 4px 0 20px ; color: #FFF; font-weight: bold; background: #89AC23 url(../img/fleche.gif) 0px 2px no-repeat;} #detail_reperage #titre_detail{ width: 100%; height: 15px; background: #0288E8 url(../img/titre_detail_reperage.gif) no-repeat left } #detail_reperage #titre_detail a{ float: right; color: #FFF; padding: 0 10px 0 20px; font-weight: bold; background: url(../img/fleche.gif) 0px 2px no-repeat; } #detail_reperage #texte_detail{ margin: 20px 20px 0px 20px; } #detail_reperage #texte_detail img{ margin: 0 20px 10px 0 ; float: left} #detail_reperage .titre_encart{ font-size: 16px; color:#0288E8;} #detail_reperage #telechargement{ float: right; margin: 15px 30px 0 0px; padding-bottom: 50px} #detail_reperage .tele_spectacle{ margin-right: 0px; padding: 0 4px 0 20px ; color: #FFF; font-weight: bold; background: #0288E8 url(../img/fleche.gif) 0px 2px no-repeat;} #detail_portrait #titre_detail{ width: 100%; height: 15px; background: #8A0909 url(../img/titre_detail_portrait.gif) no-repeat left } #detail_portrait #titre_detail a{ float: right; color: #FFF; padding: 0 10px 0 20px; font-weight: bold; background: url(../img/fleche.gif) 0px 2px no-repeat; } #detail_portrait #texte_detail{ margin: 20px 20px 0px 20px; } #detail_portrait #texte_detail img{ margin: 0 20px 10px 0 ; float: left} #detail_portrait .titre_encart{ font-size: 16px; color:#8A0909;} #detail_portrait #telechargement{ float: right; margin: 15px 30px 0 0px; padding-bottom: 50px} #detail_portrait .tele_spectacle{ margin-right: 0px; padding: 0 4px 0 20px ; color: #FFF; font-weight: bold; background: #8A0909 url(../img/fleche.gif) 0px 2px no-repeat;} #detail_edito #titre_detail{ width: 100%; height: 15px; background: #F69500 url(../img/titre_detail_edito.gif) no-repeat left } #detail_edito #titre_detail a{ float: right; color: #FFF; padding: 0 10px 0 20px; font-weight: bold; background: url(../img/fleche.gif) 0px 2px no-repeat; } #detail_edito #texte_detail{ margin: 20px 20px 0px 20px; } #detail_edito #texte_detail img{ margin: 0 20px 10px 0 ; float: left} #detail_edito .titre_encart{ font-size: 16px; color:#F69500;} #detail_edito #telechargement{ float: right; margin: 15px 30px 0 0px; padding-bottom: 50px} #detail_edito .tele_spectacle{ margin-right: 0px; padding: 0 4px 0 20px ; color: #FFF; font-weight: bold; background: #89AC23 url(../img/fleche.gif) 0px 2px no-repeat;} #titre_lieu{ width: 100%; height: 15px; background: #000 url(../img/titre_lieu.gif) no-repeat left } #titre_contact{ width: 100%; height: 15px; background: #0288E7 url(../img/titre_contact.gif) no-repeat left } #titre_lien{ width: 100%; height: 15px; background: #98020B url(../img/titre_lien.gif) no-repeat left } .titre_expo{ color: #89AC23; font-weight: bold; margin: 5px 0 0 10px;} .titre_spectacle{ color:#830E5E; font-weight: bold; margin: 5px 0 0 10px;} #sg_centre a.lien.lien2{ background: #830E5E; font-weight: bold; padding: 0 2px; color: #FFF} #sg_centre a.lien.lien3{ background: #89AC23; font-weight: bold; padding: 0 2px; color: #FFF} #sg_centre a.lien.lien7{ background: #0288E8; font-weight: bold; padding: 0 2px; color: #FFF} #sg_centre a.lien.lien8{ background: #8A0909; font-weight: bold; padding: 0 2px; color: #FFF} /* SOUS LE GRILL */ #sous_grill{ margin-left: 16px; width: 208px ; background: url(../img/centre_grill.gif) repeat-y left; } #s_head{ width: 100%; height: 9px; background: url(../img/entete_grill.gif) no-repeat top left; } #s_foot{ clear:both; width: 100%; height: 18px; background: url(../img/footer_grill.gif) no-repeat top left; } #sg_centre{ width: 180px; margin: 0 10px; } #sg_centre .titre{ color: #830E5E; font-size: 12px; font-weight: bold; letter-spacing: 4px} #sg_centre img{ margin: 7px 0; padding: 0; } #sg_centre .titre_encart{ float: left; margin-bottom: 5px} #sg_centre a.lien{ float: right; background: #830E5E; padding: 0 4px; margin-left: 5px; color: #FFF } /* SOUS menu */ #sous_menu{ position:relative; margin-left: 16px; margin-top:20px; width: 208px ; background: url(../img/centre_grill.gif) repeat-y left; } #titre_sm{ position:absolute; top:1px; left:1px; width:199px; height:22px; background: url(../img/titre_sm.gif) no-repeat ;} #sous_menu ul{ margin-top:15px} #sous_menu li{ padding:6px 0; background:#fff url(../img/border_bottom.gif) no-repeat bottom;} #sous_menut li.last{ padding:10px 0; background: none; background: #fff;} #sous_menu li a{ text-decoration:none; padding:5px 0 5px 15px; font-size:12px; color:#676666; background: url(../img/puce_sous_menu_op.gif) no-repeat 0 8px;} #sous_menu li a:hover, #sous_menu li.active a{background: url(../img/puce_sous_menu.gif) no-repeat 0 8px; color:#821343 } #sous_menu ul #item7 a{ color:#0288E8; } #sous_menu ul #item8 a{ color:#8A0909; } #sous_menu ul #item10 a{ color:#E69B02; } /*Page lieu*/ #lieu #texte_detail{ margin: 20px 20px 0px 20px; } #lieu #texte_detail object{ margin: 0 20px 10px 0 ; float: left} #lieu #texte_detail p{ margin-bottom: 10px; line-height: 16px } /* Page contact */ #page_contact{ margin: 20px } #page_contact img{ float:left; margin: 0 20px 10px 0 ; } #page_contact h1{ font-size:12px; color:#0288E7 } #page_contact h2{ font-size:11px; } #page_contact a{ font-weight: bold; text-decoration: underline; } /*Page lien*/ #article_lien{ margin: 20px;} #article_lien p{ margin-top: 10px; } #cg{ width: 779px; margin: 0 auto; text-align: center; font-size: 10px; margin-top: 5px } #cg a{ color: #333300} /* footer */ #footer ul li{ float: left;} #footer ul li a strong{position:absolute; left:-7000px; top:-7000px;} #footer #item1 a{ display: block; width: 72px; height: 16px; background: url(../img/menu/1.gif) no-repeat left } #footer #item1.active a:link{ background: url(../img/menu/1.gif) no-repeat } #footer #item1.active a:visited{ background: url(../img/menu/1.gif) no-repeat} #footer #item1 a:hover{background: url(../img/menu/1.gif) no-repeat} #footer #item2 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/2.gif) no-repeat left } #footer #item2.active a:link{ background: url(../img/menu/2.gif) no-repeat } #footer #item2.active a:visited{ background: url(../img/menu/2.gif) no-repeat} #footer #item2 a:hover{background: url(../img/menu/2.gif) no-repeat} #footer #item3 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/3.gif) no-repeat left } #footer #item3.active a:link{ background: url(../img/menu/3.gif) no-repeat } #footer #item3.active a:visited{ background: url(../img/menu/3.gif) no-repeat} #footer #item3 a:hover{background: url(../img/menu/3.gif) no-repeat} #footer #item4 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/4.gif) no-repeat left } #footer #item4.active a:link{ background: url(../img/menu/4.gif) no-repeat } #footer #item4.active a:visited{ background: url(../img/menu/4.gif) no-repeat} #footer #item4 a:hover{background: url(../img/menu/4.gif) no-repeat} #footer #item5 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/5.gif) no-repeat left } #footer #item5.active a:link{ background: url(../img/menu/5.gif) no-repeat } #footer #item5.active a:visited{ background: url(../img/menu/5.gif) no-repeat} #footer #item5 a:hover{background: url(../img/menu/5.gif) no-repeat} #footer #item6 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/6.gif) no-repeat left } #footer #item6.active a:link{ background: url(../img/menu/6.gif) no-repeat } #footer #item6.active a:visited{ background: url(../img/menu/6.gif) no-repeat} #footer #item6 a:hover{background: url(../img/menu/6.gif) no-repeat} #footer #item7 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/8.gif) no-repeat left } #footer #item7.active a:link{ background: url(../img/menu/8.gif) no-repeat } #footer #item7.active a:visited{ background: url(../img/menu/8.gif) no-repeat} #footer #item7 a:hover{background: url(../img/menu/8.gif) no-repeat} #footer #item8 a{ display: block; width: 71px; height: 16px; background: url(../img/menu/7.gif) no-repeat left } #footer #item8.active a:link{ background: url(../img/menu/7.gif) no-repeat } #footer #item8.active a:visited{ background: url(../img/menu/7.gif) no-repeat} #footer #item8 a:hover{background: url(../img/menu/7.gif) no-repeat} /* NEWSLETTER */ #newsletter{ position:relative; float:right; margin-top:20px; margin-bottom:20px; width: 220px; height: 93px; background: #DFD4B4 url(../img/bg_newsletter.gif) no-repeat left; } #newsletter p{ font-weight: bold; padding: 12px 0 0 30px} .mail{ border: 1px solid #9B8C62; margin-top:5px } .submit{ background-color: #CC7F1D; } #message{ width:100%; text-align: center; color:#6C6244; font-weight: bold; font-size: 10px} .TXNewsletters_form_right input{ background-color: #CC7F1D; } .TXNewsletters_form_list, .TXNewsletters_form_labelGauche{position: absolute; top:-7000px; left: -7000px;} .TXNewsletters_form_email{margin:8px 0 0 30px} .TXNewsletters_form_right{ position: absolute; bottom:27px; right:15px;} .TXNewsletters_form_inputErr { border:1px solid #ff0000; } .TXNewsletters_form_labelErr { color:#ff0000; }