/* $Id: accueil.css,v 1.9 2009/06/16 09:07:56 didier Exp $ */

#accueil {position: relative ;  background-color: transparent ;}

.exclamation { 
               position: absolute ;
               top: 85px ;
               left: 0 ;
               width: 586px ;
               height: 32px ;
               background-color: transparent ;/*#f08a00  ;*/
               font-family: verdana , sans-serif ;
               font-size: 23px ;/* 56px ; */
               color: #fff ; /* #f08a00 ; */
               letter-spacing: 2px ;
               text-align: left ;
               z-index: 50 ;
               padding: 20px 50px ; 

 }
.bulle { 
         position: absolute ;
         top: 45px ; 
         left: 170px ; 
         width: 250px ;
         height: 164px ;
         background-color: transparent ;/*#f08a00  ;*/
         font-family: verdana , sans-serif ;
         font-size: 36px; /* 23px ;*//* 56px ; */
         color: #fff ; /* #f08a00 ; */         
         /* line-height: 64px ; */
      /*    vertical-align: sub ; */
         text-align: center ;
         padding-top: 20px ;
         padding-left: 0 ;
         padding-right: 0 ;
/*          padding: 20px 50px ; */
         z-index: 2 ; 
         background: url(bulle_orange_1.png) no-repeat 0 0  ;
         visibility: hidden ; 
         }
.bulleIE6 { background: url(bulle_orange_1.gif) no-repeat 0 0 ;}
.pseudobulle{ 
         position: absolute ;
         top: 45px ;
         left: 170px ;
         width: 250px ;
         height: 164px ;
         background-color: transparent ;/*#f08a00  ;*/
         font-family: verdana , sans-serif ;
         font-size: 36px; /* 23px ;*//* 56px ; */
         color: #fff ; /* #f08a00 ; */         
         /* line-height: 64px ; */
         vertical-align: sub ;
         text-align: center ;
         padding-top: 20px ;
         padding-left: 0 ;
         padding-right: 0 ;
/*          padding: 20px 50px ; */
         z-index: 3 ; 
/*         background: url(bulle_orange_1.png) no-repeat 0 0  ;*/
/*         visibility: hidden ; */
         } 

#conteneurframes { 
                   height: 494px ;
                   width: 636px ; 
                   background-color: transparent ; 
                   position: absolute ;
                   top: 98px ;
                   left: 0 ; 
                   overflow: hidden ;
                    }


#conteneurframescms { 
                   height: 800px ;
                   width: 636px ; 
                   background-color: transparent ; 
                   position: absolute ;
                   top: 98px ;
                   left: 0 ; 
                   overflow: hidden ;
                    }



div.art_texte {  overflow: visible ;  }
.cms { height: auto ;/* 150% ; */ }
.slide {
         
         position: relative ;
         left: 5000px ;
         height: 494px ;
         width: 636px ; 
         background-color: transparent ; 
         display: inline ;
         }
.slidecms {  
            position: relative ;
            left: 0 ; /* 5000px ;*/
            height: 494px ;
            width: 636px ; 
            background-color: transparent ;
            }

.conteneur { 
             position: absolute ;
             left: 40px ; 
             top: 30px ;
             height: 426px ;
             width: 524px ;
             background-color: transparent ;
             }
#fichecms .conteneur{ height: auto ; }
#fichecms .art_texte{width: 272px ;height: 600px ;overflow: auto ;  }
.baisser { margin-top: 30px ; }

.drapeau { 
           position: absolute ;
           top: 30px ;
           left: 0 ;
           width: 636px ;
           color: #fff ;
           font-size: 25px ;
           font-weight: bold ;
           text-align: center ;
           }

.accroche { 
           display: block ;
           color: #fff ;
           font-size: 23px ;
           font-weight: bold ;
           text-align: center ;
           width: 212px ;
           }

.explication { 
               display: block ;
               color: #fff ;
               font-size: 14px ;
               text-align: center ;
               width: 212px ;
               line-height: 1.5 ;
               padding: 20px 0 ;
               }

.bigorange { 
              color: #f08a00 ;
              font-size: 18px ;
              font-weight: bold ;

              }
.decoliens { position: absolute ;
             top: -20px ;
             left: 0 ;
             height: 72px ;
             width: 70px ;
/*             z-index: 200 ; */
             background: url(ressort_info.png) no-repeat 0 0 ;}

.decoliensIE6 { background: url(ressort_info.gif) no-repeat 0 0 ; }

div.liens { position: absolute ; 
         left: 350px ;
          top: 393px ; 
/*         height: 40px ; */
         width: 290px ;
         background-color: #e2001a ;
            z-index: 10 ;
         }

div.liens span a, div.lienlong span a{      
              display: block ; 
              padding-top: 3px ;
              padding-bottom: 3px ;
              padding-left: 69px ; 
              text-align: left ;
              font-size: 14px ;
                         
              }

div.lienlong { 
               position: absolute ;
               left : 40px ;
               top: 407px ;
               width: 524px ;
               /*             height: auto ; */
               background-color: #e2001a ;
               z-index: 10 ;
               }


a.smallorange { color: #f08a00 ; font-size: 10px ;
                }

a.petit { color: #fff; font-size: 10px ; }
a.moyen { color: #fff; font-size: 12px ; }

/* les styles de la fiche contact */
/* styles fiche contacts */
#fichecontact p { 
                  text-align: center ;
                  font-family: tahoma sans-serif ;
                  margin-bottom: 0 ;
                  font-size: 12px ;
                  }
#fichecontact{ width: 634px ; text-align: center ; z-index: 100 ;}
#fichecontact div.titrecontact{ font-size: 35px ; font-weight: bold ; }

div.mailto .decoliens { background: none ; }

div.nom{ font-weight: bold ; font-size: 130% ;
         font-family: arial verdana sans-serif ; }

div.commentaire, div.mailto{ font-size: 120% ; }
#fichecontact  table { margin: 0 auto ;  }
#fichecontact li{ width: 634px ; display: block   ; }
.tcols{ font-weight: bold ; font-size: 200% ;margin: 5px auto ; }
.tsections { font-size: 130% ; font-weight: bold ; margin-bottom: 5px; }