# HG changeset patch # User veltr # Date 1368722672 -7200 # Node ID d4c3dc50e02a3825eae6390213bd12e63716f126 Started integration of festival-aix player diff -r 000000000000 -r d4c3dc50e02a README.md --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/README.md Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,1 @@ +Repository for Aix Festival Specific design \ No newline at end of file diff -r 000000000000 -r d4c3dc50e02a creation/Finalisation_1.indd Binary file creation/Finalisation_1.indd has changed diff -r 000000000000 -r d4c3dc50e02a creation/Finalisation_1.pdf Binary file creation/Finalisation_1.pdf has changed diff -r 000000000000 -r d4c3dc50e02a creation/Links/IRI-rub_webdoc_DETAIL.jpg Binary file creation/Links/IRI-rub_webdoc_DETAIL.jpg has changed diff -r 000000000000 -r d4c3dc50e02a creation/Links/bc30-1000pxl.jpg Binary file creation/Links/bc30-1000pxl.jpg has changed diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo300-regular-webfont.eot Binary file host-site/fonts/museo300-regular-webfont.eot has changed diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo300-regular-webfont.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/host-site/fonts/museo300-regular-webfont.svg Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,249 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c 2008 by Jos Buivengaexljbris All rights reserved +Designer : Jos Buivenga +Foundry : Jos Buivenga +Foundry URL : httpwwwjosbuivengademonnl + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo300-regular-webfont.ttf Binary file host-site/fonts/museo300-regular-webfont.ttf has changed diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo300-regular-webfont.woff Binary file host-site/fonts/museo300-regular-webfont.woff has changed diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo900-regular-webfont.eot Binary file host-site/fonts/museo900-regular-webfont.eot has changed diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo900-regular-webfont.svg --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/host-site/fonts/museo900-regular-webfont.svg Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,249 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c 2008 by Jos Buivengaexljbris All rights reserved +Designer : Jos Buivenga +Foundry : Jos Buivenga +Foundry URL : httpwwwjosbuivengademonnl + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo900-regular-webfont.ttf Binary file host-site/fonts/museo900-regular-webfont.ttf has changed diff -r 000000000000 -r d4c3dc50e02a host-site/fonts/museo900-regular-webfont.woff Binary file host-site/fonts/museo900-regular-webfont.woff has changed diff -r 000000000000 -r d4c3dc50e02a host-site/images/design/bg.png Binary file host-site/images/design/bg.png has changed diff -r 000000000000 -r d4c3dc50e02a host-site/images/design/down-over.png Binary file host-site/images/design/down-over.png has changed diff -r 000000000000 -r d4c3dc50e02a host-site/images/design/down.png Binary file host-site/images/design/down.png has changed diff -r 000000000000 -r d4c3dc50e02a host-site/images/design/recherche.png Binary file host-site/images/design/recherche.png has changed diff -r 000000000000 -r d4c3dc50e02a host-site/images/design/social.png Binary file host-site/images/design/social.png has changed diff -r 000000000000 -r d4c3dc50e02a host-site/index.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/host-site/index.html Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,191 @@ + + + + + + Festival d'Art Lyrique d'Aix en Provence + + + + + + +
+ +
+ +
+ + + + + + + + + + +
+ +
+ + +
+
+
+ Festival 2013 +

Webdoc

