/* $Id: jmd.css,v 1.7 2009/06/15 18:13:53 didier Exp $ */
/* initialisation */
* { margin: 0 ; padding: 0 ; border: 0 ; }
body{ background-color: #b9babc ;
      /* si la nelle présentation .. */
       background: url(f.png) ; 
      /* fin nelle présentation */
      font-family: verdana , sans-serif ;
      font-size: 10px ;
      /* IE */
      
      /* behavior: url("../images/csshover.htc") ; */
      behavior: url("/communs/js/csshover.htc") ;
 }
a { text-decoration: none; color: #fff ; }
ul{ list-style: none ; }
li{ margin: 0 ; }
div.clearer { clear: left;
              width: 296px;height: 2px;
              color:#000;	
              background-color: #fff ;
              margin:2px auto; }

/* fin init */
#main{ 
       position: relative ;
       left: 0 ;
       right: 0 ;
       height: 610px ;
       width: 986px ;
/*       background-color: #fff ; */
       background-color: transparent ;
       margin: 0 auto ;
       margin-top: 0px ;

       }


#gauche { 
          position: absolute ;
          left: 0 ;
          top: 0 ;
          height: 592px ;
          width: 215px ;
          /* nelle présentation */
          background-color: transparent ;
/*          background: url(fond_noir_1.png) no-repeat  0 0 ; */
 }

/* pos relative à gauche */
#logo {  
        position: absolute ;
        top: 95px ;
        left: 70px ;
        width: 100px ; /* 75px ; */
        height: 172px /*172px ; logo = 146*/
        /*background-color: #fff ; */
        overflow: hidden ;
        z-index:3 ;
        }

 #porteuse { position: relative ;
             top: -1px ;
             left: 0px ;
             right: 75px ;
             overflow: hidden ;
             text-align: center ;
             width: 75px /* 75px ; */
             height: 171px /* 171px ; */
             background-color: #fff

              }

#defilant { 
            position: absolute ;
            top: 0 ;
            left: 350px ;
            width: 636px ;
            height: 18px ;
            background-color: #e2001a ;
            padding:  4px 0;
            z-index: 101 ;
              }

#nondefilant { 
               position: absolute ;
               top: 0 ;
               left: 215px ;
               width: 135px ;
               height: 18px ;
               background-color: #e2001a ;
               padding:  4px 0;
               z-index: 10 ;
               color: #fff ;
               font-size: 15px ;
               font-weight: bold ;
               text-align: center ;
               }

/* barre du bas */
#barreorange { 
               position: absolute ;
               top: 592px ;
               left: 0 ;/* 350px ;*/
               width: 636px ;
               height: 18px ;
               background-color: #f08a00 ;
 }

#navigation { 
              position: absolute ;
              top: 360px ;
              left: 70px ;
              height: 75px ;
              }
 #navigation li{ 
                 background-color: transparent ;
                 font-size: 10px ;
                 color: white ;
                 width: 75px ;
                 text-align: center ;
                 padding-bottom: 27px ;
                 }

#navigation li button{ 
                       background-color: transparent ;
                       font-size: 10px ;
                       color: white ;
                       width: 75px ;
                       text-align: center ;
                       cursor: pointer ;
                       }
#navigation li button:hover,#navigation li a:hover{ color:#f08a00 ;}

#nomsoc { 
          background-color: transparent ;
          color: #fff ;
          position: absolute ;
          bottom : 20px ;
          left: 0px ;
          height: 40px ;
          width: 215px ;
          text-align: center ;
          font-family: verdana, sans-serif ;
          font-size: 11px ;
          color: #f08a00 ;
 }
#nomsoc a { color: #f08a00 ; }
#nomsoc li.reduit { font-size: 8px ; color: #fff ;}


#bandemenu{ 
            position: absolute ;
            left: 215px ;
            top:  0 ;
            height: 610px ;
            width: 135px ;
            color: #000 ; 
/*            background: url(fond_gris_2.png) no-repeat 0 0 ; */
            background-color : #fff ;
            opacity: .85 ;
            filter: alpha(opacity=85); 
            z-index: 3 ;
            }

#titremenu { 
             position: absolute ;
             top: 43px ;
             height: 14px ;
             width: 135px ;
             font-size: 12px ;
             letter-spacing: 1px ;
             text-align: center ;
             }

#annees { 
          position: absolute ;
          top: 57px ;
          height: 190px ;
          left: 0 ;
          width: 135px ;
          font-size: 39px ;
          font-family: arial ,sans-serif ;
          }

