/* JV CSS Document HYPTIQUE / ERIK SOULARD 2007*/ html, body, img, table, td, form, legend, h1, h2, h3, h4, h5, h6, p, ul, ol {padding:0; margin:0; border:0; font-family:Trebuchet MS, Caps;} input, textarea, select {font-family:Trebuchet MS, Caps; font-size:12px;} input, textarea {margin:0; padding:0 2px;} input.checkbox {margin:3px 0 0 0; border:none !important;} *input.checkbox {margin:0 0 0 0;} textarea {overflow:auto;} body {background-color:#F3EEC4; font-size:10px; color:#333;} p {font-size:11px;} p.padding {padding:0 0 10px 0;} fieldset {border:0px none;padding:3px 10px 0pt 0pt;text-align:left;margin:0px;font-family:Trebuchet MS,Caps;font-size:1.2em;float:left;} a {color:black;} table {border-collapse:collapse;} /*Classe de Bowman - remplace display:none */ .invisible {position:absolute; left:0; top:-5000px; width:1px; height:1px; overflow:hidden; font-size:1px; color:#fff;} .inscrire {margin:0pt 70px 10px 0pt} .annuler {margin:0pt 100px 10px 0pt} . /*Police par defaut */ .police {font-family:Trebuchet MS, Caps;} /* Mise en forme d'une police */ .emphasis {font-style:italic; margin:0 !important;} .strong {font-weight:bold;} .larger {font-weight:bolder;} .normal {font-weight:normal;} .emphasisBold {font-weight:bold;font-style:italic;} .nodecoration {text-decoration:none;} .underline {text-decoration:underline;} .uppercase {text-transform:uppercase;} .c_generique {color:#662500;} .c_fdcolor {color:#FFF;}/* texte blanc sur fond de couleur */ .c_fdcolor a {color:#fff;} .c_text {color:#000;} .c_interne {color:#EF3E2E; padding:0;}/* rouge spcial titres n'appartenant pas aux genres (theatre, chanson...) */ .c_interne a { color:#EF3E2E; } span.c_interne { padding-top:10px; } .c_antracit {color:#333} /*gris fonc*/ .c_gris {color:#666} /*gris fonc*/ .c_grisClair {color:#999} /*gris clair*/ .c_vert {color:#78C682} /*musique*/ .c_bleu {color:#368ACC} /*danse*/ .c_jaune {color:#FFD400} /*chanson*/ .c_rose {color:#FF6699} /*posie*/ .c_orange {color:#FAA61A} /*conte et jonglage*/ .c_rouge {color:#F13E30} /*thtre*/ .inputEnvoyer {margin:0pt;padding:0pt 0px;} .taille8 {font-size:0.8em!important;} .taille9 {font-size:0.9em!important;} .taille10 {font-size:1em!important;} .taille11 {font-size:1.1em!important;} .taille12 {font-size:1.2em!important;} .taille13 {font-size:1.3em!important;} .taille14 {font-size:1.4em!important;} .taille15 {font-size:1.5em!important;} .taille16 {font-size:1.6em!important;} .taille18 {font-size:1.6em!important;} .taille20 {font-size:2em!important;} .taille22 {font-size:2.2em!important;} .taille24 {font-size:2.4em!important;} .taille25 {font-size:2.5em!important;} .taille30 {font-size:3em!important;} /*LIENS*/ .mailtoL {color:#000;} .mailtoL:link {color:#000;} .mailtoL:hover {color:#EF3E2E;} /**/ .interneL {color:#666;} .interneL:link {color:#666;} .interneL:hover {color:#EF3E2E;} /**/ .listeL {color:#666;} .listeL:link {color:#666;} .listeL:hover {color:#999;} /**/ /*liens dclins sur le genre de spectacle*/ /*.danseL {color:#368ACC;} .danseL:link {color:#368ACC;} .theatreL {color:#F13E30;} .theatreL:link {color:#F13E30;} .musiqueL {color:#78C682;} .musiqueL:link {color:#78C682;} .poesieL {color:#FF6699;} .poesieL:link {color:#FF6699;} .conteL {color:#FAA61A;} .conteL:link {color:#FAA61A;} .chansonL {color:#FFD400;} .chansonL:link {color:#FFD400;} */ /*liens pour changer les vidos*/ .linkvideo {color:#333;} .linkvideo:link {color:#333;} .linkvideo:hover {color:#666;} .linkvideos {color:#333;} .linkvideos:link {color:#333;} .linkvideos:hover {color:#EF3E2E;} .linkvideoHome {color:#EF3E2E;} .linkvideoHome:link {color:#EF3E2E;} .linkvideoHome:hover {color:#FFFFFF;} /*alignement*/ .alignright {text-align:right;} .alignjustify {text-align:justify;} /*margins*/ .margin6 {margin-bottom:6px;} .margin8 {margin-bottom:8px;} .margin10 {margin-bottom:10px;} .margin20 {margin-bottom:20px;} .margin25 {margin-bottom:25px;} /**/ /*entete et pied de page print*/ .pied_print, .entete_print {position:absolute; left:0; top:-5000px; width:1px; height:1px; overflow:hidden; font-size:1px; visibility:hidden;} /* END */ /* JV CSS Document HYPTIQUE / ERIK SOULARD 2007*/ /* Main conteneur principale de la page */ #main {margin:0 auto; width:1024px; height:auto; background:url(../img/layout/bkg.gif) repeat left top;position:relative;} /* #main#bandeau_haut */ #bandeau_haut {position:relative; background:url(../img/layout/fond_top.gif) repeat left top; width:1024px; height:100px;} #logo {position:absolute; top:0; left:46px; width:195px; height:82px;} .logoH1 {height:82px;} /* moteur de recherche haut de page */ #recherche {position:absolute; top:17px; left:775px; width:172px; height:16px;} #recherche form {display:inline;} #recherche input.recherche {text-indent:2px; border:1px solid #000; border-right:1px solid #000; height:12px; width:95px; font-size:1.2em; float:left;} #recherche input.btOk {margin:0; padding:0;} #recherche input#ok {float:left; padding:0; border:none} #rootline {position:absolute; top:85px; left:280px; height:10px;} #outils {position:absolute; top:116px; left:820px; height:10px;} .theatre #outils, .petitsetgrands #outils, .musique #outils, .humour #outils, .danse #outils, .chanson #outils {top:108px;} .filet {position:absolute; top:99px; left:292px; width:593px; height:1px; background-color:#333;} /* Contenu colone de gauche */ #colonne_gauche {height:494px; width:273px; float:left; background:url(../img/layout/fond_noir_g_.gif) no-repeat right top;} #colonne_gauche h2 {margin-left:45px;} /* conteneur_home */ #conteneur_contenu {min-height:494px; height:auto; /*max-height:494px;width:751px;*/ padding:0 0 0 20px;width:731px;float:left; background:url(../img/layout/fond_noir_d.gif) no-repeat left top;} .spectacle #conteneur_contenu {padding:0 121px 0 20px;width:610px;} /* footer */ #piedpage {position:relative; width:1024px; margin:0 auto; height:213px; background:url(../img/layout/fond_foot__.gif) no-repeat left top;} #piedpage div#newsletter {position:absolute; top:35px; left:774px; width:172px; height:30px;} #piedpage div#newsletter form {display:inline;} #piedpage div#newsletter form p {line-height:12px;} #piedpage div#newsletter input.fmail {float:left; text-indent:2px; border:1px solid #000; border-right:1px solid #000; width:95px; padding:0 0 2px; font-size:1.2em; height:12px;} #piedpage div#newsletter input.btOk {margin:0;} #piedpage div#newsletter input#ok {padding:0; float:left; border:none;} /*signature theatre*/ #adresse {padding:13px 0 25px 293px;} #adresse p {line-height:18px; font-size:1.2em;} #adresse p strong {font-size:1.2em;} .name {font-weight:bold;} .add { line-height:18px;} .clearboth {clear:both;} /* JV CSS Document HYPTIQUE / ERIK SOULARD 2007*/ body {font-family:Trebuchet MS,Caps;} /****************************************************************************************************************************/ /*SPECTACLE*/ h3.typespectacle {padding:5px 0 0 !important; line-height:20px;} h4.typespectacle {line-height:60px; font-size:1.3em !important;} .content h5 {} /*padding-left: 20px;*/ /*le reste des bandeaux > le reste des informations*/ .infospectacle {position:relative; width:610px; height:auto; float:left; background-color:#fff; padding-bottom:10px;/*rubrik*/} .infospectacle div p {text-align:justify;} .infospectacle div.left {width:210px; height:auto; float:left;} .infospectacle div.right {width:373px; height:auto; float:right;} .infospectacle div.left h3 {padding:20px 0 0 0;} .infospectacle div.left h4 {padding:0 0 30px 0; font-size:1.1em !important;} #fiche, #video .left, #mp3 .left, #video.infospectacle div.left p, #mp3.infospectacle div.left p {text-align:right;} #videoListTitle h5, #mp3ListTitle h5 {font-weight: bold;} #videoListTitle p, #mp3ListTitle p {width: auto;} #videoListTitle ul, #mp3ListTitle ul {margin:0; padding:0; list-style-type:none; list-style:none} #contenu-description p {font-size:1.1em;} #partenaires p, #distribution p {font-size:1em;} /*div contenant le titre du spectacle et les boutons 'print' et 'envoyer' > ce div est diffrenci suivant les genres de spectacles */ .infospectacle div.th2 {position:relative; width:352px;border-bottom:6px solid #368acc; margin-bottom:15px;} #fiche h6 {font-size: 1.3em !important;} /*div pour 'Incarnat'*/ .th2G {position:relative; top:0; float:left; margin-bottom:10px} .th2G h2 {text-align:left; width:252px; padding-bottom:10px} /*div pour les boutons*/ .th2D {position:relative; top:0; width:100px; height:45px; float:left; text-align:right;} /*paragraphes textes gauche & droite*/ .infospectacle div.left p {line-height:16px; width:210px;/* text-align:justify;*/} .infospectacle div.right p {line-height:16px; padding:0 20px 0 0;} /*le reste des titres de droite*/ .infospectacle div.right h2 {line-height:26px; font-size: 2.75em !important;} .infospectacle div.right h5 {font-weight:lighter; /*padding:15px 0 10px 0;*/ width:352px;} .infospectacle div.right h5.prems {line-height:20px; font-weight:lighter; padding:15px 0 10px 0;margin: 0; width:352px; border:none; font-size:1.6em !important;} .infospectacle div.right h6 {line-height:16px; padding:0 20px 0 0;margin: 0 0 10px 0;} .infospectacle div.right ul li {font-size:12px; list-style:inside; line-height:16px; padding:0 10px 0 0; font-weight: bold; margin:0 !important;} /*titres partenaires - video > fond couleur diffrenci suivant genre*/ .infospectacle div h5 {color:#333; font-weight:lighter;line-height:54px;border-bottom:6px solid #368ACC;margin:0 0 20px 0;} .infospectacle div.left h5 {text-align:right;} .infospectacle div.right h5 {width:353px;} #liens h6 {font-size:1.65em !important;} /*texte de fin aprs texte description spectacle, diffrenci par le puce suivant genre*/ .finTxtDanse {text-indent:10px; background:url(../img/styles_FILES/danse_puce.gif) no-repeat left top; margin-top:30px; font-size:12px} .finTxtChanson {text-indent:13px; background:url(../img/styles_FILES/chanson_puce.gif) no-repeat left top; margin-top:30px;} .finTxtConte {text-indent:13px; background:url(../img/styles_FILES/conte_puce.gif) no-repeat left top; margin-top:30px;} .finTxtMusique {text-indent:13px; background:url(../img/styles_FILES/musique_puce.gif) no-repeat left top; margin-top:30px;} .finTxtPoesie {text-indent:13px; background:url(../img/styles_FILES/poesie_puce.gif) no-repeat left top; margin-top:30px;} .finTxtTheatre {text-indent:13px; background:url(../img/styles_FILES/theatre_puce.gif) no-repeat left top; margin-top:30px;} /*couleur des liens 'reserver' en rollOver*/ .danseL:hover {color:#666;} .theatreL:hover {color:#666;} .musiqueL:hover {color:#666;} .poesieL:hover {color:#666;} .conteL:hover {color:#666;} .chansonL:hover {color:#666;} /*sparateurs inter-paragraphes*/ div.left p.sep6 {line-height:6px; background-color:#FFF;} div.left p.sep8 {line-height:8px; background-color:#FFF;} div.left p.sep10 {line-height:10px; background-color:#FFF; padding:0 !important;} div.left p.sep15 {line-height:18px; background-color:#FFF;} div.left p.sep20 {line-height:20px; background-color:#FFF;} div.left p.sep30 {line-height:30px; background-color:#FFF;} div.right p.sep6 {line-height:6px; background-color:#FFF;} div.right p.sep8 {line-height:8px; background-color:#FFF;} div.right p.sep10 {line-height:10px; background-color:#FFF; margin: 0 !important;} div.right p.sep20 {line-height:20px; background-color:#FFF;} div.right p.sep30 {line-height:30px; background-color:#FFF;} .envoyeInput {padding:0pt 0px;} #descriptionVideo {margin:0 !important;} /*galerie photos*/ /* .conteneurGalerie {position:relative; top:0; left:0; width:540px; height:460px; margin:0 0 0 80px;}*/ .conteneurGalerie {position:relative; top:0; left:0; width:540px; margin:0 0 0 60px;} #conteneur_contenu .content .textGalerie {text-align:center;} #conteneur_contenu .content .textGalerie p {margin:0;} .textGalerie {position:relative; top:0; left:0; width:165px; height:45px; overflow:hidden;} .imgGalerie {position:relative; top:0; left:0; width:180px; height:230px; float:left;} /* popup photo */ .tx-photographiclibrary-pi1 {width:100%; text-align:center; background-color:#F3EEC4} .containerDetailPhoto {margin-left:49px; width:750px; background-color:#000;} .containerDetailPhoto .picture {position:relative; z-index:0; height:638px; vertical-align:bottom} .containerDetailPhoto .picture img {margin:10px} .containerDetailPhoto .title {position:relative; z-index:1; color:#fff; font-size:14px; font-weight:bold} .containerDetailPhoto .copyright {position:relative; z-index:1; color:#fff;} .containerDetailPhoto .desc {position:relative; z-index:1; color:#fff;} .containerDetailPhoto .place {position:relative; z-index:1; color:#fff;} .containerDetailPhoto .pagin {position:relative; z-index:1; background-color:#fff; font-size:12px; font-weight:bold; margin-top:10px;} .containerDetailPhoto .pagin img {margin:0 10px 0 10px} .containerDetailPhoto .pagin a:hover {color:#f07400} /*galerie video*/ #titreVideo {line-height:54px;} #titreMp3 {margin:20px 0;} .chanson #titreVideo {color:#FFD400} .danse #titreVideo {color:#368ACC} .humour #titreVideo {color:#FF6699} .musique #titreVideo {color:#78C682} .petitsetgrands #titreVideo {color:#FAA61A} .theatre #titreVideo {color:#F13E30} .spectacle #titreMp3 {color:#78C682} /*nom de la video du spectacle, diffrienci suivant le genre*/ .videoDanseTitre {color:#368ACC; font-size:1.8em; font-weight:lighter; line-height:54px; padding:0 22px 0 0;} .videoChansonTitre {color:#FFD400; font-size:1.8em; font-weight:lighter; line-height:54px; padding:0 22px 0 0;} .videoConteTitre {color:#FAA61A; font-size:1.8em; font-weight:lighter; line-height:54px; padding:0 22px 0 0;} .videoMusiqueTitre {color:#78C682; font-size:1.8em; font-weight:lighter; line-height:54px; padding:0 22px 0 0;} .videoPoesieTitre {color:#FF6699; font-size:1.8em; font-weight:lighter; line-height:54px; padding:0 22px 0 0;} .videoTheatreTitre {color:#F13E30; font-size:1.8em; font-weight:lighter; line-height:54px; padding:0 22px 0 0;} div.left p.alignjustify {text-align:justify;} /*historik + liens*/ div.left #historique {width:210px; height:245px; background:url(../img/styles_FILES/polaroids1.jpg) no-repeat top right; text-align:left;} div.left #historique div.imageLien {position:relative; top:30px; left:34px; width:165px; height:245px; text-align:center;} div.left #historique div.imageLien p {line-height:16px; width:135px; text-align:center; padding:8px 15px 0 15px;} div.left #historique div.imageLien p a {color:#333;} div.left #historique div.imageLien p a:link {color:#333;} div.left #historique div.imageLien p a:hover {color:#666;} .infospectacle #liens p {text-align:left;} .infospectacle #liens {height:245px; background:url(../img/styles_FILES/polaroids2.jpg) no-repeat top left;} .infospectacle #liens div.linkDlSpectacle {position:relative; top:30px; left:32px; width:165px; height:auto; float:left;} /*les listes de liens*/ #menu ul {margin:0; padding:0; list-style-type:none; list-style:none} #menu ul li {margin:0; padding:2px 0 0 0; font-weight:bold ; list-style-type:none; list-style:none; text-align:left} #menu ul li a {display:block; width:160px; line-height:16px; color:#000; text-indent:18px; text-decoration:underline; background-image:url(../img/styles_FILES/puce_linkS.gif); background-repeat:no-repeat}/*font-size:1.4em;*/ #menu ul li a:hover {color:#666; background:url(../img/styles_FILES/puce_linkSN.gif) no-repeat}/* 0 -18px*/ #menuPDF ul {margin:0; padding:0; list-style-type:none; list-style:none} #menuPDF ul li {margin:0; padding:2px 0 0 0; font-weight:bold; list-style-type:none; list-style:none; text-align:left} #menuPDF ul li a {display:block; width:150px; color:#000;line-height:16px; text-indent:18px; text-decoration:underline; background-image:url(../img/styles_FILES/puce_pdf.gif); background-repeat:no-repeat} /*font-size:1.4em;*/ #menuPDF ul li a:hover {color:#666; background-image:url(../img/styles_FILES/puce_pdfN.gif); background-repeat:no-repeat;} /*0 -18px*/ /****************************************************************************************************************************/ /*LISTES*/ /*premier bandeau > 'Saison ...'*/ /*suprimer position:relative; */ .form_sendto {margin-top: 30px;} .typeliste {width:600px; height:auto; float:left; /*background-color:#fff; padding-bottom:20px;*/} .typeliste div.left {position:relative; top:0; height:auto; float:left; text-align:left;} /*.typeliste {width:630px; height:auto; float:left; */ /*background-color:#fff; /*padding-bottom:20px;*/} /*.typeliste div.left {position:relative; top:0; left:20px; width:400px; height:auto; float:left; text-align:left;}*/ /* .typeliste div.right {position:relative; top:0; height:auto; float:right; width:152px;} */ /* width:373px; float:right; text-align:justify;*/ .typeliste div.right {position:relative; top:0; width:373px; height:auto; float:right; text-align:justify;} .typeliste h2 {padding-top:15px; font-size:1.2em !important; color:#EF3E2E;}/*line-height:50px; */ #conteneur_contenu .typeliste h2 p {padding:0; margin:0} .typeliste#separateur img {line-height:1px; background-color:#FFF;} .typeliste#separateur_ img {margin:0 0 20px 20px; line-height:1px; background-color:#FFF;} .typeliste div.left form select {width:150px; margin:0 7px 7px 0;} .typeliste div.left form input {border:1px solid #999999; background:#EDEDED; vertical-align:top;} .FORMvalider {float: left; clear: left;} .FORMvalider input {width: auto !important; background-color:#EF3E2E; color: white;} .FORMvalider input:hover {width: auto !important; background-color:#000000; color: white;} .typeliste div.left p {padding:0 0 8px 0;} /*liste genre*/ .typeliste div.left ul {margin:0; list-style-type:none; list-style:none; padding:0 0 5px 0; font-size:1.4em; color:#666666;} .typeliste div.left ul li {margin:0; padding:10px 0 0 0; font-weight:bold} .typeliste div.left ul li a {display:block; width:140px; line-height:14px; text-indent:14px; background:url(../img/styles_FILES/puce_linkSG.gif) no-repeat 0 0; text-decoration:none;} .typeliste div.left ul li a:hover {color:#999; background:url(../img/styles_FILES/puce_linkSG.gif) no-repeat 0 -18px} .typeliste div.right {float:right;height:auto;position:relative;text-align:justify;top:0pt;width:373px;} .typeliste div.right p {margin: 0 0 5px !important;} /**/ /* .typeliste div.right h3 {padding:9px 0 8px 0px;} */ /* .typeliste div.right p img {padding:0 15px 5px 125px;} */ .typeliste div.right p img {padding:0 0 0 135px;} .typeliste div.right h3 {font-size:1.1em !important;padding:0 0 8px 155px;} /*le reste des bandeaux > le reste des informations*/ .divTitre {width:345px; height:34px; background:url(../img/styles_FILES/saison_1bb.gif) repeat left top;} .infoliste {position:relative; width:600px; height:auto; float:left; background-color:#fff; padding-bottom:20px;} #conteneur_contenu .content .infoliste p {margin:0; padding:0;} #conteneur_contenu .content .infoliste p.sep6 {line-height:6px;} #conteneur_contenu .content .infoliste p.margin25 {margin-bottom:25px;} .infoliste div.left {width:345px; height:auto; float:left; text-align:left;} .infoliste div.right {position:relative; top:0; width:373px; height:auto; float:right; text-align:justify;} /*.infoliste div.left h5 {margin:20px 0 0 0; font-weight:lighter; width:345px; line-height:34px; background:url(../img/saison_1b.gif) no-repeat left top;} .infoliste div.left h5 {margin:0 0 0 0; font-weight:lighter; width:345px; line-height:30px; border-bottom:6px solid #666;}*/ .infoliste div.left h5 {margin:0 0 0 0; font-weight:lighter;} .infoliste div.left h6 {padding:10px 0 0 0;} .infoliste div.left p {text-align:justify;} .item {/*position:relative; top:0; left:20px; width:345px*/margin:0; font-size:0.9em;} .item p.c_text {padding-left: 5px !important;} /****************************************************************************************************************************/ /*ARTICLE*/ /*premier bandeau > 'Article ...'*/ .tArticle {position:relative; left:20px; width:590px; height:42px; background:url(../img/styles_FILES/article_1.gif) repeat left top; background-color:#fff; /*padding-bottom:30px;rubrik*/} .articleSurtitre {padding:0 20px 20px 20px; font-size:1.4em; text-transform:uppercase; font-weight:bold;} .articleIntro {padding:15px 0 12px 0; font-size:1.2em; width:350px; font-weight:bold; text-align:justify; line-height:14px;} .articleIntertitre {padding:0 0 15px 20px; font-size:1.8em; width:590px; font-weight:lighter;} .tArticleG {position:relative; height:42px; width:500px; top:0; left:0; float:left;} .tArticleG h2 {line-height:26px; height:42px;} .tArticleD {position:relative; height:42px; width:90px; top:0; left:0; float:left; text-align:right;} /**/ .infoarticle {position:relative; left:0; width:600px; height:auto; float:left; background-color:#fff; padding:0 0 20px 20px;} .infoarticle div.left {position:relative; left:20px; width:350px; height:auto; float:left;} .infoarticle div.left h5 {line-height:54px; font-weight:lighter;} .infoarticle div.left p {text-align:justify; line-height:16px;} .infoarticle div.right {position:relative; left:20px; width:240px; height:auto; float:left;} .infoarticle div.right p {padding:0 0 0 15px} /*les listes de liens*/ .infoarticle div.left ul#menu {margin:0; padding:0; list-style-type:none; list-style:none} .infoarticle div.left ul#menu li {margin:0; padding:2px 0 0 0; font-weight:bold} .infoarticle div.left ul#menu li a {font-size:1.4em; display:block; width:160px; line-height:16px; color:#000; text-indent:18px; text-decoration:underline; background:url(../img/styles_FILES/puce_linkS.gif) no-repeat 0 0} .infoarticle div.left ul#menu li a:hover {color:#666; background:url(../img/styles_FILES/puce_linkS.gif) no-repeat 0 -18px} .infoarticle div.left ul#menuPDF {margin:0; padding:0; list-style-type:none; list-style:none} .infoarticle div.left ul#menuPDF li {margin:0; padding:2px 0 0 0; font-weight:bold} .infoarticle div.left ul#menuPDF li a {font-size:1.4em; display:block; width:160px; line-height:16px; color:#000; text-indent:18px; text-decoration:underline; background:url(../img/styles_FILES/puce_pdf.gif) no-repeat 0 0} .infoarticle div.left ul#menuPDF li a:hover {color:#666; background:url(../img/styles_FILES/puce_pdf.gif) no-repeat 0 -18px;} /****************************************************************************************************************************/ /*MENTIONS LEGALES*/ .infomentionsListe {position:relative; left:0; width:630px; height:auto; float:left; background-color:#fff;} /*liste*/ .infomentionsListe div.left ul {margin:0; list-style-type:none; list-style:none; padding:0 0 10px 20px; font-size:1.4em; color:#666666;} .infomentionsListe div.left ul li {margin:0; padding:10px 0 0 0; font-weight:bold} .infomentionsListe div.left ul li a {display:block; width:140px; line-height:14px; text-indent:14px; background:url(../img/styles_FILES/puce_linkSG.gif) no-repeat 0 0; text-decoration:none;} .infomentions div.left ul li a:hover {color:#999; background:url(../img/styles_FILES/puce_linkSG.gif) no-repeat 0 -18px} /**/ .infomentions {position:relative; left:0; width:630px; height:auto; float:left; background-color:#fff; padding-bottom:20px;} .infomentions div.left {position:relative; left:20px; width:420px; height:auto; float:left;} .infomentions div.left div.divTitre {width:420px; height:34px; background:url(../img/styles_FILES/saison_1bb.gif) repeat left top;} .infomentions div.left h5 {font-weight:lighter; width:420px;} .infomentions div.left h6 {padding:10px 0 5px 0; width:420px; font-family:Trebuchet MS,Caps; font-size:1.6em;} .infomentions div.left p {padding:0 0 8px 0; font-family:Trebuchet MS,Caps; font-size:1.2em; text-align:justify;} /**/ .infocredits {position:relative; left:0; width:630px; height:auto; float:left; background-color:#fff; padding-bottom:20px;} .infocredits div.divTitre {margin-left:20px; width:420px; height:34px; background:url(../img/styles_FILES/saison_1bb.gif) repeat left top;} .infocredits h5 {font-weight:lighter; width:420px;} .infocredits div.left {position:relative; left:20px; width:100px; height:auto; float:left; margin:0 20px 0 20px;} .infocredits div.left p img {} .infocredits div.right {position:relative; left:40px; width:300px; height:auto; float:left;} .infocredits div.right h6 {margin:0 0 5px 0; font-weight:lighter; font-size:1.8em; color:#666666;} .infocredits div.right p {margin:0 0 3px 0; font-weight:lighter; text-align:justify; font-size:1.4em;} .infocredits div.right a {font-size:1.2em; color:#666666; text-decoration:underline;} /*INTRANET*/ .typeliste ul#menulisteIntranet {margin:0; list-style-type:none; list-style:none; padding:0 0 5px 20px;} .typeliste ul#menulisteIntranet li {margin:0; padding:10px 0 0 0; font-weight:bold} .typeliste ul#menulisteIntranet li a {display:block; width:350px; line-height:14px; text-indent:14px; background:url(../img/styles_FILES/puce_linkSG.gif) no-repeat 0 0; text-decoration:none;} .typeliste ul#menulisteIntranet li a:hover {color:#999; background:url(../img/styles_FILES/puce_linkSG.gif) no-repeat 0 -18px} /****************************************************************************************************************************/ /*MOTEUR DE RECHERCHE, FORMULAIRES...*/ #formulaire form {padding:0 0 0 20px;} #formulaire form p.haut {padding:0 20px 10px 0;} #formulaire form input.champ {text-indent:4px; margin:0 0 10px 0; height:20px; border:1px solid #999;} #formulaire form select {margin:0 0 10px 0; width:202px; height:20px; border:1px solid #999;} #formulaire form input.valider {margin:18px 0; border:none; background-color:#EF3E2E; border:0; width:auto; text-align:center; color:#FFF; height:20px; padding:1px 0;} #formulaire form p a {color:#f44123; font-size:.8em;} .clearfix {float: left; clear: left;} /****************************************************************************************************************************/ /*Plan du site*/ .infoliste p.intromap {margin-left:20px; text-align:justify; width:590px;} .infoliste#plandusite {background:url(../img/fondBasMap.gif) repeat bottom left;} .infoliste#plandusite div.map {position:relative; width:155px; float:left; height:auto;} .conteneurMap {width:630px; height:auto;} .infoliste#plandusite div.map p.r1 {padding:0 10px 0 20px; line-height:18px;} .infoliste#plandusite div.map p {padding:0 10px 0 0; line-height:18px;} .infoliste#plandusite div.map p.separateur {line-height:18px;} .infoliste#plandusite div.map a {text-decoration:none;} .infoliste#plandusite div.map a.gris {color:#666; text-decoration:none;} .infoliste#plandusite div.map a.gris:link {color:#666;} .infoliste#plandusite div.map a.gris:hover {color:#EF3E2E;} .csc-sitemap ul li {list-style-type:none; background: url(../img/styles_FILES/site-map-picto-li.gif) no-repeat 0 7px; font-weight: bold; font-size:1.3em; padding-left:10px;} .csc-sitemap ul li a {text-decoration: none;} .csc-sitemap ul li ul {margin: 10px 0 !important;} .csc-sitemap ul li ul li {font-weight: normal !important; font-size: 0.9em;} /* CONTACT FORM */ #formContact {padding:0 0 0 20px;} #formContact p {font-size:1.2em; padding:0 0 10px 0; line-height:14px;} #formContact p.mandatory {font-style:italic;} #formContact form {width:435px; float:left;} #formContact form p {padding:0 0 7px 0;} #formContact legend {color:#ec3726; font-weight:bold; font-size:1.3em; padding:0 0 10px 0;} #formContact label {display:block; float:left; width:120px; text-align:right; padding:3px 10px 0 0;} #formContact input {border:1px solid #999; width:295px;} #formContact textarea {border:1px solid #999; width:295px; height:60px;} #formContact input.submit {width:90px; background:#ededed; margin:30px 0 0 110px;} #formContact #rightBloc {display:none; float:left; width:150px; margin:30px 0 0 10px;} #formContact #rightBloc p {font-size:10px; line-height:12px;} /* INSCRIPTION NL */ .demarcheleft p {float:right;clear:right;width:250px} .conteneuractu h2 {font-size: 1.2em !important;} #conteneur_contenu h2 {padding-top:15px;}/* color:#EF3E2E; line-height:50px; */ #conteneur_contenu h3 {/*font-size:13px;*/margin:0 0 0 20px;} #conteneur_contenu .content {font-size:1.1em;text-align:justify; width:590px;} #conteneur_contenu .content h3 {margin:0;} #conteneur_contenu .content p {margin: 0 0 10px 0;} #conteneur_contenu .content ul {margin: 0 0 10px 0;} #conteneur_contenu .content ul li {margin-left:15px;list-style-position:inside} #conteneur_contenu .content ul li h3 {display:inline} .actu .actuD {border:2px solid red; display:none} #conteneur_contenu table.contenttable {margin:0 0 20px 20px;} #conteneur_contenu table.contenttable td {font-size:11px; background-color:#f1ede1;padding:8px 8px 0 8px;} .FORM {float: left;} .FORM p {font-size:1.2em; padding:0 0 10px 0; line-height:14px; clear:both;} .FORM label {display:block; float:left; width:110px; text-align:left; padding:1px 10px 0 0;} .FORM fieldset {width:330px;} .FORM input {border:1px solid #999; width:200px;margin-bottom:5px;} .FORM input.checkbox, .FORM input.submit {width:auto;} .FORM input.submit {margin:0 20px 10px 0;} .FORM input.inscrirebtn {margin:0;} .FORM input.resetbtn {margin:0 0 0 0;} .FORM textarea {margin-bottom: 5px; width:200px; border:1px solid #999; padding:0 2px !important;} .FORMchamps .clearfix {float: left; clear: none !important;} .tx-artificanewsletters-pi1 {margin-top: 30px;} #newsletter .tx-artificanewsletters-pi1 {margin:0;} /* SITE MAP */ .tx-dropdownsitemap-pi1 {font-size:1.2em; line-height:14px;} .tx-dropdownsitemap-pi1 img {display:none;} .tx-dropdownsitemap-pi1 a {color:black; text-decoration:none;} .tx-dropdownsitemap-pi1 a:hover {text-decoration:underline;} .tx-dropdownsitemap-pi1 ol {list-style:none; font-weight:bold; padding:10px 0 0 20px;} .tx-dropdownsitemap-pi1 ol ol {font-weight:normal; padding:10px 0 0 30px;} .tx-dropdownsitemap-pi1 ol li {background:url(../img/styles_FILES/site-map-picto-li.gif) left 5px no-repeat; padding:0 0 10px 10px;} * html .tx-dropdownsitemap-pi1 ol li {height:0.01%;} .tx-dropdownsitemap-pi1 ol li ol li {padding-bottom:0;} .tx-indexedsearch-whatis, .tx-indexedsearch-noresults {clear: left;} .tx-indexedsearch-item {width: 570px;} .tx-indexedsearch-item .title {padding: 10px 0;} .tx-indexedsearch-item .details {padding: 10px 0 5px 0;} .tx-indexedsearch-item .details .tx-indexedsearch-path {color: #666666;} .browsebox li {display: inline; font-size: 1.2em;} .title a {color:#EF3E2E; font-size: 1.2em; font-weight: bold;} .containerInfo {padding:15px 0 5px 0;} .dayspectacle {font-family:Trebuchet MS, Caps; font-size:15px; color:#000000; font-weight:bold;} .hourspectacle {font-family:Trebuchet MS, Caps; font-size:15px; color:#999; font-weight:bold;} /*.horaire {padding:15px 0 5px 0;}*/ .horaire span {padding:4px 0px 4px 4px} /* ADDRESS */ #address {text-align:right; position:absolute; bottom:10px; right:120px; font-size:1.2em; line-height:14px;} #address p {padding:0 0 5px 0;} /* Wrap pour le lire davantage sur la page actu listes par genre */ .wrapActugenre span a:link {color:#368ACC; font-weight:bold; font-size:1.2em;} .couleurCat, .couleurCat a {text-decoration:none;color:#368ACC;} span.couleurCat a {font-size:1.2em; color:#368ACC;} .orange {color:#e73930;} /* MOTEUR DE RECHERCHE */ .navigation_recherche {clear:both; padding:10px 0 10px 10px;} .navigation_recherche table td {padding:3px;} .navigation_recherche table td a {text-decoration:underline;} .navigation_recherche table td a:hover {text-decoration:none;} .tx-indexedsearch-res {padding:0 20px 0 0;} /* CSS pour aligner la numrotation de la photographic library */ .middle {margin-left:0; margin-right:0;} /* INDEXED SEARCH */ .tx-indexedsearch-noresults {font-family:Trebuchet MS, Caps; font-size:14px; padding-left:20px;} #rootline {position:absolute; top:85px; left:280px; height:10px;} .tx-newloginbox-pi1 {padding:0 0 20px 20px;} /* ajoute clearfix de krypton */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;}/*ie7*/ .clearfix {display:block;} * html .clearfix {height:1%;} h6 a {text-decoration:none;} /* Couleurs pour les catgories - attention car depend de l'ID de la catgorie */ /*danse*/ .cat115 .infospectacle div.th2 {border-bottom:6px solid #368acc;} .cat115 .infospectacle div h5 {border-bottom:4px solid #368ACC;} .cat115 .couleurCat, .cat115 .couleurCat a, .couleurCat115, .couleurCat115 a, .cat115 span.couleurCat a {color:#368ACC;} .conteneuractu .couleurCat115:hover {background-color:#368ACC;color:#000000;} .cat121 .infospectacle div.th2 {border-bottom:6px solid #368acc;} .cat121 .infospectacle div h5 {border-bottom:4px solid #368ACC;} .cat121 .couleurCat, .cat121 .couleurCat a, .couleurCat121, .couleurCat121 a, .cat121 span.couleurCat a {color:#368ACC;} .conteneuractu .couleurCat121:hover {background-color:#368ACC;color:#000000;} /*theatre*/ .cat108 .infospectacle div.th2 {border-bottom:6px solid #f13e30;} .cat108 .infospectacle div h5 {border-bottom:4px solid #f13e30;} .cat108 .couleurCat, .cat108 .couleurCat a, .couleurCat108, .couleurCat108 a, .cat108 span.couleurCat a {color:#F13E30;} .conteneuractu .couleurCat108:hover {background-color:#f13e30;color:#000000;} .cat60 .infospectacle div.th2 {border-bottom:6px solid #f13e30;} .cat60 .infospectacle div h5 {border-bottom:4px solid #f13e30;} .cat60 .couleurCat, .cat60 .couleurCat a, .couleurCat60, .couleurCat60 a, .cat60 span.couleurCat a {color:#F13E30;} .conteneuractu .couleurCat60:hover {background-color:#f13e30;color:#000000;} /*chanson*/ .cat117 .infospectacle div.th2 {border-bottom:6px solid #ffd400;} .cat117 .infospectacle div h5 {border-bottom:3px solid #ffd400;} .cat117 .couleurCat, .cat117 .couleurCat a, .couleurCat117, .couleurCat117 a, .cat117 span.couleurCat a {color:#FFD400;} .conteneuractu .couleurCat117:hover {background-color:#FFD400;color:#000000;} .cat95 .infospectacle div.th2 {border-bottom:6px solid #ffd400;} .cat95 .infospectacle div h5 {border-bottom:3px solid #ffd400;} .cat95 .couleurCat, .cat95 .couleurCat a, .couleurCat95, .couleurCat95 a, .cat95 span.couleurCat a {color:#FFD400;} .conteneuractu .couleurCat95:hover {background-color:#FFD400;color:#000000;} /*musique*/ .cat116 .infospectacle div.th2 {border-bottom:6px solid #78c682;} .cat116 .infospectacle div h5 {border-bottom:3px solid #78c682;} .cat116 .couleurCat, .cat116 .couleurCat a, .couleurCat116, .couleurCat116 a, .cat116 span.couleurCat a {color:#78C682;} .conteneuractu .couleurCat116:hover {background-color:#78C682;color:#000000;} .cat20 .infospectacle div.th2 {border-bottom:6px solid #78c682;} .cat20 .infospectacle div h5 {border-bottom:3px solid #78c682;} .cat20 .couleurCat, .cat20 .couleurCat a, .couleurCat20, .couleurCat20 a, .cat20 span.couleurCat a {color:#78C682;} .conteneuractu .couleurCat20:hover {background-color:#78C682;color:#000000;} /*petits et grands*/ .cat109 .infospectacle div.th2 {border-bottom:6px solid #FAA61A;} .cat109 .infospectacle div h5 {border-bottom:3px solid #FAA61A;} .cat109 .infoliste div h6 a {color:#FAA61A !important;} .cat109 .couleurCat, .cat109 .couleurCat a, .couleurCat109, .couleurCat109 a, .cat109 span.couleurCat a {color:#FAA61A;} .conteneuractu .couleurCat109:hover {background-color:#FAA61A;color:#000000;} .cat107 .infospectacle div.th2 {border-bottom:6px solid #FAA61A;} .cat107 .infospectacle div h5 {border-bottom:3px solid #FAA61A;} .cat107 .infoliste div h6 a {color:#FAA61A !important;} .cat107 .couleurCat, .cat107 .couleurCat a, .couleurCat107, .couleurCat107 a, .cat107 span.couleurCat a {color:#FAA61A;} .conteneuractu .couleurCat107:hover {background-color:#FAA61A;color:#000000;} /*humour*/ .cat123 .infospectacle div.th2 {border-bottom:6px solid ##FF6699;} .cat123 .infospectacle div h5 {border-bottom:3px solid ##FF6699;} .cat123 .couleurCat, .cat123 .couleurCat a, .couleurCat123, .couleurCat123 a, .cat123 span.couleurCat a {color:#FF6699;} .conteneuractu .couleurCat123:hover {background-color:#FF6699;color:#000000;} /* END */ /* Ajustement de dernieres minutes */ .infoliste {margin-top:30px; text-align: left;} #outils {left:815px;} #outils a {padding-left:5px; padding-right:1px;} #nav-main a, #nav-main a:visited {letter-spacing:0em;} #conteneur_contenu .th2G h2 {padding-top:0px;} #contenu-description ul {padding:6px 0px 0px 0px; margin:0px;} #contenu-description ul li {margin-left:0px!important;} #conteneur_contenu .containerInfo {padding:15px 0 3px} #conteneur_contenu .containerInfo .horaire {margin-top:2px;} #conteneur_contenu .containerInfo .horaire p {font-family:Trebuchet MS, Caps; font-size:15px; color:#000000; font-weight:bold; text-align:right; margin:0px 0px 4px 0px; padding:0px;} #conteneur_contenu .containerInfo .horaire p span {padding:4px 0 4px 2px;} #conteneur_contenu .containerInfo .horaire p span.emphasis {font-family:Trebuchet MS, Caps; font-size:15px; color:#999; font-weight:bold; font-style:normal;} #fiche a {text-decoration:underline;} #fiche a:hover {text-decoration:underline;} #contenu-description h6 {line-height:16px; padding:0 20px 0 0; margin-top:30px; text-indent:13px; font-size:12px; color:#666666;} .chanson #contenu-description h6 {background:transparent url(../img/styles_FILES/chanson_puce.gif) no-repeat scroll left top;} .danse #contenu-description h6 {background:transparent url(../img/styles_FILES/danse_puce.gif) no-repeat scroll left top;} .humour #contenu-description h6 {background:transparent url(../img/styles_FILES/danse_puce.gif) no-repeat scroll left top;} .musique #contenu-description h6 {background:transparent url(../img/styles_FILES/musique_puce.gif) no-repeat scroll left top;} .petitsetgrands #contenu-description h6 {background:transparent url(../img/styles_FILES/conte_puce.gif) no-repeat scroll left top;} .theatre #contenu-description h6 {background:transparent url(../img/styles_FILES/theatre_puce.gif) no-repeat scroll left top;} #bloc-presse {font-size:1em;} #bloc-presse p {line-height:16px; padding:0 20px 0 0; font-size:1.3em; text-align:justify;} #bloc-presse p.emphasis {color:#666666; font-style:italic; padding-bottom:10px;} #bloc-presse h5 {margin:0 0 10px;} .chanson #bloc-presse {font-size: 1em;} #recherche input.recherche {font-size:1.2em; height:14px; margin:2px 0 0!important; width:124px!important;} #recherche input.btOk {margin:2px 0!important;} #piedpage div#newsletter input.fmail {font-size:1.2em!important; height:13px!important; width:129px!important;} #piedpage div#newsletter input#ok {height:16px!important;} .page #conteneur_contenu .content p {margin:0; padding:0px;} .page #conteneur_contenu .content ul {margin:0 0 16px;} /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(http://flowplayer.org/img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* "next image" and "prev image" links - begin absolute positioning relative to the overlay upcoming CSS3 features */ .simple_overlay .next, .simple_overlay .prev, .simple_overlay .play {position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px;} /* "next image" and "prev image" links - end */ .simple_overlay .prev {left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0;} .simple_overlay .next {right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0;} .simple_overlay .next:hover, .simple_overlay .prev:hover, .simple_overlay .play:hover {text-decoration:underline; background-color:#000;} .simple_overlay .play {left:38%; top:20%; width:150px; background:#333; opacity:0.8; text-align:center;} /* when there is no next or previous link available this class is added */ .simple_overlay .disabled {visibility:hidden;} /* the "information box" */ .simple_overlay .info {position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666; text-align:center;} .simple_overlay .info strong {display:block;} /* progress indicator (animated gif). should be initially hidden */ .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none;} /* everybody should know about RGBA colors. */ .simple_overlay .next, .simple_overlay .prev, .simple_overlay .info {background:#333 !important; background:rgba(0, 0, 0, 0.6) url(http://flowplayer.org/img/global/gradient/h80.png) repeat-x;} .simple_overlay .next, .simple_overlay .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; /* upcoming CSS3 rounded border feature */ -moz-border-radius:5px; -webkit-border-radius:5px; } /* progress indicator (animated gif). should be initially hidden */ .simple_overlay .progress {position:absolute; top:45%; left:50%; display:none;} /* active thumbnail is raised on top of the mask using the z-index property */ #thumbs a.active img {outline:1px solid #000; z-index:9999; position:relative;} /*Formulaire sendto*/ .form_sendto fieldset {width:515px;} .form_sendto .FORMsep {padding-bottom:10px;} .form_sendto em,.form_sendto .formObligatoire,.form_sendto .FORMerreur {color:#cc0000;} .form_sendto .FORMerreur {display:block;margin-left:120px;} .form_sendto .FORMchamps {color:#999999;} .form_sendto .FORMlibelleoblig {margin-top:10px; color:#cc0000;} .form_sendto legend {display:none;} /* default styles for extension "tx_cssstyledcontent" */ /* Captions */ DIV.csc-textpic-caption-c .csc-textpic-caption {text-align: center;} DIV.csc-textpic-caption-r .csc-textpic-caption {text-align: right;} DIV.csc-textpic-caption-l .csc-textpic-caption {text-align: left;} /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn {float: left; display: inline;} /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border: 2px solid black; padding: 0px 0px;} DIV.csc-textpic-imagewrap {padding: 0;} DIV.csc-textpic IMG {border: none;} /* DIV: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float: left;} /* UL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style: none; margin: 0; padding: 0;} DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float: left; margin: 0; padding: 0;} /* DL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float: left;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float: none;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float: none;} DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border: none;} /* FE-Editing Icons */ DL.csc-textpic-image {margin: 0;} DL.csc-textpic-image DT {margin: 0; display: inline;} DL.csc-textpic-image DD {margin: 0;} /* Clearer */ DIV.csc-textpic-clear {clear: both;} /* Margins around images: */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 10px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin: 0;} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin: 0;} /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 5px;} DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom: 5px; display: block;} DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;} /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left: 0px !important;} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right: 0px !important;} /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {margin-right: 10px !important;} DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {margin-left: 10px !important;} /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text {clear: both;} /* Center (above or below) */ DIV.csc-textpic-center {text-align: center; /* IE-hack */} DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin: 0 auto;} DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align: left; /* Remove IE-hack */} DIV.csc-textpic-center DIV.csc-textpic-text {text-align: left; /* Remove IE-hack */} /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float: right;} DIV.csc-textpic-right DIV.csc-textpic-text {clear: right;} /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float: left;} DIV.csc-textpic-left DIV.csc-textpic-text {clear: left;} /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float: left;} /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float: right;} /* Right (in text, no wrap around) */ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float: right; clear: both;} /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height: 1%;} /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float: left; clear: both;} /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height: 1%;} /* End hide from IE5/mac */ /* NAVIGATION /********************************************************************************************************/ /*Main Navbar */ #nav-main {position:absolute; top:50px; left:259px; width:800px; height:30px;} #nav-main ul {list-style-type: none; margin:-1px 0 0 5px; padding:0;} #nav-main li {display: block; padding:5px 7px; height: 20px; float: left; list-style-type:none; font-size:1.6em; border-right:none; margin:0 6px 0 0;} #nav-main a, #nav-main a:visited {text-decoration: none; border:none; color: #f5f5f4; letter-spacing:0em; text-align:center; line-height:20px;} /*#nav-main ul li.page-item-317 a {width:57px;} #nav-main ul li.page-item-716 a {width:57px;} #nav-main ul li.page-item-715 a {width:57px;} #nav-main ul li.page-item-714 a {width:57px;} #nav-main ul li.page-item-713 a {width:57px;}*/ #nav-main a:hover {color:#F13E30;} #nav-main a.anchor {display:none} #nav-main a:hover,#nav-main li:hover, #nav-main a:active, #nav-main li.sfhover {/*background:#007294;*/} #nav-main .current_page_item a {color:#F13E30;} /* Dropdown Menus */ #nav-main li ul {position: absolute; z-index:99999; left: -999em; height: auto; width: 170px; padding:0 7px; background:#000000; overflow: hidden; margin:3px 0 0;} #nav-main li li {display: block; font-size:0.9em; padding:5px 0 0; width: 170px; height:auto;} #nav-main li li a, #nav-main li li a:visited {color:#ffffff; height:auto; text-align:left;} #nav-main li li ul {position: relative; z-index:99999; height: auto; left: -999em; padding:0 0 0 5px; background:#000000; border-top:none; overflow: hidden;margin:0;} #nav-main li li li {border:none;} #nav-main li li li.page-item-last {border-bottom: none;} #nav-main .current_page_item li a {color:#ffffff;} #nav-main li li:hover, #nav-main li.sfhover li.sfhover {background:#000000!important} #nav-main li li a:hover, #nav-main li li a:active {color:#F13E30;} #nav-main li:hover ul, #nav li li:hover ul, #nav-main li li li:hover ul, #nav-main li.sfhover ul, #nav-main li li.sfhover ul, #nav-main li li li.sfhover ul {left: auto;} /* NAV 2 /*-------------------------------------------------------------------------------------------------------*/ /* #nav-secondary {} #nav-secondary ul {list-style-type:none; position:absolute; top:5px; right:20px; font-size:1.2em} #nav-secondary li {float:left} #nav-secondary a {text-decoration:none; color:#163e67; padding:0 0 0 20px; margin-left:20px; display:block}*/ /* NAV Bas /*-------------------------------------------------------------------------------------------------------*/ #piedpage div#menu_bas {display:block; position:absolute; top:102px; left:357px; width:543px; height:30px;} #menu_bas ul {list-style: none; margin:0 7px 0 0; padding:0;} #menu_bas li {display: block; float: left; list-style:none; font-size:1.6em; border-right:none; margin:0 6px 0 0; padding:5px 7px 5px 7px; height:20px;} #menu_bas a, #menu_bas a:visited {text-decoration: none; border:none; color: #000000; text-align:center; line-height:20px;} #menu_bas a:hover {color:#F13E30;} #menu_bas .current_page_item a {color:#F13E30;} #menu_bas a.anchor {display:none} /*liens_bandeau_bas*/ a.menuBs {color:#000; text-decoration:none;} a.menuBs:link {color:#000;} a.menuBs:hover {color:#F13E30;} /*classe pour un menu slectionn*/ .on {color:#FFF; text-align:center;} /* CSS pour le nouveau menu */ #menuyl {font-family:Trebuchet MS, Caps; list-style:none; margin-top:20px; margin-left:60px; /*width:273px;*/} #menuyl li {margin-top:1em;} #menuyl ul {margin-bottom:2em;} #menuyl span, #menuyl a {font-size:1.4em; color:white; text-decoration:none; display:block; /*width:93%;*/ padding-left:1em;} #menuyl a:hover {background-color:red !important; color:white !important;} #menuyl li.current_page_item a {background-color:white; color:red;} #menuyl li.current_page_item a:hover {background-color:red !important; color:white !important;} #menuyl li.current_page_item ul li a {background:none !important; color:white !important;} #menuyl li.current_page_ancestor li.current_page_parent a {background-color:white !important; color: red;} #menuyl li.current_page_ancestor li.current_page_parent a:hover {background-color:red !important; color: white;} #menuyl li.current_page_parent li a:hover {background-color:red !important;} #menuyl ul {list-style:none;} #menuyl ul a {margin-left:1em; display:block;} #menuyl li li.current_page_item a {color:red; margin-left:15px; display:block;} #menuyl li ul {margin-left:15px; display:inline;} /*****************************************************************************************************************/ /*titre de menu partie gauche + liens*/ #colonne_gauche p.titre {padding:5px 0 0 61px;} #colonne_gauche div.niveau1 {position:relative; float:right; width:210px; height:20px; margin:22px 0 5px 0; background-color:#FFF; font-family:Trebuchet MS, Caps;} #colonne_gauche div.niveau1 p {line-height:20px; color:#EF3E2E; font-size:1.4em; text-indent:15px;} #colonne_gauche div.niveau1_off {position:relative; float:right; width:210px; height:20px; margin:22px 0 5px 0; background-color:#000; font-family:Trebuchet MS, Caps;} #colonne_gauche div.niveau1_off p {line-height:20px; color:#FFF; font-size:1.4em; text-indent:10px;} #colonne_gauche div.niveau2_off {position:relative; float:right; width:190px; height:auto; margin:7px 0 7px 0; background-color:#000; font-family:Trebuchet MS, Caps;} #colonne_gauche div.niveau2_off p {line-height:16px; color:#FFF; font-size:1.4em; padding:0 10px 2px 10px;} #colonne_gauche div.niveau2_off a {text-decoration:none;} /*liens sous menus*/ a.ssmenu {text-decoration:none; display:inline; width:190px;} /* ACCUEIL */ .accueil #adresse{padding:13px 0 25px 440px;} .accueil #piedpage div#menu_bas{left:430px;width:493px;} .accueil h2.c_interne {padding:6px 0 0 20px;} .accueil h4.c_interne {padding:0 0 0 20px;} .accueil .colonne_gauche h4 {margin-left: 48px;} /* Main conteneur principale de la page */ .accueil #main{margin-left:auto; margin-right:auto; width:1024px; height:auto; background:url(../img/accueil/fondParentAccueil.gif) repeat left top;} /* #main#bandeau_haut */ .accueil #bandeau_haut{position:relative; background:url(../img/accueil/fond_topHome.gif) repeat left top; width:1024px; height:100px;} .accueil #logo{position:absolute; top:0px; left:46px; width:195px; height:82px;} .accueil .logoH1{height:82px;} /* moteur de recherche haut de page */ .accueil #recherche{position:absolute; top:17px; left:774px; width:172px; height:16px;} .accueil #recherche form{display:inline;} .accueil #recherche input.recherche{position:relative; text-indent:2px; border-bottom:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-left:1px solid #000; height:14px; width:95px; margin:0px 0px 0px 0px; font-size:1.2em;} .accueil #recherche input.btOk{margin:0px} .accueil #recherche input#ok{position:relative; width:29px; height:16px; border:none} .accueil #piedpage{width:1024px; height:142px; margin-left:auto; margin-right:auto; background:url(../img/accueil/fond_footAccueil.gif) no-repeat left top;} .accueil #piedpage div#newsletter{position:relative; top:-57px; left:773px; width:172px; height:30px;} .accueil #piedpage div#newsletter form{display:inline;} .accueil #piedpage div#newsletter form p{line-height:12px;} .accueil #piedpage div#newsletter input.fmail{position:relative; text-indent:2px; border-bottom:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-left:1px solid #000; height:12px; width:95px; margin:0px 0px 0px 0px; font-size:1.2em;} .accueil #piedpage div#newsletter input.btOk{margin:0px} .accueil #piedpage div#newsletter input#ok{position:relative; width:29px; height:16px; border:none} /*signature theatre*/ .accueil .name{font-size:1.4em; color:#000; font-weight:bold;} .accueil .add{font-size:1.2em; color:#000; line-height:18px;} .accueil .clearboth{clear:both;} /* Contenu colone de gauche */ .accueil .colonne_gauche{position:relative; height:494px; width:420px; float:left; background:url(../img/accueil/fond_noirGAcc.gif) no-repeat right top;} /*contrle sur le div du lecteur flash*/ #videoAlaUne h3 {color:#EF3E2E; font-weight: bold;} .accueil #module { margin:0 0 20px 67px;} .accueil #module p{ margin-left:10px;padding:0;width:335px; color: #FFFFFF;} .accueil .colonne_gauche h3{padding:0 0 0 67px; font-weight:lighter;} .accueil .colonne_gauche h4{padding:7px 34px 0 67px;} .accueil .colonne_gauche h5{padding:0 0 0 67px;} .accueil .colonne_gauche p{/*width:318px; */padding:0 34px 0 67px; text-align:justify; line-height:16px;} .accueil .colonne_gauche p.sep10{width:318px; padding:0 0 0 67px; text-align:justify; line-height:10px;} .accueil .colonne_gauche p.sep15{width:318px; padding:0 0 0 67px; text-align:justify; line-height:3px;} /*liens dclins sur le genre de spectacle*/ .accueil .danseL{color:#368ACC;} .accueil .danseL:link{color:#368ACC;} .accueil .danseL:hover{color:#FFF;} /**/ .accueil .theatreL{color:#F13E30;} .accueil .theatreL:link{color:#F13E30;} .accueil .theatreL:hover{color:#FFF;} /**/ .accueil .musiqueL{color:#78C682;} .accueil .musiqueL:link{color:#78C682;} .accueil .musiqueL:hover{color:#FFF;} /**/ .accueil .poesieL{color:#FF6699;} .accueil .poesieL:link{color:#FF6699;} .accueil .poesieL:hover{color:#FFF;} /**/ .accueil .conteL{color:#FAA61A;} .accueil .conteL:link{color:#FAA61A;} .accueil .conteL:hover{color:#FFF;} /**/ .accueil .chansonL{color:#FFD400;} .accueil .chansonL:link{color:#FFD400;} .accueil .chansonL:hover{color:#FFF;} /**/ /* conteneur_home */ .accueil .conteneur_contenu{position:relative; height:auto; float:left; width:604px; background:url(../img/accueil/fond_noirDAcc.gif) no-repeat right top;} .accueil .aLaUne{padding:0 20px 6px 20px; font-weight:bold; font-size:1.8em !important;} .accueil .saison{padding:7px 20px 0 20px;} /* conteneur des actus */ .accueil .conteneuractu{ position:relative; width:483px; height:auto; background-color:#FFFFFF; } /* ligne de 2 actus */ .accueil .conteneur_contenu .actu{ position:absolute; height:260; padding-bottom:0px; width: 483px; top: 350px; left: 0; z-index: 0; } /*.actu{position:absolute; height:auto; width:483px; padding-top:450px;}*/ /*découpage cts gauche/droit*/ .accueil .conteneur_contenu .conteneuractu .actu1 {float:left; width:220px; margin:0 5px 0 10px; padding:0;} .accueil .conteneur_contenu .conteneuractu .actu2 {float:right; width:220px; margin:0 20px 0 0;padding:0; display: inline;} .accueil .conteneur_contenu .conteneuractu .actu3 {clear:both;float:right; width:220px; margin:0 20px 0 0;padding:0; display: inline;} /*#listeActu .actu1 .couleurCat115, #listeActu .actu1 .couleurCat108 , #listeActu .actu2 .couleurCat108 {padding-bottom:21px;}*/ .accueil .conteneur_contenu .conteneuractu div div div{padding-bottom:10px;} .accueil .conteneur_contenu .conteneuractu .actuTip {height:237px;background:url(../img/accueil/fondActu.jpg) no-repeat left top; } .accueil .conteneur_contenu .conteneuractu .actuTip ul {padding:0 5px 0 27px;} .accueil .conteneur_contenu .conteneuractu .actuTip ul li {font-size:1.2em; line-height:14px; padding:0 15px 0 0px;} .accueil .conteneuractu #listeActu div.sfhover .couleurCat115{background-color:#368ACC;color:#000000;} .accueil .conteneuractu #listeActu div.sfhover .couleurCat108{background-color:#f13e30;color:#000000;} .accueil .conteneuractu #listeActu div.sfhover .couleurCat116{background-color:#78C682;color:#000000;} .accueil .conteneuractu #listeActu div.sfhover .couleurCat119{background-color:#FAA61A;color:#000000;} .accueil .conteneuractu #listeActu div.sfhover .couleurCat123{background-color:#FF6699;color:#000000;} .accueil .conteneur_contenu .conteneuractu html .actuTip { margin:0 -3px 0 0; padding:0; width: 220px; } /*.conteneur_contenu .conteneuractu *:first-child+html .actuTip { position:absolute; top:-322px; margin:0; padding:0; overflow:hidden; }*/ .accueil .titreActuTip{font-size:2.4em; font-weight:bold; padding:15px 15px 5px 15px;} .accueil .texteActuTip{font-size:1.2em; line-height:14px; padding:0 15px 0 15px;} /*ACTU*/ .accueil .titreActu{font-size:2.4em; padding:0 5px 5px 5px; line-height:22px} .accueil .titreActu a {text-decoration:none; color:#000000;} .accueil .surtitreActu{font-size:1.2em; padding:5px 0 0 5px;} .accueil .dateActu{font-size:1.2em; font-weight:bold; line-height:15px; padding:0 0 5px 5px;} .accueil .imageActu{padding:0 0 5px 10px;} /*texte sous la photo*/ .accueil .texteActu{font-size:1.3em; line-height:16px; padding:0 5px 0 5px;} .prehome #main{position: absolute; width: 1024px; left:50%; margin-left:-512px; background: url(../img/prehome/fondParentAccueil.gif) repeat left top;} .prehome #bandeau_haut{position: relative; background: url(../img/prehome/fond_topHome.gif) repeat left top; width:1024px; height: 100px;} .prehome #bandeau_haut_prehome{position: relative; width:1024px; height: 100px;} .prehome #conteneur_contenu {position: relative; width: 1024px; height: 494px; background: url(../img/prehome/fond_noirHome.gif) no-repeat right top; padding:0px} .prehome .logo_pHome{z-index: 20; position: absolute; width: 243px; height: 115px; top: 0px; left: 59px; } .prehome .logoH1_pHome{height: 115px;} .prehome .image_pHome{z-index: 10; position: absolute; width: 612px; height: 490px; top: 0px; left: 291px;} /*pied de site // links + news + signature****************************/ .prehome #piedpage{position: relative; float: left; width: 1024px; height: 106px; background: url(../img/prehome/fond_footHome.gif) no-repeat left top;} /*signature theatre*/ .prehome .name{font-weight: bold; padding: 13px 0 0 440px;} .prehome .add{padding: 0 0 25px 440px; line-height: 18px;}