#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}

#SET{config,#CONFIG{multiflex}}

#SET{bordure, #GET{config}|cle{couleurs/bordure,#969696}}
#SET{bordure_claire, #GET{config}|cle{couleurs/bordure_claire,#C8C8C8}}
#SET{bordure_foncee, #GET{config}|cle{couleurs/bordure_foncee,#505050}}

#SET{fond_clair, #GET{config}|cle{couleurs/fond_clair,#f0f0f0}}
#SET{fond_fonce, #GET{config}|cle{couleurs/fond_fonce,#e1e1e1}}

#SET{texte, #GET{config}|cle{couleurs/textes,#444444}}
#SET{texte_entete, #GET{config}|cle{couleurs/texte_entete,#7d7d7d}}
#SET{texte_entete_image, #GET{config}|cle{couleurs/texte_entete_image,#ffffff}}
#SET{texte_titre, #GET{config}|cle{couleurs/texte_titre,#646464}}
#SET{texte_titre_menu, #GET{config}|cle{couleurs/texte_titre_menu,#ffffff}}

#SET{lien, #GET{config}|cle{couleurs/lien,#467AA7}}
#SET{lien_hover, #GET{config}|cle{couleurs/lien_hover,#2A5A8A}}

#SET{texte_codes, #GET{config}|cle{couleurs/texte_codes,#592A00}}
#SET{fond_codes, #GET{config}|cle{couleurs/fond_codes,#FFF9E9}}
#SET{bordure_codes, #GET{config}|cle{couleurs/bordure_codes,#DDD0AC}}


#SET{texte_forum, #GET{config}|cle{couleurs/texte_forum,#444444}}
#SET{fond_forum, #GET{config}|cle{couleurs/fond_forum,#F1EDD6}}
#SET{fond_forum_clair, #GET{config}|cle{couleurs/fond_forum_clair,#FAF9EF}}
#SET{bordure_forum, #GET{config}|cle{couleurs/bordure_forum,#E9D7B0}}
#SET{liens_forum, #GET{config}|cle{couleurs/liens_forum,#876231}}




#SET{couleur_extra1, #GET{config}|cle{couleurs/extra_bordure1,#E8B10D}} /* orange */
#SET{couleur_extra1_fond, #GET{config}|cle{couleurs/extra_fond1,#F8E096}}

#SET{couleur_extra2, #GET{config}|cle{couleurs/extra_bordure2,#A0D451}} /* vert pomme */
#SET{couleur_extra2_fond, #GET{config}|cle{couleurs/extra_fond2,#D9EFB9}}

#SET{couleur_extra3, #GET{config}|cle{couleurs/extra_bordure3,#89AAD6}} /* bleu azur */
#SET{couleur_extra3_fond, #GET{config}|cle{couleurs/extra_fond3,#D5E1F0}}

#SET{image_entete, 1}


body {
	background:fff;
	font-size:86%;
	font-family:verdana,arial,sans-serif;
	color:#GET{texte};
}
h1,h2,h3,h4,h5,h6 {font-family:"trebuchet ms",arial,sans-serif;}

#page {
	border:1px solid #GET{bordure};
	font-size:1em;
	margin:10px auto;
	width:960px;
}


/************    ENTETE    ***********/

#entete {
	background:#GET{fond_clair};
	font-family:"trebuchet ms",arial,sans-serif;
	position:relative;
	overflow:auto;
	height:150px;
}

.accueil .spip_logos {
	margin:15px 10px 15px 18px;
	float:left;
}

#nom_site_spip {
	color:#GET{texte_entete};
	font-size:170%;
	margin-top:10px;
	display:block;
	float:left;
}

#nom_site_spip a {
	color:#GET{texte_entete};
	text-decoration:none;
}

#slogan_site_spip {
	color:#GET{texte_entete};
	position:absolute;
	left:125px; top:37px;
}

#entete #formulaire_menu_lang {
	width:140px;
	position:absolute;
	right:15px; top:10px;
	background:none; border:none;
	margin: 0; padding: 0;
}

