/****************************************************************************************************************************

  MODULE MUT_ACTUALITES

 ****************************************************************************************************************************

 @fichier  : liste.css
 @chemin   : /_modules/mut_actualites/site/_template/css/
 @auteur   : David COUMANS (http://www.ginko-web.com) et Jérémy SAMOYEAU (http://www.autodidacte.net)
 @creation : 01/04/2006

 ****************************************************************************************************************************

 Utilité : feuille de styles de la liste des articles

 ***************************************************************************************************************************/

#mod_recherche {
float: left;
margin: 0;
padding: 2px 0 0 150px;
height: 20px;
color: #4b4b4b;
background: #fff url(../img/fond_recherche.gif) no-repeat 0 0;
}

#mod_recherche select {
margin: 0 20px 0 0;
padding: 0;
color: #4b4b4b;
font-size: 1em;
}

#mod_recherche span.nbre {
margin: 0 15px 0 0;
padding: 0;
}

#champs_recherche {
margin: 0;
padding: 0;
float: left;
}

#compteur {
margin: 5px 20px 0 0;
padding: 0;
float: right;
}

#compteur p {
float: left;
margin: 0;
padding: 0 5px 0 5px;
color: #fd742e;
}


#compteur a.precedent {
display: block;
float: left;
margin: 2px 0 0 0;
padding: 0;
width: 7px;
height: 10px;
background: transparent url(../img/picto_fleche_gauche.gif) no-repeat center top;
}

#compteur a.precedent:hover {
background-position: center bottom;
}

#compteur a.suivant {
display: block;
float: left;
margin: 2px 0 0 0;
padding: 0;
width: 7px;
height: 10px;
background: transparent url(../img/picto_fleche_droite.gif) no-repeat center top;
}

#compteur a.suivant:hover {
background-position: center bottom;
}


#mod_liste {
margin: 0 0 20px 0;
padding: 0;
}


#mod_liste div.article {
margin: 30px 0 0 0;
padding: 0;
}

#mod_liste div.article h4 {
display: inline;
font-size: 1em;
}

#mod_liste div.article .titre {
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
}

#mod_liste div.article .titre:hover {
text-decoration: underline;
color: #60771D;
}

#mod_liste div.article .categorie {
margin: 0 0 0 10px;
padding: 0;
font-size: 1em;
font-style: italic;
color: #aaa;
}

#mod_liste div.article p {
margin: 3px 0 0 0;
padding: 0;
}

#mod_liste div.article p img {
margin: 3px 5px 0 0;
float: left;
}


#mod_liste div.article a.suite {
display: block;
float: left;
margin: 0 20px 0 0;
padding: 0;
color: #fd742e;
text-decoration: none;
}

#mod_liste div.article a.suite:hover {
text-decoration: underline;
}