#annees li { 
             width: 135px ;
             height: 28pt ;
             text-align: center ;
             color: #f08a00 ;
 }
#annees li.orange {  color: #f08a00 ; }
#annees li.gris { 
                color: #797a7c ;
                }
#menuartistes { 
                position: absolute ;
                top: 182px ;
                width: 135px ;
                height: 338px ;
                overflow: hidden ; 
                }

#menuartistes li { 
                   background-color: transparent ;
                   width: 134px ;
                   height: 18px ;
                   text-align: left ;
                   padding-bottom: 3px ;
                   padding-left: 1px ;
                   margin-bottom: 10px ;
                   padding-right: 0 ;
                  }

#menuartistes li:hover { background-color: #f08a00 ;}

#menuartistes li button {
                          font-size: 14px ; /* 14px ;*/ /* 12px ; */
                          text-align: left ;
                          height: 18px ;
                          /* width: 134px ; */
                          background-color: transparent ; 
                          cursor: pointer ;
                          color: #000 ;  }

#menuartistes li button:hover {
                                color: #fff ; 
                                }
#autremenu { 
             position: absolute ;
             width: 135px ;
             height: 44px ;
             left: 0 ;
             top: 520px ;
             }


#autremenu li.rouge {    
                      position: absolute ;
                      width: 120px ;
                      background-color: #e2001a ;
                      z-index: 20 ;
                      color: #fff ;
                      height: 14px ;
                      font-size: 9px ;
                      font-weight: bold ;
/*                padding-left: 15px ; */
                      padding: 4px 0 4px 15px ;
                      margin-bottom: 2px ;     
                      }

#essai{ position: absolute ; top: 100px; left: 500px ; background-color: red ;
        height: 100pw; width: 100px ;z-index: 90}

/* li.gris {    } */
#succes{ position: absolute ; top: 530px ; left: 215px ; z-index: 3 ; }
#gris {
        color: #fff ;
        height: 14px ;
        font-size: 9px ;
        font-weight: bold ;
        margin-bottom: 2px ;
        position: absolute ;
        top: 30px ;
        width: 120px ;
        padding: 4px 0 4px 15px ;
        background-color: #797a7c ;}


#gris:hover{ cursor: pointer ;} 

#gris ul.ulobsolete{ position: absolute ; 
                       top: 0 ; left: -5000px ; width: 636px ; 
                       z-index: 90 ;


                       }
#gris  ul li { display: inline ; 
               padding:  20px 0px  ;}

#gris:hover ul.ulobsolete{ z-index: 100  ; left: 135px ;}


#gris ul:hover li { 
                    display: inline ;                 
                    height: 22px ;
                    /* background-color: red ; */ /* #fff ; */ /* #f08a00 ; */
                    width: 130px ;
                    color: #000 ;
                    }


#gris ul li button{           
                    background-color: #f08a00 ; /*#fff;    */
                    color: #fff; /* #000 ; */
                    font-size: 12px ;
                    width: 130px ; 
                    height: 22px ;
                    cursor: pointer ;
                    z-index: 100 ;
                    }

#gris ul li button:hover{ background-color: #fff; /* #f08a00 ; */
                          color: #000 ;
                          }


#droit { 
         position: absolute ;
         top: 0 ;
         left: 350px ;
         height: 540px; /* 592px ; */
         width: 636px;/* 604px ;*/
         background-color: transparent ;
         }



#onglets { 
           position: absolute ;
           top: 18px ;
           background-color: transparent ;
           height: 14px ;
           width: 592px ;
           left: 80px ;
           z-index: 60 ;
           }

#onglets ul li  { 
                 border-left: solid ;
                 border-width: thin ;
                  border-color: #fff ;
                 height: 14px ;
                 width: 50px ;
                 padding: 0 12px 0 12px ;
                 text-align: center ;
                 display: inline ; 
                  }

#onglets ul li button { 
                        background-color: transparent ;
                        font-size: 11px ;
                        color: #fff ; 
                        cursor: pointer ;
                        }



#onglets ul li button:hover ,
#onglets ul li a:hover { 
                         color: #f08a00  ;
                         }

#onglets ul li:first-child { 
                             border-left: none ;
                             padding-left: 0 ;
                             }

/* le conteneur des fiches d'artistes relatif à #droit*/
#conteneurfiche { 
                  position: absolute ;
                  left: 0 ;
                  top: 26px ;
                  height: 500px ;/* 566px ;*/
                  width: 636px ;
                  padding: 0 ;
                  background-color: transparent ;
                  }