/* entete avec img */
[(#GET{image_entete}|oui)
	#entete { background:#GET{fond_clair}[ url((#CHEMIN{img/bg_head_middle.jpg}|url_absolue)) top left no-repeat]; }
	#nom_site_spip { color:#GET{texte_entete_image}; }
	#nom_site_spip a { color:#GET{texte_entete_image}; }
	#slogan_site_spip { color:#GET{texte_entete_image}; }
]


/************    ONGLETS    ***********/

#nav  {
	font-size:94%;
	clear:both;
	background:#GET{fond_fonce};
	color:#GET{texte_entete};
}

#nav .menu-liste {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:auto;
}
#nav .menu-liste .menu-entree {
	border-right:1px solid #GET{bordure};
	/*display:inline;*/
	float:left;
	z-index:auto;
}

#nav .menu-liste .menu-entree a {
	color:#GET{texte_entete};
	font-weight:bold;
	height:3.1em;
	line-height:3.1em;
	padding:0 16px;
	text-decoration:none;
	display:block;
}

#nav .menu-liste .menu-entree a:hover {
	background:#GET{fond_clair};
}





/************    CONTENEUR    ***********/

#conteneur {
	clear:both;
	position:relative;
	padding-top:3em;
	overflow:auto;
}



/************    ARIANE    ***********/

#hierarchie {
	position:absolute;
	top:0; left:0;
	
	font-size:84%;
	clear:both;
	margin:1em 0 .5em 1.5em;
	padding:0;
	color:#GET{texte_entete};
	font-weight:bold;
}
#contenu #hierarchie {margin:1em 0 .5em 1.5em;}



/************    CONTENU    ***********/

#wrapper  {
	float:left;
	width:100%;
}

#contenu {
	margin:.5em 250px 0 230px;
}

.contenu-principal {

}

#contenu .h2 {
	clear:both;
	border-bottom:7px solid #GET{fond_fonce};
	color:#GET{texte_titre};
	margin:2em 0 0.4em;
	padding:0 0 2px;
}

#contenu .h3 {font-size:130%; margin-bottom:0; color:#GET{texte_entete};}
#contenu .info-publi {font-size:90%; margin-bottom:.5em;}
#contenu .h1 {margin-bottom:0;}
#contenu .h1 + .info-publi {margin-bottom:2em;}

#contenu .meta-publi {font-size:90%; margin-top:-.6em; margin-bottom:3em;}
#contenu p {text-align:justify; margin:0 0 1em 0; line-height:1.3em;}
#contenu .liste {}
#contenu .liste-items {list-style-type:none; margin:0; padding:0;}
#contenu .item { margin:2em 0 0 0;}
#contenu .item+.item { margin:.5em 0 0 0;}



#contenu p.pagination {margin-top:2em; margin-bottom:2em;}
p.pagination {
	border:1px solid #GET{bordure_claire};
	background:#GET{fond_clair}; padding:1px 8px 2px;
	color:#GET{bordure_claire};
	vertical-align:middle;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
p.pagination .on {color:#GET{texte};}



/* Listes SPIP */
ul.spip li {
	background:[ url((#CHEMIN{img/bg_bullet_full_1.gif}|url_absolue)) no-repeat scroll 0 0.5em transparent];
}

/* Listes dans listes d'elemets */
.liste-items ul,
ul.plan,
ul.plan ul,
#extra .liste-items {
	list-style:none outside none;
	line-height:1.4em;
	margin:0 0 0.5em 0;
	padding:0px;
}
.liste-items ul li,
ul.plan li,
#extra .item {
	padding:0 0 0 12px;
	margin:0 0 0.2em 2px;
	background:[ url((#CHEMIN{img/bg_bullet_full_1.gif}|url_absolue)) no-repeat scroll 0 0.5em transparent];
}





/************    NAVIGATION    ***********/

#navigation  {
	float:left;
	margin-left:-960px;
	width:200px;
}


.menu {
	border:1px solid #GET{bordure_claire};
	border-left:0;
	border-radius:0 10px 0 0;
	-moz-border-radius:0 10px 0 0;
	-webkit-border-radius:0 10px 0 0;

	background:#GET{fond_clair};
	margin:.5em 0 2em 0;
}

.menu .h2,
#contenu .menu .h2 {
	background:#GET{bordure_claire};
	border:1px solid #GET{bordure_claire};
	border-radius:0 9px 0 0;
	-moz-border-radius:0 9px 0 0;
	-webkit-border-radius:0 9px 0 0;
	margin:0;
	font-size:110%;
	padding:1px 5px;
	color:#GET{texte_titre_menu};
}

.menu-liste {margin:0; padding:0; list-style-type:none;}
.menu-liste .menu-entree {margin:0; padding:0;}
.menu-liste .menu-liste {padding-bottom:0;}

.menu-liste .menu-entree a,
.menu-liste .menu-entree a:visited {
	display:block;
	font-size:90%;
	font-weight:normal;
	line-height:1.7em;
	min-height:1.7em;
	padding:0 10px 0 20px;
	border-top:1px solid #GET{bordure_claire};
	text-decoration:none;
}
.menu-liste .menu-entree a.on {
	font-weight:bold;
}
.menu-liste .menu-entree a:hover {
	background:white;
}
.menu-liste .menu-liste .menu-entree a {padding:0 10px 0 40px; border:0;}



#contenu .menu {
	border:1px solid #GET{bordure_claire};
	border-radius:10px10px 0 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#contenu .menu .h2 {
	background:#GET{bordure_claire};
	border:1px solid #GET{bordure_claire};
	border-radius:9px 9px 0 0;
	-moz-border-radius:9px 9px 0 0;
	-webkit-border-radius:9px 9px 0 0;
}
#contenu .menu-liste .menu-entree:last-child a {
	border-radius:0 0 9px 9px;
	-moz-border-radius:0 0 9px 9px;
	-webkit-border-radius:0 0 9px 9px;
}



/************    EXTRAS    ***********/

#extra  {
	float:left;
	margin-left:-220px;
	width:210px;
	font-size:90%;
}

#extra .formulaire_spip,
#extra .liste {
	border:1px solid #GET{bordure_claire};
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;

	background:#GET{fond_clair};
	margin:.5em 0 2em 0;
}


