/* 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;}

/*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;}

/*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;}

/*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;}

/*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;}

/*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 */
.simple_overlay .next, .simple_overlay .prev, .simple_overlay .play {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.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;}