* { margin:0; margin:0;}

.nvu {
        display:none;

}



body{ font-size:62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:url(/images/mosaicBG.gif) repeat; }


.spacer { visibility:hidden; clear:both; line-height:1px; height:1px; }


#container { margin:0 auto; width:100%; min-width:780px;
width: expression((document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) < 780 ? "780px": "auto" );
}

#container2 { margin:0 auto; width:80%;text-align: justify; min-width:780px;}


#header { background:url(/images/headerBG.gif) bottom repeat-x; height:113px; }
        #header img { margin-left:0px;}
        #pub { float:right; margin:10px 10px 10px 0px;height:60px;width:468px;border:2px solid  Gray;background-color: #F8F7C6;}


        
/* ============================== PARTIE COMPTE ============================== */ 
#containercompte { margin:0 auto; width:80%;text-align: justify; font-size: 1em; min-width:780px;}


#containercompte a {
        color: #4169E1;
        }
#containercompte h1 {
        font-size: 1.3em;
        color: #4169E1;
        margin-bottom: 10px;
        text-align: center;
        font-weight: normal;
        letter-spacing: 2px;
}


#containercompte input { font-size:1em; color:black; background:White;  border:1px #33B5FF solid; }
#containercompte  #Submit { color:white; background:#33B5FF; font-weight:bold;
margin-top: 2px;
 padding:2px; line-height: 18px; height:18px; :none; border:1px black solid; }


 
/* ============================== MENU ============================== */ 
#menu { padding-top:10px; margin:0; }
        #menu ul { margin:0; padding:0; }
                #menu li {  display:inline; background:url(/images/menuBG.gif) right no-repeat; padding:24px 24px 24px 24px; margin-right:1px; }
                        #menu li a { color:white; font-size:1.2em; text-decoration:none; margin:0; padding:0; }
                        #menu li a:hover { color:#FFCC00; }


/* ============================== HAUT ============================== */ 
#encadre { background:#00A2FF; width:80%; margin:20px auto; padding:0px;}


/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height:7px; width:7px; background-repeat: no-repeat; 
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {background:url(/images/hautgauche.gif);}
#hautdroit {float: right;background: url(/images/hautdroit.gif);}
#basgauche {background: url(/images/basgauche.gif);}
#basdroit {float: right;background: url(/images/basdroit.gif);}


#motcle { float:left; margin-left:30px; text-align:center;}
        #motcle h2 { font-size:2em; background:url(/images/h1BG.gif) right no-repeat; padding-right:85px; color:white; margin-bottom:10px; font-weight:normal; letter-spacing:2px; }
        #motcle label { font-size:1.1em; color:white;}
        #motcle .keyword { font-size:1.1em; color:black; border:1px #33B5FF solid; }

   #motcle .recherche { font-size:1.1em; color:black; background:white; font-weight:bold; text-decoration:none; border:1px black solid;}




#connexion { width:328px; height:113px; background:url(/images/connexionBG.gif); float:right; margin:0px 5px; text-align:center;}
        #connexion hr { border:0px; background:white; color:white; height:1px; margin:5px auto; _margin: -2px auto; padding:0px; width:97%; text-align:center; clear: both; }
        #connexion p { font-size:12px; color: white; }
        #dispo { float:right; width:164px; }
        #identite a {background:url(/images/puce2.gif) 0px 6px no-repeat; padding-left:10px; color:white; font-weight:bold; }
        a.votresel  { font-size:16px; color: white; padding-left: 30px;background:url(/images/puce1.gif)  left no-repeat; font-weight:bold;}
        

/* ============================== CONNEXION ============================== */ 
#connexion input { font-size:0.8em; color:black; border:1px #33B5FF solid; }
#connexion .recherche { color:black; background:white; font-weight:bold;
margin-top: 2px;
 padding:2px; line-height: 10px; height:18px; :none; font-size:0.8em; border:1px black solid; 
 margin-left: 20px;
 }


} 
/* ============================== PAGES ============================== */ 
#pages { width:97%; margin:0px auto;}

#pages ul {  margin:0px 0px 0px 30px; padding:0; }
        #pages li { display:inline; text-align:center; margin-right:10px; font-size:12px; }
        #pages li a { color:black; text-decoration:none;  }
        #pages li a:hover { color:black; text-decoration: underline; }
        #pages .onglet { width:277px;  height:42px; color:white; font-size:12px;padding-top: 0px; min-width: 277px; margin-left: 50px; text-decoration:none; background:url(/images/onglet1BG.gif) top left no-repeat ; }
        #pages .onglet a { color:white; text-decoration:none;  }
        #pages .onglet a:hover { color:white; text-decoration:none;  }
        