#extra .liste .h2 {
	background:#GET{bordure_claire};
	border:1px solid #GET{bordure_claire};
	border-radius:9px 9px 0 0;
	-moz-border-radius:9px 9px 0 0;
	-webkit-border-radius:9px 9px 0 0;
	margin:0;
	font-size:110%;
	padding:1px 5px;
	color:#GET{texte_titre_menu};
}
#extra .liste-items {padding:.5em;}

#extra .formulaire_spip {padding:.5em;}
#extra .formulaire_spip fieldset legend {
	background-color:transparent;
}


/* speciaux */
#extra .liste.forums {background:#GET{couleur_extra1_fond}; border-color:#GET{couleur_extra1};}
#extra .liste.forums h2 {background:#GET{couleur_extra1}; border-color:#GET{couleur_extra1};}

#extra .liste.syndic_articles {background:#GET{couleur_extra3_fond}; border-color:#GET{couleur_extra3};}
#extra .liste.syndic_articles h2 {background:#GET{couleur_extra3}; border-color:#GET{couleur_extra3};}

#extra .liste.sites {background:#GET{couleur_extra3_fond}; border-color:#GET{couleur_extra3};}
#extra .liste.sites h2 {background:#GET{couleur_extra3}; border-color:#GET{couleur_extra3};}



/************    RECHERCHE    ***********/

#formulaire_recherche {
	position:absolute; right:10px; top:10px;
	background:none; border:none;
}

#formulaire_recherche label {position:absolute; left:-3000em;}
#formulaire_recherche input.text {
	border:1px solid #GET{bordure_claire};
	[background: #FFF url((#CHEMIN{rechercher.gif})) no-repeat left center; ]
	padding:.2em 0 .2em 25px;
	width:8em;	
}
#formulaire_recherche .submit {
	background:#GET{fond_clair};
	border:1px solid #GET{bordure};
	color:#GET{bordure};
	padding:1px;
	text-align:center;
	width:3em;
}
#formulaire_recherche .submit:hover {
	background:#GET{fond_fonce};
	border:1px solid #GET{bordure_foncee};
	color:#GET{bordure_foncee};
}


/************    PIED    ***********/

#pied {
	background:#GET{fond_fonce};
	clear:both;
	font-size:1em;
	padding:1.5em 0;
	margin-top:2em;
	font-size:80%;
	text-align:center;
	font-weight:bold;
	line-height:1.3em;
	color:#GET{texte_entete};
}
#pied p {
	color:#GET{texte_entete};
	font-weight:normal;
	line-height:1.3em;
	text-align:center;
	margin:2px;
}
#pied img {vertical-align:top;}
#pied a {color:#GET{texte_entete};}
#pied p a {text-decoration:underline;}



