* { margin: 0; padding: 0; }
body { color: #414141; background-color: #fff; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-color:#555; }
fieldset { border: 0; }
h1 { font-size: 22px; font-weight: 600; }
h2 { font-size: 14px; font-weight: 600;}
h3 { font-size: 12px; font-weight: normal; }
h3.spip { text-align: left; margin-top: 0.8em; margin-bottom: 0.2em; font-size: 20px;  font-weight: bold;}
h4 { font-size: 10px; font-weight: 400; }

table { width: 100%; }

.clear { clear: both; font-size: 0; border: 0; padding: 0; margin: 0; }
.align-right { text-align: right; }
.float-right { float: right; }
.center { margin-left: auto; margin-right: auto; }
.border-right { border-right: 1px solid #b8b8b8; }
.border-left { border-left: 1px solid #b8b8b8; }
.read-more { font-style: italic; }

.post { width: 600px; padding: 10px 0 30px 30px; margin-bottom: 20px; background:  url('images/post_bottom.gif') 0 100% no-repeat; float: left; }
.post h2 { font-size: 22px; font-weight: 600; font-color:#FF9900; padding: 10px 0px 0 0;}
.post h2 a { text-decoration: none; }
.post h2 a:hover { text-decoration: underline; }
.post p { padding: 0; font-size: 13px; }
 
a, a:visited { color: #3366CC; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: underline;}
a img, img { border: 0; }

a.more-link, a.button-on-white { line-height: 3; }
a.more-link { text-decoration: none; font-size: 12px; font-weight: bold; background: url('images/button.gif') left center no-repeat; padding: 5px 0 5px 6px; }
a.more-link:hover span { color: #2e6591; }
a.more-link span { color: #414141; background: url('images/button.gif') right center no-repeat; padding: 6px 6px 6px 0; }

a.button-on-white { text-decoration: none; font-size: 12px; font-weight: bold; background: url('images/button-on-white.gif') left center no-repeat; padding: 5px 0 6px 6px; }
a.button-on-white:hover span { color: #2e6591; }
a.button-on-white span { color: #414141; background: url('images/button-on-white.gif') right center no-repeat; padding: 6px 6px 6px 0; }


#content { margin: 30px auto 0 auto; width: 984px; overflow: hidden; }
#contenu { margin: 30px auto 0 auto; width: 500px; overflow: hidden; }

#main-column { float: left; width: 670px; overflow: hidden; }

#main-column .article { padding: 0 0 10px 0; background-color: #fff; margin: 0 30px; }

#main-column .main h1 { color: #FFCC00; font-size: 24px; margin: 0 30px; font-weight: bold; !important } /* Titre article */
#main-column .article p { padding: 0.5em 0; font-size: 13px; }
#main-column .article strong, #main-column .article em { font-size: 16px; }
#main-column .article ul, #main-column .article ol { margin-left: 2em; }
#main-column .article ul li { padding: 0 0.2em; }
#main-column .article h2 { font-size: 22px; font-weight: 100; font-color:#FF9900; margin-top: 1em; margin-bottom: 0.2em;}
#main-column .article h3 { font-size: 15px; font-color:#FF9900; font-weight: bold;}
#main-column .article h2 a { text-decoration: none; }
#main-column .article h2 a:hover { text-decoration: underline; }

#main-column .similar { padding: 0 0 10px 0; margin: 10px 20px 0 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#main-column .similar h2 { padding: 10px 0px 10px 0px; margin-top: 0.5em; margin-bottom: 0.2em;}
#main-column .similar h3 { font-size: 16px; font-weight: 100; margin-top: 0.5em; margin-bottom: 0.2em;}
#main-column .similar ul { padding: 0 1em; }
#main-column .similar a { font-size: 14px; }
#main-column .similar li { padding: 0 0 2em 0; }

#main-column ul.sub-menu { padding: 0 0 5px 10px; list-style-type: none; margin: 0 0 0 12px;}
#main-column ul.sub-menu li { display: inline; padding: 0 12px 0 0; }

#main-column .home h1 { font-size: 22px; padding: 10px 8px 5px 8px; }
#main-column .home h2 { font-size: 22px; color: #999999; padding: 10px 8px 5px 8px; }
#main-column .home div.fix { margin: 0; padding: 0; font-size: 0; height: 0; }

#main-column .body { padding: 10px 20px 10px 32px; background-color: #e6e6e6; margin: 1px 0 0 0; }
#main-column .body p { padding: 0.5em 0; }
#main-column .body ul, #main-column .body ol { margin-left: 2em; }
#main-column .body ul li { padding: 0 0.2em; }

#main-column .home-sub-interior ol { padding: 8px; margin: 0 0 0 12px; }
#main-column .news ul { margin: 0; list-style-type: none; padding: 8px; }
#main-column .news li { margin: 0 8px 5px 8px; padding-bottom: 5px; border-bottom: 1px solid #b8b8b8; }
#main-column .news ol li,
#main-column .news li.last { border-bottom: 0; }
#main-column .news li a { text-decoration: none; }
#main-column .news li a:hover { text-decoration: underline; }

/* colonne de droite */
#help-column { float: left; width: 314px; overflow: hidden; }
#help-column .body { padding-left: 14px; }

#help-column .ad h6.label {padding-bottom: 10px; }

#help-column .home-sub-interior ol { padding: 8px; margin: 0 0 0 12px; }
#help-column .news {padding-bottom: 10px; }
#help-column .news ul { margin: 0; list-style-type: none; padding: 8px; }
#help-column .news li { margin: 0 8px 5px 8px; padding-bottom: 5px; border-bottom: 1px solid #b8b8b8; }
#help-column .news ol li,
#help-column .news li.last { border-bottom: 0; }
#help-column .news li a { text-decoration: none; }
#help-column .news li a:hover { text-decoration: underline; }

/* pubs de bonus */
#help-column .mini-profile { padding: 4px 0; }
#help-column .mini-profile .pub-logo { background: url('images/pub-logo-medium-background.gif') top left no-repeat; float: left; width: 104px; height: 110px; text-align: center; }
#help-column .mini-profile .pub-logo img { padding: 5px 0 0 0; width: 84px; }
#help-column .mini-profile .pub-info { padding: 0 0 4px 4px; float: left; width: 160px; }
#help-column .mini-profile .pub-message { padding: 0px 0 0px 0; color: #767C79; }
#help-column .featured-pub-profile { margin-bottom: 8px; }

/* 2 colonnes page d'accueil */
#leftcol {width:331px;}
#leftcol, #rightcol {margin-top:10px; float:left}	
#rightcol {width:331px;padding-left:8px;}

/* Encadré */
.home-sub-header { background: url('images/home-sub-header.gif') left top no-repeat; padding: 0 0 0 5px; }
.home-sub-header .slide { background: url('images/home-sub-header.gif') right top no-repeat; padding: 0 5px 0 0; }
.home-sub-header h1 { font-size: 22px; padding: 10px 8px 5px 8px; }
.home-sub-header h2 { font-size: 22px; padding: 10px 8px 5px 8px; }
.home-sub-header div.fix { margin: 0; padding: 0; font-size: 0; height: 0; }

.home-sub-interior { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.home-sub-interior .pad { padding: 0 8px; }
.home-sub-interior p { padding: 0.5em 0; }
.home-sub-interior ul,
.home-sub-interior ol { margin-left: 2em; }
.home-sub-interior ul li { padding: 0 0.2em; }

.home-sub-footer { background: url('images/home-sub-footer.gif') left bottom no-repeat; padding: 0 0 0 5px; }
.home-sub-footer .slide { background: url('images/home-sub-footer.gif') right bottom no-repeat; padding: 0 5px 0 0; }
.home-sub-footer .slide div { padding: 12px 8px; }
.home-sub-footer .more-button { text-align: right; }
.home-sub-footer div.fix { margin: 0; padding: 0; font-size: 0; height: 0; }

/* slider buttons */
a.button { text-decoration: none; font-size: 12px; font-weight: bold; background: url('images/button.gif') left center no-repeat; padding: 5px 0 5px 6px; }
a.button:hover span { color: #2e6591; }
a.button span { color: #414141; background: url('images/button.gif') right center no-repeat; padding: 6px 6px 6px 0; }

/* nav */
#nav, #container{
	height:30px;	
	background:url(images/nav-bg.gif) top repeat-x;
}

#pubhoriz{
	height:100px;	
	text-align: center;
	color: #777; background: #fff url('images/footer-background.jpg') 0 0 repeat-x;
	margin: 0 0 20px 0; 
	padding: 5px 0 0px 0;
}

/*Main Navbar */

#nav {
	font-size:12px;
	margin:0 0 0 150px;	}
	
#nav, #nav ul {
	list-style: none;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #0066CC;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #FFFFFF;
	padding:6px 12px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#FF9900;
	text-decoration:none
	}	
	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #0066CC;
	}

#nav li li {
	width: 172px;
	border-top: 1px solid #0066CC;
	border-right: 1px solid #0066CC;
	border-left: 1px solid #0066CC;
	background: #3399CC;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {
	background:#FF9900;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;
	}


/* Masthead (Header) */
#masthead {
	height:100px;
background: #224f74 url('images/header-bg.gif') left top repeat-x; 
/*border-bottom: 1px solid #142736;*/
}

#masthead h1 {
 height:77px;
	display:block;}
	
	
/*  ------------------------------------------
/*  Habillage des commentaires
/*  ------------------------------------------ */
#comments {
	float: center;
	width: 90%;
	padding: 20px 0 20px 20px;
	margin-bottom: 20px; background:  url('images/post_bottom.gif') 0 100% no-repeat; float: left; 
	}

/* Habillage des forums
---------------------------------------------- */
#comments .repondre { clear: both; margin-top: 1.50em; margin-right: 1em; text-align: right; font-weight: normal; }

/* Habillage des forums */
#comments .h2{padding: 0; margin:0;}
#comments ul.forum { display: block; clear: both; margin: 0; padding: 0; }
#comments ul.forum, ul.forum ul { list-style: none; }
#comments .forum-fil { margin-top: 0em; }
#comments .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
#comments .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: normal; color: #333; }
#comments .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
#comments .forum-texte .hyperlien {}
#comments .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
#comments ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
#comments ul ul .forum-message { border: 1px solid #A4A4A4; }
#comments ul ul ul .forum-message { border: 1px solid #B8B8B8; }
#comments ul ul ul ul .forum-message { border: 1px solid #CCC; }
#comments ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
#comments 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 */
#comments ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
#comments ul ul .forum-chapo { background: #D4E8E8; }
#comments ul ul ul .forum-chapo { background: #E4F0F0; }
#comments ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
#comments ul ul ul ul ul .forum-chapo { background: #FFF; }

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.5em; font-weight: normal; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1.2em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: normal; font-size: 1.1em; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 10px; margin-bottom: 0; }
.formulaire_spip .choix label{display:inline; font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}

/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input {
		height: 2em;
		font-size: 1.2em;
		font-weight: bold;
		border: 1px solid #999999;
		padding: 0 4px;
		color: #0099FF;
		margin:0 0 0 0;
		}
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #0099FF; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #0099FF; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #0099FF; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #0099FF; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; font-weight: bold; color: #0099FF; font-size: 1.20em; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 10em; }
.formulaire_recherche label { display: none; }

#q{	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #eee url("../images/search.gif") no-repeat 0px center;
	padding-left: 18px;
	width: 89px;}
#q:focus {background: #fff url("../images/search.gif") no-repeat 0px center;}


/* Footer */
#footer { color: #777; background: #fff url('images/footer-background.jpg') 0 0 repeat-x; margin: 30px 0 0 0; padding: 0 0 24px 0; }
#footer .sitemap { width: 806px; margin: 0 auto; padding: 15px 0; }
#footer .sitemap-links { float: left; width: 200px; }
#footer .sitemap-links h3 { color: #4b4b4b; padding-bottom: 4px; }
#footer .sitemap-links ul { list-style-type: none; }
#footer .sitemap-links ul a { color: #adb2b3; text-decoration: none; }
#footer .sitemap-links ul a:hover { text-decoration: underline; }

#footer p { font-size: 10px; }
#footer .top-footer { border-top: 1px solid #efefef; }
#footer .top-footer .contents { margin: 0 auto; width: 980px; border-right: 1px solid #efefef; }
#footer .top-footer .left { float: left; width: 874px; border-right: 1px solid #efefef; }
#footer .top-footer .right { float: left; width: 100px; }
#footer .top-footer p { padding: 35px 50px 35px 0; }
#footer .top-footer .blog-rss { padding: 30px 0 0 38px; }
#footer .bottom-footer .contents { margin: 0 auto; width: 984px; }
#footer .bottom-footer .left { float: left; width: 490px; }
#footer .bottom-footer .right { float: left; width: 490px; }
#footer .bottom-footer { border-top: 1px solid #efefef; padding-top: 15px; }
#footer .bottom-footer .footer-logo { }
#footer .bottom-footer p { text-align: right; }

.spip_surligne { /*background: #FFF;*/ }