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