/*
 * Fichier de style cros.css pour Cros 0.2, par Pascal Choteau le 20 août 2008
 */

body#top {
	margin : 0;
	font-family : Arial,Helvetica,Verdana,sans-serif;
	background : #fff;
	font-size: 1em;	
}

/*
 * Reglages pour l 'ensemble du site
 */

img { border: 0; }


/*
 * Entete, hierarchie
 */
 
div#entete {
	position:absolute;
	left: 50%;
	margin-left: -410px;
	top: 0px;
	width: 819px;
	height: 183px;
}

div#hierarchie {
	position:absolute;
	left: 50%;
	margin-left: -334px;
	top: 149px;
	width: 480px;
	height: 34px;
	background: #fff;	
}

#hierarchie a {
	text-decoration: none;
	font-size: 0.8em;
	margin-left: 2px;
	color: #000;
}

/*
 * Bloc corps du site
 */

div#corps {
	position:absolute;
	width: 819px;
	left: 50%;
	margin-left: -410px;
	top: 183px;
	padding: 0;
	background : url(images/fond_corps.png) repeat-y;
}

div#authentification {
	display: block;
	margin-left: 100px;
	width: 395px;
	margin-top: 40px;
}

/*
 * Partie gauche du site, menus rubriques
 */

div#gauche {
	float: left;
	clear: both;
	width: 199px;
	margin: 0;
	padding: 0;
}

#gauche ul {
	display: block;
	width: 199px;
	margin:0;
	padding:0;
	list-style: none;
}

#gauche ul ul {
	display: block;
	margin:0;
	padding:0;
	list-style: none;
}

#gauche ul li {
	display: block;
	width: 199px;
	margin:0;
	padding:0;
	list-style: none;
}

#gauche ul ul li {
	display: block;
	margin:0;
	padding:0;
	list-style: none;
}

*html #gauche ul ul li {
	margin-top:-3px;
}

#gauche ul ul li.formation {
	background : url(images/fond_menu_formation.png) repeat-y;
}

#gauche a.menuf, a.menuc , a.menun , a.menus , a.menuo {
	display: block;
	text-decoration: none;
	width: 199px;
	margin: 0;
	padding:0;
	color: #fff;
}

#gauche a.menuf {
	background : url(images/menu_formation.png) no-repeat;
	height: 29px;
}

#gauche a.menuc {
	background : url(images/menu_contacts.png) no-repeat;
	height: 24px;
}

#gauche a.menun {
	background : url(images/menu_nouveautes.png) no-repeat;
	height: 22px;
}

#gauche a.menus {
	background : url(images/menu_suggestions.png) no-repeat;
	height: 22px;
}

#gauche a.menuo {
	background : url(images/menu_outils.png) no-repeat;
	height: 32px;
}

#gauche a.ssmenu {
	display: block;
	width: 160px;
	text-decoration: none;
	margin: 0 0 0 30px;
	padding:0;
	font-size: 0.77em;
	color: #002;
}

#gauche a.ssmenu:hover , a.on {
	color: #fff;
}

/*
 * Partie centrale du site
 */

div#contenu {/* partie centrale du site */
	float: left;
	width: 442px;
	margin: 0;
	padding: 0;
}
div#contenu_marge {
	width: 438px;
	margin: 0 2px 0 2px;
	padding: 0;
}


div#contenu_seul {/* partie centrale du site + partie droite */
	float: left;
	width: 584px;
	margin: 0;
	padding: 0;
	background : url(images/fond_contenu_seul.png) repeat-y;
}

/*
 * Menus hyperliens et cadres du bloc Contenu (partie centrale)
 */


img.prive {
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: top;
}

img.bouton {
	float: left;
	margin: 2px 0 0 6px;
}

*html img.bouton {
	margin-top: 12px;
}

img.petit_bouton {
	float: left;
	margin: 4px 0 0 25px;
}

h2.fiche , h2.rubrique {
	text-decoration: none;
	margin: 10px 3px 2px 25px;
}

h2.fiche {
	font-size: 1em;
	color: #38a82c;
}

h2.rubrique {
	font-size: 0.9em;
	color: #000;
}

img.inscription {
	float: right;
	margin: 10px 0 0 5px;
}

