/**********************************
 *          Classes SPIP          *
 **********************************/
.spip_logos {
}

img.bordure {
  margin-left: 2px;
  border: 1px solid black;
}

* {
  margin: 0;
  padding: 0;
}

p.spip {
  margin-top: .8em;

}

.spip_puce {
  margin-left: 10px;
}

.forml {
   width: 100px;
   padding: 1px;
   border: 1px solid #666;
   font-family: Thaoma;
   font-size: 12px;
}


/**********************************
 *         Classes perso          *
 **********************************/




#actualites {
  z-index:2;
  float:left;
  font-family: Tahoma;
  font-size: 11px;
  margin-left: 12px;
}

#actualites a{
  text-decoration: none;
  color: #000066;
  font-weight: bold;
}

#actualites a:hover{
  text-decoration: none;
  color: #000066;
  font-weight: bold;
}

#actualites li{
  padding-left: 0px;
  margin-left: 0px;
  list-style: url("images/pucebleue.gif") inside;
}

#actualites ul
{
    list-style: none;
    margin-left: 14px;
    padding-left: 3px;

}



#contenumention {
  font-family: Thaoma;
  font-size: 12px;
  text-align: justify;
  color: #000;
  line-height: 15px;
}


#contenu {
  font-family: Thaoma;
  font-size: 12px;
  color: #000;
  line-height: 18px;
  width: 525px;
  padding-left: 8px;



}

#contenu a {
text-decoration: none;
color: #CC0000;

}

#contenu a:hover{
  text-decoration: none;
  color: #CC0000;
}


#titrearticle {
  font-family: Garamond;
  font-size: 18px;
  color: #CC0000;
  line-height: 20px;

}

#contenueeeeeeeee li       /*Pour styler tes éléments de liste <li>*/
{
    padding-left: 0px;
    margin-left: 0px;
    list-style: url("images/puces.jpg") inside;
}

#box {
  position:absolute;
  z-index:2;
  visibility: visible;
  left:775px;
  top:80px;
  background: #FFFFFF;
  padding: 5px;
  font-family: Tahoma, Verdana;
  font-size: 12px;
  color: #003366;
}

#contenupopup {
  font-family: Tahoma;
  font-size: 14px;
  color: #003366;
  text-align:justify;
  margin-left:10px;
  margin-right: 20px;
  margin-top:20px;
}




/**********************************
 *      Barre  Navigation         *
 **********************************/

.introactualites {
  z-index:2;
  font-family: Tahoma;
  font-size: 10px;
  color:#999999;
}

.titre_nav {
  padding-left:10px;
  font-family: Thaoma;
  font-size: 10px;
  color: #333333;
  line-height:10px;
  text-decoration: none;

}

.texte_nav {
  font-family: Thaoma;
  font-size: 10px;
  Line-height: 10px;
  color: #CC0000;
}




/**********************************
 *      Fin  Navigation           *
 **********************************/

 /**********************************
 *        Menu                    *
 **********************************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {

}

#menu dl {
float: left;
width: 130px;

}
#menu dt {
padding-top: 2px;
padding-bottom: 2px;
cursor: pointer;
text-align: left;
font-weight: bold;
font-size: 12px;
background: #ACCCDB;
border: 1px;
margin: 1px;
}
#menu dd {
display: none;
border: 1px;
width: 158px;
margin-left: 5px;

}
#menu li {
text-align: left;
font-size: 11px;
text-indent: 3pt;
background: #CD3333;
}
#menu li a, #menu dt a {
text-align: left;
font-size: 11px;
text-indent: 3pt;
color: #FFFFFF;
text-decoration: none;
border: 0 none;
margin-left: 0px;
padding-left:0px;

}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #D76363;
margin-left: 0px;
padding-left:0px;
color: #FFFFFF;
}


/**********************************
 *        Fin Menu                *
 **********************************/
 
 
/**********************************
 *        debut Menu dynamique    *
 **********************************/


ul#menulistbis li ul{ display:none; }

ul#menulistbis li:hover>ul{ display:block; }

ul#menulistbis, ul#menulistbis ul{
  background: #ACCCDB;
  list-style:none;
  margin:0px;
  padding:0px;
  width:213px;
  font-size: 12px;
  line-height:22px;
  border: 1px solid #FFF;


}

ul#menulistbis ul{
  position:absolute;
  top:-1px;
  left:168px;
}

ul#menulistbis li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#menulistbis a{
  display:block;
  width:100%;
  color:#000000;
  text-decoration: none;
}

ul#menulistbis a:hover{

  background: #D76363;
  color: white;
}




/**********************************
 *        fin Menu dynamique      *
 **********************************/


/**********************************
 *        Menu droit              *
 **********************************/





ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; }
ul.plansite li {
  border-left: 1px solid black;
  color: black;
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid black; }
ul.plansite li strong {
  font-size: 105%; 
}
  
  
li.lien {
  background-image: url("images/fleche.png");
  background-repeat: no-repeat;
  padding-left: 20px;
}


a.lien {
  color: #006699;
  font-weight: bold;	
}
/**********************************
 *        debut baseline    *background-color: #B6D2E0;
 **********************************/
#baseline {

  padding-left:12px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  font-size: 10px;
  color: #C0C0C0;
  text-decoration: none;

}
#baseline a {
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  font-size: 10px;
  color: #C0C0C0;
  text-decoration: none;

}
#footer {
  clear:both;
  margin :0px
  width: 954px;
  background-image: url("images/footer.jpg");
  background-repeat: repeat;
}   

#footerbarre {
  background-image: url("images/menu_bas.jpg");
  background-repeat: no-repeat;
  float:right;
  width:120px;
  height:21px;
  z-index:3;
  padding-top:5px;
   padding-right:16px;
  text-align:right;
  font-family: Tahoma, Verdana;
  font-size: 10px;
  color:#999999;
}


#footerbarre a {
  font-weight: bold;
  text-decoration: none;
  color:#999999;

}

#footerbarre a:hover{
  text-decoration: none;
  font-weight: bold;
  color:#999999;
}