/***********************************/
/*feuille de styles cluster GOSPI */
/***********************************/

/*généralités */

 body { 
    background-repeat: repeat-x;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    color: rgb(68,50,0); /*vert-brun */
    font-size: 12px;
    background-image: url(fond.gif);
    padding: 0;
    margin:0;
    background-color: white;	
    background-position: 0 0;
  }


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

br.both {
clear:both;
visibility:hidden;
}

/****************************/
/* liens sur tout le site */

a { 
    color: rgb(173,171,0); /*vert-jaune clair*/
    text-decoration: none;
    }

a:hover {
  color: rgb(96,43,46);/*brun*/
  text-decoration: none;
/*  font-weight:bold;*/
    }
a img {
	border:0;
    }

/***position du logo*******/

#logo {
margin:0;
padding:0;
width:800px;
height:233px;
background-image:url(logo-accueil.gif);
background-position: 0 0;
background-repeat:no-repeat;
z-index:10;

}

#logo img{
/*position:absolute;*/
margin:0;
padding:0;
}

/***position du logo accueil*******/

#logo_accueil {
margin:0;
padding:0;
width:800px;
height:233px;
background-image:url(logo-accueil.gif);
background-position: 0 0;
background-repeat:no-repeat;
z-index:10;

}

#logo_accueil img{
/*position:absolute;*/
margin:0;
padding:0;
}




/****************************/
/* menu principal horizontal*/


#menu_horiz { 
position:absolute;
    top: 94px;
    left: 130px;
    font-weight:bold;
    }

#menu_horiz ul{ margin: 0;
    padding: 0;
    list-style-type: none;
    }

#menu_horiz li { 
  float: left;
	margin: 0 10px;
    text-transform:none;
    }

#menu_horiz a { 
    color: white;
    text-decoration: none;
    }

#menu_horiz a:hover {
    color: rgb(68,50,0);
    text-decoration: none;
    }


#menu_horiz  li.lien_actif_on a{
    color: rgb(68,50,0);
}


/* pour les paragraphes de la page d'accueil */

#texte-accueil {
/*position:absolute;*/
font-size:0.9em;
margin-top:-80px;
margin-left:200px;
width:400px;
text-align: justify;
}
#texte-accueil H1 {
width:500px;
font-size:1.1em;
}
#texte-accueil .ligne_date_breve{
margin-top:5px;
}

#texte-accueil .titre_breve{

font-weight: bold;
margin-bottom:5px;
}

#texte-accueil .date_breve{

color: #adad00;
position: relative;
    top: -15;
text-align:right;
margin-right:15px;
}
#texte-accueil .lien_breve{
margin-top:5px;
}

.accueil_documents{

font-size:1em;
text-align :center;

}
.accueil_documents img.spip_logos{
margin-top:20px;border:1px solid grey;
margin-bottom:3px;}

/* emplacements accueil, a gauche */
#les_news {
position:absolute;
top:240px;
left:20px;
width:170px;
font-size:0.9em;
}

.news a {
text-decoration: none;
}

.news a:hover { 
 text-decoration: underline;
 }


.news li {
display : list-item;
margin-left:15;
line-height:1.4em;
list-style-image : url(puce.gif);
}



/****************************/
/* contenu rubriques et articles*/

#centre {
margin-top:-30px;
padding:0;
padding-top:-30px;
width:100%;
min-height:300px;
height:auto !important;
height:300px;
z-index:10;
}

#contenu { 
padding:0;
margin:0;
width:100%;
/*position:absolute;*/
z-index:20;
font-size:0.9em;
/*margin-top:-50px;*/
margin-left:200px;
width:400px;
min-height:300px;
height:auto !important;
height:300px;
text-align: justify;

font-weight: normal;
background-color: white;
padding:0;
    }

#contenu H1 {
    font-weight: bold;
   font-size: 1.3em;
    text-transform:uppercase;
text-align: left;
}
#contenu li {
display : list-item;
margin-left:15;
line-height:1.4em;
list-style-image : url(puce.gif);
list-style-position: outside;
}
h3.spip {
padding:0;
margin:15px;
}

#contenu h3 {
font-size:1.3em;
font-weight:bold;

}
/*arborescence, barre de navigation*/

.arbo {
float:right;
margin-top:-50px}

#navig{
position:absolute;
left:150px;
top:155px;
font-size:0.9em;
}

.typo_hierarchie {
}

.typo_hierarchie a{
/*    color: rgb(173,171,0);*/ /*jaune-vert*/
    font-style:italic;
}

/* documents et tableaux : positionnement */

.spip_documents {
font-size:0.8em;
margin:0;
padding:0;
}

.spip_documents_left {
margin-top:2px;
margin-left:0px;
margin-right:15px;
margin-bottom:5px;
}
.spip_documents_center {
width:400px;
text-align:center;
margin-top:2px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}
table.spip {
width:80%;
line-height:0.9em;
font-size:0.9em;
border:1px solid;
}


img.spip_logos{
margin:0;
padding:0;
}

/***************/
/*gestion du menu de bas de page */
#menu-bas{
position:relative;
clear:both;
 background-image: url(bandeau-bas.gif);
    background-repeat: no-repeat;
    background-position: left top;
margin-top:20px;
padding:0;
height:44px;
line-height:18px;

}
#texte-bas{ 
margin-left:60px;  
height:44px;
width:550px;
font-size:0.8em;
}
#texte-bas li{
float:left;
list-style-type:none;
margin-right:20px;
}
#texte-bas li a{
color:white;
text-decoration:none;
}

#texte-bas li a:hover 
{ 
 color: rgb(96,43,46);
  text-decoration: none;
 }

.tout_en_bas {
padding:0;
margin:0;
margin-top:-1px;
text-align:right;
vertical-align:top;
}
.tout_en_bas img {
vertical-align:middle;
margin-left:3px;
}

/* documents accueil */
#docs-accueil {
position:absolute;
left:630px;
top:165px;
width:200px;
font-size:0.9em;
margin-bottom:15px;
}

/* documents articles */
#docs-article {
position:absolute;
left:630px;
top:200px;
font-size:0.9em;
margin-bottom:15px;
}


/***************/
/*  formulaire admin (recalcul, edition)*/

#formulaire_admin {
position:absolute;
top:0;
left:444px;
}


/* ruses pour contourner les bugs d'IE pour compenser min-height*/

.prop {
    float:right;
    width:1px;
  }
.min300px {
    height:300px;
  }
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


/**** gestion des liens de cote ********/

#liens_meme_niveau, #liens_niveau_inf {
float:left;
/*margin-top:22;
margin-left:350;*/
width:175px;
margin:0;
padding:0;
padding-left:10px;
}
#liens_meme_niveau li , #liens_niveau_inf li{
display : list-item;
padding-left:3px;
line-height:1.4em;
margin:1.2em;
list-style-image : url(puce.gif);
font-size:0.9em;
list-style-position:outside;
}
/** pour differencier l'article courant ***/
.expo_on {
    color: rgb(68,50,0); /*vert-brun */
}
/**formuliare liste de diffusion***/
.formulaire_inscription{width:200px;}
.formulaire_inscription .forml{background:white;border:1px solid grey;}

#bd-affichage table {
font-size:1em;
border:1px solid;
}


#bd-affichage select, #corps select {
width:300px;
font-size : 11px;
}


/************* formulaires ***********/

.spip_forms textarea {
width:350px;
}


/******form recherche ***/
#recherche  {
background :white;
border:1px solid gray;
width:96%;
}