/* ============================== MENU ============================== */ 
#resultat { width:97%; margin:0px auto; padding:0; background:#00A2FF;}
        #resultat table { border:0px black solid; border-collapse:collapse; font-size:1.2em;}
        #resultat table th { text-align:left; color:white;  font-weight:normal; background:url(/images/tablemosaic1.gif) repeat; height:30px;}
        #resultat table tr { height:20px; background:url(/images/mosaicBG.gif) repeat;}
        #resultat table .tr1 { background:url(/images/tablemosaic2.gif) repeat; height:30px; }
        #resultat table .tr2 { background:url(/images/exportBG.gif) repeat; height:32px; }
        #resultat table .tr2b {  background:url(/images/exportBG2.gif) repeat;height:60px; }
        #resultat table .tr3 { background:url(/images/tablemosaic3.gif) repeat; }
        #resultat table .td1 { background:url(/images/tablemosaic2.gif) repeat; text-align:center; }
        .selected, .noselected {  font-weight:normal; color:black; text-decoration:none;}
        .selected { font-weight:bold; background:url(/images/puce3.gif) left center no-repeat; padding-left:15px; }
        .noselected:hover { color: #0096FF;}
        .format { color:white; background:#0096FF; font-weight:bold; padding:2px; text-decoration:none; font-size:0.8em; }
        .format:hover { color:#0096FF; background:none;}
                
        .mot1 {color:#009900; text-decoration:underline; font-weight:bold;}
        .mot1:hover { text-decoration:none;}
        
        .mot2 {color:#009900; text-decoration:underline;  margin-left:10px;}
        .mot2:hover { text-decoration:none;}
        
        .tarif {  }
        
        #resultat .votrerecherche { letter-spacing:1px; }
        #resultat .exportH3 { letter-spacing:1px; font-weight:bold; font-size:1em; background:url(/images/puce_export.gif) 0px center no-repeat; padding-left:15px; }
        #resultat .similititre { background:url(/images/separation.gif) 0px center no-repeat; text-decoration: none; color: White; padding-left:15px; }
        #resultat .similititrea { text-decoration: none;color: White;  }
        
/*--------------- Page AIDE ... --------------------*/

#aide { width:97%; margin:0px auto; padding:0; background:#00A2FF; margin-top: 20px;}
        #aide table { border:0px black solid; border-collapse:collapse; font-size:1.2em;}
        #aide table th { text-align:left; color:white;  font-weight:normal; background:url(/images/tablemosaic1.gif) repeat; height:30px;}
        #aide table tr { height:20px; background:url(/images/mosaicBG.gif) repeat;}
        #aide table .tr1 { background:url(/images/tablemosaic2.gif) repeat; height:30px; margin-bottom:20px; margin-top:20px; }
        #aide table .tdfond { background:url(/images/tablemosaic2.gif) repeat; }
        #aide table .tr2 { background:url(/images/exportBG.gif) repeat; height:32px; }
        #aide table .tr2b { }
        #aide table .tr3 { background:url(/images/tablemosaic3.gif) repeat; }
        #aide table .td1 { background:url(/images/tablemosaic2.gif) repeat; text-align:center; }
                        
        #aide table h1.titre{padding-left:15px; text-align: center; font-size: 20px; color: white; font:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-bottom:20px ; margin-top:20px; font-weight:normal; }
        #aide td h1{padding-left:15px; text-align: left; font-size: 16px; color: Black; font:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-bottom:20px ; margin-top:20px;  font-weight:bold;}
        #aide td h2{padding-left:15px; text-align: left; font-size: 14px; color: #0096FF; font:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom:15px ; margin-top:25px; font-weight:bold;}
        #aide td p{padding-left:15px; text-align: left; font-size: 12px; color: Black; font:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px ; margin-top:10px; }
        


/*--------------- BOUTONS --------------------*/
#boutons { margin-left:10px; }
.bouton { color:white; background:#0096FF; font-weight:bold; padding:2px; text-decoration:none; font-size:0.8em; border:1px black solid; }
.bouton:hover { color:#0096FF; background:white; border:1px black solid;}
.recherche { color:black; background:white; font-weight:bold;
 padding:2px; line-height: 10px; height:18px; :none; font-size:0.8em; border:1px black solid; }




/*--------------- BOUTON --------------------*/
#legende { font-size:1em; margin-left:30px;}




        
/*---------------PROGRESSION --------------------*/


DIV.progr {     position: relative;
width: 400px;
border: 1px solid Navy;
background-color: #F0FFFF;
height: 150px;
vertical-align: middle;
padding-left: 25px; }


DIV.progr {
        position: relative;
        width: 400px;
        border: 1px solid Navy;
        background-color: #F0FFFF;
        height: 150px;
        vertical-align: middle;
        padding-left: 25px;
}


/*--------------RESULTATS--------------------*/


div.vs2 {


font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
border:0px solid  #000000;
}


span.CRS {
background-color: #000000; 
width:3px; 
height:10px
        float: left;
}




div.SM {
height: 20px
margin-top: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
} 