/************    TABLE    ***********/

table.spip { background-color:#GET{fond_fonce}; }

table.spip td,
table.spip th { background-color:#GET{fond_fonce}; }





/************    FORUMS    ***********/


.forum {
	list-style:none outside none;
	line-height:1.4em;
	margin:0 0 0.5em 0;
	padding:0px;
	font-size:94%;
}
.forum ul {list-style:none outside none;}
.forum-fil {
	padding:0;
	margin:2em 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.forum-chapo {
	padding:.5em;
	border:1px solid #GET{bordure_forum};
	border-bottom:1px solid #GET{bordure_forum};
	background:#GET{fond_forum};
	color:#GET{texte_forum};
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	overflow:auto;
}
.forum-chapo>.ancre {float:left; padding-right:5px;}
.forum-chapo>.forum-titre {float:left; padding-right:5px;}
.forum-chapo>.date {clear:both; float:left;}
.forum-chapo>.comment-author {float:left;}
.forum-texte {
	border:1px solid #GET{bordure_forum};
	border-top:0;
	padding:.5em .5em 0 .5em;
	background:#GET{fond_forum_clair};
	color:#GET{texte_forum};
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
#contenu .repondre {
	display:block; margin:1.5em 0 0 0; padding:.3em; border-top:1px solid #GET{bordure_forum};
}
.forum a,
.forum a:hover {
	color:#GET{liens_forum};
}



/************    CODES   *************/

.spip_code, .spip_cadre {
	color: #GET{texte_codes};
}
.spip_cadre {
	background-color: #GET{fond_codes};
	border: 1px solid #GET{bordure_codes};
}


/************    FORMULAIRES   *************/

.formulaire_spip {
	border-color: 1px solid #GET{bordure_claire};
	background:#GET{fond_clair};
}
.formulaire_spip fieldset legend {
	color:#GET{texte};
	background:#GET{fond_clair};
}

#contenu .formulaire_spip li {}
#contenu .formulaire_spip label {font-weight:normal;}
#contenu .formulaire_spip label strong {font-weight:normal;}
#contenu .formulaire_spip input.text,
#contenu .formulaire_spip input.password,
#contenu .formulaire_spip textarea,
#contenu .formulaire_spip select {
	width:99%;
	border:1px solid #GET{bordure_claire};
	padding:2px;
}
#contenu .formulaire_spip select {
	padding:0px;
}
#contenu .formulaire_spip input.text:focus,
#contenu .formulaire_spip input.password:focus,
#contenu .formulaire_spip textarea:focus {
	border:1px solid #GET{bordure};
}

.formulaire_spip textarea.markItUpEditor {margin-top:2px;}
.markItUp .markItUpHeader ul li {
	margin:0 0 3px;
}
.markItUp .markItUpHeader ul a {
	background-color:#fff;
	border:1px solid #GET{bordure_claire};
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.markItUp .markItUpHeader ul a:hover {
	border:1px solid #GET{bordure};
}
.markItUp .markItUpHeader ul .markItUpDropMenu ul {
	background:#GET{fond_clair};
	
	padding:3px;
	left:-3px;
	border:1px solid #GET{bordure_claire};
	border-top:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:79px;
}
.markItUp .markItUpHeader ul .markItUpDropMenu li {
	margin:0;
	background:transparent;
}
.markItUp .markItUpTabs {	position:relative; top:-3px; margin-right:0;}
.markItUp .markItUpTabs a {
	font-size:80%;
	padding:3px 5px;
	border:1px solid #GET{bordure_claire};
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#GET{fond_clair};
}
.markItUp .markItUpTabs a.on {border:1px solid #GET{bordure}; background:#fff;}
.markItUp .markItUpTabs a:hover {border:1px solid #GET{bordure}; }


#contenu .formulaire_login input.password {width:80%; margin-right:5px;}


/************    LIENS    ***********/

a {
	color:#GET{lien};
	text-decoration:none;
}
a:hover {
	color:#GET{lien_hover};
	text-decoration:underline;
}
a.spip_in {
	/*color:#990000;*/
	color:#GET{lien};
}

a.spip_out {
	color:#GET{lien};
	padding-right:16px;
	[background:url((#CHEMIN{img/out.gif}|url_absolue)) right 3px no-repeat;]
}