#tagtourne { 
             position: absolute ;
             left: 350px ;
             /* top: 40px ; */
             width: 70px;
             height: 15px ;
             color: #fff ;
             background-color: #e2001a ;
             font-size:  10px ;
             font-weight: bold ;
             padding: 3px 5px ;
             display: none ;
             z-index: 60 ;
             }

/* importé de cms.css */
#pseudodroit,
#conteneur_rp, #conteneur_photos, #conteneur_videos ,
#conteneur_tournee, #conteneur_biographie{ 
                                           position: absolute ;
                                           left: 80px ; 
                                           top: 7px ;/* 30px ; */
                                           height: 426px ;
                                           width: 524px ;
                                           background-color: transparent ;
                                           }

#conteneur_rp, #conteneur_photos, #conteneur_videos ,
#conteneur_tournee, #conteneur_biographie{ 
                                          display: none ;
                                          }



/* #visio_scans { left: -70px ;  } */
div.art_affiche { 
                  position: absolute ;
                  top: 0 ;
                  left:0 ;
                  height: 400px ; /* 494px; */
                  width: 250px ;
                  text-align: center ;
                  margin-top: 69px ;
               }
div.clapvideo { position: absolute ;
                top: 453px ;
                left: 189px ;
                height: 63px ;
                width: 59px ;
                background-color: transparent ;

                }
div.clapvideo button{
                      cursor: pointer ;
                      background-color: transparent ;
                      }
div.art_nom { 
              position: absolute ;
              top: 23px ;
              left: 250px ;
              height: 400px ;
              width: 60px ;
              margin-top: 20px ;
              }

div.art_texte { 
                position: absolute ;
                top: 69px ;
                left: 310px ;
                height: 400px ; /* 494px ; */
                width: 212px ;
                color: #fff ;
                text-align: justify ;
                padding-right: 10px ;
                /* margin-top: 69px ; */
                overflow: auto ;
                }

div.art_visio { 
                  position: absolute ;
                  top: 10px ;
                  left:0 ;
                  height: 400px ; /* 494px; */
                  width: 250px ;
                  text-align: center ;
             
               }



div.art_texte > p { 
                    text-align: justify ;
                    font-size: 10px ;
                    color: #fff ;
                    padding-bottom: 5px ;
                    }


.cmsartistes li { width : 200px ;margin: 5px 0  ; }



.iframe { 
          top: 0 ;z-index: 0 ;
          height: 494px ; width: 318px ; border: none ;
          }
/* nouvelle méthode de chargement des frames */

/* les positions initiales */
iframe.pos1 { 
            position: absolute ;
            left: 0 ;
            display: block ;
              z-index: 0 ;
            }
iframe.pos2 {  
           position: absolute ;
           left: 318px ;
           display: block ;
              z-index: 0 ;
              }
iframe.pos3 {  
           position: absolute ;
           left: 318px ;
           display: none ;
              z-index: 0 ;
              }
iframe.pos4 {  
           position: absolute ;
           left: 0 ;
           display: none ;
              z-index: 0 ;
              }

/* div de la minipage */
div.admin { position: absolute ; }
div.minipage { 
               position: relative ;
               margin: 0 auto ;
               top: 26px ;
               left: 0 ;
               border: solid ;
            border-color: #000 ;
               height: 494px ;
               width: 318px ;
               padding: 0 0px ;
               text-align: center ;
/*               background-color: #000 ; */
               font-family: arial ,sans-serif ;
               overflow: hidden ; 
               }


#minipage { 
               position: relative ;
               margin: 0 auto ;
               top: 0 ;
               left: 0 ;
               height: 494px ;
               width: 318px ;
               padding: 0 0px ;
               text-align: center ;
/*               background-color: #000 ; */
               font-family: verdana ,arial ,sans-serif ;
/*               overflow: hidden ; */
               }



div.affiche{ padding: 10px 0 ; }


/* texte défilant */
#textedefilant { position: absolute ; left: 0; }
#textedefilant2 { position: absolute ; left: 5000px; }
.bande { height: 14px ; width: 5000px ; color: #fff ;padding: 10px 50px ;}
.bandeinfo { color: #fff ; position: relative ; font-size: 12px;
             overflow: hidden ;
             }


/* cartouche d'alerte */

div.cartouche { 
                position: absolute ;
                top: 35px ; 
                left: 80px ;/* 580px ; */
                width: 554px ;
                z-index: 100 ;
                display: none ;
                background-color: transparent ;

                }
#ressort_info{ 
               position: absolute ;
               height: 72px ;
               width: 72px ;
               top: 25px ;
               left: 0 ;
               z-index: 5 ;
               
 }