h3.rubrique_fiche {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #38a82c;
	margin: 2px 0 2px 40px;
	border-bottom: 1px dotted #ccc;
}

a.sommaire {
	text-decoration: none;
	color: #000;
	font-size: 0.7em;
}
	
p.detail {
	margin: 0 0 0 50px;
	color: #1f4167;
	font-size: 0.9em;
	font-style: italic;
}

div.retrait {
	font-size: 0.9em;
	margin: 0 0 0 50px;
}

div.texte {
	margin: 5px 5px 5px 40px;
	text-align: justify;
	font-size: 0.9em;
}

div.nettoyeur {
	clear:both;
	margin: 0;
	padding 0;
	border: none;
}

table.resultat {
	border: 2px outset #CCC;
	padding: 2px;
}

th.gras {
	border: 1px solid #CCC;
	font-size: 0.85em;
	font-weight: bold;
}

td.fin {
	border: thin solid #6495ed;
	font-size: 0.7em;
}

h2.forum-repondre, h2.forum-decompte {
	background: #eeeeec;
	color: #000;
}

h2.forum-repondre a {
	color: #000;
}
/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}	

/*
 * Partie droite du site
 */

div#droite {
	float: left;
	width: 178px;
	margin: 0;
	padding: 0;
}

#droite div.haut{
	display: block;
	overflow:hidden;
	width: 178px;
	height: 30px;
	margin: 0;
	background : url(images/fond_haut_droite.png) repeat-y;
}

#droite h2 {
	line-height: 11px;
	font-size: 0.72em;
	font-weight: bold;
	color: #f0bb39;
	margin: 7px 44px 1px 12px;
}

#droite div.milieu , div.milieu_exterieur {
	display: block;
	overflow:hidden;
	width: 178px;
	margin: 0;
}

*html #droite div.milieu , div.milieu_exterieur {
	margin-top: -2px;
}

#droite div.milieu {
	background : url(images/fond_menu_droite.png) repeat-y;
}

#droite div.milieu_exterieur {
	background : url(images/fond_bloc_droite.png) repeat-y;
}

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

#droite ul li {
	list-style: none;
	margin:0;
	padding:0;
}

#droite ul li.menu-item {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 80%;
}

#droite a , a.recherche {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.65em;
	color: black;
	margin: 0 53px 0 20px;
}

#droite a.recherche {
	margin: 0 15px 0 5px;
	font-size: 0.7em;
}

*html #droite a  {
	padding: 0;
	margin-bottom: -20px;
}

*html #droite a.recherche {
	margin: 0px 10px 10px 10px;
}
#droite a:hover {
	color: blue;
}

select.droite {
	font-size: 0.8em;
}

#droite a.alea {
	margin: 0 5px 0 5px;
}
*html #droite a , a.alea {
	padding: 0;
	margin-bottom: -20px;
}

/*
 * Pied de page
 */

div#pied {
	clear: both;
	width: 819px;
	height: 153px;
	margin-top: 0px;
	padding: 0;
}

/*
 * Recherche et surlignage
 */

input.formrecherche {
	height:16px;
	width: 120px;
	background: #fff;
	padding:0px 0px 0px 5px;
	line-height: 16px;
	margin: 4px;
	background-color: #fff;
	border: 1px inset #68D055;
}

span.spip_surligne { 
	background-color: #FFFF66; 
}

/*
 *  Pagination et index alphabetique
 */
div.pagination {
	margin: 3px 10px 5px 10px;
	display: block;
	height: 14px;
}

a.lien_pagination, span.on {
	margin-left: 2px;
	display: block;
	float:left;
	text-decoration:none;
	height:16px;
	text-align: center;
	color:#000;
	background: #aeaeae;
	width: 16px;
	line-height: 16px;
	font-size: 0.8em;
	border: 1px inset #68D055;
}

a.lien_pagination:hover {
	background: #fff;
	border: 1px outset #68D055;
}

a.lien_pagination:visited {
	background: #ececec;
}
a.lien_pagination:visited:hover {
	background: #fff;
}
span.on {
	text-decoration:none; 
	background-color:#FFCC00;
	border: 1px outset #68D055;
}
	
#expose {
	text-decoration:none; 
	background-color:#FFCC00;
}

div.spip_form_champ {
	font-size: 0.8em;
}