body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family:  Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: small;
color: #FFFFFF;
background-color: #66A743;
background-image:  url(bgBody.jpg);
background-repeat:  repeat;
background-position:  top center;
background-attachment:  fixed;
}
#backgroundBody01{
background: transparent url(bgBodyFlowers.png) no-repeat top center fixed;
float: left;
width: 100%;
}
a {
color: #C62E93;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display: none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
#logo {
display:block;
position:absolute;
left: 0;
top:75px;
height:100px;
width:380px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
background:url(bandeau-coporate2011-2012.png) no-repeat 350px 0px;
height: 195px;
}
#flashAccueil,
#flash_en,
#flash_fr,
#flash_es{
position: absolute;
top: 25px;
left: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NAVIG TOP - RACCOURCIS---*/
#navigTop{
float: left;
width: 980px;
background: url(bgRaccourcis.png) no-repeat top center;
padding: 3px 0px 0px 0px;
height: 22px;
}
#raccourcis {
float: right;
}
#raccourcis ul li {
text-align: right;
display: inline;
}
#raccourcis ul li a{
width: auto;
color: #CCCCCC;
text-decoration: none;
padding: 0px 4px 0px 0px;
margin: 0px 2px 0px 2px;
font-variant: small-caps;
font-size: small;
border-right: #666666 1px solid;
}
#raccourcis ul li.noBorder a{
border-right: #000000 1px solid;
}
#raccourcis ul li a span {
padding-left: 0px;
}
#raccourcis ul li a:hover,
#raccourcis ul li a:focus,
body.presentation #raccourcis ul li.item01 a,
body.editions #raccourcis ul li.item02 a,
body.ecolofestival #raccourcis ul li.item03 a,
body.accessibilite #raccourcis ul li.item04 a,
body.presse #raccourcis ul li.item05 a,
body.contact #raccourcis ul li.item06 a  {
color: #FFFFFF;
background: url(bgNavTopA.gif) no-repeat right center;
}
#raccourcis ul li a:hover span,
#raccourcis ul li a:focus span,
body.presentation #raccourcis ul li.item01 a span,
body.editions #raccourcis ul li.item02 a span,
body.ecolofestival #raccourcis ul li.item03 a span,
body.accessibilite #raccourcis ul li.item04 a span,
body.presse #raccourcis ul li.item05 a span,
body.contact #raccourcis ul li.item06 a span {
background: url(bgSpan.gif) no-repeat left center;
}
body.contact #agregation {
display: none;
}
body.editions #inter table tr td{
text-align: center;
border: none;
}
body.editions #inter table tr td img{
border: #365823 2px solid;
}
body.editions #inter table tr td img:hover{
border: #67A744 2px solid;
}
#drapeaux{
float: left;
margin: 0px 0px 0px 3px;
}
.separateur {
float: left;
height: 15px;
width: 1px;
border-right: #666666 1px solid;
}
#versionMobile{
float: left;
background: url(mobile.gif) no-repeat left center;
border-right: #666666 1px solid;
}
#versionMobile a {
display: block;
height: 16px;
width: 20px;
}
#drapeaux p,
#versionMobile{
float: left;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
body.accueil #pubRight img {
display: none;
}
#actus_chaudes {
height: 258px;
border-left: #0A3500 2px solid;
float: left;
margin-bottom: 15px;
}
#sousActu{
display: none;
float: left;
width: 670px;
background: url(bgSousActuChaude.png) no-repeat left top;
}
#actus_chaudes .remonte_article{
float: left;
width: 38px;
height: 254px;
border: #0A3500 2px solid;
border-left: none;
position: relative;
overflow: hidden;
}
#actus_chaudes .selected .groupe_actus_chaudes_1,
#actus_chaudes .groupe_actus_chaudes_1{
width: 500px;
position: absolute;
bottom: 0px;
background: url(bgActusLire.png) no-repeat left bottom;
}
#actus_chaudes .groupe_actus_chaudes_1{
background: url(bgActusLireUnselected.png) no-repeat left bottom;
}
#actus_chaudes .titre_article,
#actus_chaudes .resume_article{
padding: 5px;
width: 418px;
background: url(bgActusFroide.png) repeat left top;
}
#actus_chaudes .lire_suite_article a{
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
margin-left: 353px;
padding: 1px 0px 1px 0px;
float: left;
}
#pubAccueil{
float: left;
width: 100px;
margin-left: 1px; /* largeur du border de actus_chaude */
}
#videoAccueil{
position: relative;
z-index: 1;
float: right;
margin-right: 7px; /* largeur du border de actus_chaude */
}
#actus_froides{
position: absolute;
bottom: 0px;
float: left;
width:100%;
height: 36px;
overflow: hidden;
background: #000;
z-index: 2;
}
#actus_froides div.remonte_article{
width: 850px;
height: 36px;
padding: 2px 0px 2px 110px;
margin: auto;
background: url(bgInfoPlus.gif) no-repeat left top;
}
#actus_froides .groupe_actus_froides_1{
width: 750px;
float: left;
}
#actus_froides .navigation_article{
width: 60px;
float: left;
}
#actus_froides .titre_article{
display: inline;
padding: 0px 5px 0px 0px;
text-transform: uppercase;
color: #BF1486;
}
#actus_froides .resume_article{
display: inline;
}
.navigation_courante,
.navigation_slash,
.navigation_max{
display: none;
}
.navigation_avant{
border-left: #999999 1px solid;
width: 12px;
height: 18px;
padding: 8px 0px 5px 5px;
float: left;
vertical-align: middle;
}
.navigation_apres{
height: 18px;
padding: 8px 5px 5px 0px;
border-right: #999999 1px solid;
width: 12px;
float: left;
text-align: right;
}
.navigation_avant:hover,
.navigation_apres:hover{
cursor: pointer;
background: #C62E93;
}
p.froid_close{
margin: 10px 0px 0px 0px;
float: right;
background: url(bgFroidClose.gif) no-repeat center center; 
height: 13px;
width: 13px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FICHE ARTISTE ---*/
.contentInterArtiste{
background: url(bgFicheArtiste.png) no-repeat left top;
float: left;
width: 650px;
height: 330px;
/*overflow: hidden;*/
padding: 10px 10px 5px 10px;
margin: 10px 0px 10px 0px;
}
#inter .contentLargeArtiste p,
#inter .contentSmallArtiste p{
padding: 0px;
margin: 0px;
}
.contentLargeArtiste{
width:373px;
height: 325px;
float: left;
}
.video{
text-align: right;
}
.contentSmallArtiste{
width:275px;
float: left;
}
#inter .contentInterArtiste h4{
margin: 0px 0px 4px 0px;
padding: 4px 0px 4px 0px;
}
#mediaSon{
padding: 7px 0px 7px 0px;
}
#photosArtistes{
position: relative;
background:url(bgPhotosArtistes.gif) no-repeat left top;
width: 354px;
height: 320px;
padding: 3px;
overflow: hidden;
}
#photosArtistes .groupe_1{
width: 352px;
height: 280px;
text-align: center;
}
#photosArtistes .groupe_2 div{
float: left;
width: 52px;
height: 35px;
margin: 0px 6px 0px 0px;
text-align: center;
}
#photosArtistes .groupe_2 img{
width: auto;
height: 35px;
padding: 12px 0px 0px 0px;
}
#photosArtistes .groupe_2 .image6_article img{
padding: 12px 0px 0px 0px;
}
#photosArtistes .groupe_2{
float: left;
width: 352px;
}
#photosArtistes .groupe_2 div{
float: left;
position: relative;
margin-top: -8px;
padding: 0px 0px 0px 0px;
height: 38px;
}
#photosArtistes .groupe_2 div.selected{
text-align: center;
background:url(bgFleche.png) no-repeat 20px top;
}
.phototheque_artiste{
position:absolute;
bottom: 43px;
left: 3px;
width: 352px;
height: 40px;
background:url(bgPhotoTexte.png) repeat left top;
padding: 5px ;
}
h4.fermer{
background: url(plusMoins.gif) no-repeat right top;
}
h4.ouvert{
background: url(plusMoins.gif) no-repeat right bottom;
}
#contentLineUp,
#contentDisco,
#contentpresse{
padding: 5px 0px 10px 0px;
}
/* ------- */
body.accueil #agregation,
body.pageRecherche #agregation{
display: none;
}
#agregationInter{
display: none;
}
#agregation{
position: relative;
z-index: 9;
float: left;
width: 670px;
height: 30px;
background: url(bgAgregationInter.gif) no-repeat left top;
margin: 0px 0px 0px 0px;
}
#agregation ul li{
float: left;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
background-image: none;
}
#agregation ul li a{
float: left;
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
padding: 3px 11px 5px 20px;
margin: 1px 15px 0px 0px;
border-right: #34170B 1px solid;
}
#agregation ul li.toolsAmi a{
background: url(bgEnvoyerAmi.gif) no-repeat left top;
}
#agregation ul li.toolsFavoris a{
background: url(bgFavoris.gif) no-repeat left top;
}
#agregation ul li.toolsImprimer a{
background: url(bgImprimer.gif) no-repeat left top;
margin: 1px 0px 0px 0px;
}
/*---*/ 
#tools{
width: 390px;
float: left;
}
#tools ul {
margin: 5px 0px 5px 5px;
}
/*---*/ 
#partagezArtiste{
width: 275px;
float: right;
}
#partagezArtiste ul li a{
padding: 0px 0px 0px 0px;
display: block;
height: 20px;
width: 19px;
margin: 5px 4px 0px 4px;
background-position: left bottom;
text-decoration: none;
border: none;
}
#partagezArtiste ul li a:hover{
background-position: left top;
}
#partagezArtiste ul li a.boutFacbook{
 background-image: url(bgFAfacebook.gif);
}
#partagezArtiste ul li a.boutMySpace{
background-image: url(bgFAmyspace.gif);
}
#partagezArtiste ul li a.boutNetvibes{
background-image: url(bgFAnetvibes.gif);
}
#partagezArtiste ul li a.boutIGoogle{
background-image: url(bgFAiGoogle.gif);
}
#partagezArtiste ul li a.boutTwitter{
background-image: url(bgFAtwitter.gif);
}
#partagezArtiste ul li a.boutRss{
background-image: url(bgFArss.gif);
}
#partagezArtiste p{
float: left;
font-size: x-small;
margin: 10px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}
#partagezArtiste ul li a span{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE --- VIDEOTHEQUE---*/
body.bodyPhoto table {
width: 100%;
margin-top: 15px;
}
body.bodyPhoto table th{
background: transparent;
border: none;
text-align: right;
font-weight: normal;
font-size: 0.2em;
}
.retourListe{
float: right;
background: #C62E93;
color: #FFFFFF;
text-decoration: none;
padding: 2px;
}
#wrapperGalerie,
#wrapperGalerie_en,
#wrapperGalerie_es{
width: 250px;
height: 180px;
padding: 57px 0px 0px 0px;
background-repeat: no-repeat;
background-position: left top;
}
#wrapperGalerie{
background-image: url(bgGalerie.jpg);
}
#wrapperGalerie_en{
background-image: url(bgGalerie_en.jpg);
}
#wrapperGalerie_es{
background-image: url(bgGalerie_es.jpg);
}
#wrapperGalerie table tr td,
#wrapperGalerie_en table tr td,
#wrapperGalerie_es table tr td{
padding: 2px;
margin: 0px;
border: none;
}
#wrapperGalerie table tr td img,
#wrapperGalerie_en table tr td img,
#wrapperGalerie_es table tr td img{
float: left; /*permet d'effacer les differences d espacement entre IE et le reste du monde */
}
#wrapperGalerie table,
#wrapperGalerie_en table,
#wrapperGalerie_es table{
width: 230px;
text-align: center;
margin: 0px auto 0px auto;
}
#galeriePhotos #wrapperGalerie p,
#galeriePhotos #wrapperGalerie_en p,
#galeriePhotos #wrapperGalerie_es p{
text-align: right;
padding: 0px 30px 0px 0px ;
margin: 12px 0px 0px 0px;
}
#wrapperGalerie p a,
#wrapperGalerie_en p a,
#wrapperGalerie_es p a{
text-decoration: none;
color:#FFFFFF;
}
#wrapperGalerie p a:hover,
#wrapperGalerie_en p a:hover,
#wrapperGalerie_es p a:hover{
color: #C62E93;
}
body.bodyPhoto  #inter table tr td {
border: none;
}
/* --- VIDEOTHEQUE ---*/
#galerieVideos p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.accueil #galerieVideos p {
padding: 0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}
#galeriePhotos p {
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}
#galerieVideos a {
display: block;
height: 54px;
width: 255px;
background-repeat: no-repeat;
background-position: left top;
}
.galerieVideosFr a{
background: url(bgVideoFr.jpg);
}
.galerieVideosEn a{
background: url(bgVideoEn.jpg);
}
.galerieVideosEs a{
background: url(bgVideoEs.jpg);
}
#galerieVideos a:hover{
background-position: left -60px;
}
/* --- PHOTOTHEQUE ---*/
#galeriePhotos .galeriePhotosFr a,
#galeriePhotos .galeriePhotosEn a,
#galeriePhotos .galeriePhotosEs a{
display: block;
height: 50px;
width: 253px;
background-repeat: no-repeat;
background-position: left 3px;
}
.galeriePhotosFr a{
background: url(bgPhotoFr.jpg);
}
.galeriePhotosEn a{
background: url(bgPhotoEn.jpg);
}
.galeriePhotosEs a{
background: url(bgPhotoEs.jpg);
}
#galeriePhotos .galeriePhotosFr a:hover,
#galeriePhotos .galeriePhotosEn a:hover,
#galeriePhotos .galeriePhotosEs a:hover{
background-position: left -57px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#rechercheTop {
float: left;
width:149px;
font-size: x-small;
margin:0px 5px 0px 10px;
padding:0px 0px 0px 0px;
}
#rechercheTop #input_rech_generale {
float: left;
background:url(bgInputSaisie.gif) no-repeat left center;
font-size: x-small;
color: #000;
border: none;
vertical-align: middle;
width: 120px;
height: 15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
}
#rechercheTop #bouton_val_recherche {
background: url(rechercheOk.gif) no-repeat left center;
color: #FFFFFF;
font-size: x-small;
font-weight: bold;
border: none;
float: right;
height: 15px;
width: 24px;
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label ,
#recherche legend,
#recherche caption{
display: none;
position: absolute; 
left:  -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRE DE RECHERCHE ---*/
#evenementsH3{
padding: 0px;
margin: 0px;
}
#formulaire_recherche_article{
width: 250px;
height: 110px;
background: url(bgRechercheSpec.png) no-repeat top center;
padding: 45px 0px 0px 0px;
}
#formulaire_recherche_article.en{
background: url(bgRechercheSpecEn.png) no-repeat top center;
}
#formulaire_recherche_article.es{
background: url(bgRechercheSpecEs.png) no-repeat top center;
}
#formulaire_recherche_article label {
display: block;
width: 50px;
padding: 0px 0px 0px 15px;
float: left;
}
#formulaire_recherche_article select{
width: 176px;
height: 20px;
border: 0;
padding: 0px 0px 0px 5px;
color: #F2F2F2;
background-color: #492D1C;
}
#formulaire_recherche_article select option{
width: 185px;
}
#formulaire_recherche_article #champ_date_debut_1,
#formulaire_recherche_article #champ_date_debut_5,
#formulaire_recherche_article #champ_date_debut_8{
width: 172px;
height: 20px;
border: none;
padding: 0px 0px 0px 5px;
color: #FFFFFF;
}
#div_lieu_1,
#div_lieu_5,
#div_lieu_8,
#div_type_1,
#div_type_5,
#div_type_8,
#div_date_debut_1,
#div_date_debut_5,
#div_date_debut_8{
margin: 0px 0px 10px 0px;
}
#div_type_1,
#div_lieu_1{
background:  url(bginput.gif) no-repeat right top;
}
#formulaire_recherche_article  #bouton_val_recherche{
float: right;
background: url(bgValide.gif) no-repeat 0px 0px;
color: #FFFFFF;
border: none;
cursor: pointer;
font-size: 85%;
width: 60px;
height: 18px;
margin: 0px 10px 0px 0px;
padding: 0px 10px 5px 0px;
}
#formulaire_recherche_article  #bouton_val_recherche:hover{
background: url(bgValide.gif) no-repeat 0px -24px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RESULTAT DE RECHERCHE ---*/
.navigation_page{
float: right;
margin-right: 5px;
width: auto;
}
.page_arriere,
.page_avant,
.page_courante{
float: left;
width: 70px;
text-align: center;
margin: 0px 5px 0px 5px;
}
.page_courante{
color: #FFFFFF;
}
#navigation_top,
#titre_recherche,
#votre_recherche{
display: none;
}
#inter .focus{
background: url(bgFocus.png) no-repeat left top;
height: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#focus_recherche .remonte_article,
#focus_17juin .remonte_article,
#focus_18juin .remonte_article,
#focus_19juin .remonte_article,
#focus_20juin .remonte_article,
#focus_21juin .remonte_article,
#focus_afters .remonte_article,
#focus_cinema .remonte_article,
#focus_conferences .remonte_article,
#focus_concerts .remonte_article,
#focus_expositions .remonte_article,
#focus_journees_festives .remonte_article,
#focus_master .remonte_article,
#focus_performances .remonte_article,
#focus_spectacles .remonte_article{
background: url(bgZoom.png) no-repeat top left;
padding: 5px 5px 5px 5px;
margin: 0px 0px 20px 0px;
overflow: hidden;
height: 162px;
float: left;
width: 670px;
}
#focus_recherche .grande_image_article,
#focus_17juin .grande_image_article,
#focus_18juin .grande_image_article,
#focus_19juin .grande_image_article,
#focus_20juin .grande_image_article,
#focus_21juin .grande_image_article,
#focus_afters .grande_image_article,
#focus_cinema .grande_image_article,
#focus_conferences .grande_image_article,
#focus_concerts .grande_image_article,
#focus_expositions .grande_image_article,
#focus_journees_festives .grande_image_article,
#focus_master .grande_image_article,
#focus_performances .grande_image_article,
#focus_spectacles .grande_image_article{
width: 300px;
float: left;
}
#focus_recherche .groupe_focus_recherche_2,
#focus_17juin .groupe_focus_17juin_2,
#focus_18juin .groupe_focus_18juin_2,
#focus_19juin .groupe_focus_19juin_2,
#focus_20juin .groupe_focus_20juin_2,
#focus_21juin .groupe_focus_21juin_2,
#focus_recherche .champ_article_113,
#focus_afters .groupe_focus_afters_2,
#focus_cinema .groupe_focus_cinema_2,
#focus_conferences .groupe_focus_conferences_2,
#focus_concerts .groupe_focus_concerts_2,
#focus_expositions .groupe_focus_expositions_2,
#focus_journees_festives .groupe_focus_festives_2,
#focus_master .groupe_focus_master_2,
#focus_performances .groupe_focus_perfomances_2,
#focus_spectacles .groupe_focus_spectacles_2{
width: 350px;
float: right;
margin-right: 20px;
}
#focus_recherche .resume_focus_article,
#focus_17juin .resume_focus_article,
#focus_18juin .resume_focus_article,
#focus_19juin .resume_focus_article,
#focus_20juin .resume_focus_article,
#focus_21juin .resume_focus_article,
#focus_afters .resume_focus_article,
#focus_cinema .resume_focus_article,
#focus_conferences .resume_focus_article,
#focus_concerts .resume_focus_article,
#focus_expositions .resume_focus_article,
#focus_journees_festives .resume_focus_article,
#focus_master .resume_focus_article,
#focus_performances .resume_focus_article,
#focus_spectacles .resume_focus_article{
height: 80px;
overflow: hidden;
}
#focus_recherche .titre_article,
#focus_recherche .intertitre_article,
#focus_17juin .titre_article,
#focus_17juin .intertitre_article,
#focus_18juin .titre_article,
#focus_18juin .intertitre_article,
#focus_19juin .titre_article,
#focus_19juin .intertitre_article,
#focus_20juin .titre_article,
#focus_20juin .intertitre_article,
#focus_21juin .titre_article,
#focus_21juin .intertitre_article,
#focus_afters .intertitre_article,
#focus_cinema .intertitre_article,
#focus_conferences .intertitre_article,
#focus_concerts .intertitre_article,
#focus_expositions .intertitre_article,
#focus_journees_festives .intertitre_article,
#focus_master .intertitre_article,
#focus_performances .intertitre_article,
#focus_spectacles .intertitre_article{
font-size: x-large;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
color: #FFFFFF;
display: block;
border-bottom: #FFFFFF 1px dotted;
}
#focus_recherche .intertitre_article,
#focus_17juin .intertitre_article,
#focus_18juin .intertitre_article,
#focus_19juin .intertitre_article,
#focus_20juin .intertitre_article,
#focus_21juin .intertitre_article,
#focus_afters .intertitre_article,
#focus_cinema .intertitre_article,
#focus_conferences .intertitre_article,
#focus_concerts .intertitre_article,
#focus_expositions .intertitre_article,
#focus_journees_festives .intertitre_article,
#focus_master .intertitre_article,
#focus_performances .intertitre_article,
#focus_spectacles .intertitre_article{
font-size: small;
font-weight: bold;
}
#contentTriRecherche{
float: left;
background: url(bgTriRecherche.png) no-repeat left top;
height: 40px;
width: 100%;
padding: 10px 3px 3px 3px;
}
table.tri_recherche{
width: 658px;
border-collapse: separate;
}
#liste_resultats{
float: left;
}
.content_table {
background: url(bgTDresult.png) no-repeat left top;
padding: 3px 3px 3px 3px;
color: #333333;
margin-bottom: 10px;
}
#liste_resultats table.res_article{
width: 658px;
border-collapse: separate;
}
#liste_resultats tr{
height: 90px;
}
#contentTriRecherche table tr td,
#liste_resultats .res_article tr td{
border: none;
vertical-align: middle;
text-align: center;
padding: 0px 0px 0px 0px;
font-size: 90%;
}
#contentTriRecherche table tr td{
background-color: transparent;
}
#liste_resultats .res_article tr td.col_1 img{
max-height: 90px;
width: 110px;
}
td.col_1{
width: 112px;
}
td.col_1 div{
padding: 0px;
}
td.col_2{
background: #E5A1CF;
width: 101px;
}
td.col_3{
background: #E9ADD5;
width: 64px;
color: #FFFFFF;
letter-spacing: 0.1em;
}
td.col_4{
background: #ECB8DA;
width: 55px;
}
td.col_5{
background: #F0C9E3;
width: 59px;
}
td.col_6{
background: #F3D5E9;
width: 75px;
}
td.col_7{
background: #F8E7F3;
width: 125px;
}
td.col_8{ 
width: 40px;
}
.article_date_fin{
display: block;
}
.article_annee,
.slash2{
display: none;
}
#aucun_resultat{
float: left;
font-size: large;
color: #FFFFFF;
background: url(bgH2.png) no-repeat left 8px;
padding: 0px 0px 0px 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BILLETTERIE---*/
#billeterie{
margin: 15px 0px 15px 0px;
}
#billeterie a{
display: block;
height: 65px;
width:255px;
background: url(bgbilletterie.jpg) no-repeat 0px 5px;
}
#billeterie.en a{
background: url(bgbilletterieEn.jpg) no-repeat 0px 5px;
}
#billeterie.es a{
background: url(bgbilletterieEs.jpg) no-repeat 0px 5px;
}
#billeterie a:hover{
background-position: 0px -69px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews{
width: 255px;
height: 29px;
padding: 52px 0px 0px 0px;
background: url(bgInscritnews.png) no-repeat top left;
}
#inscritnews.en{
background: url(bgInscritnewsEn.png) no-repeat top left;
}
#inscritnews.es{
background: url(bgInscritnewsEs.png) no-repeat top left;
}
#inscritnews form{
background: url(bgInputInscription.gif) no-repeat top left;
width: 235px;
margin: 0px 0px 0px 10px;
}
#inscritnews input#idemail{
width: 200px;
border: none;
background: transparent;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color: #FFFFFF;
float: left;
height: 18px;
}
#inscritnews input.bouton{
float: right;
height: 20px;
border: none;
padding: 0px 2px 0px 2px;
margin: 0px 3px 0px 0px;
background: transparent;
vertical-align: middle;
height:18px;
width:25px;
}
#inscritnews input.bouton:hover{
cursor: pointer;
color: #FFFFFF;
background: #BF1486;
border: #FFFFFF 1px solid;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TELECHARGER -- GOOGLE  ---*/
#telechargerProg a{
display: block;
margin: 10px 0px 5px 0px;
height:55px;
background: url(bgTelechargerProg.gif) no-repeat 0px 0px;
}
#telechargerProg.en a{
background: url(bgTelechargerProgEn.gif) no-repeat 0px 0px;
}
#telechargerProg.es a{
background: url(bgTelechargerProgEs.gif) no-repeat 0px 0px;
}
#telechargerProg a:hover{
background-position: 0px -58px;
}
#googleMapBout a{
display: block;
margin: 10px 0px 10px 0px;
height:50px;
background: url(bgGoogleMap.gif) no-repeat 0px 0px;
}
#googleMapBout.en a{
background: url(bgGoogleMapEn.gif) no-repeat 0px 0px;
}
#googleMapBout.es a{
background: url(bgGoogleMapEs.gif) no-repeat 0px 0px;
}
#googleMapBout a:hover{
background-position: 0px -49px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PARTAGEZ ---*/
#partagez{
position: relative;
height: 60px;
margin: 7px 0px 13px 0px;
}
#partagez p{
background: url(bgFluxRSS.png) no-repeat left bottom;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
height: 18px;
line-height: 18px;
font-size: 90%;
}
#partagez:hover p span{
display: none;
}
#partagez ul li{
float: left;
}
#partagez ul li a{
display: block;
height: 38px;
width: 30px;
margin: 0px 5px 0px 6px;
background-position: left bottom;
text-decoration: none;
}
#partagez ul li a:hover,
#partagez ul li a:focus{
background-position: left top;
}
#partagez ul li a.boutFacbook{
background-image: url(bgFacebook.gif);
}
#partagez ul li a.boutMySpace{
background-image: url(bgMyspace.gif);
}
#partagez ul li a.boutNetvibes{
background-image: url(bgNetvibes.gif);
}
#partagez ul li a.boutIGoogle{
background-image: url(bgIGoogle.gif);
}
#partagez ul li a.boutTwitter{
background-image: url(bgTwitter.gif);
}
#partagez ul li a.boutRss{
background-image: url(bgRss.gif);
}
#partagez ul li a span{
display: none;
}
#partagez ul li a:hover span,
#partagez ul li a:focus span{
display: block;
width: 100px;
position: absolute;
left: 7px;
top: 2px;
color: #FFFFFF;
font-size: 90%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.accueil #contentTop,
body.artiste #contentTop,
body.bodygenerique #contentTop{
margin: 45px 0px 0px 0px;
}
#contentTop{
margin: 60px 0px 0px 0px;
height: 15px;
background: url(bgContentTop.png) no-repeat left top;
}
#content {
width: 950px;
padding: 0px 15px 8px 15px;
float: right; 
background: url(bgContent.png) repeat left top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width:670px;
float:left; 
min-height: 400px;
height: auto !important;
height: 400px;
}
#inter p {
margin: 0px 30px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#inter ul li{
background-image:url(puce01.gif);
}
#inter ul ul li{
background-image:url(puce02.gif);
}
#inter ul ul ul li{
background-image:url(puce03.gif);
}
#contentInterTop{
background: url(bgContentInterTop.png) repeat left top;
margin: 15px 0px 0px 0px;
height: 13px;
width: 665px;
}
#contentInterBottom{
background: url(bgContentInterBottom.png) repeat left bottom;
height: 13px;
width: 665px;
float: left;
margin: 0px 0px 15px 0px;
}
#contentInter{
background: url(bgContentInter.png) repeat left top;
width: 655px;
padding: 0px 5px 0px 5px;
float: left;
min-height: 315px;
height: auto !important;
height: 315px;
}
#contentGauche,
#contentDroite{
padding: 0px 10px 10px 10px;
}
#contentDroite{
display: none;
}
body.double #contentGauche,
body.double #contentDroite{
width:306px;
float: left;
}
body.double #contentDroite{
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
width: 620px;
margin: 0px 0px 5px 13px;
padding: 0px 0px 0px 20px;
text-transform: uppercase;
color: #FFFFFF;
display: block;
border-bottom: #FFFFFF 1px dotted;
background: url(bgH2.png) no-repeat left 10px;
}
body.pageRecherche #inter h2{
border-bottom:none;
}
#inter_popup h3,
#inter h3 {
font-size: medium;
width: 640px;
margin: 0px 0px 5px 13px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
display: block;
text-transform: uppercase;
border-bottom: #FFFFFF 1px dotted;
}
#inter #contentInter h3{
width: 100%;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h4,
#inter h4 {
font-size: small;
text-transform: uppercase;
margin: 10px 0px 10px 0px;
padding: 4px 0px 4px 0px;
color: #FFFFFF;
border-bottom: #FFFFFF 1px dotted;
border-top: #FFFFFF 1px dotted;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position: relative;
float: right;
width: 255px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
#wrapperRight.fixed{
float: right;
width: 255px;
position: absolute;
right: 15px;
top: 20px;
}
#wrapperRight.fixed #right{
position: fixed;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR---*/
#toolBar{
width: 100%;
text-align: right;
}
#toolBar ul li {
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#containerFooter {
padding-bottom: 60px;
position: relative;
float: left;
width: 100%;
background: #000000  url(bgContainerFooter.gif) repeat-x left bottom;
}
#bgDegradeNoir,
#bgDegradeNoir2{
position: fixed;
bottom: 0px;
left: 0px;
z-index: 1;
bottom: 0px;
width: 100%;
height: 60px;
background:url(bgDegradeNoir.png) repeat-x left bottom;
}
#bgDegradeNoir3{
width: 100%;
height: 60px;
position: fixed;
top: 0px;
left: 0px;
z-index: 0;
background:url(bgDegradeNoirInverse.png) repeat-x left top;
}
#bgDegradeNoir2{
position: absolute; 
top: -60px;
z-index: 1;
display: none;
}
#footer {
overflow: hidden;
width: 965px;
margin: auto;
padding: 0px 0px 5px 15px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
}
#imprimpage a {
}
#coeur,
#afrique,
#artistes,
#partenaires,
#infosPratiques{
float: left;
width: 220px;
margin: 15px 20px 20px 0px;
padding: 0px 0px 0px 0px;
min-height: 230px;
height: auto !important;
height: 230px;
/*
border-right: #111111 1px solid;
*/
}
#infosPratiques{
border-right: none;
}
#coeur li a,
#afrique li a,
#artistes li a,
#partenaires li a,
#infosPratiques li a{
text-decoration: none;
color: #FFFFFF;
}
#coeur li a:hover,
#afrique li a:hover,
#artistes li a:hover,
#partenaires li a:hover,
#infosPratiques li a:hover,
#coeur li a:focus,
#afrique li a:focus,
#artistes li a:focus,
#partenaires li a:focus,
#infosPratiques li a:focus{
text-decoration: underline;
color: #FFFFFF;
}
.titreListe{
color:#C62E93;
text-transform: uppercase;
margin: 0px 0px 5px 0px;
}
#accesibilite{
margin: 20px 0px 0px 0px;
}
#accesibilite li{
float: right;
margin: 0px 5px 0px 0px;
}
#accesibilite li a{
text-decoration: none;
color: #FFFFFF;
}
#accesibilite li a:hover{
text-decoration: underline;
}
#accesibilite{
width: 700px;
float: right;
margin-right: 15px;
}
.logo_footer{
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#postIt{
float: left;
}
#contentPostIt{
background: url(bgPostIt.png) repeat left top;
position: relative;
color: #F2F2F2;
margin: 0px 0px 10px 0px
}
#bgPostIt{
background: url(bgH3PostItSoutien.gif) no-repeat left top;
}
#interPostIt{
padding: 35px 8px 10px 8px;
font-size: small;
width: 234px;
}
#interPostIt h3{
display : none;
}
#interPostIt p{
padding: 2px 0px 2px 0px;
margin: 2px 0px 4px 0px;
}
#interPostIt h3{
font-size: medium;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #663333;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
cursor:pointer;
font-weight: bold;
color: red;
}
#inter.accordeonTitre h3{
font-weight: bold;
color: red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ONGLETS ---*/
#onglets{
float: left;
width: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #onglets ul ,
#inter #onglets ul li{
float: left;
display: inline;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #onglets ul li a{
display: block;
float: left;
width: 92px;
border-right: #666666 1px solid;
background: url(bgOnglet.gif) repeat-x  left -32px;
color: #000000;
text-transform: uppercase;
text-align: center;
height: 17px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#onglets a:hover,
#onglets a.onOnglet{
background: url(bgOnglet.gif) repeat-x  left 1px;
font-weight: bold;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerOnglet01,
#containerOnglet02,
#containerOnglet03{
min-height: 25px;
height: auto!important;
height: 25px;
border: #00C6FF 2px solid;
float: left;
width: 270px;
padding: 3px 3px 3px 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  DIAPORAMA  --*/
#diaporama {
width: 160px;
float: left;
}
#right #diaporama table {
border: none;
width: 160px;
margin: 0px 0px 0px 0px;
}
#diaporama table td img {
width: 40px;
height: 40px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
border: none;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: none;
color: #FFFFFF;
}
#plandusite ul li a {
color: #FFFFFF;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
text-decoration: underline;
}
#plandusite h3.accueil,
#plandusite ul {
border-bottom : #FFFFFF 1px dotted;
padding-bottom: 5px;
}
#plandusite ul.infosPratiques{
border-bottom: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
.eventline strong{
display: block;
}
#colDroite{
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.fonDoc #inter #col_g{
float:left;
width:270px;
padding:0px 5px 0px 5px;
}
body.fonDoc #inter #treelist{
width:270px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.fonDoc #inter #form01{
width:270px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.fonDoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.fonDoc #inter #form01 label,
body.fonDoc #inter #form01 input,
body.fonDoc #inter #form01 select,
body.fonDoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.fonDoc #inter #msgResult,
body.fonDoc #inter #resultat ul li a{
color:#007AC0;
}
body.fonDoc #inter #resultat{
float:right;
width:270px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #FF3333;
text-decoration: none;
font-size: x-large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodyPopup{
background: #66A743 url(bgBody.jpg) repeat top center fixed;
}
#header_popup{
background: url(popupHeader.png) no-repeat top center;
height:148px;
width:365px;
}
#content_popup{
width: 365px;
margin: auto;
}
#inter_popup{
width:305px;
padding: 0px 30px 30px 30px;
margin: -13px auto 0px auto;
background: url(popupInter.png) repeat-y top center;
}
#footer_popup{
background: url(popupFooter.png) no-repeat top center;
height:10px;
width:365px;
}
body.bodyPopup form div.entry label{
width: 75px;
display: block;
}
body.bodyPopup form div.entry {
width: 300px;
}
body.bodyPopup #inter_popup h2{
float: left;
margin-left: 0px;
width: 280px;
}
body.bodyPopup #inter_popup h3{
margin-left: 0px;
width: 300px;
float: left;
}
body.bodyPopup #inter_popup p{
width: 300px;
}
body.bodyPopup .footer{
width: 296px;
padding: 2px;
}
body.bodyPopup form div.submit,
body.bodyPopup form div.submit input{
padding: 0px;
margin: 0px;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAYER ACCUEIL POP UP ---*/
body.bodyPlayer #content_popup{
width: 365px;
margin: auto;
background: url(bgPopupPlayer.jpg) no-repeat top center;
}
body.bodyPlayer #inter_popup{
background: url(interTopPopup.gif) no-repeat top center;
padding: 145px 26px 20px 26px;
}
body.bodyPlayer #inter_popup p{
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
left: -5000px;
top: -5000px;
}
#navigDirect{
background: #54321C;
float: left;
width: 100%;
padding: 10px;
margin-bottom: 5px;
}
#navigDirect a{
color: #FFFFFF;
}
li.mobile{
padding: 5px;
margin-bottom: 5px;
display: block;
background: #0A3500;
border: #F9C51E 3px solid;
}
body.pop_image{
background: #000000;
}
body.pop_image object{
float: left;
margin: 0;
padding:0;
overflow: hidden;
}
/*----------------------------  PRE HOME  ----------------------------------*/
body.bodyPreHome {
background-image: url(fond_pre_home.jpg);
background-repeat: no-repeat;
background-position: top;
background-color: #000000;
}
#interPreHome {
width: 980px;
height: 580px;
margin: auto;
text-align: center;
position:relative;
}
#interPreHome object{
margin: auto;
}
#interPreHome p.mairie {
position: absolute;
top: 500px;
left: 100px;
}
#interPreHome p.entrer {
position: absolute;
left: 730px;
top: 510px;
}
#theContainer{
padding:0;
margin: 0;
height: 0px;
}