@charset "utf-8";


/* Récapitulatif codes couleurs à utliser et taille police : 

Fond header : #CCCC99
Fond subheader : #999966
Fond page : #f5f6f4

Titre site : #FFFFFF ; taille : 16px bold
Surtitre page : #660000 ; taille 18px = H1
Titre page : #996600 ; taille : 20px = H2
Soustitre page : #000000 ; taille : 12px = H4
Titre paragraphe : #669900 ; taille : 14px = H3
Titre colonne : #669900 ; taille : 11px

Date : #669900 ; taille 10px

Liens navigation : #CCCC99
Liens background hover navigation : #996600
Liens texte hover navigation : #669900

Liens : #999966
Liens Hover : #669900

Texte : #666600 taille : 11px
PS : #666600 taille 11px
Quote : #69a2a8 10px

Texte navigation : #CCCC99 taille 10px




/***************************** STYLE DEFAULT *********************************************/

html, body {
	background-image: url(../images/bleu0.gif);
	background-repeat: repeat;
	font: 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
	height: 100%;
	margin: 0;
}

#general {
	background: #f5f6f4;
	width: 95%;
	min-height: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

img {
	border: 0;
	margin: 10px;
}

/******************** Placement des différentes parties de la page : entete, corps, pied de page et les trois colonnes *******/

#surentete {
background-image: url(../images/bleu0.gif);
	background-repeat: repeat;
	text-align: center;
	font: 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color:#FFFFFF;
}
#surentete img {
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: -1px;
	margin-left: 3px;
}

#entete {
	height: 120px;
	color: #f5f6f4;
	position:relative;
	background-color: #202b31;
}

#sousentete {
	height: 30px;
	background:  #6699cc;
	position:relative;
}

#corps {
	background: #f5f6f4 repeat;
	padding-bottom: 40px;
	overflow: auto;
}
#corps img {
	padding:1px;

	float:left;
	margin:0 10px 0 0;
	
}
#pied {
	background:#202b31;
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #FFFFFF;
}


/*************************** Placement des colonnes *******************************************/

#gauche{
	float: left;
	width: 20%;
	padding: 0;
}

#droite {
	float: right;
	width: 20%;
	padding: 0 10px;	
}

#centre {
	overflow: hidden;
	padding: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#centre li {
	list-style: none;
	background-image: url(../images/bullettitle.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	}

.date {
	color: #FFFFFF;
	font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}

/********************************** Mise en page des menus du site ***********************************/

/********************************* Menu horizontal *********************************************/

ul#menu_horizontal
{
	height: 30px ;
	margin: 0 ;
	padding: 0 ;
	background: #202b31; 0 ;
	list-style-type: none ;
}
  
ul#menu_horizontal li
{
	float: left ;
	text-align: center ;
}

ul#menu_horizontal li a
{
	width: 110px ;
	line-height: 30px ;
	font-size: 12px ;
	font-weight: bold ;
	color: #FFFFFF ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #FFFFFF;
}

ul#menu_horizontal li a:hover
{
	color: #222;
	background:#eee; repeat-x 0 ;
}

/************************ menu vertical **********************************************/

@charset "utf-8";
/* CSS Document */

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

ul#menu_navigation li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background:  #202b31;
	padding-left: 20px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	vertical-align: center;
	text-decoration: none;
}
ul#menu_navigation li a:hover {
	background-position: left bottom;
	color: #222;
	background: #eee; repeat-x 0 ;
}

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

ul#menu_navigation_membre li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #202b31;
	padding-left: 20px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	vertical-align: center;
	text-decoration: none;
}
ul#menu_navigation_membre li a:hover {
	background-position: left bottom;
	color: #222;
	background: #eee; repeat-x 0 ;
}

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

ul#menu_navigation_theme li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #202b31;
	padding-left: 20px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	vertical-align: center;
	text-decoration: none;
}
ul#menu_navigation_theme li a:hover {
	background-position: left bottom;
	color: #222;
	background: #eee; repeat-x 0 ;
}

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

ul#menu_navigation_themearticle li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #202b31;
	padding-left: 20px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	vertical-align: center;
	text-decoration: none;
}
ul#menu_navigation_themearticle li a:hover {
	background-position: left bottom;
	color: #222;
	background: #eee; repeat-x 0 ;
}

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

ul#menu_navigation_themebreve li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #202b31;
	padding-left: 20px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	vertical-align: center;
	text-decoration: none;
}
ul#menu_navigation_themebreve li a:hover {
	background-position: left bottom;
	color: #222;
	background: #eee; repeat-x 0 ;
}


ul#puce li {
	list-style: none;
	background-image: url(../images/bullettitle2.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: -20px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 15px;
	}


/******************************** Mise en page texte, titre (...) ******************************************/

#entete h1 {
	margin: 0;
	position: absolute;
	left: 10px;
	padding-left: 230px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 26px;
	font-variant: small-caps;
	padding-top: 20px;
}

#entete small {
	font: 17px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	position: absolute;
	text-align: left;
	
	width: 550px;	
	
}

#gauche h3 {
	font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31;
	padding: 0 10px;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

#gauche hr {
	border: 1px solid #CCCCCC;
	margin:0;
	width: 90%;
	padding: 0;
	margin: 0;	
	height: 1px;
}

#centre hr {
	border: 1px solid #CCCCCC;
	margin:0;
	width: 90%;
	padding: 0px;
	height: 1px;
}

