body{
  margin:0;
  padding:0;  
  background: url(img/bg_header.png) repeat-x;
  font-size:13px;
  font-family:Verdana;
  color:black;
  background-color:white;
}
a{
  color:#006699;
}

#main, #footer, #header h1, #content_panel{
  margin:0 auto;
  width:960px;
    /*border:1px solid red;*/
}

#header h1{
  background: url(img/bibliocast_logo_fr.png) repeat-x;
  text-indent:-9999px;
  display:block;
  height:183px;
  
}
/*-------------------------------------------*/
/*-------------- PANEL ----------------------*/
/*-------------------------------------------*/
#panel{
  background: url(img/bg_top.jpg) repeat-x;  
  background-position:bottom;
  position:absolute;
  width:100%;
  z-index:500;
}

.open_panel{
  height:100px;
}
.close_panel{
  height:35px;  
}

.open{
  background: url(img/btn_compte_fr.gif) no-repeat;
  display:block;
  height:23px;
  width:121px;
  text-indent:-9999px;
  margin-top:5px;
}

.cancel{
  background: url(img/btn_annuler_fr.gif) no-repeat;
  display:block;
  height:23px;
  width:121px;
  text-indent:-9999px;
  margin-top:5px;
  padding-top:2px;
}

body.ie78 .cancel, body.ie6 .cancel{
   
   padding:0;
}
#logform{
  padding-top:20px;
}
.label{
  font-size:.8em;
  padding-bottom:2px;
}
/*-------------------------------------------*/
/*-------------- FLAGZONE -------------------*/
/*-------------------------------------------*/
#flagzone{  
  background: url(img/bg_lang.gif) no-repeat;
  display:block;
  height:23px;
  width:121px;
  text-indent:-9999px;
  
  float:right;
  position:absolute;
  top:5px;
  margin-left:870px;
  
}
#flagzone ul{
  list-style: none;
  margin-top:6px;
  margin-left:6px;
}
#flagzone ul li{
  display:inline;
  float:left;
  padding:0 5px;
}
.flag{
  text-indent:-9999px;
    height:11px;
  width:16px;
  display:block;
}
.fr{
  background: url(img/fr.png) no-repeat;
}
.en{
  background: url(img/en_off.png) no-repeat;
}
.pt{
  background: url(img/pt_off.png) no-repeat;
}
.es{
  background: url(img/es_off.png) no-repeat;
}

/*-------------------------------------------*/
/*-------------- FOOTER ---------------------*/
/*-------------------------------------------*/
.clearfooter {  height: 50px; clear: both;}
#footer{  background: url(img/bg_footer.jpg) no-repeat;  height:70px;  font-size:.8em; }
#footer a{  text-decoration:none;  color:#999;}
#footer a:hover{  color:#003366;}
#footer ul{  list-style: none;  padding-top:44px;  padding-left:150px;  padding-bottom:50px;}
#footer ul li{  display:inline;  }
#footer ul li a{  padding:5px;  display:block;  float:left;  margin-right:10px;}
#soslink a{  background:url(img/btn_sosinformatique.com.png) no-repeat top;  display:block;  height:26px;  width:84px;  text-indent:-9999px;  position:relative;  margin-top:-52px;  margin-right:50px;  float:right;  padding:0;}
#soslink a:hover{  background-position:bottom;    background-color:#fff;}
/*-------------------------------------------*/
/*-------------- MAIN -----------------------*/
/*-------------------------------------------*/
#main{
  text-align:justify;
  padding-top:30px;
  padding-left:70px; /* peut être a dégager... */
}
h2{
  color:#003366;
  font-size:25px;
  padding:20px 0;
}
/*-------------------------------------------*/
/*-------------- INDEX ----------------------*/
/*-------------------------------------------*/
#anim{  margin-left:30px;  position:relative;  float:left;}
#decouvrez{  position:relative;  float:left;  width:330px;}
h2#ambition{    position:relative;  float:left;  margin-top:10px;  padding-right:20px;}
ul#home{  background-color:#DBEDFF;  padding:15px;  width:450px;    position:relative;  float:left;}
ul#home li{  list-style-type: disc;  padding-bottom:10px;  margin-left:10px;}
/*-------------------------------------------*/
/*-------------- METIER ---------------------*/
/*-------------------------------------------*/
.bigger, h3{  font-size:20px;  padding-bottom:15px;}
ul#principe li{list-style-type: disc;  padding-bottom:10px;  margin-left:20px;}
.blue{  background-color:#DBEDFF; }
.blue tr td{  vertical-align:middle;  padding:7px;}
/*-------------------------------------------*/
/*-------------- FAQ ------------------------*/
/*-------------------------------------------*/
ul#faq, ul#proc{  padding:15px; }
ul#faq{background-color:#DBEDFF;  }
ul#faq li, ul#proc li{  list-style-type: disc;  padding-bottom:10px;  margin-left:10px;}
.qr{  padding-bottom:30px;}
/*-------------------------------------------*/
/*-------------- CONTACT --------------------*/
/*-------------------------------------------*/
#gauche, #droite{
  position:relative;
  float:left;
}
#gauche{
  width:500px;
  padding-right:50px;
}
table{
  padding-left:20px
}
table tr td input{
  width:200px;
}
label{
  font-size:11px;
} 
div.hr {  margin-top:15px; height: 15px;  background: url(img/dotted.gif) repeat-x; width:96%;}
div.hr hr {  display: none;}

#ombre {
    background-image:url(../style/img/cube_shadow.jpg);
    margin-top:45px;
    width:600px;
    height:340px;
    background-repeat:no-repeat;
    background-position:bottom;
    float:right;
    margin-left:-50px;
}
#cu3er-container{
    width:600px;
    
    
    text-align:center;
    
    
    font-family: Georgia,'Times New Roman',times,serif;
}

#texteGauche{
    width:400px;
    text-align:left;
    float:left;
    text-align:justify;
    
}

#texteDroite{
    width:400px;
    text-align:left;
    float:left;
    margin-top:-100px;
    margin-left:70px;
    text-align:justify;
    
}