/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body { 
	background: #FFFFFF url(img/fond_body.gif) top left repeat-x;
	font-size: 0.8125em;
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	color: #333;
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; letter-spacing: 0.5em; word-spacing: 0.5em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */

/* Citations, code et poesie */

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */


/* bloc en general */
#contenant {
	width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
}

/* haut de page */
#haut {
	width: 97%;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
}
/* entete */
#entete {
	width: 100%;
	height: 160px;
	background: url('img/fond_entete.gif') no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
	position: relative;

}

#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }


}
/* ------------------------------------------
/* Menu a bosser
/* ------------------------------------------ */


#entete .spip_logos {
	margin-left: 10px;
}

#entete a .spip_logos {
	display: block;
	border: none;
	font-size: 1.5em; 
}
#entete #nom_site_spip {
	position: absolute; top: -3000em; height: 1%;
}
#entete a { text-decoration: none; }
#entete #nom_site_spip {padding-top: 40px; text-align: left;}
#entete #nom_site_spip, #entete a:hover  { 
	color: #f26522; }

#entete .formulaire_recherche { 
	float: left; 
	padding: 0.4em 0.8em 0 0.8em;
}
/*---------------- menu tab----------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#entete .menu {font-size:11px;padding:49px 16px 0 0; float:right; width:560px;}

/* remove all the bullets, borders and padding from the default list styling */
#entete .menu ul {padding:0;margin:0;list-style-type:none; height:28px; background:#330066;}

/* style the sub-level lists */
#entete .menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#entete .menu ul li {float:left;height:28px;line-height:28px;}

/* style the sub level list items */
#entete .menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
#entete .menu a, #entete .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#99FF00;background:#330066;padding:0 21px 0 17px;}
#entete .menu a.current{background:#CC99FF;}
/* style the sub level links */
#entete .menu ul ul a, #entete .menu ul ul a:visited {display:block;background:#330066; color:#99FF00;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
#entete .menu ul table ul a, #entete .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
#entete .menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
#entete .menu ul ul table {lef\t:-1px;}
#entete .menu ul ul table ul.left {margin-lef\t:2px;}

#entete .menu li:hover {position:relative;}
* html #entete .menu a:hover {position:relative;}

/* style the third level background */
#entete .menu ul ul ul a, #entete .menu ul ul ul a:visited {background:#CC99FF;}
/* style the fourth level background */
#entete .menu ul ul ul ul a, #entete .menu ul ul ul ul a:visited {background:#CC99FF;}
/* style the sub level 1 background */
#entete .menu ul :hover a.sub1 {background:#CC99FF;}
/* style the sub level 2 background */
#entete .menu ul ul :hover a.sub2 {background:#CC99FF;}

/* style the level hovers */
/* first */
#entete .menu a:hover {color:#330066;background:#CC99FF;}
#entete .menu :hover > a {color:#330066;background:#CC99FF;}
/* second */
#entete .menu ul ul a:hover{color:#330066;background:#CC99FF;}
#entete .menu ul ul :hover > a {color:#330066;background:#CC99FF;}
/* third */
#entete .menu ul ul ul a:hover {background:#CC99FF;}
#entete .menu ul ul ul :hover > a {background:#CC99FF;}
/* fourth */
#entete .menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#entete .menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0;width:14em;}

/* position the third level flyout menu */
#entete .menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
#entete .menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
#entete .menu ul li:hover ul, #entete .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
#entete .menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#entete .menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#entete .menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#entete .menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/* contenu de page */
#conteneur {
	width: 100%;
	height: auto;
	margin:auto;
	clear:both;
	background: url('img/fond_conteneur.gif') repeat-y;
}


/* colonne de navigation */
#navigation {
	width: 170px;
	float:left;
	margin-top: 0.1em;
	margin-left: 10px;
	padding: 5px 5px 5px 5px;
	background: #ccff99;
	line-height: 24px;
	vertical-align: middle;

}



/* contenu */
#contenu {
	width: 560px;
	margin-right: 25px;
	margin-left: 210px;
	line-height: 24px;
	

}

#contenu .titre{
	height: auto;
	padding-left: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	text-align: left;
	background-color: #CC99FF;
	color: #330066;
	font-family: Vernada, Geneva, Arial, sans-serif;

}

#blocgauche{
	margin-top: 0.5em;
	margin-right: 285px;
	width: 100%;
	padding-top: 15px;

}

.blocdroit1{
	float: right;
	width: 280px;
}

#blocgaucheA{
	margin-top: 0.5em;
	margin-right: 365px;
	width: 100%;
	padding-top: 15px;

}
.blocdroitA{
	float: right;
	width: 360px;
}

#blocgaucheP{
	margin-top: 0.5em;
	margin-right: 265px;
	width: 100%;
	padding-top: 15px;

}
.blocdroitP{
	float: right;
	width: 260px;
}
#blocgaucheN{
	margin-top: 0.5em;
	margin-right: 130px;
	width: 100%;
	padding-top: 15px;

}
.blocdroitN{
	float: right;
	width: 125px;
}
/* pied de page */
#pied {
	width: 100%;
	height: 50px;
	background: url('img/fond_pied.gif') no-repeat;
	line-height: 24px;
	text-align: center;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

.naviguer {
	
	text-align: left;

}

.menu-navigation {
	background-color: #CC99FF;
	color: #330066;
	font-family: Vernada, Geneva, Arial, sans-serif;
	font-style: normal;
	text-align: center;
}
.menu-navimot {
	background-color: #CC99FF;
	color: #330066;
	font-family: Vernada, Geneva, Arial, sans-serif;
	font-style: normal;
	text-align: center;
}
.liste_nav {

}
/* Portfolio */


/* Habillage des forums
---------------------------------------------- */

/* Habillage des forums */

/* Boite d'un forum : eclaircissement progressif des bords */

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */


/* Habillage des petitions
---------------------------------------------- */


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

/* Pagination */

/* Rubriques */

/* Listes d'articles et extraits introductifs */


/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #FC0; }

#haut a { color: #660099; text-decoration: none; }
#haut a:focus,#haut a:hover,#haut a:active { color: #CC99FF; }

/* Liens du pied de page */

#contenu a{
	color: #000;

}

#contenu a:focus, #pied a:hover, #pied a:active {
	color: #660099;

}

#pied a{
	color: #FF9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.9em;
	text-decoration: none;
}

#pied a:focus, #pied a:hover, #pied a:active { 
	color: #CC99FF;
}