#centre h1 {
	font: 18px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;
}

#centre h2 {
	font: 20px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;;
	color: #202b31;
	margin: 0;
}

#centre h3 {
	font: 16px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31;
	padding: 30px;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

#centre h4 {
	font: 14px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31;
	padding: 20px;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

#centre h5 { /* sert pour les titres des encarts */
	font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-variant: small-caps;	
}


#centre blockquote {
	font: 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #69a2a8;
	padding: 0 30px;
	margin: 0;	
}

#encartgauche {
	float: left;
	width: 30%;
	margin: 5px;
	padding: 5px;
	border: 1px solid #003300;
	background: #CCCC99;
}

#encartdroite {
	float: right;
	width: 30%;
	margin: 5px;
	padding: 5px;
	border: 1px solid #003300;
	background:#6699cc;
}

#droite h3 {
	font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #69a2a8;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

#droite h4 {
	font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31;
	padding: 0 20px;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

#droite h5 { 
	font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

#droite hr {
	border: 1px solid #CCCCCC;
	margin:0;
	width: 90%;
	padding: 0;
	height: 1px;
}

#droite p {
	
}

#pied p {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	padding: 0 10px;
	margin: 2px 0;
	text-align:center;

}

/******************************** Mise en page des liens ***************************************************/

#surentete a {
	color : #FFFFFF;
	text-decoration: none;
}

#surentete a:hover {
	color : #Fb9d3a;
	text-decoration: none;
}

#entete a {
	color : #FFFFFF;
	text-decoration: none;
}

#entete a:hover {
	color : #FFFFFF;
	text-decoration: none;
}

#gauche a {
	color :#202b31;
	text-decoration:none;
}

#gauche a:hover {
	color : #006AC3;
	text-decoration: underline;
}
	
a {
	color : #006AC3;
	text-decoration:underline;
}

a:hover {
	color : #006AC3;
	text-decoration: underline;
}

#droite h5 a{ 
	color: #000000;
	text-decoration: none;	
}

#droite h5 a:hover{ 
	color: #000000;
	text-decoration: none;	
}
#droite a {
	color :#006AC3;
	text-decoration:none;
}

#droite a:hover {
	color : #006AC3;
	text-decoration: underline;
}
#pied a {
	color: #FFFFFF;
	text-decoration: none;
}

#pied a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/********************************************* Tableaux ***************************************************/

table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #999999;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 5px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 5px; text-align: left; vertical-align: middle; border: 1px solid #CCCCCC;}

/********************************** Habillage des formulaires *****************************************************/
#formulaire {
	width: 80%;
	margin:0;
}

#formulaire form {
	margin:0;
	
}

#formulaire input {
	width: 80%;
	border: 1px solid #999999;
}

#formulaire input.validation {
	width: 60%;
	border: 1px solid #999999;
}

#formulaire small {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #6f6d6d;
}

#formulaire label {
	font : 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
	
}

#formulaire legend {
	font : small-caps 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
}


#formulaire p {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #6f6d6d;
}

#formulaire_recherche {
	width: 90%;
	margin:0;
}

#formulaire_recherche form {margin:0;}

#formulaire_recherche input {
	width: 100%;
	border: 1px solid #999999;
}

#formulaire_recherche input.validation {
	width: 60%;
	border: 1px solid #999999;
}

#formulaire_recherche small {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #6f6d6d;
}

#formulaire_recherche label {
	font : 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
}

#formulaire_recherche legend {
	font : small-caps 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
}


#formulaire_recherche p {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #6f6d6d;
}

#formulaire_inscription {
	width: 80%;
	margin:0;
}

#formulaire_inscription form {margin:0;}

#formulaire_inscription input {
	width: 80%;
	border: 1px solid #999999;
}

#formulaire_inscription input.validation {
	width: 60%;
	border: 1px solid #999999;
}

#formulaire_inscription small {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #6f6d6d;
}

#formulaire_inscription label {
	font : 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
}

#formulaire_inscription legend {
	font : small-caps 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
}


#formulaire_inscription p {
	font : 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;	color: #6f6d6d; display:block;
}

#centre form label {
	font : 13px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; 
	color: #000000;
	
}

#centre form input {
	border: 1px solid #999999;
	
}


#centre form textarea {
	font : small-caps 10px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
	width: 270px;
	border: 1px solid #999999;
}
#centre form legend {
	font : small-caps 10px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #000000;
		

}

#centre input.validation {
	border: 1px solid #999999;
}



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

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	font-size: 11px;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 11px; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 11px; background: #CCCC99; }
ul ul .forum-chapo { background: #4d6481; }
ul ul ul .forum-chapo { background:  #4d6481;  }
ul ul ul ul .forum-chapo { background:  #4d6481;  border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background:  #4d6481;  }

/* Raccourcis typographiques de SPIP */

i.spip {}
strong.spip {
	font: 16px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31; 
	font-weight: bold;
	text-align:left;
}

hr.spip {
	border: 1px solid #003300;
	margin:0;
	width: 90%;
	padding: 0px;
	height: 1px;
}

.spip_puce { list-style-position: absmiddle; }

ul.spip {}
ol.spip {}
li.spip {}
p.spip {
	
}

b.spip {
	font: 16px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31; 
	font-weight: bold;
	text-align:left;
}

h3.spip {
	font: 16px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #202b31;
	padding: 30px;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;	
}

p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }
.spip_surligne { background: #FF6; }