+ +
+ +
+ +
+
+
+
+ Accueil › Webdoc › Les Webdocs +
+
+
+ +
+ imprimer + › Tous les Webdocs +
+ + + +
+
+
+ + +
+  +
+
+ le festival a le soutien de +
+ Vivendi +
+ partenaire officiel +
+
+ +
+ +
+
+ +
+ partenaires +
+ faire un don + + Blog + goodies + rss + twitter + facebook +
+
+
+
+
+
+ +
+
+ + \ No newline at end of file diff -r 000000000000 -r d4c3dc50e02a host-site/index_files/laposte.jpg Binary file host-site/index_files/laposte.jpg has changed diff -r 000000000000 -r d4c3dc50e02a host-site/index_files/logo.png Binary file host-site/index_files/logo.png has changed diff -r 000000000000 -r d4c3dc50e02a host-site/index_files/orange.jpg Binary file host-site/index_files/orange.jpg has changed diff -r 000000000000 -r d4c3dc50e02a host-site/index_files/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/host-site/index_files/style.css Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,4534 @@ + +/*------------------------------------------------------* + *----------------------------------- CSS BODY ----* + *------------------------------------------------------*/ + +body{ + margin:0px; + border: 0px; + font-size:12px; + font-family: Verdana, Geneva, sans-serif; + background-image:url(../images/design/bg.png); + background-repeat: repeat-x; + } + +/*------------------------------------------------------* + *----------------------------------- CSS DIV PRINCIPAUX ----* + *------------------------------------------------------*/ + +div#haut{ + margin-left:auto; + margin-right:auto; + width: 1000px; + height: 130px; + position:relative; +} + +div#logo{ + width: 120px; + height: 120px; + position:absolute; + display:none; + top:0px; + left:0px; + overflow:hidden; + z-index:3; +} + +div#menu-annexe{ + width: 880px; + height: 50px; + position:absolute; + display:none; + top:0px; + right:0px; + color:#ECEBE6; + font-size:11px; +} + + + +div#menu{ + width: 870px; + height: 40px; + position:absolute; + display:none; + top:50px; + right:0px; +} + + +div#sousmenu{ + width: 100%; + height: 40px; +} + + +div#bandeau{ + width: 100%; + position:relative; +} + +div#content{ + width: 100%; + background-repeat:repeat-y; + background-position: center; + min-width:1000px; + min-height:200px; + padding-bottom:40px; +} + + + +div#ariane{ + width: 980px; + height: 26px; + padding: 14px 0px 0px 20px; + font-weight:bold; + color:#FFF; + font-size:12px; + margin-left:auto; + margin-right:auto; +} + +div.centre{ + width: 1000px; + margin-left:auto; + margin-right:auto; + background-image:url(../images/design/content2.png); + background-repeat:repeat-y; + } + +div.liste{ + width: 1000px; + margin-left:auto; + margin-right:auto; + margin-bottom:-40px; + } + +div.liste2{ + width: 1000px; + margin-left:auto; + margin-right:auto; + padding-top:40px; + } + + +#gauche{ + float:left; + width:660px; + min-height:400px; + width:660px; + +} + +#droite{ + float: right; + width: 320px; + min-height:400px; +} + + +#toolkit{ + height:40px; + width:100%; + float:left; + background-color: #F2F2F2; +} + +div.editorial{ + float:left; + width:580px;/*660-80*/ + padding: 25px 40px 25px 40px; + color:#333; + line-height: 20px; +} + +div#footer1{ + clear:both; + width: 100%; + background-color: #FAFAFA; +} + +div#footer2{ + clear:both; + width: 100%; + text-align:right; + color: #CCC; + padding: 10px 0px 20px 0px; +} + + +/*------------------------------------------------------* + *----------------------------------- CSS MENU TERTIAIRE ----* + *------------------------------------------------------*/ + +div.menu-level-3{ + clear:both; + width: 320px; + background-color:#FFF; + margin-bottom:20px; +} + +div.menu-level-3 h2{ + width: 280px;/*320-40*/ + height: 10px;/*40-30*/ + margin:0px; + padding:15px 20px 15px 20px; + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + color:#FFF; +} + +div.menu-level-3 ul{ + padding:0px; + margin:0px; +} + +div.menu-level-3 li{ + padding:0px; + list-style-type:none; +} + +div.menu-level-3 a{ + display:block; + width: 280px;/*320-40*/ + height: 10px;/*40-30*/ + margin:0px; + padding:15px 20px 15px 20px; + background-color:#f2f2f2; + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + font-weight:normal; + text-decoration:none; + border-bottom:#E6E6E6 solid 1px; +} + +div.menu-level-3 a:hover{ + background-color:#E5E5E5; +} + +div.menu-level-3 li a.active{ + background-color:#FFF; + font-weight:bold; +} + +/*-----------------------------------------------------------------------------------------* + *---------------------------------------------------------------------- CSS GABARITS ----* + *----------------------------------------------------------------------------------------*/ + +div.editorial h2{ + font-size:36px; + font-weight:normal; + font-family: 'Museo900'; + text-transform:uppercase; + margin:0px 0px 20px 0px; + line-height:34px; +} +div.editorial div.masque{ + display:none; +} + +/*------------------------------------------------------* + *----------------------------------- CSS HOME ----* + *------------------------------------------------------*/ + +body.node-type-accueil div#bandeau{ + background-color:#9F1352; +} + +body.node-type-accueil div#content{ + background-image:url(../images/design/content.png); + padding-bottom:0px; +} + +body.node-type-accueil div.centre{ + background-image:none; +} + +body.node-type-accueil div#gauche{ + width: 640px; + padding-top: 20px; + margin-bottom:0px; +} + +body.node-type-accueil div#droite{ + padding-top: 20px; + margin-bottom:0px; +} + +/*------------------------------------------------------* + *----------------------------------- CSS HOME AGENDA----* + *------------------------------------------------------*/ + +body.node-type-accueil div#agenda{ + width:1000px; + margin-left:auto; + margin-right:auto; + background-color:#9E1251; + height: 240px; +} + + +div#agenda h5{ + background-color:#850E44; + color:#000; + text-transform:uppercase; + font-size:64px; + font-family: 'Museo900'; + margin:0px; + padding:5px 20px 0px 20px; + height:75px; +} + + +div#agenda div.annonce{ + + width: 319px; + height:131px; + overflow:hidden; + padding:5px 0px 10px 0px; + border-right:#8E0F49 1px solid; + color:#FFF; + text-indent:20px; +} + +/*------------------------------------------------------* + *----------------------------------- CSS CAROUSEL AGENDA ----* + *------------------------------------------------------*/ + + +div#agenda div.list_carousel { + width:1000px; + height:160px; + overflow: auto; + margin:0px; + padding:0px; + position: relative; + overflow:hidden; +} + + + +div#agenda div.list_carousel ul li a { + text-decoration:none; +} + +div#agenda div.list_carousel div.annonce { + width:332px; +} + +div#agenda div.list_carousel ul { + width: 9999px; + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin: 0px; + padding:0px; + position: absolute; + top: 0px; +} + +div#agenda div.list_carousel ul li { + display:block; + float:left; + height: 160px; + width: 332px; + margin:0px; + padding:0px; +} + + +div#agenda div.list_carousel .news-prev, div#agenda div.list_carousel .news-next { + display: block; + height: 160px; + width: 19px; + background-image: url(../images/design/arrows2.png); + background-position: 0px 0px; + background-repeat:no-repeat; + text-indent: -999px; + position: absolute; + bottom: 0px; + cursor: pointer; +} + +div#agenda div.list_carousel .news-next { + background-position: 0px 0px; + right: 0px; + +} + +div#agenda div.list_carousel .news-next:hover { + background-position: 0px -160px; +} + + +div#agenda div.list_carousel .news-prev { + background-position: 0px -320px; + left: 0px; + +} + +div#agenda div.list_carousel .news-prev:hover { + background-position: 0 -480px; +} + + + + +/*------------------------------------------------------* + *----------------------------------- CSS CAROUSEL MEDIA ----* + *------------------------------------------------------*/ + +div.video a span, div.audio a span, div.diaporama a span{ + line-height: 13px; + font-size:11px; + margin: 0px 35px 0px 35px; + display:block; + font-weight:normal; + } + +/*div.infos .infiniteCarousel { + width: 320px; + height:160px; + margin:0px; + padding:0px; + position: relative; + overflow:hidden; + background-color:#F2F2F2; + text-align:center; +} + +div.infos .infiniteCarousel .wrapper { + width: 320px; + overflow: auto; + height: 160px; + margin:0px; + padding:0px; + position: absolute; + top:0px; +} + +div.infos .infiniteCarousel ul li a { + text-decoration:none; +} + +div.infos .infiniteCarousel ul li img { + margin-bottom:7px; +} + +div.infos .infiniteCarousel .wrapper ul { + width: 9999px; + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin: 0px; + padding:0; + position: absolute; + top:0px; +} + +div.infos .infiniteCarousel ul li { + display:block; + float:left; + height: 120px; + width: 320px; + margin:0px; + padding:0px; +} + +div.infos .infiniteCarousel ul li a img { + display:block; +} + +div.infos .infiniteCarousel .arrow { + display: block; + height: 40px; + width: 30px; + background-image: url(../images/design/arrows.png); + background-position: 0px 0px; + background-repeat:no-repeat; + text-indent: -999px; + position: absolute; + bottom: 0px; + cursor: pointer; +} + +div.infos .infiniteCarousel .forward { + background-position: 0px 0px; + right: 0px; + +} + +div.infos .infiniteCarousel .forward:hover { + background-position: 0px -40px; +} + + +div.infos .infiniteCarousel .back { + background-position: 0px -80px; + left: 0px; + +} + +div.infos .infiniteCarousel .back:hover { + background-position: 0 -120px; +}*/ + + +div.infos .list_carousel div{ + margin: 0px; + padding:0px; + border:0px; + } + +div.infos .list_carousel { + margin: 0px; + padding:0px; + border:0px; + width: 320px; + height:160px; + overflow:hidden; + position: relative; + } +div.infos .list_carousel ul { + margin: 0; + padding: 0; + list-style: none; + display: block; + } +div.infos .list_carousel li { + text-align: center; + width: 320px; + height: 160px; + padding: 0; + margin: 0px; + display: block; + float: left; + } + +div.infos .diaporama-prev, div.infos .audio-prev, div.infos .video-prev { + margin: 0px; + display: block; + height: 40px; + width: 30px; + background-image: url(../images/design/arrows.png); + background-position: 0px -80px; + background-repeat:no-repeat; + text-indent: -999px; + position: absolute; + bottom: 0px; + cursor: pointer; + left:0px; +} + + +div.infos .video_interaction div { + width:0px; + } + +div.infos .list_carousel img { + width:320px; + height:120px; + } + + +div.infos .diaporama-next, div.infos .audio-next, div.infos .video-next { + display: block; + height: 40px; + width: 30px; + background-image: url(../images/design/arrows.png); + background-position: 0px 0px; + background-repeat:no-repeat; + text-indent: -999px; + position: absolute; + bottom: 0px; + cursor: pointer; + right:0px; + background-position: 0px 0px; +} + +div.infos .diaporama-prev:hover, div.infos .audio-prev:hover, div.infos .video-prev:hover { + background-position: 0 -120px; +} + +div.infos .diaporama-next:hover, div.infos .audio-next:hover, div.infos .video-next:hover { + background-position: 0px -40px; +} + + + + +/*------------------------------------------------------* + *----------------------------------- CSS table distribution DANS EDITORIAL ----* + *------------------------------------------------------*/ + +.editorial table.distribution{ + border:0px; + width:100%; +} + +.editorial table.distribution td{ + width: 200px; + padding: 0px 25px 0px 0px; + border-bottom:#E6E6E6 1px solid; +} +.editorial table.distribution tr td:last-child { + font-size:12px; + + font-style: normal; +} +.editorial table.distribution tr td:last-child { + font-size:12px; + + font-style: normal; +} + +.editorial table.distribution tr td+td { + font-size:12px; + font-style: normal; +} + +/*------------------------------------------------------* + *----------------------------------- CSS divers EDITORIAL ----* + *------------------------------------------------------*/ + +.editorial hr{ + border:0px; + background-color: #E6E6E6; + color:#E6E6E6; + height:1px; + margin: 20px 0px 20px 0px; +} + + +.infos hr{ + border:0px; + background-color: #E6E6E6; + color:#E6E6E6; + height:1px; + margin: 12px 0px 12px 0px; +} + +div.editorial h3{ + font-size:18px; + border-bottom:#E6E6E6 1px solid; + padding-bottom:6px; +} + +.editorial span.couleur{ + font-size:12px; + font-weight: normal; +} + +p.chapeau{ + font-weight:bold; +} + +span.shortdesc p{ + display:inline; margin:0px;} +/*------------------------------------------------------* + *----------------------------------- CSS MODULE INFOS ----* + *------------------------------------------------------*/ + +div.infos{ + width: 320px; + background-color:#FFF; + margin-bottom: 20px; + line-height: 20px; +} +div.infos h2{ + width: 280px;/*320-40*/ + height: 10px;/*40-30*/ + margin:0px; + padding:15px 20px 15px 20px; + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + color:#FFF; + line-height:normal; +} + +/*//////////////////////////// Medias //////////////////////////////////////*/ +div.diaporama h2{background-image:url(../images/design/diaporama.png); background-repeat:no-repeat; background-position:20px 10px; padding-left:55px; width: 245px} + +div.audio h2{background-image:url(../images/design/audio.png); background-repeat:no-repeat; background-position:20px 10px; padding-left:55px; width: 245px} + +div.video h2{background-image:url(../images/design/video.png); background-repeat:no-repeat; background-position:20px 10px; +padding-left:55px; width: 245px} + +/*//////////////////////////////////////////////////////////////////////////*/ + +div.infos div{ + width: 270px;/*320-40-10*/ + padding:4px 5px 12px 0px; + background-position: 0px 7px; + margin:0px 20px 0px 20px; + border-bottom:#E6E6E6 1px solid; + background-repeat:no-repeat; +} + +/*----------------exeption formulaire de login---------------------*/ + + +div.infos form#user-login-form div{ + width: auto; + padding:0px; + margin:0px; + border: none; + text-align:left; +} + + + + + + +div.infos div h3{ + padding: 5px 0px 0px 30px; + margin:0px; + font-size:12px; + min-height: 20px; + font-weight: bold; +} + +div#detail-spectacle div p{ + margin:0px; + padding: 3px 0px 7px 30px; + font-weight: normal; +} + +div.infos a{ + font-weight:bold; + text-decoration:none; +} + + +div.infos a:hover{ + text-decoration: underline; +} + +/*------------------------------------------------------* + *----------------------------------- CSS MODULE INFOS SPECTACLE ----* + *------------------------------------------------------*/ + + +div.basic a.enlien:hover h3, div.basic a.enlien:hover h4{ + text-decoration:underline; + } + +div.basic a.enlien{ + text-decoration: none; + } + + +div.infos div.scene { + background-image:url(../images/design/scene.png); + line-height: 14px; + padding-left:5px; + } + +div.infos div.dates { + background-image:url(../images/design/dates.png); + line-height: 14px; + padding-left:5px; + } + +div.infos div.tarif{ + background-image:url(../images/design/tarif.png); + line-height: 14px; + padding-left:5px; + } + +div.infos div.horaire{ + background-image:url(../images/design/horaire.png); + line-height: 14px; + padding-left:5px; + } + +div.infos div.vision{ + background-image:url(../images/design/vision.png); + line-height: 14px; + padding-left:5px; + } + +div.infos div.sub{ + background-image:url(../images/design/sub.png); + line-height: 14px; + padding-left:5px; + } + + + +div.infos div.basic { + line-height: 14px; + padding-left:5px; + } + +body.section-909 div.infos div.basic h3, body.section-910 div.infos div.basic h3, body.section-911 div.infos div.basic h3, body.section-1237 div.infos div.basic h3, body.section-1394 div.infos div.basic h3, body.section-1960 div.infos div.basic h3, body.section-1961 div.infos div.basic h3, body.section-1962 div.infos div.basic h3{ + padding: 5px 0px 0px 0px; + margin:0px; + font-size:12px; + font-weight:bold; + color:#eb1b79; + } + +div.infos div.basic h4{ + padding: 0px; + margin: -5px 0px 5px 0px; + font-size:12px; + font-weight:normal; + color:#eb1b79; + } + +body.section-909 div.infos div.basic p, body.section-910 div.infos div.basic p, body.section-911 div.infos div.basic p, body.section-1237 div.infos div.basic p, body.section-1394 div.infos div.basic p, body.section-1960 div.infos div.basic p, body.section-1961 div.infos div.basic p, body.section-1962 div.infos div.basic p{ + margin:0px; + padding: 3px 0px 7px 0px; + font-weight: bold; + color:#4d4d4d; +} + +/*------------------------------------------------------* + *----------------------------------- CSS BOUTON DROITE ----* + *------------------------------------------------------*/ + +div#droite a.bt{ + display:block; + font-family: 'Museo900'; + text-transform:uppercase; + font-size: 24px; + color:#FFF; + text-decoration:none; + margin-top: 5px; + padding: 8px 17px 5px 26px; + width:277px;/*-26-17*/ + margin-bottom:20px; +} + +div#droite div.breve a.bt{ + font-family:Verdana, Geneva, sans-serif; +display: block; +right: 0px; +bottom: 0px; +width: 296px; +height: 19px; +color: #ffffff; +text-decoration: none; +text-transform: uppercase; +font-weight: bold; +font-size: 13px; +text-align: right; +padding-top: 8px; +padding-right: 12px; +padding-bottom: 3px; +padding-left: 12px; +z-index: 1; +} + + + + + +div.editorial h1{ + font-size: 36px; + font-weight: normal; + font-family: 'Museo900'; + text-transform: uppercase; + margin-top: 0px; + margin-right: 0px; + margin-bottom: 20px; + margin-left: 0px; + line-height: 34px; + } + +body.section-909 div.editorial h1, body.section-910 div.editorial h1, body.section-911 div.editorial h1, body.section-1237 div.editorial h1{ + color: #eb1b79; + } +body.section-1394 div.editorial h1, body.section-1960 div.editorial h1, body.section-1961 div.editorial h1, body.section-1962 div.editorial h1{ + color: #eb1b79; + } + +/*------------------------------------------------------* + *----------------------------------- CSS VIDEOTHEQUE ----* + *------------------------------------------------------*/ + + + +div.videos div.video, div.videos div.categorie_video{ + width:320px; + height:160px; + float:left; + margin-left:-40px; + margin-bottom:20px; + overflow:hidden; + } + +div.videos div.video{ + height:200px; + } + +div.categorie_video div.texte, div.video div.texte{ + background-color:#850F45 + } + + +div.video div.texte a{ + height:76px;/*80-15*/ + line-height:16px; + font-weight:normal; + } + +div.video div.texte a strong{ + color:#FFF; + } + +div.video div.texte a p{ + color:#FFF; + font-weight:normal; + font-size:10px; + line-height:10px; + margin:0px; + + } + +div.video{ + position:relative; + } + +div.video div.texte a span{ + display:block; + position:absolute; + background-image:url(../images/design/picto_play_actu.png); + width:51px; + height:51px; + background-repeat:no-repeat; + top:27px; + left:98px; + z-index:999; + } + + +body.section-909 div.categorie_video div.texte a, body.section-910 div.categorie_video div.texte a, body.section-911 div.categorie_video div.texte a, body.section-1237 div.categorie_video div.texte a, body.section-909 div.video div.texte a, body.section-910div.video div.texte a, body.section-911 div.video div.texte a, body.section-1237 div.video div.texte a, body.section-1394 div.categorie_video div.texte a, body.section-1960 div.categorie_video div.texte a, body.section-1961 div.categorie_video div.texte a, body.section-1962 div.categorie_video div.texte a, body.section-1394 div.video div.texte a, body.section-1960div.video div.texte a, body.section-1961 div.video div.texte a, body.section-1962 div.video div.texte a{ + min-height:25px;/*40-15*/ + display:block; + color:#FFF; + font-family:Verdana, Geneva, sans-serif; + font-weight:bold; + text-decoration:none; + padding: 10px 10px 5px 10px; + } + +/*------------------------------------------------------* + *----------------------------------- CSS AUDIOTHEQUE ----* + *------------------------------------------------------*/ + + + +div.audios div.audio, div.audios div.categorie_audio{ + width:320px; + height:160px; + float:left; + margin-left:-40px; + margin-bottom:20px; + overflow:hidden; + } + +div.audios div.audio{ + height:200px; + } + +div.categorie_audio div.texte, div.audio div.texte{ + background-color:#850F45 + } + +div.audio div.texte a{ + height:65px;/*80-15*/ + line-height:16px; + font-weight:normal; + } + +div.audio div.texte a strong{ + color:#FFF; + } + +div.audio{ + position:relative; + } + +div.audio div.texte a span{ + display:block; + position:absolute; + background-image:url(../images/design/picto_play_actu.png); + width:51px; + height:51px; + background-repeat:no-repeat; + top:27px; + left:98px; + z-index:999; + } + +body.section-909 div.categorie_audio div.texte a, body.section-910 div.categorie_audio div.texte a, body.section-911 div.categorie_audio div.texte a, body.section-1237 div.categorie_audio div.texte a, body.section-909 div.audio div.texte a, body.section-910div.audio div.texte a, body.section-911 div.audio div.texte a, body.section-1237 div.audio div.texte a, body.section-1394 div.categorie_audio div.texte a, body.section-1960 div.categorie_audio div.texte a, body.section-1961 div.categorie_audio div.texte a, body.section-1962 div.categorie_audio div.texte a, body.section-1394 div.audio div.texte a, body.section-1960div.audio div.texte a, body.section-1961 div.audio div.texte a, body.section-1962 div.audio div.texte a{ + min-height:25px;/*40-15*/ + display:block; + color:#FFF; + font-family:Verdana, Geneva, sans-serif; + font-weight:bold; + text-decoration:none; + padding: 10px 10px 5px 10px; + } +/*------------------------------------------------------* + *----------------------------------- CSS PHOTOTHEQUE ----* + *------------------------------------------------------*/ + +div.photos div.photo, div.photos div.categorie_photo{ + width:320px; + height:160px; + float:left; + margin-left:-40px; + margin-bottom:20px; + overflow:hidden; + } + +div.photos div.photo{ + height:200px; + } + +div.categorie_photo div.texte, div.photo div.texte{ + background-color:#850F45 + } + +div.photo div.texte a{ + height:65px;/*80-15*/ + line-height:16px; + font-weight:normal; + } + +div.photo div.texte a strong{ + color:#FFF; + } + +div.photo{ + position:relative; + } + +div.photo div.texte a span{ + display:block; + position:absolute; + background-image:url(../images/design/picto_play_actu.png); + width:51px; + height:51px; + background-repeat:no-repeat; + top:27px; + left:98px; + z-index:999; + } + +body.section-909 div.categorie_photo div.texte a, body.section-910 div.categorie_photo div.texte a, body.section-911 div.categorie_photo div.texte a, body.section-1237 div.categorie_photo div.texte a, body.section-909 div.photo div.texte a, body.section-910div.photo div.texte a, body.section-911 div.photo div.texte a, body.section-1237 div.photo div.texte a, body.section-1394 div.categorie_photo div.texte a, body.section-1960 div.categorie_photo div.texte a, body.section-1961 div.categorie_photo div.texte a, body.section-1962 div.categorie_photo div.texte a, body.section-1394 div.photo div.texte a, body.section-1960div.photo div.texte a, body.section-1961 div.photo div.texte a, body.section-1962 div.photo div.texte a{ + min-height:25px;/*40-15*/ + display:block; + color:#FFF; + font-family:Verdana, Geneva, sans-serif; + font-weight:bold; + text-decoration:none; + padding: 10px 10px 5px 10px; + } + +/*------------------------------------------------------* + *----------------------------------- CSS MENU ANNEXE ----* + *------------------------------------------------------*/ + +div#menu-annexe a{ + text-decoration:none; + color:#87867c; + padding: 0px 10px 0px 10px; +} + + + +div#menu-annexe a.pro{ + text-decoration:none; + color:#87867c; + padding: 0px 22px 2px 10px; + background-image:url(../images/design/down.png); + background-repeat:no-repeat; + background-position: 90% 4px ; + position: relative; +} + + +div#menu-annexe a.pro:hover{ + background-image:url(../images/design/down-over.png); + +} + +div#menu-annexe a.pro.active-trail{ + color:#bd2c16; + border-bottom: #bd2c16 6px solid; + background-image:url(../images/design/down-over.png); +} + + +div#menu-annexe a:hover, div#menu-annexe a.active{ + color:#bd2c16; +} + +span.recherche { + display: block; + width: 205px; + height:15px; + background-color: #ECEDE7; + padding: 4px 0px 6px 10px; +} + + +span.recherche input.champs{ + display: block; + float:left; + border: none; + width: 178px; + height:15px; + font-size:11px; + color:#87867c; + letter-spacing: 1px; + background-color: #ECEDE7; +} + + + +span.recherche input.bt{ + display: block; + float:left; + border: none; + width: 25px; + height:15px; + background-image:url(../images/design/recherche.png); + background-repeat:no-repeat; + cursor:pointer; +} + + + +div#menu-annexe ul.proliste{ + list-style: none; + margin: 0px; + padding:0px; + z-index: 101; + background-color:#BD2C16; + position: absolute; + top:37px; + display:none; +} + +div#menu-annexe ul.proliste li{ + border: 0px; + margin: 0px; + padding: 0px; + +} + + +div#menu-annexe ul.proliste li a{ + display:block; + float:left; + width:160px; + color: #ebc0ba; + text-decoration: none; + font-size: 11px; + margin: 0px 10px 0px 10px; + padding: 10px 0px 10px 0px; + border-bottom:#CB5E4E 1px solid; +} + +div#menu-annexe ul.proliste li a:hover{ + color: #FFF; +} + +/*------------------------------------------------------* + *----------------------------------- CSS MENU ----* + *------------------------------------------------------*/ + +div#menu ul.menu { + list-style: none; + margin: 0px; + padding: 0px; + font-family: Verdana, Geneva, sans-serif; + z-index: 100; + float:left; +} + + + + +div#menu ul.menu li { + float: left; + border: 0px; + margin: 0px; + padding: 0px; + +} + +div#menu ul.menu li a { + display:block; + height: 21px;/*40-12-6*/ + color: #58584e; + padding: 13px 15px 0px 15px; + text-align:center; + text-decoration: none; + font-size: 12px; + background-image:url(../images/design/trait.png); + background-repeat:no-repeat; + background-position:right 14px; + letter-spacing: 0px; + border-bottom: none; + margin-right:1px; +} + +/*////////////////////GESTION MENU FR/////////////////////////*/ + +div#menu ul.menu li.menu-mlid-2666 a:hover, div#menu ul.menu li.menu-mlid-909 a:hover, div#menu ul.menu li.menu-mlid-910 a:hover, div#menu ul.menu li.menu-mlid-911 a:hover, div#menu ul.menu li.menu-mlid-1237 a:hover, div#menu ul.menu li.menu-mlid-6518 a:hover, div#menu ul.menu li.menu-mlid-909 a.selected-item, div#menu ul.menu li.menu-mlid-910 a.selected-item, div#menu ul.menu li.menu-mlid-911 a.selected-item, div#menu ul.menu li.menu-mlid-1237 a.selected-item{ + border-bottom: #850f45 6px solid; + } + +div#menu ul.menu li.menu-mlid-1238 a:hover, div#menu ul.menu li.menu-mlid-1238 a.selected-item{ + border-bottom: #3494a4 6px solid; + } + +div#menu ul.menu li.menu-mlid-1239 a:hover, div#menu ul.menu li.menu-mlid-1239 a.selected-item{ + border-bottom: #7e8a2c 6px solid; + } + +div#menu ul.menu li.menu-mlid-933 a:hover, div#menu ul.menu li.menu-mlid-933 a.selected-item{ + border-bottom: #8e6339 6px solid; + } + +div#menu ul.menu li.menu-mlid-1241 a:hover, div#menu ul.menu li.menu-mlid-1241 a.selected-item{ + border-bottom: #3494a4 6px solid; + } +/*///////////////////////////////////////////////////////////*/ + + +/*////////////////////GESTION MENU FR/////////////////////////*/ +div#menu ul.menu li.menu-mlid-2673 a:hover, div#menu ul.menu li.menu-mlid-1394 a:hover, div#menu ul.menu li.menu-mlid-1960 a:hover, div#menu ul.menu li.menu-mlid-1961 a:hover, div#menu ul.menu li.menu-mlid-1962 a:hover, div#menu ul.menu li.menu-mlid-6519 a:hover, div#menu ul.menu li.menu-mlid-1394 a.selected-item, div#menu ul.menu li.menu-mlid-1960 a.selected-item, div#menu ul.menu li.menu-mlid-1961 a.selected-item, div#menu ul.menu li.menu-mlid-1962 a.selected-item{ + border-bottom: #850f45 6px solid; + } + +div#menu ul.menu li.menu-mlid-1963 a:hover, div#menu ul.menu li.menu-mlid-1963 a.selected-item{ + border-bottom: #3494a4 6px solid; + } + +div#menu ul.menu li.menu-mlid-1964 a:hover, div#menu ul.menu li.menu-mlid-1964 a.selected-item{ + border-bottom: #7e8a2c 6px solid; + } + +div#menu ul.menu li.menu-mlid-1965 a:hover, div#menu ul.menu li.menu-mlid-1965 a.selected-item{ + border-bottom: #8e6339 6px solid; + } + +div#menu ul.menu li.menu-mlid-1966 a:hover, div#menu ul.menu li.menu-mlid-1966 a.selected-item{ + border-bottom: #3494a4 6px solid; + } +/*///////////////////////////////////////////////////////////*/ + + +div#menu ul.menu ul.menu li a { + color: #FFF; + border-bottom: transparent 6px solid; + background-image:url(../images/design/trait4.png); + } + +div#menu ul.menu ul.menu li a.active-trail, div#menu ul.menu ul.menu li a:hover{ + border-bottom: #FFF 6px solid; + } + + + +div#menu ul.menu ul.menu{ + list-style: none; + margin: 0px; + padding: 0px; + position:absolute; + top: 40px; + left:0px; + width: 100%; + height: 40px; + display:none; +} + +div#menu li.active-trail ul.menu{ + display: block; +} + +div#sous-menu-aplat{ + position:absolute; + width:100%; + height:40px; + top:90px; + left:0px; + display:none; + z-index:-1; + } + +/*------------------------------------------------------* + *----------------------------------- CSS BANDEAU ----* + *------------------------------------------------------*/ + +div#bandeau-image{ + width: 1000px; + min-height: 140px; + margin-left:auto; + margin-right:auto; + position:relative; +} + +div#bandeau-titrage{ + position:absolute; + min-height:96px;/*140-44*/ + width:978px;/*1000-22*/ + padding: 22px 0px 22px 22px; + color: #FFF; + right:0px; + top:0px; + text-align:right; + display:none; +} + + + +div#bandeau-titrage span.surtitre { + font-family: 'Museo300'; + margin:0px 20px 0px 0px; + font-size: 20px; + letter-spacing: 0px; +} + +div.editorial span.surtitre { + font-family: Verdana, Geneva, sans-serif; + color:#eb1b79; + font-size:13px; + display:block; + text-transform:none; +} + +div.editorial span.soustitre { + font-family: Verdana, Geneva, sans-serif; + color:#333; + font-size:13px; + display:block; + font-weight:bold; +} + +div.editorial div.masque h2{ + line-height:28px; +} + + +div#bandeau-titrage h1{ + margin: 5px 18px 9px 0px; + font-family: 'Museo900'; + text-transform:uppercase; + font-size: 64px; + line-height: 56px; +} + + +div#bandeau-titrage a.bt{ + display:block; + float:right; + font-family: 'Museo300'; + text-transform:uppercase; + font-size: 24px; + color:#FFF; + text-decoration:none; + background-color:#EB1B79; + margin-top: 5px; + padding: 8px 17px 5px 26px; + min-width:277px; +} + +div#bandeau-titrage a.bt:hover{ + background-color:#850F45; +} + +a#appel-copyright { + display:block; + position:absolute; + bottom:0px; + right:0px; + color:#FFF; + text-decoration:none; + text-align:center; + padding: 3px 5px 3px 5px; + font-weight:bold; + z-index:2; +} + + + +div#copyright{ + display:none; + position:absolute; + bottom:0px; + left:0px; + width:990px; + padding: 3px 5px 3px 5px; + text-align:left; + z-index:1; + font-size:12px; +} + +/*------------------------------------------------------* + *----------------------------------- CSS ARIANE ----* + *------------------------------------------------------*/ + +div#ariane a{ + color:#000; + text-decoration:none; + font-weight: normal; +} + +div#ariane a:hover{ + color:#FFF; +} + + + + +/*------------------------------------------------------* + *----------------------------------- CSS TOOLKIT ----* + *------------------------------------------------------*/ + +#toolkit a{ + margin-top:8px; + margin-right:8px; + margin-left:0px; + } + +/*------------------------------------------------------* + *----------------------------------- CSS FOOTER 1 ----* + *------------------------------------------------------*/ + +/*::::::::::::::::::PARTENAIRES:::::::::::::::::::*/ + +div#main-partner{ + float:left; + width: 150px; + height: 100px; + padding-left:25px; + padding-right:25px; + position:relative; +} + +div#other-partner{ + float:left; + width: 300px; + height: 100px; + position:relative; +} + +span.titrehaut{ + z-index:200; + display:block; + width:100%; + position: absolute; + top:8px; + left:0px; + color:#b2b2b2; + text-align:center; + font-size:10px; + font-weight:bold; +} + + +span.titrebas{ + display:block; + z-index:200; + width:100%; + position: absolute; + bottom:6px; + left:0px; + text-align:center; + font-size:9px; + color:#b2b2b2; + text-transform:uppercase; +} + +div.partner{ + float:left; + height: 100px; + overflow:hidden; + width:150px; +} + +ul.partner-logo{ + margin:0px; + padding:0px; + list-style:none; +} + +a.bonus{ + float:left; + display:block; + width: 125px; + height: 50px;/*100-50*/ + font-family: 'Museo900'; + font-size: 14px; + text-transform: uppercase; + padding: 50px 0px 0px 0px; + color:#666; + text-decoration:none; + text-align:center; +} + +div#footercentrer { + position:relative; +} + +div#footercentrer div.fb-like{ + position:absolute; + top:65px; + right:0px; +} +/*::::::::::::::::::SOCIAL BOOKMARKING:::::::::::::::::::*/ + +#toolkit div.fb-like{ + float:right; + margin-top:10px; + margin-right:8px; + margin-left:0px; +} + +a.fb, a.tw, a.rss, a.ami, a.print{ + background-image:url(../images/design/social.png); + width:25px; + height:25px; + float:left; + display:block; + float: right; + font-size:0px; + text-indent:-1500px; + margin-top:25px; + margin-left:8px; + background-repeat:no-repeat; +} + +a.fb{ + background-position: 0px 0px; +} + +a.fb:hover{ + background-position: 0px -25px; +} + +a.tw{ + background-position: -25px 0px; +} + +a.tw:hover{ + background-position: -25px -25px; +} + +a.rss{ + background-position: -50px 0px; +} + +a.rss:hover{ + background-position: -50px -25px; +} + +a.ami{ + background-position: -75px 0px; +} + +a.ami:hover{ + background-position: -75px -25px; +} + +a.print{ + background-position: -100px 0px; +} + +a.print:hover{ + background-position: -100px -25px; +} + +/*::::::::::::::::::GOODIES:::::::::::::::::::*/ + +a.pair{ + background-color:#F6F6F6; +} + +a.pair:hover{ + background-color:#666666; + color:#FFF; +} + +a.impair{ + background-color:#FAFAFA; +} + +a.impair:hover{ + background-color:#666666; + color:#FFF; +} + +/*------------------------------------------------------* + *----------------------------------- CSS FOOTER 2 ----* + *------------------------------------------------------*/ + +div#footer2 div{ + width: 1000px; + margin-left:auto; + margin-right:auto; + } + +div#footer2 div ul{ + margin:0px; + padding:0px; + } + +div#footer2 div ul li{ + display:inline; + padding-left: 10px; + padding-right:10px; + background-image:url(../images/design/trait.png); + background-repeat:no-repeat; + background-position:top right; + } + +div#footer2 a{ + color: #808080; + text-decoration:none; +} + +div#footer2 a:hover{ + text-decoration: underline; +} + +/*------------------------------------------------------* + *----------------------------------- CSS HOME - ACTU ----* + *------------------------------------------------------*/ + +div.actu{ + clear:both; + width: 640px; + height: 240px; + background-color:#A52613; + margin-bottom:20px; + position:relative; + overflow:hidden; +} + + + + +div.actu.noimg{ + + height:auto; + +} +div.actu.noimg div.texte{ + position: static; + height:auto; + width: 610px;/* 640-30 */ + padding: 17px 10px 0px 20px; + overflow:visible; + margin-bottom:40px; +} + +div.actu.noimg a.bt{ + width: 616px;/*640-24*/ + padding: 7px 12px 3px 12px; +} + +div.actu.noimg a.reserver{ + left:0px; +} + + +div.actu img{ + position: absolute; + top:0px; + left:0px; + width: 320px; + height: 240px; +} + + +div.actu div.texte{ + position: absolute; + top:0px; + right:0px; + width: 292px;/*320-10-18*/ + height: 180px;/*207-17*/ + overflow:hidden; + padding: 17px 10px 0px 0px; + color:#FFF; + font-size:12px; + color:#e4beb9; +} + + + + +div.texte h2, div.texte h3, div.texte h4 { + margin:0px; +} + +div.texte h2{ + font-size:13px; + font-weight:normal; + color:#FFF; +} + +div.texte h3{ + font-family: 'Museo900'; + font-size:26px; + text-transform:uppercase; + color:#FFF; + font-weight:normal; + line-height:24px; + margin-top:4px; +} + +div.texte h4{ + font-size:13px; + text-transform:uppercase; + color:#000; + margin-top:4px; +} + +div.texte p{ + margin: 10px 0px 0px 0px; + color:#e4beb9; +} + +div.actu a.bt{ + position: absolute; + display:block; + right:0px; + bottom:0px; + width: 296px;/*320-24*/ + height: 19px;/*30-10*/ + color:#FFF; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + font-size:13px; + text-align:right; + padding: 8px 12px 3px 12px; + z-index:1; +} + + +div.actu a.reserver{ + position: absolute; + display:block; + left:320px; + bottom:0px; + height: 20px; + color:#FFF; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + font-size:13px; + font-family: 'Museo300'; + text-align:right; + padding: 10px 18px 0px 18px; + background-color: #59140B; + z-index:2; +} +div.actu a.reserver:hover{ + color:#FFF; + background-color:#330C06; + text-decoration:none; +} + + + + +/*------------------------------------------------------* + *----------------------------------- CSS HOME - BREVES ----* + *------------------------------------------------------*/ + +div.breve{ + clear:both; + width: 320px; + background-color:#A45C13; + margin-bottom:20px; + position:relative; +} + +div.breve img{ + width: 320px; + height: 120px; +} + +div.breve div.texte{ + padding: 16px 19px 19px 19px; +} + +/*------------------------------------------------------* + *----------------------------------- CSS HOME - TWEETS ----* + *------------------------------------------------------*/ + +div.tweets{ + clear:both; + width: 320px; + background-color:#FFFFFF; + margin-bottom:20px; + position:relative; + padding-bottom:30px; +} + +div.tweets div.texte{ + padding: 16px 19px 19px 19px; +} + +div.tweets div.texte h2, div.tweets div.texte h3{ + color:#A45C13; +} +div#droite div.tweets div.texte a{ + color:#A45C13; +} +div.tweets div.texte{ + font-size: 11px; + color:#A45C13; +} + +div#droite div.tweets .views-row{ + margin-top:15px; +} + +div#droite div.tweets .views-field-created-time{ + margin-top:5px; + padding-left:20px; + background-image:url('../images/clock.png'); + background-repeat:no-repeat; +} + +iframe.twitter-follow-button{ + float:right; + margin-top:20px; +} +/*------------------------------------------------------* + *----------------------------------- CSS LISTE OPERAS ----* + *------------------------------------------------------*/ + +div.spectacle{ + float:left; + width: 320px; + height: 270px; + background-color:#9E1151; + margin-bottom:40px; + position:relative; + overflow:hidden; + margin-right:20px; +} + +div.spectacle img{ + position: absolute; + top:0px; + left:0px; + width: 320px; + height: 120px; +} + + +div.spectacle div.texte{ + position: absolute; + top:120px; + right:0px; + width: 292px;/*320-10-18*/ + height: 180px;/*207-17*/ + overflow:hidden; + padding: 17px 10px 0px 0px; + color:#FFF; + font-size:12px; +} + + +div.spectacle.noimg{ + height: 150px; +} + +div.spectacle.noimg div.texte{ + top: 0px; +} + + +/*div.texte h2, div.texte h3, div.texte h4 { + margin:0px; +} + +div.texte h2{ + font-size:13px; + font-weight:normal; + color:#FFF; +} + +div.texte h3{ + font-family: 'Museo900'; + font-size:26px; + text-transform:uppercase; + color:#FFF; + font-weight:normal; + line-height:24px; + margin-top:4px; +} + +div.texte h4{ + font-size:13px; + text-transform:uppercase; + color:#000; + margin-top:4px; +} + +div.texte p{ + margin: 10px 0px 0px 0px; + color:#e4beb9; +} + +div.texte p strong{ + color:#fff; +}*/ + +div.spectacle a.bt{ + position: absolute; + display:block; + right:0px; + bottom:0px; + width: 296px;/*320-24*/ + height: 19px;/*30-10*/ + background-color:#EB1B79; + color:#FFF; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + font-size:13px; + text-align:right; + padding: 8px 12px 3px 12px; + z-index:1; +} + +div.spectacle a.bt:hover{ + background-color:#850F45; +} + +div.spectacle.noimg a.bt{ + width: 616px;/*640-24*/ + padding: 7px 12px 3px 12px; +} + +div.spectacle.noimg a.bt:hover{ + background-color:#850F45; + +} + + + + + +div.spectacle a.reserver, div.spectacle.noimg a.reserver{ + position: absolute; + display:block; + left:0px; + bottom:0px; + height: 20px; + color:#FFF; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + font-size:13px; + font-family: 'Museo300'; + text-align:right; + padding: 10px 18px 0px 18px; + background-color: #600B31; + z-index:2; +} + +div.spectacle a.reserver:hover, div.spectacle.noimg a.reserver:hover{ + color: #FFF; + background-color:#39061E; +} + + +/*------------------------------------------------------* + *----------------------------------- CSS ACTUALITE ----* + *------------------------------------------------------*/ + +div.event{ + float:left; + width: 1000px; + min-height: 240px; + background-image:url(../images/design/event.png); + margin-bottom:20px; +} + + +div.event div.texte{ + float:left; + width: 610px;/*660-50*/ + padding: 17px 10px 10px 40px; + font-size:12px; + line-height:16px; +} + + +div.event div.texte p, div.event div.texte strong{ + color:#333; +} + +div.event div.texte h2, div.event div.texte h3, div.event div.texte a, div.event div.texte span{ + color:#eb1b79; +} + + + +div.event img{ + float:right; + width: 340px; +} + + +div.event a{ + text-decoration:none; + font-weight: bold; + } + + +div.event a:hover{ + text-decoration: underline; +} + + + + +div.event div.texte a{ + float: none; + width: auto; + position: static; + display: inline; +} + +div.event a{ + float:right; + width: 340px; + position:relative; + display:block; +} + +body div.editorial a.special{ + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + text-decoration:none; + background-color:#B8155F; + padding: 5px 15px 5px 15px; + margin-top:30px; + margin-right:0px; + display: block; + clear:both; + float:right; + } + + +body div.editorial a.special:hover{ + color:#FFF; + } + + +body div.editorial.videos a.special, body div.editorial.photos a.special, body div.editorial.audios a.special{ + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + text-decoration:none; + background-color:#850F45; + padding: 5px 15px 5px 15px; + margin-top:10px; + margin-right:0px; + display: block; + float:right; + } + +body div.editorial.videos a.special:hover, body div.editorial.photos a.special:hover, body div.editorial.audios a.special:hover{ + background-color:#B8155F; + } + + +div.event a span{ + display:block; + position:absolute; + background-image:url(../images/design/picto_play_actu.png); + width:51px; + height:51px; + background-repeat:no-repeat; + bottom:10px; + right:10px; + z-index:999; + } + +div.hide, div.close{ + display:none; +} + +div.open, div.close{font-weight:bold; color:#eb1b79; cursor:pointer; +} + +/*------------------------------------------------------* + *----------------------------------- CSS CALENDRIER ----* + *------------------------------------------------------*/ + + +div#gauche div.calendrier ul{ + margin:0px; + padding:0px;} + + + +div#gauche div.calendrier ul li{ + margin:0px; + padding:0px; + display:inline; + list-style:none; + color:#52092b; + padding-right:13px; + margin-right:13px; + border-right:#850F45 1px solid; + } + +div#gauche div.calendrier ul li a{ + margin:0px; + padding:0px; + display:inline; + list-style:none; + font-weight:bold; + color:#52092b; + text-decoration:none; + } + +div#gauche div.calendrier ul li a:hover, div#gauche div.calendrier ul li a.active{ + color:#d2186c; + } + +table.table_calendrier{ + width:580px; + margin-bottom:20px; + font-size:11px; + line-height:12px; + color:#9f1252; + border:0px; + } + + + + +table.table_calendrier th{ + background-color:#9F1252; + height:30px; + color:#FFF; + text-align:left; + padding-left:10px; + } + +table.table_calendrier td{ + background-color:#F6F6F6; + color:#9F1252; + padding:10px; + width:200px; + } + +table.table_calendrier td a{ + color:#9F1252; + text-decoration:none; + font-size:11px; + } + +body.section-909 .editorial td.table_calendrier_titre, body.section-1394 .editorial td.table_calendrier_titre{ + font-weight:bold; + color:#9f1252; + width:300px; + } +body.section-909 .editorial td.table_calendrier_heure{ + font-weight: normal; + color:#6c0c38; + width:40px; + } +body.section-909 .editorial td.table_calendrier_type{ + font-weight:normal; + color:#9f1252; + width:60px; + } + + +body.section-1394 .editorial td.table_calendrier_heure{ + font-weight: normal; + color:#6c0c38; + width:65px; + } +body.section-1394 .editorial td.table_calendrier_type{ + font-weight:normal; + color:#9f1252; + width:35px; + } + + +body.section-909 .editorial td.table_calendrier_scene a, body.section-1394 .editorial td.table_calendrier_scene a{ + font-weight:normal; + color:#4c4c4c; + } +body.section-909 .editorial td.table_calendrier_scene a:hover, body.section-1394 .editorial td.table_calendrier_scene a:hover{ + text-decoration:underline; + } + +li#m7 thead, li#m7 tbody { + display:none; + } + +li#m7 table{ + margin-top:-4px; + } + +div.infos.calendrier{ + padding:0px; + } + +div.infos.calendrier ul{ + padding:22px; + margin:22px 0px 0px 0px; + position:relative;} + +div.infos.calendrier li { + padding:0px; + margin:0px; + list-style:none; + } + +table.calendar{ + width:275px; + background-color:#FFF; + color:#9F1252; + font-size:11px; + margin:0px; + padding:0px; + } + + + +table.calendar th{ + font-weight:normal; + background-color:#EDEDED; + line-height:30px; + } + +table.calendar td{ + text-align:center; + line-height:30px; + background-color:#F6F6F6; + } + +table.calendar td.highlighted{ + background-color:#9F1252; + } + + + +body div.infos table.calendar td.highlighted a{ + font-weight:bold; + color:#FFF; + text-decoration:none; + } + + + +table.calendar caption{ + color:#FFF; + cursor: pointer; + position:absolute; + } + +li#m6 table.calendar caption{ + background-color:#EB1B79; + font-weight:bold; + top:0px; + left:22px; + width:138px; + } +li#m7 table.calendar caption{ + background-color:#9F1252; + font-weight: normal; + top:0px; + left:160px; + width:138px; + } + + + + + +body.section-909 div.infos div.annonce, body.section-910 div.infos div.annonce, body.section-911 div.infos div.annonce, body.section-1237 div.infos div.annonce{ + width: 320px; + border-bottom:#8E0F49 1px solid; + padding:5px 0px 10px 0px; + margin:7px 0px 7px 0px; + color:#FFF; + text-indent:20px; +} + +body.section-909 div.infos div.annonce h3, body.section-910 div.infos div.annonce h3, body.section-911 div.infos div.annonce h3, body.section-1237 div.infos div.annonce h3, div#agenda div.annonce h3{ + font-family: 'Museo900'; + font-size:26px; + text-transform:uppercase; + color:#FFF; + margin:0px; + padding:0px; + line-height:24px; + padding-left:20px; + padding-right:20px; + text-indent: 0px; + } + +div.infos div.annonce h4, div#agenda div.annonce h4{ + font-family: Verdana, Geneva, sans-serif; + font-size:13px; + text-transform:uppercase; + font-weight: bold; + color:#3e0e07; + margin:0px; + padding:0px; + line-height:13px; + padding-left:20px; + padding-right:20px; + text-indent: 0px; + } + + + + +/*------------------------------------------------------* + *----------------------------------- CSS FONT FACE ----* + *------------------------------------------------------*/ + +@font-face { + font-family: 'Museo300'; + src: url('../fonts/museo300-regular-webfont.eot'); + src: url('../fonts/museo300-regular-webfont.eot?iefix') format('eot'), + url('../fonts/museo300-regular-webfont.woff') format('woff'), + url('../fonts/museo300-regular-webfont.ttf') format('truetype'), + url('../fonts/museo300-regular-webfont.svg#webfontRH6gdm7j') format('svg'); +} + +@font-face { + font-family: 'Museo900'; + src: url('../fonts/museo900-regular-webfont.eot'); + src: url('../fonts/museo900-regular-webfont.eot?iefix') format('eot'), + url('../fonts/museo900-regular-webfont.woff') format('woff'), + url('../fonts/museo900-regular-webfont.ttf') format('truetype'), + url('../fonts/museo900-regular-webfont.svg#webfontNyzFKKA7') format('svg'); +} + +/*------------------------------------------------------* + *----------------------------------- CSS TRICKS ----* + *------------------------------------------------------*/ + +div.centrer{ + width: 1000px; + margin-left:auto; + margin-right:auto; + } + +a img{ + border:0px; + } + +div.cleaner{ + clear:both; +} + +a, input { + outline: none; +} + +:focus { + -moz-outline-style: none; +} + +div.infos img{ + max-width:320px; +} + +span.at300bs{ + display:none; +} + +/*------------------------------------------------------* + *----------------------------------- CSS STYLE WYSIWYG ----* + *------------------------------------------------------*/ + + +div.editorial div.search-form{ + display:none;} + +div.editorial div.search-results h2{ + font-size:16px; + font-weight:normal; + font-family: 'Museo300'; + text-transform:uppercase; + margin:35px 0px 4px 0px; + line-height:14px; +} + +div.editorial div.search-results h3{ + font-size: 12px; + margin:0px; + padding:0px; + border:0px; +} + +div.editorial div.search-results p{ + margin:0px; +} + +ul.pager{ + float:right;} + +ul.pager li{ + display:inline; + padding: 0px 5px 0px 5px; + border-right: #000 1px solid;} + + +/*------------------------------------------------------* + *----------------------------------- CSS STYLE WYSIWYG ----* + *------------------------------------------------------*/ + +div.actu a{ + color:#FFF; +} + +div#droite div.texte a{ + color:#FFF; +} + + +div.actu a, div#droite div.texte a, div.editorial a{ + text-decoration:none; + font-weight: bold; + } + + +div.actu a:hover, div#droite div.texte a:hover, div.editorial a:hover{ + text-decoration: underline; + } + + +div.texte ul, div.editorial ul{ + margin: 10px 0px 10px 0px; + padding:0px; + } + +div.texte ul li, div.editorial ul li{ + list-style:square; + list-style-position:inside; + margin:4px 0px 4px 0px ; + } + + +/*///////////////////////PLAN DU SITE//////////////////////////*/ + +div.editorial div.site-map-menus ul li.expanded{ + margin-left: 2px; + list-style: none; + text-transform:uppercase; + margin: 15px 0px 0px 0px; +} + +div.editorial div.site-map-menus ul li.expanded a{ + font-size: 24px; + font-family: 'Museo900'; +} + + + +div.editorial div.site-map-menus ul li.expanded ul { + margin: 0px; + } + +div.editorial div.site-map-menus ul li.expanded ul li { + margin: 7px 0px 7px 30px; + list-style: none; +} + +div.editorial div.site-map-menus ul li.expanded ul li a{ + font-size: 14px; + font-family: 'Museo300'; +} + + + + + +div.editorial div.site-map-menus ul li.expanded ul li.expanded ul li{ + margin: 0px 0px 0px 35px; + text-transform: none; + list-style: square; + +} + +div.editorial div.site-map-menus ul li.expanded ul li.expanded ul a{ + color:#333; + font-size:11px; + font-family:Verdana, Geneva, sans-serif; +} + + +/*------------------------------------------------------* + *----------------------------------- CSS MESSAGE D'ERREURS ----* + *------------------------------------------------------*/ + +div#message{ + display:none; + } + +/*------------------------------------------------------* + *----------------------------------- CSS ADMIN ----* + *------------------------------------------------------*/ + +div#admin-menu{ + position: fixed; + font-family:Verdana, Geneva, sans-serif; + z-index:9999; + + } + + +div#navadmin{ + position: fixed; + top:150px; + left:0px; + z-index:9999; + } + +div#navadmin ul, div#navadmin li{ + margin:0px; + padding:0px; + list-style:none; + } + +div#navadmin a{ + display:block; + width:80px; + padding: 3px 0px 3px 10px; + background-color:#000; + color:#FFF; + text-decoration:none; + margin-bottom:5px; + font-size:10px; + text-transform:uppercase; + border:1px #FFF solid; + border-left: none; + } + +div#navadmin a:hover{ + padding: 3px 0px 3px 30px; + } + + +/*//////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////// FRENCH VERSION ///////////////////////////////////// +////////////////////////////////////////////////////////////////////////////////////*/ + +/*------------------------------------------------------* + *----------------------------------- CSS PROGRAMMATION & HOME & INFO & ACTUALITE & FESTIVAL ----* + *------------------------------------------------------*/ + +body.section-909 div#bandeau, body.section-910 div#bandeau, body.section-911 div#bandeau, body.section-1237 div#bandeau{background-color:#9F1352;} +body.section-909 div#content, body.section-910 div#content, body.section-911 div#content, body.section-1237 div#content{background-color: #B8155F;} + + +body.section-909 .editorial strong, body.section-910 .editorial strong, body.section-911 .editorial strong, body.section-1237 .editorial strong, body.section-909 div.infos div, body.section-910 div.infos div, body.section-911 div.infos div{color:#333;} + + +body.section-909 div.infos h2, body.section-910 div.infos h2, body.section-911 div.infos h2, body.section-1237 div.infos h2{background-color:#850F45;} +body.section-909 div.infos div h3, body.section-910 div.infos div h3, body.section-911 div.infos div h3, body.section-1237 div.infos div h3{color:#4c4c4c;} + + + +body.section-909 div.editorial a, body.section-910 div.editorial a, body.section-911 div.editorial a, body.section-1237 div.editorial a{color:#eb1b79;} + + +body.section-909 div.editorial h2, body.section-909 .editorial table.distribution tr td:last-child, body.section-909 .editorial table.distribution tr td+td, body.section-909 .editorial span.couleur, body.section-909 div.infos a, body.section-909 .editorial table.distribution tr td:last-child, body.section-910 div.editorial h2, body.section-910 .editorial table.distribution tr td:last-child, body.section-910 .editorial table.distribution tr td+td, body.section-910 .editorial span.couleur, body.section-910 div.infos a, body.section-910 .editorial table.distribution tr td:last-child, body.section-911 div.editorial h2, body.section-911 .editorial table.distribution tr td:last-child, body.section-911 .editorial table.distribution tr td+td, body.section-911 .editorial span.couleur, body.section-911 div.infos a, body.section-911 .editorial table.distribution tr td:last-child, body.section-1237 div.editorial h2, body.section-1237 .editorial table.distribution tr td:last-child, body.section-1237 .editorial table.distribution tr td+td, body.section-1237 .editorial span.couleur, body.section-1237 div.infos a, body.section-1237 .editorial table.distribution tr td:last-child, body.section-909 div.infos div.scene, body.section-909 div.infos div.dates, body.section-909 div.infos div.tarif, body.section-909 div.infos div.horaire, body.section-909 div.infos div.vision, body.section-909 div.infos div.sub{ + color:#eb1b79; +} +body.section-909 div#copyright, body.section-910 div#copyright, body.section-911 div#copyright, body.section-1237 div#copyright, body.node-type-accueil div#copyright{color:#FFF; background-color: #9F1352;} +/*/////////menu/////////*/ +body.node-type-accueil div.menu-level-3 h2, body.section-909 div.menu-level-3 h2, body.section-910 div.menu-level-3 h2, body.section-911 div.menu-level-3 h2, body.section-1237 div.menu-level-3 h2{background-color:#850F45;} +body.node-type-accueil div.menu-level-3 a, body.section-909 div.menu-level-3 a, body.section-910 div.menu-level-3 a, body.section-911 div.menu-level-3 a, body.section-1237 div.menu-level-3 a{color:#850f45;} +body.node-type-accueil div.menu-level-3 a.active, body.section-909 div.menu-level-3 a.active, body.section-910 div.menu-level-3 a.active, body.section-911 div.menu-level-3 a.active, body.section-1237 div.menu-level-3 a.active{color:#eb1b79;} + +/*/////////medias home/////////*/ +body.node-type-accueil div.infos.video span, body.node-type-accueil div.infos.audio span, body.node-type-accueil div.infos.diaporama span{color: #3D2207;} + +body.node-type-accueil div.diaporama h2, body.node-type-accueil div.audio h2, body.node-type-accueil div.video h2{background-color:#3D2207; color:#FFF;} +body.node-type-accueil #sb-nav{background-color:#3D2207;} + +/*/////////medias rubriques/////////*/ +body.section-909 div.diaporama h2, body.section-910 div.audio h2, body.section-911 div.video h2{background-color:#850F45; color:#FFF;} +body.section-910 div.diaporama h2, body.section-910 div.audio h2, body.section-910 div.video h2{background-color:#850F45; color:#FFF;} +body.section-911 div.diaporama h2, body.section-911 div.audio h2, body.section-911 div.video h2{background-color:#850F45; color:#FFF;} +body.section-1237 div.diaporama h2, body.section-1237 div.audio h2, body.section-1237 div.video h2{background-color:#850F45; color:#FFF;} +body.section-909 #sb-nav, body.section-910 #sb-nav, body.section-911 #sb-nav, body.section-1237 #sb-nav{background-color:#850F45;} + + +/*/////////formulaire principal/////////*/ + +body.section-909 div#gauche form, body.section-910 div#gauche form, body.section-911 div#gauche form, body.section-1237 div#gauche form{ + width:580px; + } +body.section-909 div#gauche label, body.section-910 div#gauche label, body.section-911 div#gauche label, body.section-1237 div#gauche label{ + width:120px; + color:#850F45; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-909 div#gauche input, body.section-910 div#gauche input, body.section-911 div#gauche input, body.section-1237 div#gauche input{ + width:416px; + border:#B8155F 1px solid; + color:#9F1352; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-909 div#gauche select, body.section-910 div#gauche select, body.section-911 div#gauche select, body.section-1237 div#gauche select{ + width:420px; + border:#B8155F 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-909 div#gauche textarea, body.section-910 div#gauche textarea, body.section-911 div#gauche textarea, body.section-1237 div#gauche textarea{ + width:416px; + height:200px; + border:#B8155F 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-909 div#gauche input.form-submit, body.section-910 div#gauche input.form-submit, body.section-911 div#gauche input.form-submit, body.section-1237 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#B8155F; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-909 div#gauche input.form-submit:hover, body.section-910 div#gauche input.form-submit:hover, body.section-911 div#gauche input.form-submit:hover, body.section-1237 div#gauche input.form-submit:hover{ + background-color:#E83385; + } + + +/*/////////////////////////////////////*/ + +body.node-type-accueil div#droite a.bt{background-color:#F0861D;} +body.node-type-accueil div#droite a.bt:hover{background-color:#8A4C0F;} + +body.node-type-accueil div#gauche a.special{background-color:#F0861D;} +body.node-type-accueil div#gauche a.special:hover{background-color:#8A4C0F;} + + + +body.section-909 div#droite a.bt, body.section-910 div#droite a.bt, body.section-911 div#droite a.bt, body.section-1237 div#droite a.bt{ + background-color:#EB1B79; +} + +body.section-909 div#droite a.bt:hover, body.section-910 div#droite a.bt:hover, body.section-911 div#droite a.bt:hover, body.section-1237 div#droite a.bt:hover{ + background-color:#850F45; +} + + + +body.section-909 div#gauche a.special, body.section-910 div#gauche a.special, body.section-911 div#gauche a.special, body.section-1237 div#gauche a.special{ + background-color:#EB1B79; + color:#fff; +} + +body.section-909 div#gauche a.special:hover, body.section-910 div#gauche a.special:hover, body.section-911 div#gauche a.special:hover, body.section-1237 div#gauche a.special:hover{ + background-color:#850F45; +} + + + +div.actu a.bt, div.actu.noimg a.bt{ + background-color:#f0381c; +} +div.actu a.bt:hover, div.actu.noimg a.bt:hover{ + background-color:#801D0F; + text-decoration:none; +} + +/*------------------------------------------------------* + *----------------------------------- CSS ACADEMIE ----* + *------------------------------------------------------*/ + +body.section-1238 div#bandeau{background-color:#3ca9bd;} +body.section-1238 div#content{background-color: #45C0D6;} +body.section-1238 .editorial strong{color:#333;} +body.section-1238 div.editorial h2, body.section-1238 div.editorial a{color:#45c0d6;} +body.section-1238 div.editorial h3, body.section-1238 div.infos div{color:#333;} +body.section-1238 div.infos h2{background-color:#3494A4;} +body.section-1238 div.infos div h3, body.section-1238 .editorial table.distribution tr td:last-child, body.section-1238 .editorial table.distribution tr td+td, body.section-1238 .editorial span.couleur, body.section-1238 div.infos a, body.section-1238 .editorial table.distribution tr td:last-child {color:#45c0d6;} +body.section-1238 div#copyright{color:#FFF; background-color: #3CA9BD;} +/*/////////menu/////////*/ +body.section-1238 div.menu-level-3 h2{background-color:#3494A4;} +body.section-1238 div.menu-level-3 a{color:#3494a4;} +body.section-1238 div.menu-level-3 a.active-trail{color:#3ca9bd;} +/*/////////medias/////////*/ +body.section-1238 div.diaporama h2, body.section-1238 div.audio h2, body.section-1238 div.video h2{background-color:#143940; color:#FFF;} +body.section-1238 #sb-nav{background-color:#143940;} + + + +body.section-1238 div#droite a.bt{background-color:#3494A4;} + +body.section-1238 div#droite a.bt:hover{ + background-color:#143940; +} + +body.section-1238 div#gauche a.special{background-color:#3494A4; color:#FFF;} + +body.section-1238 div#gauche a.special:hover{ + background-color:#143940; +} + + +/*/////////formulaire principal/////////*/ + +body.section-1238 div#gauche form{ + width:580px; + } +body.section-1238 div#gauche label{ + width:120px; + color:#3494A4; + display:block; + float:left; + min-height:20px; + overflow:hidden; + margin-bottom:15px; + clear:both; + } +body.section-1238 div#gauche input{ + width:416px; + border:#45C0D6 1px solid; + color:#000; + font-size:12px; + display:block; + float:right; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1238 div#gauche select{ + width:424px; + border:#45C0D6 1px solid; + font-size:12px; + display:block; + float:right; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1238 div#gauche textarea{ + width:416px; + min-height: 18px; + border:#45C0D6 1px solid; + font-family: Verdana, Geneva, sans-serif; + font-size:12px; + display:block; + float:right; + padding:1px 3px 1px 3px; + margin-bottom:15px; + } + +body.section-1238 div#gauche fieldset{ + border: none; + border-top: 1px solid #000; + padding-top:10px + } + +body.section-1238 div#gauche fieldset legend{ + color:#3494a4; + text-transform:uppercase; + font-weight:bold; + font-size:14px; + } + +body.section-1238 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#45C0D6; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1238 div#gauche input.form-submit:hover{ + background-color:#79D1E1; + } + + +.description{ + width:580px; + clear:both; + font-style:italic; + font-size:11px; + line-height:14px; + padding: 5px 0px 15px 0px; + color:#333;} + + +body div#gauche input.webform-calendar, body div#gauche select.day, body div#gauche select.month, body div#gauche select.year { + width: auto; + float: left; + margin-left:40px; +} + +body div#gauche input.form-radio { + width: auto; + float: left; + margin-left:40px; + +} +body div#gauche label.option { + margin:0px; + width: auto; +} + +body div#gauche input.form-file { + border: none; +} + +#ui-datepicker-div{ + display:none; +} + +/*------------------------------------------------------* + *----------------------------------- CSS ENOA ----* + *------------------------------------------------------*/ + +body.section-1241 div#bandeau{background-color:#3ca9bd;} +body.section-1241 div#content{background-color: #45C0D6;} +body.section-1241 .editorial strong, body.section-1241 div.infos div{color:#333;} +body.section-1241 div.editorial h2, body.section-1241 div.editorial a{color:#45c0d6;} +body.section-1241 div.editorial h3{color:#333;} +body.section-1241 div.infos h2{background-color:#3494A4;} +body.section-1241 div.infos div h3, body.section-1241 .editorial table.distribution tr td:last-child, body.section-1241 .editorial table.distribution tr td+td, body.section-1241 .editorial span.couleur, body.section-1241 div.infos a, body.section-1241 .editorial table.distribution tr td:last-child {color:#45c0d6;} +body.section-1241 div#copyright{color:#FFF; background-color: #3CA9BD;} +/*/////////menu/////////*/ +body.section-1241 div.menu-level-3 h2{background-color:#3494A4;} +body.section-1241 div.menu-level-3 a{color:#3494a4;} +body.section-1241 div.menu-level-3 a.active-trail{color:#3ca9bd;} +/*/////////medias/////////*/ +body.section-1241 div.diaporama h2, body.section-1241 div.audio h2, body.section-1241 div.video h2{background-color:#143940; color:#FFF;} +body.section-1241 #sb-nav{background-color:#143940;} + + + +body.section-1241 div#droite a.bt{background-color:#3494A4;} + +body.section-1241 div#droite a.bt:hover{ + background-color:#143940; +} + +body.section-1241 div#gauche a.special{background-color:#3494A4; color:#fff;} + +body.section-1241 div#gauche a.special:hover{ + background-color:#143940; +} + +/*/////////formulaire principal/////////*/ + +body.section-1241 div#gauche form{ + width:580px; + } +body.section-1241 div#gauche label{ + width:120px; + color:#3494A4; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-1241 div#gauche input{ + width:416px; + border:#45C0D6 1px solid; + color:#3CA9BD; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1241 div#gauche select{ + width:420px; + border:#45C0D6 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1241 div#gauche textarea{ + width:416px; + height:200px; + border:#45C0D6 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1241 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#45C0D6; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1241 div#gauche input.form-submit:hover{ + background-color:#79D1E1; + } + + +/*------------------------------------------------------* + *----------------------------------- CSS PUBLICS ----* + *------------------------------------------------------*/ + +body.section-1239 div#bandeau{background-color:#94a334;} +body.section-1239 div#content{background-color: #acbd3c;} +body.section-1239 .editorial strong, body.section-1239 div.infos div{color:#333;} +body.section-1239 div.editorial h2, body.section-1239 div.editorial a{color:#c3d645;} +body.section-1239 div.editorial h3{color:#333;} +body.section-1239 div.infos h2{background-color:#7e8a2c;} +body.section-1239 div.infos div h3, body.section-1239 .editorial table.distribution tr td:last-child, body.section-1239 .editorial table.distribution tr td+td, body.section-1239 .editorial span.couleur, body.section-1239 div.infos a, body.section-1239 .editorial table.distribution tr td:last-child {color:#c3d645;} +body.section-1239 div#copyright{color:#FFF; background-color: #94a334;} +/*/////////menu/////////*/ +body.section-1239 div.menu-level-3 h2{background-color:#7e8a2c;} +body.section-1239 div.menu-level-3 a{color:#7e8a2c;} +body.section-1239 div.menu-level-3 a.active-trail{color:#c3d645;} +/*/////////medias/////////*/ +body.section-1239 div.diaporama h2, body.section-1239 div.audio h2, body.section-1239 div.video h2{background-color:#333611; color:#FFF;} +body.section-1239 #sb-nav{background-color:#333611;} + +body.section-1239 div#droite a.bt{background-color:#C3D645;} + +body.section-1239 div#droite a.bt:hover{ + background-color:#7E8A2C; +} + +body.section-1239 div#gauche a.special{background-color:#C3D645; color:#FFF;} + +body.section-1239 div#gauche a.special:hover{ + background-color:#7E8A2C; +} + +/*/////////formulaire principal/////////*/ + +body.section-1239 div#gauche form{ + width:580px; + } +body.section-1239 div#gauche label{ + width:120px; + color:#7E8A2C; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-1239 div#gauche input{ + width:416px; + border:#ACBD3C 1px solid; + color:#94A334; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1239 div#gauche select{ + width:420px; + border:#ACBD3C 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1239 div#gauche textarea{ + width:416px; + height:200px; + border:#ACBD3C 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1239 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#ACBD3C; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1239 div#gauche input.form-submit:hover{ + background-color:#BECC5E; + } + + +/*------------------------------------------------------* + *----------------------------------- CSS SOUTENIR ----* + *------------------------------------------------------*/ + +body.section-933 div#bandeau{background-color:#846e57;} +body.section-933 div#content{background-color: #9e8368;} +body.section-933 .editorial strong, body.section-933 div.infos div{color:#333;} +body.section-933 div.editorial h2, body.section-933 div.editorial a{color:#d3ad89;} +body.section-933 div.editorial h3{color:#333;} +body.section-933 div.infos h2{background-color:#6c5948;} +body.section-933 div.infos div h3, body.section-933 .editorial table.distribution tr td:last-child, body.section-933 .editorial table.distribution tr td+td, body.section-933 .editorial span.couleur, body.section-933 div.infos a{color:#d3ad89;} +body.section-933 div#copyright{color:#FFF; background-color: #846e57;} +/*/////////menu/////////*/ +body.section-933 div.menu-level-3 h2{background-color:#6c5948;} +body.section-933 div.menu-level-3 a{color:#6c5948;} +body.section-933 div.menu-level-3 a.active-trail{color:#d3ad89;} +/*/////////medias/////////*/ +body.section-933 div.diaporama h2, body.section-933 div.audio h2, body.section-933 div.video h2{background-color:#6c5948; color:#FFF;} +body.section-933 #sb-nav{background-color:#6c5948;} + +body.section-933 div#droite a.bt{ + background-color:#D3AD89; +} +body.section-933 div#droite a.bt:hover{ + background-color:#6C5948; +} +body.section-933 div#gauche a.special{ + color:#FFF; + background-color:#D3AD89; +} +body.section-933 div#gauche a.special:hover{ + background-color:#6C5948; +} + +/*/////////formulaire principal/////////*/ + +body.section-933 div#gauche form{ + width:580px; + } +body.section-933 div#gauche label{ + width:120px; + color:#8E6339; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-933 div#gauche input{ + width:416px; + border:#9E8368 1px solid; + color:#846E57; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-933 div#gauche select{ + width:420px; + border:#9E8368 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-933 div#gauche textarea{ + width:416px; + height:200px; + border:#9E8368 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-933 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#9E8368; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-933 div#gauche input.form-submit:hover{ + background-color:#B8A592; + } + +/*------------------------------------------------------* + *----------------------------------- CSS PRO - EDITORIAL PIED ----* + *------------------------------------------------------*/ + +body.fuzzysearch div#bandeau, body.section-1559 div#bandeau, body.section-1698 div#bandeau{background-color:#bd2c16;} +body.fuzzysearch div#content, body.section-1559 div#content, body.section-1698 div#content {background-color: #d6331a;} + +body.fuzzysearch .editorial strong, body.section-1559 .editorial strong, body.section-1698 .editorial strong, body.fuzzysearch div.infos div, body.section-1559 div.infos div, body.section-1698 div.infos div{color:#333;} + +body.fuzzysearch div.editorial h2, body.fuzzysearch div.editorial a, body.section-1559 div.editorial h2, body.section-1559 div.editorial a, body.section-1698 div.editorial h2, body.section-1698 div.editorial a{color:#eb381c;} +body.fuzzysearch div.editorial h3, body.section-1559 div.editorial h3, body.section-1698 div.editorial h3{color:#333;} +body.fuzzysearch div.infos h2, body.section-1559 div.infos h2, body.section-1698 div.infos h2{background-color:#a32714;} + + +body.fuzzysearch div.infos div h3, body.fuzzysearch .editorial table.distribution tr td:last-child, body.fuzzysearch .editorial table.distribution tr td+td, body.fuzzysearch .editorial span.couleur, body.fuzzysearch .editorial table.distribution tr td:last-child, body.section-1559 div.infos div h3, body.section-1559 .editorial table.distribution tr td:last-child, body.section-1559 .editorial table.distribution tr td+td, body.section-1559 .editorial span.couleur, body.section-1559 .editorial table.distribution tr td:last-child, body.section-1698 div.infos div h3, body.section-1698 .editorial table.distribution tr td:last-child, body.section-1698 .editorial table.distribution tr td+td, body.section-1698 .editorial span.couleur, body.section-1698 .editorial table.distribution tr td:last-child{color:#3d0f07;} + + +body.fuzzysearch div.infos a, body.fuzzysearch div.editorial a, body.section-1559 div.infos a, body.section-1559 div.editorial a, body.section-1698 div.infos a, body.section-1698 div.editorial a{color:#eb381c; font-weight:bold; text-decoration:none} + +body.fuzzysearch div.infos a:hover, body.fuzzysearch div.editorial a:hover, body.section-1559 div.infos a:hover, body.section-1559 div.editorial a:hover, body.section-1698 div.infos a:hover, body.section-1698 div.editorial a:hover{text-decoration:underline} + +/*/////////menu/////////*/ +body.fuzzysearch div.menu-level-3 h2, body.section-1559 div.menu-level-3 h2, body.section-1698 div.menu-level-3 h2{background-color:#a32714;} +body.fuzzysearch div.menu-level-3 a, body.section-1559 div.menu-level-3 a, body.section-1698 div.menu-level-3 a{color:#a32714;} +body.fuzzysearch div.menu-level-3 a.active-trail, body.section-1559 div.menu-level-3 a.active-trail, body.section-1698 div.menu-level-3 a.active-trail{color:#eb381c;} + + +/*/////////medias/////////*/ +body.fuzzysearch div.diaporama h2, body.fuzzysearch div.audio h2, body.fuzzysearch div.video h2, body.section-1559 div.diaporama h2, body.section-1559 div.audio h2, body.section-1559 div.video h2, body.section-1698 div.diaporama h2, body.section-1698 div.audio h2, body.section-1698 div.video h2{background-color:#410D08; color:#FFF;} + + +body.fuzzysearch #sb-nav, body.section-1559 #sb-nav, body.section-1698 #sb-nav {background-color:#410D08;} + + +body.fuzzysearch div#droite a.bt, body.section-1559 div#droite a.bt, body.section-1698 div#droite a.bt{background-color:#EB381C;} + +body.fuzzysearch div#droite a.bt:hover, body.section-1559 div#droite a.bt:hover, body.section-1698 div#droite a.bt:hover{ + background-color:#BD2C16; +} + + +body.fuzzysearch div#gauche a.special, body.section-1559 div#gauche a.special, body.section-1698 div#gauche a.special{background-color:#EB381C; color:#FFF;} + +body.fuzzysearch div#gauche a.special:hover, body.section-1559 div#gauche a.special:hover, body.section-1698 div#gauche a.special:hover{ + background-color:#BD2C16; +} + + +/*////////////////////////habillage formulaire principal//////////////////////*/ + + +body.fuzzysearch div#gauche form, body.section-1559 div#gauche form, body.section-1698 div#gauche form{ + width:580px; + } +body.fuzzysearch div#gauche label, body.section-1559 div#gauche label, body.section-1698 div#gauche label{ + width:120px; + color:#400f08; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.fuzzysearch div#gauche input, body.section-1559 div#gauche input, body.section-1698 div#gauche input{ + width:416px; + border:#EB381C 1px solid; + color:#a32714; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.fuzzysearch div#gauche select, body.section-1559 div#gauche select, body.section-1698 div#gauche select{ + width:420px; + border:#EB381C 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.fuzzysearch div#gauche textarea, body.section-1559 div#gauche textarea, body.section-1698 div#gauche textarea{ + width:416px; + height:200px; + border:#EB381C 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.fuzzysearch div#gauche input.form-submit, body.section-1559 div#gauche input.form-submit, body.section-1698 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#EB381C; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.fuzzysearch div#gauche input.form-submit:hover, body.section-1559 div#gauche input.form-submit:hover, body.section-1698 div#gauche input.form-submit:hover{ + background-color:#EF5C47; + } + + +/*////////////////////////habillage formulaire de login//////////////////////*/ + +body.fuzzysearch div#droite div.infos form, body.section-1559 div#droite div.infos form, body.section-1698 div#droite div.infos form{ + display:block; + padding-bottom:20px; + } + +body.fuzzysearch div#droite div.infos label, body.section-1559 div#droite div.infos label, body.section-1698 div#droite div.infos label{ + width:264px; + color:#a32714; + margin-bottom:3px; + clear:both; + } + +body.fuzzysearch div#droite div.infos input, body.section-1559 div#droite div.infos input, body.section-1698 div#droite div.infos input{ + width:264px; + border: none; + background-color:#FFF; + font-size:12px; + display:block; + clear:both; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + color:#a32714; + } + + +body.fuzzysearch div#droite div.infos input.form-submit, body.section-1559 div#droite div.infos input.form-submit, body.section-1698 div#droite div.infos input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#EB381C; + padding: 5px 15px 5px 15px; + cursor: pointer; + + } + +body.fuzzysearch div#droite div.infos input.form-submit:hover, body.section-1559 div#droite div.infos input.form-submit:hover, body.section-1698 div#droite div.infos input.form-submit:hover{ + background-color:#EF5C47; + } + + +/*--------------------------------CSS ACCORDEONS PRO ------------------------------------------*/ + +body.fuzzysearch div.editorial h3.titre-liste, body.section-1559 div.editorial h3.titre-liste, body.section-1698 div.editorial h3.titre-liste { + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + color:#FFF; + background-color:#a32714; + height: 25px;/*30-5*/ + cursor:pointer; + padding: 5px 10px 0px 25px; + margin: 0px 0px 1px 0px; + background-image:url(../images/design/accordeon-close.png); + background-repeat:no-repeat; + border: none; + } + +body.fuzzysearch div.editorial h3.titre-liste:hover, body.section-1559 div.editorial h3.titre-liste:hover, body.section-1698 div.editorial h3.titre-liste:hover{ + background-color:#D6331A; + border: none; + } + +body.fuzzysearch div.editorial h3.titre-liste.open-liste, body.section-1559 div.editorial h3.titre-liste.open-liste, body.section-1698 div.editorial h3.titre-liste.open-liste{ + background-image:url(../images/design/accordeon-open.png); + border: none; + } + +ul.liste-photos{ + margin:0px; + padding:0px; + } + +body.fuzzysearch div.editorial ul.liste-photos li, body.section-1559 div.editorial ul.liste-photos li, body.section-1698 div.editorial ul.liste-photos li{ + display:block; + list-style-type: none; + height: 70px; + background-color:#F6F6F6; + margin-bottom:1px; + overflow:hidden; + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + color:#a32714; + position:relative; + padding: 10px 160px 0px 0px; + line-height:17px; + } + +body.fuzzysearch div.editorial ul.liste-photos li strong, body.section-1559 div.editorial ul.liste-photos li strong, body.section-1698 div.editorial ul.liste-photos li strong{ + color:#a32714; + } + +body.fuzzysearch div.editorial ul.liste-photos li a, body.section-1559 div.editorial ul.liste-photos li a, body.section-1698 div.editorial ul.liste-photos li a{ + position:absolute; + display:block; + top:25px; + right:25px; + height:22px; + width: 124px; + background-color:#EB381C; + text-transform:uppercase; + font-size:11px; + color:#FFF; + text-decoration:none; + font-weight:bold; + padding:8px 0px 0px 10px; + } + +body.fuzzysearch div.editorial ul.liste-photos li a:hover, body.section-1559 div.editorial ul.liste-photos li a:hover, body.section-1698 div.editorial ul.liste-photos li a:hover{ + background-color:#A32714; + } + + +body.fuzzysearch div.editorial ul.liste-photos li img, body.section-1559 div.editorial ul.liste-photos li img, body.section-1698 div.editorial ul.liste-photos li img{ + width: 80px; + height:80px; + float:left; + margin-right: 15px; + margin-top:-10px; + } + + +/*//////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////// ENGLISH VERSION ///////////////////////////////////// +////////////////////////////////////////////////////////////////////////////////////*/ + + + +/*------------------------------------------------------* + *----------------------------------- CSS PROGRAMMATION & HOME & INFO & ACTUALITE & FESTIVAL ----* + *------------------------------------------------------*/ + +body.section-1394 div#bandeau, body.section-1960 div#bandeau, body.section-1961 div#bandeau, body.section-1962 div#bandeau{background-color:#9F1352;} +body.section-1394 div#content, body.section-1960 div#content, body.section-1961 div#content, body.section-1962 div#content{background-color: #B8155F;} + + +body.section-1394 .editorial strong, body.section-1960 .editorial strong, body.section-1961 .editorial strong, body.section-1962 .editorial strong, body.section-1394 div.infos div, body.section-1960 div.infos div, body.section-1961 div.infos div{color:#333;} + + +body.section-1394 div.infos h2, body.section-1960 div.infos h2, body.section-1961 div.infos h2, body.section-1962 div.infos h2{background-color:#850F45;} +body.section-1394 div.infos div h3, body.section-1960 div.infos div h3, body.section-1961 div.infos div h3, body.section-1962 div.infos div h3{color:#4c4c4c;} + + + +body.section-1394 div.editorial a, body.section-1960 div.editorial a, body.section-1961 div.editorial a, body.section-1962 div.editorial a{color:#eb1b79;} + + +body.section-1394 div.editorial h2, body.section-1394 .editorial table.distribution tr td:last-child, body.section-1394 .editorial table.distribution tr td+td, body.section-1394 .editorial span.couleur, body.section-1394 div.infos a, body.section-1394 .editorial table.distribution tr td:last-child, body.section-1960 div.editorial h2, body.section-1960 .editorial table.distribution tr td:last-child, body.section-1960 .editorial table.distribution tr td+td, body.section-1960 .editorial span.couleur, body.section-1960 div.infos a, body.section-1960 .editorial table.distribution tr td:last-child, body.section-1961 div.editorial h2, body.section-1961 .editorial table.distribution tr td:last-child, body.section-1961 .editorial table.distribution tr td+td, body.section-1961 .editorial span.couleur, body.section-1961 div.infos a, body.section-1961 .editorial table.distribution tr td:last-child, body.section-1962 div.editorial h2, body.section-1962 .editorial table.distribution tr td:last-child, body.section-1962 .editorial table.distribution tr td+td, body.section-1962 .editorial span.couleur, body.section-1962 div.infos a, body.section-1962 .editorial table.distribution tr td:last-child, body.section-1394 div.infos div.scene, body.section-1394 div.infos div.dates, body.section-1394 div.infos div.tarif, body.section-1394 div.infos div.horaire, body.section-1394 div.infos div.vision, body.section-1394 div.infos div.sub{ + color:#eb1b79; +} +body.section-1394 div#copyright, body.section-1960 div#copyright, body.section-1961 div#copyright, body.section-1962 div#copyright, body.node-type-accueil div#copyright{color:#FFF; background-color: #9F1352;} +/*/////////menu/////////*/ +body.node-type-accueil div.menu-level-3 h2, body.section-1394 div.menu-level-3 h2, body.section-1960 div.menu-level-3 h2, body.section-1961 div.menu-level-3 h2, body.section-1962 div.menu-level-3 h2{background-color:#850F45;} +body.node-type-accueil div.menu-level-3 a, body.section-1394 div.menu-level-3 a, body.section-1960 div.menu-level-3 a, body.section-1961 div.menu-level-3 a, body.section-1962 div.menu-level-3 a{color:#850f45;} +body.node-type-accueil div.menu-level-3 a.active, body.section-1394 div.menu-level-3 a.active, body.section-1960 div.menu-level-3 a.active, body.section-1961 div.menu-level-3 a.active, body.section-1962 div.menu-level-3 a.active{color:#eb1b79;} + +/*/////////medias home/////////*/ +body.node-type-accueil div.infos.video span, body.node-type-accueil div.infos.audio span, body.node-type-accueil div.infos.diaporama span{color: #3D2207;} + +body.node-type-accueil div.diaporama h2, body.node-type-accueil div.audio h2, body.node-type-accueil div.video h2{background-color:#3D2207; color:#FFF;} +body.node-type-accueil #sb-nav{background-color:#3D2207;} + +/*/////////medias rubriques/////////*/ +body.section-1394 div.diaporama h2, body.section-1960 div.audio h2, body.section-1961 div.video h2{background-color:#850F45; color:#FFF;} +body.section-1960 div.diaporama h2, body.section-1960 div.audio h2, body.section-1960 div.video h2{background-color:#850F45; color:#FFF;} +body.section-1961 div.diaporama h2, body.section-1961 div.audio h2, body.section-1961 div.video h2{background-color:#850F45; color:#FFF;} +body.section-1962 div.diaporama h2, body.section-1962 div.audio h2, body.section-1962 div.video h2{background-color:#850F45; color:#FFF;} +body.section-1394 #sb-nav, body.section-1960 #sb-nav, body.section-1961 #sb-nav, body.section-1962 #sb-nav{background-color:#850F45;} + + +/*/////////formulaire principal/////////*/ + +body.section-1394 div#gauche form, body.section-1960 div#gauche form, body.section-1961 div#gauche form, body.section-1962 div#gauche form{ + width:580px; + } +body.section-1394 div#gauche label, body.section-1960 div#gauche label, body.section-1961 div#gauche label, body.section-1962 div#gauche label{ + width:120px; + color:#850F45; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-1394 div#gauche input, body.section-1960 div#gauche input, body.section-1961 div#gauche input, body.section-1962 div#gauche input{ + width:416px; + border:#B8155F 1px solid; + color:#9F1352; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1394 div#gauche select, body.section-1960 div#gauche select, body.section-1961 div#gauche select, body.section-1962 div#gauche select{ + width:420px; + border:#B8155F 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1394 div#gauche textarea, body.section-1960 div#gauche textarea, body.section-1961 div#gauche textarea, body.section-1962 div#gauche textarea{ + width:416px; + height:200px; + border:#B8155F 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1394 div#gauche input.form-submit, body.section-1960 div#gauche input.form-submit, body.section-1961 div#gauche input.form-submit, body.section-1962 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#B8155F; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1394 div#gauche input.form-submit:hover, body.section-1960 div#gauche input.form-submit:hover, body.section-1961 div#gauche input.form-submit:hover, body.section-1962 div#gauche input.form-submit:hover{ + background-color:#E83385; + } + + +/*/////////////////////////////////////*/ + +body.node-type-accueil div#droite a.bt{background-color:#F0861D;} +body.node-type-accueil div#droite a.bt:hover{background-color:#8A4C0F;} + +body.node-type-accueil div#gauche a.special{background-color:#F0861D;} +body.node-type-accueil div#gauche a.special:hover{background-color:#8A4C0F;} + + + +body.section-1394 div#droite a.bt, body.section-1960 div#droite a.bt, body.section-1961 div#droite a.bt, body.section-1962 div#droite a.bt{ + background-color:#EB1B79; +} + +body.section-1394 div#droite a.bt:hover, body.section-1960 div#droite a.bt:hover, body.section-1961 div#droite a.bt:hover, body.section-1962 div#droite a.bt:hover{ + background-color:#850F45; +} + + + +body.section-1394 div#gauche a.special, body.section-1960 div#gauche a.special, body.section-1961 div#gauche a.special, body.section-1962 div#gauche a.special{ + background-color:#EB1B79; + color:#fff; +} + +body.section-1394 div#gauche a.special:hover, body.section-1960 div#gauche a.special:hover, body.section-1961 div#gauche a.special:hover, body.section-1962 div#gauche a.special:hover{ + background-color:#850F45; +} + + + +div.actu a.bt, div.actu.noimg a.bt{ + background-color:#f0381c; +} +div.actu a.bt:hover, div.actu.noimg a.bt:hover{ + background-color:#801D0F; + text-decoration:none; +} + +/*------------------------------------------------------* + *----------------------------------- CSS ACADEMIE ----* + *------------------------------------------------------*/ + +body.section-1963 div#bandeau{background-color:#3ca9bd;} +body.section-1963 div#content{background-color: #45C0D6;} +body.section-1963 .editorial strong{color:#333;} +body.section-1963 div.editorial h2, body.section-1963 div.editorial a{color:#45c0d6;} +body.section-1963 div.editorial h3, body.section-1963 div.infos div{color:#333;} +body.section-1963 div.infos h2{background-color:#3494A4;} +body.section-1963 div.infos div h3, body.section-1963 .editorial table.distribution tr td:last-child, body.section-1963 .editorial table.distribution tr td+td, body.section-1963 .editorial span.couleur, body.section-1963 div.infos a, body.section-1963 .editorial table.distribution tr td:last-child {color:#45c0d6;} +body.section-1963 div#copyright{color:#FFF; background-color: #3CA9BD;} +/*/////////menu/////////*/ +body.section-1963 div.menu-level-3 h2{background-color:#3494A4;} +body.section-1963 div.menu-level-3 a{color:#3494a4;} +body.section-1963 div.menu-level-3 a.active-trail{color:#3ca9bd;} +/*/////////medias/////////*/ +body.section-1963 div.diaporama h2, body.section-1963 div.audio h2, body.section-1963 div.video h2{background-color:#143940; color:#FFF;} +body.section-1963 #sb-nav{background-color:#143940;} + + + +body.section-1963 div#droite a.bt{background-color:#3494A4;} + +body.section-1963 div#droite a.bt:hover{ + background-color:#143940; +} + +body.section-1963 div#gauche a.special{background-color:#3494A4; color:#FFF;} + +body.section-1963 div#gauche a.special:hover{ + background-color:#143940; +} + + +/*/////////formulaire principal/////////*/ + +body.section-1963 div#gauche form{ + width:580px; + } +body.section-1963 div#gauche label{ + width:120px; + color:#3494A4; + display:block; + float:left; + /*height:20px;*/ + overflow:hidden; + margin-bottom:15px; + } +body.section-1963 div#gauche input{ + width:416px; + border:#45C0D6 1px solid; + color:#3CA9BD; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1963 div#gauche select{ + width:420px; + border:#45C0D6 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1963 div#gauche textarea{ + width:416px; + /*height:200px;*/ + border:#45C0D6 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1963 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#45C0D6; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1963 div#gauche input.form-submit:hover{ + background-color:#79D1E1; + } + + + + + +/*------------------------------------------------------* + *----------------------------------- CSS ENOA ----* + *------------------------------------------------------*/ + +body.section-1966 div#bandeau{background-color:#3ca9bd;} +body.section-1966 div#content{background-color: #45C0D6;} +body.section-1966 .editorial strong, body.section-1966 div.infos div{color:#333;} +body.section-1966 div.editorial h2, body.section-1966 div.editorial a{color:#45c0d6;} +body.section-1966 div.editorial h3{color:#333;} +body.section-1966 div.infos h2{background-color:#3494A4;} +body.section-1966 div.infos div h3, body.section-1966 .editorial table.distribution tr td:last-child, body.section-1966 .editorial table.distribution tr td+td, body.section-1966 .editorial span.couleur, body.section-1966 div.infos a, body.section-1966 .editorial table.distribution tr td:last-child {color:#45c0d6;} +body.section-1966 div#copyright{color:#FFF; background-color: #3CA9BD;} +/*/////////menu/////////*/ +body.section-1966 div.menu-level-3 h2{background-color:#3494A4;} +body.section-1966 div.menu-level-3 a{color:#3494a4;} +body.section-1966 div.menu-level-3 a.active-trail{color:#3ca9bd;} +/*/////////medias/////////*/ +body.section-1966 div.diaporama h2, body.section-1966 div.audio h2, body.section-1966 div.video h2{background-color:#143940; color:#FFF;} +body.section-1966 #sb-nav{background-color:#143940;} + + + +body.section-1966 div#droite a.bt{background-color:#3494A4;} + +body.section-1966 div#droite a.bt:hover{ + background-color:#143940; +} + +body.section-1966 div#gauche a.special{background-color:#3494A4; color:#fff;} + +body.section-1966 div#gauche a.special:hover{ + background-color:#143940; +} + +/*/////////formulaire principal/////////*/ + +body.section-1966 div#gauche form{ + width:580px; + } +body.section-1966 div#gauche label{ + width:120px; + color:#3494A4; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-1966 div#gauche input{ + width:416px; + border:#45C0D6 1px solid; + color:#3CA9BD; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1966 div#gauche select{ + width:420px; + border:#45C0D6 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1966 div#gauche textarea{ + width:416px; + height:200px; + border:#45C0D6 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1966 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#45C0D6; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1966 div#gauche input.form-submit:hover{ + background-color:#79D1E1; + } + + +/*------------------------------------------------------* + *----------------------------------- CSS PUBLICS ----* + *------------------------------------------------------*/ + +body.section-1964 div#bandeau{background-color:#94a334;} +body.section-1964 div#content{background-color: #acbd3c;} +body.section-1964 .editorial strong, body.section-1964 div.infos div{color:#333;} +body.section-1964 div.editorial h2, body.section-1964 div.editorial a{color:#c3d645;} +body.section-1964 div.editorial h3{color:#333;} +body.section-1964 div.infos h2{background-color:#7e8a2c;} +body.section-1964 div.infos div h3, body.section-1964 .editorial table.distribution tr td:last-child, body.section-1964 .editorial table.distribution tr td+td, body.section-1964 .editorial span.couleur, body.section-1964 div.infos a, body.section-1964 .editorial table.distribution tr td:last-child {color:#c3d645;} +body.section-1964 div#copyright{color:#FFF; background-color: #94a334;} +/*/////////menu/////////*/ +body.section-1964 div.menu-level-3 h2{background-color:#7e8a2c;} +body.section-1964 div.menu-level-3 a{color:#7e8a2c;} +body.section-1964 div.menu-level-3 a.active-trail{color:#c3d645;} +/*/////////medias/////////*/ +body.section-1964 div.diaporama h2, body.section-1964 div.audio h2, body.section-1964 div.video h2{background-color:#333611; color:#FFF;} +body.section-1964 #sb-nav{background-color:#333611;} + +body.section-1964 div#droite a.bt{background-color:#C3D645;} + +body.section-1964 div#droite a.bt:hover{ + background-color:#7E8A2C; +} + +body.section-1964 div#gauche a.special{background-color:#C3D645; color:#FFF;} + +body.section-1964 div#gauche a.special:hover{ + background-color:#7E8A2C; +} + +/*/////////formulaire principal/////////*/ + +body.section-1964 div#gauche form{ + width:580px; + } +body.section-1964 div#gauche label{ + width:120px; + color:#7E8A2C; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-1964 div#gauche input{ + width:416px; + border:#ACBD3C 1px solid; + color:#94A334; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1964 div#gauche select{ + width:420px; + border:#ACBD3C 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1964 div#gauche textarea{ + width:416px; + height:200px; + border:#ACBD3C 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1964 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#ACBD3C; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1964 div#gauche input.form-submit:hover{ + background-color:#BECC5E; + } + +/*------------------------------------------------------* + *----------------------------------- CSS SOUTENIR ----* + *------------------------------------------------------*/ + +body.section-1965 div#bandeau{background-color:#846e57;} +body.section-1965 div#content{background-color: #9e8368;} +body.section-1965 .editorial strong, body.section-1965 div.infos div{color:#333;} +body.section-1965 div.editorial h2, body.section-1965 div.editorial a{color:#d3ad89;} +body.section-1965 div.editorial h3{color:#333;} +body.section-1965 div.infos h2{background-color:#6c5948;} +body.section-1965 div.infos div h3, body.section-1965 .editorial table.distribution tr td:last-child, body.section-1965 .editorial table.distribution tr td+td, body.section-1965 .editorial span.couleur, body.section-1965 div.infos a{color:#d3ad89;} +body.section-1965 div#copyright{color:#FFF; background-color: #846e57;} +/*/////////menu/////////*/ +body.section-1965 div.menu-level-3 h2{background-color:#6c5948;} +body.section-1965 div.menu-level-3 a{color:#6c5948;} +body.section-1965 div.menu-level-3 a.active-trail{color:#d3ad89;} +/*/////////medias/////////*/ +body.section-1965 div.diaporama h2, body.section-1965 div.audio h2, body.section-1965 div.video h2{background-color:#6c5948; color:#FFF;} +body.section-1965 #sb-nav{background-color:#6c5948;} + +body.section-1965 div#droite a.bt{ + background-color:#D3AD89; +} +body.section-1965 div#droite a.bt:hover{ + background-color:#6C5948; +} +body.section-1965 div#gauche a.special{ + color:#FFF; + background-color:#D3AD89; +} +body.section-1965 div#gauche a.special:hover{ + background-color:#6C5948; +} + + +/*/////////formulaire principal/////////*/ + +body.section-1965 div#gauche form{ + width:580px; + } +body.section-1965 div#gauche label{ + width:120px; + color:#8E6339; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } +body.section-1965 div#gauche input{ + width:416px; + border:#9E8368 1px solid; + color:#846E57; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1965 div#gauche select{ + width:420px; + border:#9E8368 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1965 div#gauche textarea{ + width:416px; + height:200px; + border:#9E8368 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.section-1965 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#9E8368; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1965 div#gauche input.form-submit:hover{ + background-color:#B8A592; + } + + +/*------------------------------------------------------* + *----------------------------------- CSS PRO - EDITORIAL PIED ----* + *------------------------------------------------------*/ + +body.fuzzysearch div#bandeau, body.section-2018 div#bandeau, body.section-1967 div#bandeau{background-color:#bd2c16;} +body.fuzzysearch div#content, body.section-2018 div#content, body.section-1967 div#content {background-color: #d6331a;} + +body.fuzzysearch .editorial strong, body.section-2018 .editorial strong, body.section-1967 .editorial strong, body.fuzzysearch div.infos div, body.section-2018 div.infos div, body.section-1967 div.infos div{color:#333;} + +body.fuzzysearch div.editorial h2, body.fuzzysearch div.editorial a, body.section-2018 div.editorial h2, body.section-2018 div.editorial a, body.section-1967 div.editorial h2, body.section-1967 div.editorial a{color:#eb381c;} +body.fuzzysearch div.editorial h3, body.section-2018 div.editorial h3, body.section-1967 div.editorial h3{color:#333;} +body.fuzzysearch div.infos h2, body.section-2018 div.infos h2, body.section-1967 div.infos h2{background-color:#a32714;} + + +body.fuzzysearch div.infos div h3, body.fuzzysearch .editorial table.distribution tr td:last-child, body.fuzzysearch .editorial table.distribution tr td+td, body.fuzzysearch .editorial span.couleur, body.fuzzysearch .editorial table.distribution tr td:last-child, body.section-2018 div.infos div h3, body.section-2018 .editorial table.distribution tr td:last-child, body.section-2018 .editorial table.distribution tr td+td, body.section-2018 .editorial span.couleur, body.section-2018 .editorial table.distribution tr td:last-child, body.section-1967 div.infos div h3, body.section-1967 .editorial table.distribution tr td:last-child, body.section-1967 .editorial table.distribution tr td+td, body.section-1967 .editorial span.couleur, body.section-1967 .editorial table.distribution tr td:last-child{color:#3d0f07;} + + +body.fuzzysearch div.infos a, body.fuzzysearch div.editorial a, body.section-2018 div.infos a, body.section-2018 div.editorial a, body.section-1967 div.infos a, body.section-1967 div.editorial a{color:#eb381c; font-weight:bold; text-decoration:none} + +body.fuzzysearch div.infos a:hover, body.fuzzysearch div.editorial a:hover, body.section-2018 div.infos a:hover, body.section-2018 div.editorial a:hover, body.section-1967 div.infos a:hover, body.section-1967 div.editorial a:hover{text-decoration:underline} + +/*/////////menu/////////*/ +body.fuzzysearch div.menu-level-3 h2, body.section-2018 div.menu-level-3 h2, body.section-1967 div.menu-level-3 h2{background-color:#a32714;} +body.fuzzysearch div.menu-level-3 a, body.section-2018 div.menu-level-3 a, body.section-1967 div.menu-level-3 a{color:#a32714;} +body.fuzzysearch div.menu-level-3 a.active-trail, body.section-2018 div.menu-level-3 a.active-trail, body.section-1967 div.menu-level-3 a.active-trail{color:#eb381c;} + + +/*/////////medias/////////*/ +body.fuzzysearch div.diaporama h2, body.fuzzysearch div.audio h2, body.fuzzysearch div.video h2, body.section-2018 div.diaporama h2, body.section-2018 div.audio h2, body.section-2018 div.video h2, body.section-1967 div.diaporama h2, body.section-1967 div.audio h2, body.section-1967 div.video h2{background-color:#410D08; color:#FFF;} + + +body.fuzzysearch #sb-nav, body.section-2018 #sb-nav, body.section-1967 #sb-nav {background-color:#410D08;} + + +body.fuzzysearch div#droite a.bt, body.section-2018 div#droite a.bt, body.section-1967 div#droite a.bt{background-color:#EB381C;} + +body.fuzzysearch div#droite a.bt:hover, body.section-2018 div#droite a.bt:hover, body.section-1967 div#droite a.bt:hover{ + background-color:#BD2C16; +} + + +body.fuzzysearch div#gauche a.special, body.section-2018 div#gauche a.special, body.section-1967 div#gauche a.special{background-color:#EB381C; color:#FFF;} + +body.fuzzysearch div#gauche a.special:hover, body.section-2018 div#gauche a.special:hover, body.section-1967 div#gauche a.special:hover{ + background-color:#BD2C16; +} + + + + + +body.fuzzysearch div#gauche form, body.section-2018 div#gauche form, body.section-1967 div#gauche form{ + width:580px; + } + +body.fuzzysearch div#gauche label, body.section-2018 div#gauche label, body.section-1967 div#gauche label{ + width:120px; + color:#400f08; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.fuzzysearch div#gauche input, body.section-2018 div#gauche input, body.section-1967 div#gauche input{ + width:416px; + border:#EB381C 1px solid; + color:#a32714; + font-size:12px; + display:block; + float:left; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } + +body.fuzzysearch div#gauche select, body.section-2018 div#gauche select, body.section-1967 div#gauche select{ + width:420px; + border:#EB381C 1px solid; + font-size:12px; + display:block; + float:left; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.fuzzysearch div#gauche textarea, body.section-2018 div#gauche textarea, body.section-1967 div#gauche textarea{ + width:416px; + height:200px; + border:#EB381C 1px solid; + font-family:Verdana, Geneva, sans-serif; + font-size:11px; + display:block; + float:left; + padding:1px 3px 1px 3px; + } + +body.fuzzysearch div#gauche input.form-submit, body.section-2018 div#gauche input.form-submit, body.section-1967 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#EB381C; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.fuzzysearch div#gauche input.form-submit:hover, body.section-2018 div#gauche input.form-submit:hover, body.section-1967 div#gauche input.form-submit:hover{ + background-color:#EF5C47; + } + + +body.fuzzysearch div#droite div.infos form, body.section-2018 div#droite div.infos form, body.section-1967 div#droite div.infos form{ + display:block; + padding-bottom:20px; + } + +body.fuzzysearch div#droite div.infos label, body.section-2018 div#droite div.infos label, body.section-1967 div#droite div.infos label{ + width:264px; + color:#a32714; + margin-bottom:3px; + clear:both; + } + +body.fuzzysearch div#droite div.infos input, body.section-2018 div#droite div.infos input, body.section-1967 div#droite div.infos input{ + width:264px; + border: none; + background-color:#FFF; + font-size:12px; + display:block; + clear:both; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + color:#a32714; + } + + +body.fuzzysearch div#droite div.infos input.form-submit, body.section-2018 div#droite div.infos input.form-submit, body.section-1967 div#droite div.infos input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#EB381C; + padding: 5px 15px 5px 15px; + cursor: pointer; + + } + +body.fuzzysearch div#droite div.infos input.form-submit:hover, body.section-2018 div#droite div.infos input.form-submit:hover, body.section-1967 div#droite div.infos input.form-submit:hover{ + background-color:#EF5C47; + } + +/*--------------------------------CSS ACCORDEONS PRO ------------------------------------------*/ + +body.fuzzysearch div.editorial h3.titre-liste, body.section-2018 div.editorial h3.titre-liste, body.section-1967 div.editorial h3.titre-liste { + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + color:#FFF; + background-color:#a32714; + height: 25px;/*30-5*/ + cursor:pointer; + padding: 5px 10px 0px 25px; + margin: 0px 0px 1px 0px; + background-image:url(../images/design/accordeon-close.png); + background-repeat:no-repeat; + border: none; + } + +body.fuzzysearch div.editorial h3.titre-liste:hover, body.section-2018 div.editorial h3.titre-liste:hover, body.section-1967 div.editorial h3.titre-liste:hover{ + background-color:#D6331A; + border: none; + } + +body.fuzzysearch div.editorial h3.titre-liste.open-liste, body.section-2018 div.editorial h3.titre-liste.open-liste, body.section-1967 div.editorial h3.titre-liste.open-liste{ + background-image:url(../images/design/accordeon-open.png); + border: none; + } + +ul.liste-photos{ + margin:0px; + padding:0px; + } + +body.fuzzysearch div.editorial ul.liste-photos li, body.section-2018 div.editorial ul.liste-photos li, body.section-1967 div.editorial ul.liste-photos li{ + display:block; + list-style-type: none; + height: 70px; + background-color:#F6F6F6; + margin-bottom:1px; + overflow:hidden; + font-size:12px; + font-family:Verdana, Geneva, sans-serif; + color:#a32714; + position:relative; + padding: 10px 160px 0px 0px; + line-height:17px; + } + +body.fuzzysearch div.editorial ul.liste-photos li strong, body.section-2018 div.editorial ul.liste-photos li strong, body.section-1967 div.editorial ul.liste-photos li strong{ + color:#a32714; + } + +body.fuzzysearch div.editorial ul.liste-photos li a, body.section-2018 div.editorial ul.liste-photos li a, body.section-1967 div.editorial ul.liste-photos li a{ + position:absolute; + display:block; + top:25px; + right:25px; + height:22px; + width: 124px; + background-color:#EB381C; + text-transform:uppercase; + font-size:11px; + color:#FFF; + text-decoration:none; + font-weight:bold; + padding:8px 0px 0px 10px; + } + +body.fuzzysearch div.editorial ul.liste-photos li a:hover, body.section-2018 div.editorial ul.liste-photos li a:hover, body.section-1967 div.editorial ul.liste-photos li a:hover{ + background-color:#A32714; + } + + +body.fuzzysearch div.editorial ul.liste-photos li img, body.section-2018 div.editorial ul.liste-photos li img, body.section-1967 div.editorial ul.liste-photos li img{ + width: 80px; + height:80px; + float:left; + margin-right: 15px; + margin-top:-10px; + } + + +/*------------------------------------------------------* + *----------------------------------- AJOUT // MAINTENANCE ----* + *------------------------------------------------------*/ + +div.editorial div.error{ + width: 750px; + } + +/*Correction du Bug sur la page Agenda EN */ + +body.section-1394 div.infos div.annonce { + width: 320px; + border-bottom-width: 1px solid #8e0f49; + padding: 5px 0px 10px 0px; + margin: 7px 0px 7px 0px; + color: #ffffff; + text-indent: 20px; +} + +body.section-1394 div.infos div.annonce h3{ + font-family: 'Museo900'; + font-size: 26px; + text-transform: uppercase; + color: #ffffff; + margin: 0px; + padding-top: 0px; + padding-bottom: 0px; + line-height: 24px; + padding-left: 20px; + padding-right: 20px; + text-indent: 0px; +} + + + +/*Formulaire EN */ + +body.section-1963 div#gauche form{ + width:580px; + } +body.section-1963 div#gauche label{ + width:120px; + color:#3494A4; + display:block; + float:left; + min-height:20px; + overflow:hidden; + margin-bottom:15px; + clear:both; + } +body.section-1963 div#gauche input{ + width:416px; + border:#45C0D6 1px solid; + color:#000; + font-size:12px; + display:block; + float:right; + height:18px; + overflow:hidden; + margin-bottom:15px; + padding:1px 3px 1px 3px; + } +body.section-1963 div#gauche select{ + width:424px; + border:#45C0D6 1px solid; + font-size:12px; + display:block; + float:right; + height:20px; + overflow:hidden; + margin-bottom:15px; + } + +body.section-1963 div#gauche textarea{ + width:416px; + min-height: 18px; + border:#45C0D6 1px solid; + font-family: Verdana, Geneva, sans-serif; + font-size:12px; + display:block; + float:right; + padding:1px 3px 1px 3px; + margin-bottom:15px; + } + +body.section-1963 div#gauche fieldset{ + border: none; + border-top: 1px solid #000; + padding-top:10px + } + +body.section-1963 div#gauche fieldset legend{ + color:#3494a4; + text-transform:uppercase; + font-weight:bold; + font-size:14px; + } + +body.section-1963 div#gauche input.form-submit{ + clear:both; + width: auto; + border: 0px; + font-size:10px; + text-transform:uppercase; + font-weight:bold; + color:#FFF; + display:block; + height: auto; + float:right; + background-color:#45C0D6; + padding: 5px 15px 5px 15px; + cursor: pointer; + margin-top:15px; + margin-right:35px; + } + +body.section-1963 div#gauche input.form-submit:hover{ + background-color:#79D1E1; + } + + +/*Correction 09/2011 formulaire */ + +body.section-1238 .editorial form.webform-client-form strong{ + display: block; + clear: both; +} + +body.section-1963 .editorial form.webform-client-form strong{ + display: block; + clear: both; +} + +/*------------------------------------------------------* + *----------------------------------- AJOUT - RUBRIQUE EMPLOI ----* + *------------------------------------------------------*/ + +body.section-1698 div.editorial.emploi{ + position:relative; +} + +body.section-1698 div.editorial.emploi a.retour{ + background-color: #B5B5B5; + color:#fff; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + padding: 10px 15px 10px 15px; + display:block; + position:absolute; + right:40px; + top: 25px; + font-size:12px; +} + +body.section-1698 div.editorial.emploi a.retour:hover{ + background-color: #C7C7C7; +} + + +div.offre{ + background-color: #F6F6F6; + padding:15px 15px 60px 15px; + position:relative; + margin-bottom:1px; +} + +body.section-1698 div.editorial.emploi div.offre h3 +{ + color:#a83523; + font-size:12px; + border: none; + padding:0px; + margin:0px; +} +body.section-1698 div.editorial.emploi div.offre h2 +{ + font-family:Verdana, Geneva, sans-serif; + font-size:18px; + text-transform: capitalize; + font-weight:bold; + padding:0px; + margin:0px; +} + +body.section-1698 div.editorial.emploi div.offre a.bt{ + background-color: #EB371C; + color:#fff; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + padding: 10px 15px 10px 15px; + font-size:12px; + position:absolute; + bottom:15px; + left:15px; + +} + +body.section-1698 div.editorial.emploi div.offre a.bt:hover{ + background-color: #BD2C16; +} + +body.section-1698 div#droite a.bt{ + background-color: #EB371C; + font-family:Verdana, Geneva, sans-serif; + color:#fff; + text-decoration:none; + text-transform:uppercase; + font-weight:bold; + padding: 10px 15px 10px 15px; + font-size:12px; + position:absolute; + bottom:0px; + left:20px; + width:auto; +} + +body.section-1698 div#droite div.infos{ + padding:0px 0px 50px 0px; + position:relative; +} + +body.section-1698 div.editorial.emploi div.offre form#node-form{ + min-height:470px; +} + +body.section-1698 div.editorial.emploi div.offre form#node-form input.form-text, body.section-1698 div.editorial.emploi div.offre form#node-form select { + width: 350px; + border: 1px solid #4C4C4C; + color: #4C4C4C; +} + +body.section-1698 div.editorial.emploi div.offre form#node-form input.form-submit { + float:right; + font-size:12px; + margin:0px 45px 0px 0px; + font-weight:bold; + padding: 10px 15px 10px 15px; + width:auto; +} + +body.section-1698 div.editorial.emploi div.offre form#node-form input#edit-submit { + margin-top: 20px; +} + + +body.section-1698 div.editorial.emploi div.offre form#node-form label { + font-weight:bold; + color:#4c4c4c; + padding-right:16px; + height:auto; + float:left; + width:170px; + display:block; +} + +body.section-1698 div.editorial.emploi div.offre form#node-form input.form-file { + padding:0px; + border:0px; + font-size:10px; + width: 220px; +} + +.filefield-element .widget-edit .form-item{ + float:left; + display:block; + width: 350px; + font-size:10px; +} + + +.filefield-element .widget-edit .form-item .description{ + width: auto; + font-size: 10px; + line-height: 10px; + padding:0px; + margin:0px; +} + + +div.editorial div.error.file-upload-js-error { + width: auto; +} + + +/***************************** +** Ajout jul +*****************************/ +div#gauche form.webform-client-form select{ + height:auto; +} \ No newline at end of file diff -r 000000000000 -r d4c3dc50e02a host-site/index_files/vivendi.png Binary file host-site/index_files/vivendi.png has changed diff -r 000000000000 -r d4c3dc50e02a player/css/styles.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/player/css/styles.css Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,78 @@ +/* Resetting the usual suspects */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +ul, li { + list-style: none; +} + +input::-moz-focus-inner /*Remove button padding in FF*/ +{ + border: 0; + padding: 0; +} + +table { + border-collapse: separate; border-spacing: 0; +} + +th, td { + vertical-align: top; +} + +img a { + border: none; +} + +html { + overflow: hidden; +} + +/* End of the reset part */ + +body { + background: #000000; font-family: Helvetica, Arial, sans-serif; +} + +/* Top Bar */ + +.top-bar { + height: 40px; +} + +/* Main Video Frame */ + +.main-video { + height: 562px; +} + +.project-title { + text-align: center; line-height: 40px; font-size: 17px; color: #b0b0b0; font-weight: bold; +} + +.tags { + position: absolute; top: 0; left: 0; width: 110px; +} + +.tags-title { + line-height: 40px; padding-left: 20px; font-size: 11px; color: #B8155F; font-weight: bold; text-transform: uppercase; +} diff -r 000000000000 -r d4c3dc50e02a player/index.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/player/index.html Thu May 16 18:44:32 2013 +0200 @@ -0,0 +1,25 @@ + + + + + + + Festival d’Art Lyrique d'Aix en Provence › Webdoc player + + + + + +
+
+

Tags

+
    +
    +

    Rigoletto, histoire d’une malédiction

    +
    +
    + +
    +
    + +