html { margin:0; font-size:12pt; font-family:Arial; }     
#PAGE { margin:0 auto; margin-top:20px; width:990px; height:780px; background:url(../image/accueil/minicci.png) 0px 15px no-repeat; border:1px solid #fff; overflow:hidden; }     

/*  PARTIE CONCERNANT LA PARTIE DE GAUCHE DE LA PAGE  */     
     
   #VOLET { float:left; width:280px;margin:0; padding:0; padding-top:100px; height:550px; }     
      #MENU { margin:30px 0 0 99px;  padding:0; list-style-type:none; font-weight:bold; }     
         #MENU li { padding:4px 0; height:34px; overflow:hidden; }     
         #MENU a { color:#FFF; text-decoration:none; display:block; text-align:center; width:182px; height:34px; }     
         #MENU a:hover { color:#EEE; }     
         #MENU span { display:none; }     
         a.menuor { background:url(../image/accueil/menucci1.png) top left no-repeat #F82; }     
         a.menuro { background:url(../image/accueil/menuentreprises1.png) top left no-repeat #D01; }     
         a.menutu { background:url(../image/accueil/menuparticuliers1.png) top left no-repeat #1AB; }     
         a.menuve { background:url(../image/accueil/menueconomie1.png) top left no-repeat #6B2; }     
         a.menuma { background:url(../image/accueil/menukiosque1.png) top left no-repeat #A7B; }   
         a.menupr { background:url(../image/accueil/menupresse1.png) top left no-repeat #2da680; } 
         a.menume { background:url(../image/accueil/menumessagerie1.png) top left no-repeat #244990; }  
         a.menuor:hover { background:url(../image/accueil/menucci2.png) top left no-repeat #F93; }     
         a.menuro:hover { background:url(../image/accueil/menuentreprises2.png) top left no-repeat #E12; }     
         a.menutu:hover { background:url(../image/accueil/menuparticuliers2.png) top left no-repeat #2BC; }     
         a.menuve:hover { background:url(../image/accueil/menueconomie2.png) top left no-repeat #7C3; }     
         a.menuma:hover { background:url(../image/accueil/menukiosque2.png) top left no-repeat #B8C; }   
         a.menupr:hover { background:url(../image/accueil/menupresse2.png) top left no-repeat #34bf93; }
         a.menume:hover { background:url(../image/accueil/menumessagerie2.png) top left no-repeat #2e5eb9; }    
      img.logonewsletter { width:260px; margin:100px 0 0 10px; }
      html>/**/body img.logonewsletter { margin:70px 0 0 10px; }  
     
     
     
/*  PARTIE CONCERNANT LA PARTIE DE DROITE DE LA PAGE */     
     
   #ECRAN { float:left; border-left:1px solid #111; height:600px; overflow:hidden; width:600px; }     
      #BANDEAU { float:left; width:600px; height:60px; margin-left:10px; padding-top:10px; overflow:hidden; }     
         a.vignette { border:0px; margin:5px; }     
            #BANDEAU img { border:0px; width:50px; }     
            #ELUSINFO { margin-left:45px; }     
            #ADMIN { margin-left:15px; }     
      #PRINCIPAL { float:left; width:600px; height:300px; margin:20px 0 0 10px; overflow:hidden; }
      #STICKER { float:left; width:600px; margin:20px 0 0 0px; overflow:hidden; }     
     
     
     
/*  PARTIE CONCERNANT L'ACTUALITE DU SITE */     
     
         #PRINCIPAL h1 { font-size:14pt; color:#006; text-transform:uppercase; }     
         #PRINCIPAL marquee { height:300px; }     
            div.PGActu { margin:0; }     
               h3.TitrePG { margin:0; font-weight:normal; font-size:12pt; }     
               a.TitrePG { color:#C10; }     
               a.TitrePG:hover { color:#E32; }     
               p.TextePG { margin:5px 0 0 20px; font-size:10pt; }     
     
     
/*  PARTIE GERANT LE MENU DU SITE */     
     
            div.Theme { margin:0 20px 0px 40px; display:none; }     
            #CCI, #ENTREPRISES, #PARTICULIERS, #ECONOMIE, #KIOSQUE { width:469px; height:267px; margin:0 10px; overflow:auto; }     
            #CCI span.NomTheme, #CCI li.NomPage, #CCI a.NomPage, #CCI li.NomPG, #CCI a.fermeture { color:#F82; }     
            #ENTREPRISES span.NomTheme, #ENTREPRISES li.NomPage, #ENTREPRISES a.NomPage, #ENTREPRISES li.NomPG, #ENTREPRISES a.fermeture { color:#D01; }     
            #PARTICULIERS span.NomTheme, #PARTICULIERS li.NomPage, #PARTICULIERS a.NomPage, #PARTICULIERS li.NomPG, #PARTICULIERS a.fermeture { color:#1AB; }     
            #ECONOMIE span.NomTheme, #ECONOMIE li.NomPage, #ECONOMIE a.NomPage, #ECONOMIE li.NomPG, #ECONOMIE a.fermeture { color:#6B2; }     
            #KIOSQUE span.NomTheme, #KIOSQUE li.NomPage, #KIOSQUE a.NomPage, #KIOSQUE li.NomPG, #KIOSQUE a.fermeture { color:#A7B; }  
            #PRESSE span.NomTheme, #PRESSE li.NomPage, #PRESSE a.NomPage, #PRESSE li.NomPG, #PRESSE a.fermeture { color:#34bf93; }   
     
               span.NomTheme { font-weight:bold; font-size:14pt; }     
               ul.Liste { font-size:10pt; list-style-type:square; }     
                  li.NomPage { margin-bottom:10px; }     
                     a.NomPage {  text-decoration:none; text-transform:uppercase; font-weight:bold; }     
                     a.NomPage:hover { text-decoration:underline; }     
                     ul.SSListe { font-size:8pt; list-style-type:square; }     
                        li.NomPG { color:#C00; margin-left:-25px }     
                           a.NomPG { color:#000; }     
               span.fermeture { display:block; margin:10px 0; }     
                  a.fermeture { font-size:8pt; float:right; margin-right:10px; font-weight:bold; }     
     
     
     
form { font-size:8pt; color:#68C; margin:0 0 0 10px; float:left; }     
input { font-size:9pt; color:#68C; }     
.champs { margin:0 5px; }     
     
     
     
   #ECRAN1 { position:absolute; top:0; left:0; width:100%;  height:100%; background:#000; z-index:10; opacity:0.5; display:none; filter:Alpha(opacity=50,finishopacity=0,style=0); }     
     
   #DETAILS { position:absolute; top:10%; left:10%; width:80%; height:80%; display:none; font-size:10pt; font-family:Arial; z-index:12; background:#FFF; color:#000; padding:0 20px 0 10px; border:1px solid #111; border-right:1px solid #444; border-bottom:1px solid #444; overflow:hidden; size:10pt; }     
     
     
      #TitreActu { height:25px; padding:0; margin:15px 0 5px 0; overflow:hidden; font-size:12pt; text-transform:uppercase; color:#000; }      
      div.description { height:75%; margin:25px 0 25px 30px; overflow:auto; }      
      div.bouton { height:25px ; margin:5px 0 5px 30px; text-align:center; overflow:hidden; }      
      
      #DETAILS p { margin:0; }      
      
      
      
   #PIED { float:left; clear:both; font-size:8pt; text-align:center; padding:5px 0; margin:0 auto; width:778px; background:#AAA; border:1px dotted #000; }