#ressort_info.MOZ {               
                    background: url(ressort_info.png) no-repeat 0 0 ;  } 
#ressort_info.IE {               
                    background: url(ressort_info.gif) no-repeat 0 0 ;  } 

div.cartouche p { position: absolute ;
                  top: 40px ;
                  width: 554px ;
                  background-color: #f08a00 ;
                  color: #fff ;
                  font-size: 12px ;
                  text-align: center ;
                  height: 20px ;
                  padding: 20px 0 ;
                }


div.cartouche p button { padding-left: 50px ; 
                         background-color: #f08a00 ;
                         color: #fff ;
                         font-weight: bold ;
                         }

#titrealerte { 
               position: absolute ;
               top: 0 ;
               left: 0 ;
               height: 30px ;
               }
.boutv {
         color: #f08a00 ; 
         font-size: 25px ; 
         background-color: transparent ;
         font-weight: bold;
         }
               


/* présenter newsletter */


#fichenews { 
            position: absolute ;
            top: 0 ;
            left: 0 ;
            height: 610px ;
            width: 636px ;
            background: url(fond_newsletter.png) no-repeat 0 0 ;
            }
#messageprov{ 
              position: absolute ;
              top: 100px ;
              left: 60px ;
              width: 220px ;
              color: #000 ;
              font-size: 12px ;
              }
#messageprov a {  
                 color: #000 ;
                 font-size: 12px ;
                 }
#invitenl { 
            position: absolute ;
            top: 150px ;
            left: 390px ;
            width: 240px ;
            color: #000 ;
            font-size: 12px ;
            }
#formnl { 
          position: absolute ;
          left: 390px ;
          width: 240px ;
          top: 250px ;
          color: #000 ;
          font-size: 10px ;
          }
#formnl>div{ margin-bottom: 10px ; }
#formnl tr {  }
#formnl  td { padding-right: 20px ; padding-bottom: 15px;}
#formnl input { font-size: 12px ; padding: 2px 0 ; }
#boutonOK { margin-left: 57px ; }
.rougie {         background-color: #e2001a ; color: #fff;
          font-size: 14px; font-weight: bold ; padding: 3px ;
          padding-left: 13px ;
          padding-right: 39px ;}
          
.blackie ,.blackie input{ background-color: #000 ; 
          color: #fff ;
font-size: 14px; font-weight: bold ; padding: 3px 8px ;}
.blackie input { padding: 0 ; cursor: pointer ;}
/* styles fiche contacts */
#fichecontact p { 
                  text-align: center ;
                  font-family: tahoma sans-serif ;
                  margin-bottom: 0 ;
                  font-size: 12px ;
                  }

#fichecontact p.titrede{ font-size: 35px ; font-weight: bold ; }

.tetede { padding-top: 15px ; 
          padding-bottom: 5px ;
          font-size: 14px ;
          font-weight: bold ; }

.nomde { padding-top: 8px ; }

#imgquelconque3 table { 
                       width: 556px ; 
                        font-size: 12px ;
                        }
#imgquelconque3 table td { padding: 5px 0 ; } 

#ressortdepatience{ position: absolute ;
                     display: none ;
                     top: 0 ;
                     left: 350px ;
                     height: 610px ;
                     width: 636px ;
                     opacity: .55 ;
                     filter: alpha(opacity=55); 
                     background: url(B.gif) no-repeat 0 0 ;
                     z-index: 100 ;
                     }
#sectioncontact*{ 
                 position: absolute ;
                     display: none ;
                     top: 0 ;
                     left: 350px ;
                     height: 610px ;
                     width: 636px ;
                     z-index: 100 ;
                 }
#textedaccueil { position: absolute ;
                     display: none ;
                     top: 0 ;
                     left: 350px ;
                     height: 610px ;
                     width: 636px ;
                 background-color: #000 ;
                    opacity: .85 ;
                     filter: alpha(opacity=85); 
                     z-index: 100 ;
                     }

#textedaccueil div { padding-top: 70px ;
                     padding-left: 50px ;
                     padding-right: 20px ;

                     color : #fff ;
                     font-size: 12px ;
                     line-height: 1.5em ;

                     }