/* CSS Document */ /* Commun ****************************************** */ /* ------------ */ html { line-height:0px; } html, body, ul, li, form, img, p, h1, h2, h3, cite, table, tr, td, cite { position: relative; margin:0; padding:0; border:0; font-style:normal; font-weight:normal; } body { text-align: center; background: #CCCCCC url(images/interface/page.gif) repeat-y center top; position: relative; margin:0; padding:0; } #page { font-family:Helvetica, Arial, sans-serif; font-size:9px; color:#000000; background: #ffffff; color: inherit; width: 760px; margin: 0em auto; text-align: left; line-height:normal; } #flashcontent { font-size:11px; color:#FFFFFF; background:url(images/interface/tetiere_tmp.jpg) no-repeat; width:760px; height:140px; } #flashcontent a { color:#FFFFFF; text-decoration:none; padding:60px 0px 0px 450px; text-align:left; display:block; width:760px; height:140px; } #flashcontent a:hover { color:#BD2E02; text-decoration:none; } #flashcontent a div { color:#BD2E02; text-decoration:none; } #flashcontent a:hover div { color:#FFFFFF; text-decoration:none; } #tetiere { background:url(images/interface/tetiere_tmp.jpg) no-repeat; width:760px; height:140px; } #footer { background:url(images/interface/footer_herbe_rouge.jpg) bottom left no-repeat; width:755px; height:17px; clear:both; text-align:right; padding:240px 5px 0px 0px; } #footer a { color:#444444; text-decoration:none; } #footer a:hover { color:#999999; text-decoration:none; background-color:#FFFFFF; } #footer a span { color:#FFFFFF; font-size:10px; } #footer a:hover span { color:#000000; } #chapo_rubrique { padding:0px 0px 0px 36px; color:#375981; font-size:10px; margin:0px 0px 10px 0px; } #chapo_rubrique a { color:#C84825; text-decoration:none; } #chapo_rubrique a:hover { text-decoration:underline; } /* ------------ */ .separation_fine { height:1px; background:url(images/interface/pointille_kaki.gif) -1px 0px repeat-x; clear:both; margin:0px 0px 0px 0px; > margin:0px 0px -11px 0px; } .clear { clear:both; } .inputError { border:1px solid #C02C04; } /* Temporaires */ .borderTmp { border:1px solid #FF0000; } #tetiere ul li { margin:0; } #tetiere ul li { float:left; margin:0; padding:0px 5px 0px 5px; list-style:none; } #tetiere ul li a { color:#FFFFFF; text-decoration:none; } /* Actualite ****************************************** */ .separation_actualite { height:3px; background:url(images/interface/pointille_vert.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_actualite { background:url(images/interface/titre_actualites_vert.gif) no-repeat; height:43px; padding:0px 0px 0px 183px; } /*.separation_actualite { height:10px; background:url(images/interface/pointille_vert.gif) -7px 10px repeat-x; clear:both; margin:-5px 0px 0px 0px; }*/ #contenu_actualite { width:760px; background:url(images/interface/points_vert.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_actualite .encart_festival { width:180px; border-left:1px solid #C02C04; float:left; margin:0px 0px 0px 3px; > margin-right:-16px; } #contenu_actualite .encart_festival img.titre { margin-left:-8px; position:absolute; } #contenu_actualite .encart_festival .contenu_encart { border:1px solid #C02C04; width:132px; padding:10px; background-color:#F4F1F1; margin:0px 0px 0px 12px; } #contenu_actualite .encart_festival .contenu_encart img { border:1px solid #B2B1B1; } #contenu_actualite .encart_festival .contenu_encart .titre { color:#C02C04; font-size:14px; font-weight:bold; margin-top:5px; width:132px; text-align:left; } #contenu_actualite .encart_festival .contenu_encart .texte { width:132px; text-align:justify; } #contenu_actualite .encart_festival .plusInfo { background:url(images/interface/plusInfo_rouge.gif) no-repeat; width:156px; height:18px; padding:0px 0px 0px 40px; vertical-align:text-bottom; } #contenu_actualite .encart_festival .plusInfo a { display:block; padding:2px 0px 0px 0px; text-decoration:none; color:#000000; font-weight:bold; font-size:10px; width:100px; } #contenu_actualite .encart_festival .plusInfo a:hover { color:#C02C04; text-decoration:underline; } /* ------------ */ #contenu_actualite .encart_chroniques { width:180px; border-left:1px solid #F5B800; float:left; margin:0px 0px 0px 3px; > margin-right:-16px; } #contenu_actualite .encart_chroniques img.titre { margin-left:-8px; position:absolute; } #contenu_actualite .encart_chroniques .contenu_encart { border:1px solid #F5B800; width:132px; padding:10px; background-color:#F4F1F1; margin-left:12px; text-align:justify; } #contenu_actualite .encart_chroniques .contenu_encart img { border:1px solid #B2B1B1; } #contenu_actualite .encart_chroniques .contenu_encart .titre { color:#F5B800; font-size:14px; font-weight:bold; margin-top:5px; width:132px; text-align:left; } #contenu_actualite .encart_chroniques .contenu_encart .texte { width:132px; text-align:justify; } #contenu_actualite .encart_chroniques .plusInfo { background:url(images/interface/plusInfo_jaune.gif) no-repeat; width:156px; height:18px; padding:0px 0px 0px 40px; vertical-align:text-bottom; } #contenu_actualite .encart_chroniques .plusInfo a { display:block; padding:2px 0px 0px 0px; text-decoration:none; color:#000000; font-weight:bold; font-size:10px; width:100px; } #contenu_actualite .encart_chroniques .plusInfo a:hover { color:#F5B800; text-decoration:underline; } /* ------------ */ #contenu_actualite .encart_agenda { width:180px; border-left:1px solid #F57300; float:left; margin:0px 0px 0px 3px; > margin-right:-16px; } #contenu_actualite .encart_agenda img.titre { margin-left:-8px; position:absolute; } #contenu_actualite .encart_agenda .contenu_encart { border:1px solid #F57300; width:132px; padding:10px; background-color:#F4F1F1; margin-left:12px; text-align:justify; } #contenu_actualite .encart_agenda .contenu_encart img { border:1px solid #B2B1B1; } #contenu_actualite .encart_agenda .contenu_encart .titre { color:#F57300; font-size:14px; font-weight:bold; margin-top:5px; width:132px; text-align:left; } #contenu_actualite .encart_agenda .contenu_encart .texte { width:132px; text-align:justify; } #contenu_actualite .encart_agenda .plusInfo { background:url(images/interface/plusInfo_orange.gif) no-repeat; width:156px; height:18px; padding:0px 0px 0px 40px; vertical-align:text-bottom; } #contenu_actualite .encart_agenda .plusInfo a { display:block; padding:2px 0px 0px 0px; text-decoration:none; color:#000000; font-weight:bold; font-size:10px; width:100px; } #contenu_actualite .encart_agenda .plusInfo a:hover { color:#F57300; text-decoration:underline; } /* ------------ */ #contenu_actualite .encart_videos { width:180px; border-left:1px solid #006998; float:left; margin:0px 0px 0px 3px; > margin-right:-16px; } #contenu_actualite .encart_videos img.titre { margin-left:-8px; position:absolute; } #contenu_actualite .encart_videos .contenu_encart { border:1px solid #006998; width:132px; padding:10px; background-color:#F4F1F1; margin-left:12px; text-align:justify; } #contenu_actualite .encart_videos .contenu_encart img { border:1px solid #B2B1B1; } #contenu_actualite .encart_videos .contenu_encart .titre { color:#006998; font-size:14px; font-weight:bold; margin-top:5px; width:132px; text-align:left; } #contenu_actualite .encart_videos .contenu_encart .texte { width:132px; text-align:justify; } #contenu_actualite .encart_videos .plusInfo { background:url(images/interface/plusInfo_bleu.gif) no-repeat; width:156px; height:18px; padding:0px 0px 0px 40px; vertical-align:text-bottom; } #contenu_actualite .encart_videos .plusInfo a { display:block; padding:2px 0px 0px 0px; text-decoration:none; color:#000000; font-weight:bold; font-size:10px; width:100px; } #contenu_actualite .encart_videos .plusInfo a:hover { color:#006998; text-decoration:underline; } /* ------------ */ #contenu_actualite .encart_news { width:180px; border-left:1px solid #BCB837; float:left; margin:0px 0px 0px 3px; > margin-right:-16px; } #contenu_actualite .encart_news img.titre { margin-left:-8px; position:absolute; } #contenu_actualite .encart_news .contenu_encart { border:1px solid #BCB837; width:132px; padding:10px; background-color:#F4F1F1; margin-left:12px; text-align:justify; } #contenu_actualite .encart_news .contenu_encart img { border:1px solid #B2B1B1; } #contenu_actualite .encart_news .contenu_encart .titre { color:#BCB837; font-size:14px; font-weight:bold; margin-top:5px; width:132px; text-align:left; } #contenu_actualite .encart_news .contenu_encart .texte { width:132px; text-align:justify; } #contenu_actualite .encart_news .plusInfo { background:url(images/interface/plusInfo_kaki.gif) no-repeat; width:156px; height:18px; padding:0px 0px 0px 40px; vertical-align:text-bottom; } #contenu_actualite .encart_news .plusInfo a { display:block; padding:2px 0px 0px 0px; text-decoration:none; color:#000000; font-weight:bold; font-size:10px; width:100px; } #contenu_actualite .encart_news .plusInfo a:hover { color:#006998; text-decoration:underline; } #contenu_actualite .first { margin:0px 0px 0px 24px; > margin:0px -16px 0px 12px; } #formulaireDesinscription { padding:50px 0px 50px 250px; } #formulaireDesinscription form { width:265px; } #formulaireDesinscription .intituleChamp { text-align:left; } /* Festival ****************************************** */ .separation_festival { height:3px; background:url(images/interface/pointille_rouge.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_festival { background:url(images/interface/titre_leFestival_rouge.gif) no-repeat; height:43px; padding:0px 0px 0px 183px; } #contenu_festival { width:760px; background:url(images/interface/mainDroiteFestival.jpg) no-repeat; background-position: 692px 52px; line-height:normal; } #titre_festival ul { list-style:none; padding:21px 0px 0px 0px; } #titre_festival ul li { float:left; padding:0px 5px 0px 5px; border-left:2px solid #C02C04; font-variant:small-caps; font-size:11px; font-weight:bold; font-stretch:semi-expanded; color:#878787; } #titre_festival ul li.first { border-left:0px solid #FFFFFF; } #titre_festival ul li a { color:#878787; text-decoration:none; } #titre_festival ul li a:hover { color:#C02C04; text-decoration:none; } #titre_festival ul li a.Hover { color:#C02C04; text-decoration:none; } .dateFestival { font-size:18px; color:#AFAD3B; padding:0px 0px 10px 37px; clear:both; } .exposant { vertical-align:super; font-size:70%; } #contenu_festival #edito { background:url(images/interface/editoFestival.gif) no-repeat; width:523px; margin:10px 0px 20px 36px; padding:0px 0px -5px 0px; } #contenu_festival #edito p { padding:15px 20px 0px 35px; font-size:11px; } #contenu_festival #edito img { margin:0px 0px 0px 540px; position:absolute; } #contenu_festival #edito img.bottom { margin:0px 0px -5px -4px; position:relative; } #contenu_festival #ficheSignaletique { margin:10px 20px 20px 270px; font-size:11px; } #contenu_festival #ficheSignaletique #flashcontentFicheSignaletique { margin:-10px 0px 0px -490px; position:absolute; } #contenu_festival #ficheSignaletique h2 { font-size:14px; font-weight:bold; padding:0px 0px 5px 0px; font-variant:small-caps; color:#E7AFA0; } #contenu_festival #ficheSignaletique .intitule { font-weight:bold; font-size:11px; } #contenu_festival #ficheSignaletique ul { padding:0px 0px 0px 15px; } #contenu_festival #ficheSignaletique li { } #contenu_festival #partenaires { margin:30px 0px 10px 0px; text-align:center; } /* Programmation ****************************************** */ .separation_programmation { height:3px; background:url(images/interface/pointille_rouge.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_programmation { background:url(images/interface/titre_leFestival_rouge.gif) no-repeat; height:43px; padding:0px 0px 0px 183px; } #contenu_programmation { width:760px; background:url(images/interface/points_rouge.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #titre_programmation ul { list-style:none; padding:21px 0px 0px 0px; } #titre_programmation ul li { float:left; padding:0px 5px 0px 5px; border-left:2px solid #C02C04; font-variant:small-caps; font-size:11px; font-weight:bold; font-stretch:semi-expanded; } #titre_programmation ul li.first { border-left:0px solid #FFFFFF; } #titre_programmation ul li a { color:#878787; text-decoration:none; } #titre_programmation ul li a:hover { color:#C02C04; text-decoration:none; } #titre_programmation ul li a.Hover { color:#C02C04; text-decoration:none; } #contenu_programmation .chapo { padding:20px 30px 10px 50px; font-size:11px; font-weight:bold; } .dateFestival { font-size:18px; color:#AFAD3B; padding:0px 0px 10px 37px; } .exposant { vertical-align:super; font-size:70%; } .dateLieuPrecis { background:url(images/interface/degrade_rouge.jpg) no-repeat; padding:0px 0px 0px 25px; height:22px; } .bistrock { background:url(images/interface/degrade_bistrock.jpg) no-repeat; padding:0px 0px 0px 25px; height:22px; } .dateLieuPrecis ul li { float:left; color:#FFFFFF; padding:3px 0px 0px 15px; list-style:none; font-size:13px; } .listeFestival { padding:10px 10px 15px 225px; height:131px; } .tailleAuto { height:auto; } .listeFestival .flashcontentMp3 { margin-left:-213px; position:absolute; width:200px; height:133px; } .listeFestival .flashcontentMp3 a { color:#000000; text-decoration:none; padding:5px; display:block; width:195px; height:128px; border:1px solid #9E9E9E; background-color:#F4F1F1; } .listeFestival .flashcontentMp3 a:hover { color:#BD2E02; } .listeFestival .flashcontentMp3 a div { color:#BD2E02; } .listeFestival .flashcontentMp3 a:hover div { color:#000000; } .listeFestival .artiste { font-weight:bold; text-transform:uppercase; font-size:26px; color:#C02C04; } .listeFestival .style { color:#9E9E9E; font-size:13px; font-weight:bold; } .listeFestival .description { color:#000000; padding:10px 0px 0px 0px; } .listeFestival .enSavoirPlus {} .listeFestival .enSavoirPlus a { color:#C02C04; font-weight:bold; text-decoration:none; } .listeFestival .enSavoirPlus a:hover { text-decoration:underline; } .listeFestival .artiste span.style { font-weight:bold; text-transform:lowercase; font-size:14px; color:#000000; } .listeBistrock .artiste { color:#FF00C7; } .listeBistrock .enSavoirPlus a { color:#FF00C7; } /* Infos pratiques ****************************************** */ .separation_infos { height:3px; background:url(images/interface/pointille_rouge.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_infos { background:url(images/interface/titre_leFestival_rouge.gif) no-repeat; height:43px; padding:0px 0px 0px 183px; } #contenu_infos { width:760px; background:url(images/interface/mainDroiteFestival.jpg) no-repeat; background-position: 692px 52px; line-height:normal; } #titre_infos ul { list-style:none; padding:21px 0px 0px 0px; } #titre_infos ul li { float:left; padding:0px 5px 0px 5px; border-left:2px solid #C02C04; font-variant:small-caps; font-size:11px; font-weight:bold; font-stretch:semi-expanded; } #titre_infos ul li.first { border-left:0px solid #FFFFFF; } #titre_infos ul li a { color:#878787; text-decoration:none; } #titre_infos ul li a:hover { color:#C02C04; text-decoration:none; } #titre_infos ul li a.Hover { color:#C02C04; text-decoration:none; } .dateFestival { font-size:18px; color:#AFAD3B; padding:0px 0px 10px 37px; } .exposant { vertical-align:super; font-size:70%; } #contenu_infos h1 { color:#C8340D; font-size:16px; text-align:left; font-variant:small-caps; } #contenu_infos h2 { color:#BD2E02; font-size:12px; padding:10px 0px 5px 36px; font-weight:bold; } #contenu_infos h2 .sousH2 { color:#C8340D; font-size:12px } #contenu_infos h2 a.sousH2 { color:#C8340D; text-decoration:underline; } #contenu_infos h2 a.sousH2:hover { text-decoration:none; } #contenu_infos table { color:#375981; margin:0px 0px 0px 37px; font-size:10px; background-color:#6A5556; } #contenu_infos table th, td { padding:2px 2px 2px 2px; background-color:#FFFFFF; text-align:center; } #contenu_infos table .grisF { background-color:#BEBEBE; color:#BA2A14; } #contenu_infos table .grisC { background-color:#E9E9E9; color:#565656; } #contenu_infos ul.infosListe { padding:0px 0px 0px 47px; } #contenu_infos ul.infosListe li { list-style:disc; color:#000000; font-size:11px; font-weight:normal; padding:0px 0px 0px 5px; } #contenu_infos ul.infosListe a { color:#000000; text-decoration:underline; } #contenu_infos ul.infosListe a:hover { color:#000000; text-decoration:none; } #contenu_infos img.billetterie { margin:0px 0px 0px 0px; } /* Agenda ****************************************** */ .separation_agenda { height:3px; background:url(images/interface/pointille_orange.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_agenda { background:url(images/interface/titre_agenda_orange.gif) no-repeat; height:43px; padding:0px 0px 0px 268px; } #contenu_agenda { width:760px; background:url(images/interface/points_orange.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_agenda .date_titre { width:760px; > width:724px; height:28px; background:url(images/interface/agenda_bandeGrise.jpg) no-repeat; padding:5px 0px 0px 36px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#FFFFFF; } #contenu_agenda ul { padding-left:30px; } #contenu_agenda li { margin:10px 0px 10px 0px; padding-left:15px;list-style:url(images/interface/agenda_puce.gif); } #contenu_agenda li .date { color:#375981; font-weight:bold; font-size:14px; } #contenu_agenda li .titre { color:#FA7102; font-weight:bold; font-size:16px; text-transform:uppercase; } #contenu_agenda li .sousTitre { color:#8A8A8A; font-size:12px; } #contenu_agenda li .texte { padding:5px 0px 5px 0px; } #contenu_agenda li .infoSupplementaire { color:#375981; font-size:11px; } #contenu_agenda li a { color:#C02C04; font-weight:bold; text-decoration:none; } #contenu_agenda li a:hover { text-decoration:underline; } /* Chroniques ****************************************** */ .separation_chroniques { height:3px; background:url(images/interface/pointille_jaune.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_chroniques { background:url(images/interface/titre_chroniques_jaune.gif) no-repeat; height:43px; padding:0px 0px 0px 268px; } #contenu_chroniques { width:760px; background:url(images/interface/points_jaune.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_chroniques #titreCoup_de_coeur { margin:0px 25px -7px 35px; color:#A0AAB4; font-variant:small-caps; font-size:24px; } #contenu_chroniques #coup_de_coeur { margin:0px 25px 0px 25px; width:707px; background:url(images/interface/chroniques_selection_fond.gif) no-repeat; border-bottom:1px solid #D2D2D2; } #contenu_chroniques #coup_de_coeur .images { width:156px; float:left; padding:10px 10px 10px 10px; } #contenu_chroniques #coup_de_coeur .textes { width:500px; float:left; padding:10px 10px 10px 0px; > padding:10px 10px 10px 12px; } #contenu_chroniques #coup_de_coeur .titre { color:#C02C04; font-weight:bold; font-size:18px; text-transform:uppercase; } #contenu_chroniques #coup_de_coeur .sousTitre { color:#4E5155; font-weight:bold; font-size:14px; float:left; } #contenu_chroniques #coup_de_coeur .maisonDisque { padding:4px 0px 0px 5px; color:#026C98; font-size:9px; float:left; } #contenu_chroniques #coup_de_coeur .texte { color:#4E5155; padding:5px 0px 5px 0px; clear:both; font-size:11px; } #contenu_chroniques #coup_de_coeur a { color:#C02C04; font-weight:bold; text-decoration:none; } #contenu_chroniques #coup_de_coeur a:hover { text-decoration:underline; } #contenu_chroniques .separation_grise { height:2px; background:url(images/interface/chroniques_separation_grise.gif) repeat-x; clear:both; margin:0px 25px 0px 25px; } #contenu_chroniques .separation_date { background:url(images/interface/chroniques_separation_jaune.gif) repeat-x; clear:both; margin:5px 25px 5px 25px; background-position: 0px 10px; } #contenu_chroniques .separation_date .date { background-color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase; color:#FDB10C; padding-right:2px; } #contenu_chroniques .article { margin:0px 25px 0px 25px; width:707px; } #contenu_chroniques .article .images { width:105px; float:left; padding:10px 10px 10px 10px; } #contenu_chroniques .article .textes { width:551px; float:left; padding:10px 10px 10px 2px; } #contenu_chroniques .article .titre { color:#C02C04; font-weight:bold; font-size:18px; text-transform:uppercase; } #contenu_chroniques .article .sousTitre { color:#4E5155; font-weight:bold; font-size:14px; float:left; } #contenu_chroniques .article .maisonDisque { padding:4px 0px 0px 5px; color:#026C98; font-size:9px; float:left; } #contenu_chroniques .article .texte { color:#4E5155; padding:5px 0px 5px 0px; clear:both; font-size:11px; } #contenu_chroniques .article a { color:#C02C04; font-weight:bold; text-decoration:none; } #contenu_chroniques .article a:hover { text-decoration:underline; } /* Videos ****************************************** */ .separation_videos { height:3px; background:url(images/interface/pointille_bleu.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_videos { background:url(images/interface/titre_videos_bleu.gif) no-repeat; height:43px; padding:0px 0px 0px 183px; } #contenu_videos { width:760px; background:url(images/interface/points_bleu.jpg) 342px 35px no-repeat; } #contenu_videos .videos { padding:0px 0px 0px 13px; } #contenu_videos .videosClick { width:315px; float:left; padding:0px 0px 0px 13px; } #contenu_videos #videos img { margin:0px 0px 5px 0px; } #contenu_videos #videos .video { background-color:none; border:1px solid #FFFFFF; width:120px; float:left; padding:7px 7px 7px 7px; margin-right:10px; text-align:center; cursor:hand; cursor:pointer; } #contenu_videos #videos .videoHover { background-color:#F4F1F1; border:1px solid #375981; width:120px; float:left; padding:7px 7px 7px 7px; margin-right:10px; text-align:center; cursor:hand; cursor:pointer; } #contenu_videos #videos .video:hover { background-color:#F4F1F1; border:1px solid #375981; } #contenu_videos .lecteur { width:358px; height:170px; padding-top:16px; margin:8px 40px 0px 20px; line-height:normal; clear:both; } #contenu_videos .lecteurClick { float:left; width:358px; padding-top:16px; margin:8px 0px 0px 0px; line-height:normal; background:url(images/interface/fond_lecteur_videos.gif) no-repeat; } #contenu_videos #lecteur .description { padding:24px 10px 2px 45px; color:#375981; line-height:normal; } #contenu_videos #lecteur .description .titre { font-weight:bold; font-size:11px} #contenu_videos #lecteur .bas { width:358px; height:8px; background:#FFFFFF url(images/interface/fond_lecteur_videos_bas.gif) top left no-repeat; } #contenu_videos #lecteur #flashcontentVideo { width:320px; height:285px; margin:0px 0px 0px 8px; } #contenu_videos #lecteur #flashcontentVideo a { color:#000000; text-decoration:none; padding:50px 5px 5px 0px; display:block; width:300px; height:235px; text-align:center; border:1px solid #9E9E9E; background-color:#F4F1F1; } #contenu_videos #lecteur #flashcontentVideo a:hover { color:#BD2E02; } #contenu_videos #lecteur #flashcontentVideo a div { color:#BD2E02; } #contenu_videos #lecteur #flashcontentVideo a:hover div { color:#000000; } /* Liens ****************************************** */ .separation_liens { height:3px; background:url(images/interface/pointille_bleuClair.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_liens { background:url(images/interface/titre_liens_bleuClair.gif) no-repeat; height:43px; padding:0px 0px 0px 268px; } #contenu_liens { width:760px; background:url(images/interface/points_bleuClair.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_liens h2 { margin:10px 25px 0px 25px; color:#DE4D04; font-weight:bold; text-transform:uppercase; font-size:12px; } #contenu_liens .separation { margin:0px 25px 5px 25px; height:2px; background:url(images/interface/liens_separation_bleuC.gif) top left repeat-x; clear:both; } #contenu_liens ul { margin:0px 0px 0px 40px; color:#DE4D04; } #contenu_liens ul li { margin:0px 0px 0px 0px; } #contenu_liens li a { color:#375981; text-decoration:none; font-size:11px; font-weight:bold; } #contenu_liens li a:hover { color:#299ECE; } /* Contacts ****************************************** */ .separation_contacts { height:3px; background:url(images/interface/pointille_vertF.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_contacts { background:url(images/interface/titre_contacts_vertF.gif) no-repeat; height:43px; padding:0px 0px 0px 268px; } #contenu_contacts { width:760px; background:url(images/interface/points_vertF.gif) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_contacts #colonneGauche { float:left; width:57%; } #contenu_contacts #colonneGauche h2 { background:url(images/interface/contacts_separation_orange.gif) 5px 16px repeat-x; padding:0px 0px 4px 38px; color:#629513; font-weight:bold; font-size:12px; } #contenu_contacts #colonneGauche h2 span { color:#375981; font-size:10px; } #contenu_contacts #colonneGauche p { padding:5px 0px 8px 38px; color:#375981; font-size:12px; } #contenu_contacts #colonneGauche ul { margin:5px 0px 0px 40px; color:#375981; } #contenu_contacts #colonneGauche ul li { margin:0px 0px 0px 0px; color:#375981; font-size:12px; } #contenu_contacts #colonneGauche ul li a { color:#375981; font-size:12px; text-decoration:none; font-weight:bold; } #contenu_contacts #colonneGauche ul li a:hover { color:#FF6C00; text-decoration:none; } #contenu_contacts #colonneGauche ul li a.hoverContact { color:#FF6C00; text-decoration:none; } #contenu_contacts #colonneGauche ul li a .ultrasens { color:#FF6C00; } #contenu_contacts #colonneGauche #formulaire { padding:0px 0px 0px 180px; margin:20px 0px 0px 0px; } #contenu_contacts #colonneGauche #formulaire div { font-weight:bold; font-size:10px; color:#375981; margin-top:2px; } #contenu_contacts #colonneGauche #formulaire img { margin-left:-140px; position:absolute; } #contenu_contacts #colonneGauche #formulaire #image { background:url(images/interface/cadre_contact.jpg); } #contenu_contacts #colonneGauche #formulaire input { border:1px solid #375981; color:#375981; width:252px; } #contenu_contacts #colonneGauche #formulaire .submitButton { float:left; width:auto; } #contenu_contacts #colonneGauche #formulaire .needed { float:right; } #contenu_contacts #colonneGauche #formulaire textarea { width:252px; height:100px; border:1px solid #375981; color:#375981; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #contenu_contacts #colonneGauche #formulaire .copie { margin:10px 0px 0px 0px; } #contenu_contacts #colonneGauche #formulaire .copie .checkboxButton { margin:0px 0px 0px -20px; > margin:5px 0px 0px -20px; position:absolute; width:auto; border:none; clear:both; } #contenu_contacts #colonneGauche #formulaire .copie label { padding:10px 0px 0px 0px; } #contenu_contacts #colonneGauche #formulaire .inputError { border:1px solid #C02C04; } #contenu_contacts #colonneDroite { float:right; width:300px; padding:0px 0px 0px 10px; > padding:0px 10px 0px 10px; } #contenu_contacts #colonneDroite img { border:1px solid #9C9C9C; } #contenu_contacts #colonneDroite .encart { width:249px; padding:0px 5px 5px 10px; > padding:0px 5px 10px 10px; margin:10px 10px 0px 0px; background:url(images/interface/encart_contact.gif) top left no-repeat; border-bottom:1px solid #629513; } #contenu_contacts #colonneDroite .encart div { color:#375981; padding:0px 0px 0px 0px; } #contenu_contacts #colonneDroite .encart div .titre { font-size:11px; font-weight:bold; } #contenu_contacts #colonneDroite .encart h2 { padding:5px 3px 8px 0px; color:#C02C04; font-style:italic; font-size:12px; font-weight:bold; } #contenu_contacts #colonneDroite .encart div a { color:#375981; font-weight:bold; text-decoration:underline; } #contenu_contacts #colonneDroite .encart div a:hover { color:#375981; font-weight:bold; text-decoration:none; } /* Association ****************************************** */ .separation_association { height:3px; background:url(images/interface/pointille_violet.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_association { background:url(images/interface/titre_association_violet.gif) no-repeat; height:43px; padding:21px 0px 0px 203px; } #contenu_association { width:760px; background:url(images/interface/points_violet.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_association a { color:#375981; text-decoration:underline; } #contenu_association a:hover { text-decoration:none; } #titre_association ul { list-style:none; padding:0px 0px 0px 0px; } #titre_association ul li { float:left; padding:0px 5px 0px 5px; border-left:2px solid #E103AF; font-variant:small-caps; font-size:11px; font-weight:bold; font-stretch:semi-expanded; } #titre_association ul li.first { border-left:0px solid #FFFFFF; } #titre_association ul li a { color:#878787; text-decoration:none; } #titre_association ul li a:hover { color:#E103AF; text-decoration:none; } #titre_association ul li a.Hover { color:#E103AF; text-decoration:none; } #contenu_association h1 { color:#375981; font-size:11px; font-weight:bold; } #contenu_association h2 { color:#E103AF; font-size:12px; font-weight:bold; padding:10px 0px 0px 0px; } #contenu_association h2 .sousH2 { color:#375981; font-size:10px; } #contenu_association p { color:#375981; font-size:10px; padding:5px 0px 5px 0px; } #contenu_association cite { color:#375981; font-size:10px; padding:5px 0px 5px 0px; font-style:italic; } #contenu_association ul { color:#375981; font-size:10px; padding:0px 0px 0px 15px; } #contenu_association #presentation { margin:10px 20px 0px 250px; } #contenu_association #presentation img { margin:0px 0px 0px -212px; position:absolute; border:1px solid #E103AF; } #contenu_association #lAssociation { margin:0px 210px 0px 38px; } #contenu_association #lAssociation img { margin:20px 0px 0px 540px; position:absolute; border:1px solid #E103AF; } #contenu_association #lAssociation2 { margin:35px 20px 0px 215px; } #contenu_association #lAssociation2 img { margin:7px 0px 0px -175px; position:absolute; border:1px solid #E103AF; } #contenu_association #bocage { margin:20px 0px 0px 38px; background:url(images/interface/association_bocage.gif) top left no-repeat; width:699px; border-bottom:1px solid #E103AF; } #contenu_association #bocage h2 { padding:5px 300px 0px 10px; font-size:14px; } #contenu_association #bocage ul { padding:0px 270px 10px 25px; } #contenu_association #bocage li { color:#E103AF; padding:10px 0px 0px 0px; } #contenu_association #bocage li div { color:#375981; } #contenu_association #bocage a { color:#E103AF; text-decoration:none; } #contenu_association #bocage a:hover { text-decoration:underline; } /* Ultrasens ****************************************** */ .separation_ultrasens { height:3px; background:url(images/interface/pointille_violet.gif) -7px 0px repeat-x; clear:both; margin:5px 0px 5px 0px; } #titre_ultrasens { background:url(images/interface/titre_association_violet.gif) no-repeat; height:43px; padding:21px 0px 0px 203px; } #contenu_ultrasens { width:760px; background:url(images/interface/points_violet.jpg) no-repeat; background-position: 692px 160px; line-height:normal; } #contenu_ultrasens a { color:#375981; text-decoration:underline; } #contenu_ultrasens a:hover { text-decoration:none; } #titre_ultrasens ul { list-style:none; padding:10px 0px 10px 0px; } #titre_ultrasens ul li { float:left; padding:0px 5px 0px 5px; border-left:2px solid #E103AF; font-variant:small-caps; font-size:11px; font-weight:bold; font-stretch:semi-expanded; } #titre_ultrasens ul li.first { border-left:0px solid #FFFFFF; } #titre_ultrasens ul li a { color:#878787; text-decoration:none; } #titre_ultrasens ul li a:hover { color:#E103AF; text-decoration:none; } #titre_ultrasens ul li a.Hover { color:#E103AF; text-decoration:none; } #contenu_ultrasens h1 { color:#375981; font-size:12px; font-weight:bold; } #contenu_ultrasens h2 { color:#E103AF; font-size:13px; font-weight:bold; padding:10px 0px 10px 0px; } #contenu_ultrasens h2 .sousH2 { color:#375981; font-size:11px; } #contenu_ultrasens p { color:#375981; font-size:11px; padding:10px 0px 10px 0px; } #contenu_ultrasens cite { color:#375981; font-size:11px; padding:10px 0px 10px 0px; } #contenu_ultrasens ul { color:#375981; font-size:11px; padding:0px 0px 0px 15px; } #contenu_ultrasens #presentation { margin:10px 20px 0px 250px; padding:0px 0px 200px 0px; } #contenu_ultrasens #presentation img { margin:0px 0px 0px -212px; position:absolute; } #contenu_ultrasens #presentation img#carte { margin:10px 0px 0px 0px; position:relative; float:right; } #contenu_ultrasens .chevrons { color:#E103AF; } #contenu_ultrasens a { color:#375981; font-weight:bold; text-decoration:none; } #contenu_ultrasens a:hover { color:#E103AF; font-weight:bold; text-decoration:none; } #contenu_ultrasens #presentation #flashcontentFicheUltrasens { margin:148px 0px 0px -105px; position:absolute; }