/*intro*/
#intro{
  width:800px;
  height:300px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-400px;
  margin-top:-150px;
  text-align:center;
}

p.intro{
  color:#003399;
  font-size:11px;
}


/*contenu*/
body{
  margin:0;
  padding:0;
  background-image:url(../graphisme/carre.jpg);
  font-family:Arial, Verdana, Serif;
}

#container{
  width:90%;
  position:absolute;
  top:3%;
  left:5%;
  background-color:white;
  font-family:Arial,Verdana,Serif;
  font-size:13px;
  border:solid 2px #a0a0a0;
}

/*---------banner-------------*/
#banner{
  height:123px;  
  background-image:url(../graphisme/banner_fond.jpg);
  
}
#banner img{
  margin:0;
  Padding:0;
}
a.accueil{
  margin:0;
  padding:0;
  position:absolute;
  right:20px;
  top:13px;
  text-decoration:none;
  font-family:Arial Gras,Verdana,Serif;
  color:#039;
  font-weight:bold;
  font-size:16px;
}

#left{  
  float:left;
  width:230px;
  height:1000px;
  margin:0;
  padding:0;
  background-color:white;
  background-image:url(../graphisme/back_left.jpg);
  background-repeat:repeat-y;
  border-right:solid 1px #039;
}

    /*----- menu dans le left ------*/
           
      ul.menu{
        padding:0;
        margin:0;
        margin-left:23px;
        list-style-type:none; 
      }
      
      ul.menu li.li_menu{
        margin-top:11px;
        list-style-image:none;
        background:url(../graphisme/puce.png) no-repeat left top; 
        
        margin-left:4px;        
        padding:0;
        padding-left:15px;
        text-decoration:none;
        font-size:14px;
        color:#039;
        font-weight:bold;  
      }
      
      
     
      
      
      ul.menu li.li_menu ul.smenu{
        margin:0;
        margin-left:33px;
        padding:0; 
        list-style-type:none;
        display:none; 
      }
      
      ul.menu li.li_menu:hover ul.smenu{
         display:block; 
      }
      
      
      ul.menu li.li_menu ul.smenu li{
        margin-top:5px;
        list-style-image:url(../graphisme/fleche_puce.png);
      }      
      
      ul.menu li.li_menu ul.smenu a{
        font-family:Arial Gras,Verdana,Serif;
        margin:0;
        padding:0;
        text-decoration:none;
        color:#0066cc;
        font-size:12px;
        font-weight:none;
      }
a.news{
  background:url(../graphisme/fleche_puce.png) no-repeat;
  color:#0066cc;
  margin:10px 0 0 0;
  padding:2px 0 0 13px;
  text-decoration:none;
  font-weight:bold;
}
a.news:hover{
  
  color:#003366;
}

/*-----contenu-----*/
#contenu{
  padding:0 10px 0 250px;
}

h2{
  margin:30px 0 10px 0;  
  padding:0;
  color:#0066cc;
}

h2.rappel{
  color:#cc0000;
  font-size:18px;
}

tr,th,td{
  border:solid 1px white;
  padding:2px 10px 2px 10px;
  border-collapse:collapse;
}

tr.titre{
  background-color:#0066cc;
  color:white;
  font-weight:bold;
}

tr.vacance{
  background-color:#ffcc66;
}

tr.activite{
  background-color:#ccff99;
}

tr.conference{
  background-color:#ff9933;
}

tr.bulletins{
  background-color:#ccccff;
}

h4{
  margin:0;
  padding:20px 0 0 5px; 
  font-size:14px;
}

img{
  margin:20px 15px 5px 0;
}

img.news{
  margin:5px 10px 5px 0;
  padding:0;
  float:left;
}

img.galerie{
  margin:5px;
  padding:0;
}

img.pub{
  margin:0 0 5px 0;
  padding:3px;
  background-color:#ffcc66;
}
img.left{
  float:left;
}

div.newderoulant{
  width:650px;
  height:800px;
  overflow:auto;
  float:left;
}

table.new{
  margin:0;
  padding:0;
}
table.new tr{
  margin:0;
  padding:0;
}
table.new tr td{
  margin:0;
  padding:0;
}


table.new tr td.bottom{
  border-bottom: dashed 1px #0066cc;
  padding-bottom:15px;
}

h4.new{
  margin:10px 0 0 0;
  padding:0 0 0 15px;
  background:url(../graphisme/carre_puce2.gif) no-repeat;
}

dt{
  margin-top:10px;
  font-weight:bold;
}

dd{
  margin:0;
  margin-left:10px;
  padding:0;
}

a.article{
  text-decoration:none;
  color:#66ff33;
  font-size:14px;
  font-weight:bold;
  padding-right:5px;
}

a:hover.article{
  color:#339900;
}

p{
  margin:0;
  padding:10px 0 0 15px;
}

ul{
  list-style-type:none;
  list-style-image:url(../graphisme/carre_puce.gif);
}

li{
  margin-top:10px;
}
div.right{  
  float:right;
}

div.boox{
  width:200px;
  margin:5px;
  border:solid 1px #0066cc;
}

div.titre_boox{
  width:200px;
  background:#0066cc;
  color:white;
  height:20px;
}

div.contenu_boox{
  margin:0 0 5px 0;
}

h5{
  margin:0 0 0 5px;
  padding:0;
  color:white;
  font-size:12px;
}






        /*-----------affichage de connexion---------*/
          label.ok{
            color:#339900;
            font:12px Arial,Verdana,Serif;
          }
          label.nonok{
            color:#cc3300;
            font:12px Arial,Verdana,Serif;
          }
          
          label.info_form{
            font:11px Arial,Verdana,Serif;
            color:#b0b0b0;
          }


/*-- foter --*/
#footer{
  margin:0;
  height:80px;
  clear:both;
  background-image:url(../graphisme/footer_fond.jpg);
}

#footer img{
  margin:0;
  Padding:0;
}