/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFFFFF;
	margin: 0;
	text-align: cleft;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
p{margin:8px 0;}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#pageSommaire, #page {
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#pageSommaire .hautPage{
	height:89px; background: #FFFFFF url(../vsl/haut_page.jpg) no-repeat left top;
}
#pageSommaire .hautPage h1{
	text-align:left; font-size:24px; color:#006699; padding:15px 0 0 10px;
}

#pageSommaire .bandeau{
	height:213px; background: #FFFFFF url(../vsl/bandeau_home.jpg) no-repeat left top;
	text-align:right;
}
#pageSommaire .bandeau .date{
	margin:0 10px 0 0; font-size: 9px; padding:4px 70px; font-style:italic;
}

#pageSommaire .corpsPage{

}

#pageSommaire .corpsPage .menu{
	width:300px; float:left; padding:10px 0 80px 0;
	background:url(../vsl/fond_menu.jpg) no-repeat left top;
}
#pageSommaire .corpsPage .menu ul{
	margin:15px 10px 0 25px; padding:0; list-style:none
}
#pageSommaire .corpsPage .menu li{
	margin:0 10px 25px 0; padding:0 0 0 25px;
	background: url(../vsl/carre.gif) no-repeat left center;
}
#pageSommaire .corpsPage .menu a{
	color:#000099;
}
#pageSommaire .corpsPage .menu a:hover{
	color:#99CC00;
}


#pageSommaire .corpsPage .intro{
	width:485px; float:left; padding:20px 0;
}
#pageSommaire .corpsPage .intro .texte{
	padding-right:30px; line-height:16px; text-align:justify;
}

#pageSommaire .corpsPage .extras{
	width:175px; float:right; padding:20px 0;
}
#pageSommaire .corpsPage .extras .bloc{
	border-right:5px solid #99CC00; padding:10px;
	background:#D5E2EA;
}
#pageSommaire .corpsPage .extras .bloc h1{
	text-align:left; font-size:13px; font-weight:bold;
	background: url(../vsl/puce_plus.gif) no-repeat left 2px; padding-left:18px;
}
#pageSommaire .corpsPage .extras .bloc .titre{
	text-align:left; padding-left:4px; margin:3px 0;
	font:bold 11px/13px Arial, Tahoma, Helvetica, sans-serif;
}
#pageSommaire .corpsPage .extras .bloc .texte{
	text-align:left; padding:0 2px 3px 4px;
	font:11px/13px Arial, Tahoma, Helvetica, sans-serif;
	border-bottom:1px dashed #666666;
}

#basPage{
	text-align:right; height:44px; width:960px; margin:0 auto;
	background:#FFFFFF url(../vsl/bas_page.gif) no-repeat left top;
}
#basPage p{
	font-size:9px; padding-top:27px; padding-right:5px; margin:0;
}

/* styles des page rubriques et articles */

#page .hautPage{
	height:146px; background: #FFFFFF url(../vsl/bandeau_page.jpg) no-repeat left top;
}
#page .hautPage .accroche{
	text-align:left; font-size:12px; color:#000066; padding-top:115px;
	padding-left:10px; font-weight:bold;
}
#page .hautPage .pub{
	background: #FFFFFF url(../vsl/fond_pub.gif) no-repeat center top;
	float:right; width:298px; height:146px;
}

#page .corpsPage{

}
#page .corpsPage .menu{
	width:265px; float:left; padding:10px 0 10px 0;
	background:url(../vsl/fond_menu_page.jpg) no-repeat left top;
}
#page .corpsPage .menu ul{
	margin:15px 10px 0 25px; padding:0; list-style:none
}
#page .corpsPage .menu li{
	margin:0 10px 22px 0; padding:0 0 0 25px;
	background: url(../vsl/carre.gif) no-repeat left center;
}
#page .corpsPage .menu a{
	color:#000066;
}
#page .corpsPage .menu a:hover{
	color:#99CC00;
}
#page .corpsPage .menu .tampon{
	height:60px;
}
#page .corpsPage .menu .bloc{
	border-left:5px solid #99CC00; padding:6px;
	background:#D5E2EA; margin-right:30px;
}
#page .corpsPage .menu .bloc h1{
	text-align:left; font-size:13px; font-weight:bold;
	background: url(../vsl/puce_plus.gif) no-repeat left 2px; padding-left:18px;
}
#page .corpsPage .menu .bloc .titre{
	text-align:left; padding-left:4px; margin:3px 0;
	font:bold 11px/13px Arial, Tahoma, Helvetica, sans-serif;
}
#page .corpsPage .menu .bloc .texte{
	text-align:left; padding:0 2px 3px 4px;
	font:11px/13px Arial, Tahoma, Helvetica, sans-serif;
	border-bottom:1px dashed #666666;
}

/* style neutre de la partie utile de la page*/

#page .corpsPage .article{
	float:left; padding:20px 0; width:695px;
}
#page .corpsPage .article .descRub, #page .corpsPage .article .textRub{
	text-align:justify; font-size:11px; line-height:15px; margin:10px 0;
}
#page .corpsPage .article .bloc{
	background: url(../vsl/onglet_neutre.gif) no-repeat left top;
	margin:15px 0; padding:20px 0;
}
#page .corpsPage .article .bloc .bordure{
	border-right:1px solid #999999; border-bottom:1px solid #999999;
	background:url(../vsl/3_carres.gif) no-repeat right top; padding:0 15px 30px 15px;
}
#page .corpsPage .article .bloc h1{
	text-align:left; margin:0 10px 5px 0;
	font-size:18px; color:#000066;
}
#page .corpsPage .article .bloc h2{
	text-align:left; margin:15px 0 0 0;
	font-size:13px; color:#000066; font-weight:bold;
}
#page .corpsPage .article .bloc .chapo{
	text-align:justify; font-size:11px; line-height:15px;
}
#page .corpsPage .article .bloc .texte{
	text-align:justify; font-size:11px; line-height:15px;
	margin-bottom:20px;
}

/* style menage de la partie utile de la page*/

#page .corpsPage .articleMenage{
	float:left; padding:20px 0; width:695px;
}
#page .corpsPage .articleMenage .descRub, #page .corpsPage .articleMenage .textRub{
	text-align:justify; font-size:11px; line-height:15px; margin:10px 0;
}
#page .corpsPage .articleMenage .bloc{
	background: url(../vsl/onglet_menage.gif) no-repeat left top;
	margin:15px 0; padding:20px 0;
}
#page .corpsPage .articleMenage .bloc .bordure{
	border-right:1px solid #999999; border-bottom:1px solid #999999;
	background:url(../vsl/3_carres.gif) no-repeat right top; padding:0 15px 30px 15px;
}
#page .corpsPage .articleMenage .bloc h1{
	text-align:left; margin:0 10px 5px 0;
	font-size:18px; color:#455190;
}
#page .corpsPage .articleMenage .bloc h2{
	text-align:left; margin:15px 0 0 0;
	font-size:13px; color:#455190; font-weight:bold;
}
#page .corpsPage .articleMenage .bloc .chapo{
	text-align:justify; font-size:11px; line-height:15px;
}
#page .corpsPage .articleMenage .bloc .texte{
	text-align:justify; font-size:11px; line-height:15px;
	margin-bottom:20px;
}
/* // */

/* style bricolage de la partie utile de la page*/

#page .corpsPage .articleBricolage{
	float:left; padding:20px 0; width:695px;
}
#page .corpsPage .articleBricolage .descRub, #page .corpsPage .articleBricolage .textRub{
	text-align:justify; font-size:11px; line-height:15px; margin:10px 0;
}
#page .corpsPage .articleBricolage .bloc{
	background: url(../vsl/onglet_bricolage.gif) no-repeat left top;
	margin:15px 0; padding:20px 0;
}
#page .corpsPage .articleBricolage .bloc .bordure{
	border-right:1px solid #999999; border-bottom:1px solid #999999;
	background:url(../vsl/3_carres.gif) no-repeat right top; padding:0 15px 30px 15px;
}
#page .corpsPage .articleBricolage .bloc h1{
	text-align:left; margin:0 10px 5px 0;
	font-size:18px; color:#455190;
}
#page .corpsPage .articleBricolage .bloc h2{
	text-align:left; margin:15px 0 0 0;
	font-size:13px; color:#455190; font-weight:bold;
}
#page .corpsPage .articleBricolage .bloc .chapo{
	text-align:justify; font-size:11px; line-height:15px;
}
#page .corpsPage .articleBricolage .bloc .texte{
	text-align:justify; font-size:11px; line-height:15px;
	margin-bottom:20px;
}
/* // */

/* style jardinage de la partie utile de la page*/

#page .corpsPage .articleJardinage{
	float:left; padding:20px 0; width:695px;
}
#page .corpsPage .articleJardinage .descRub, #page .corpsPage .articleJardinage .textRub{
	text-align:justify; font-size:11px; line-height:15px; margin:10px 0;
}
#page .corpsPage .articleJardinage .bloc{
	background: url(../vsl/onglet_jardinage.gif) no-repeat left top;
	margin:15px 0; padding:20px 0;
}
#page .corpsPage .articleJardinage .bloc .bordure{
	border-right:1px solid #999999; border-bottom:1px solid #999999;
	background:url(../vsl/3_carres.gif) no-repeat right top; padding:0 15px 30px 15px;
}
#page .corpsPage .articleJardinage .bloc h1{
	text-align:left; margin:0 10px 5px 0;
	font-size:18px; color:#455190;
}
#page .corpsPage .articleJardinage .bloc h2{
	text-align:left; margin:15px 0 0 0;
	font-size:13px; color:#455190; font-weight:bold;
}
#page .corpsPage .articleJardinage .bloc .chapo{
	text-align:justify; font-size:11px; line-height:15px;
}
#page .corpsPage .articleJardinage .bloc .texte{
	text-align:justify; font-size:11px; line-height:15px;
	margin-bottom:20px;
}
/* // */

/* style travaux de la partie utile de la page*/

#page .corpsPage .articleTravaux{
	float:left; padding:20px 0; width:695px;
}
#page .corpsPage .articleTravaux .descRub, #page .corpsPage .articleTravaux .textRub{
	text-align:justify; font-size:11px; line-height:15px; margin:10px 0;
}
#page .corpsPage .articleTravaux .bloc{
	background: url(../vsl/onglet_travaux.gif) no-repeat left top;
	margin:15px 0; padding:20px 0;
}
#page .corpsPage .articleTravaux .bloc .bordure{
	border-right:1px solid #999999; border-bottom:1px solid #999999;
	background:url(../vsl/3_carres.gif) no-repeat right top; padding:0 15px 30px 15px;
}
#page .corpsPage .articleTravaux .bloc h1{
	text-align:left; margin:0 10px 5px 0;
	font-size:18px; color:#455190;
}
#page .corpsPage .articleTravaux .bloc h2{
	text-align:left; margin:15px 0 0 0;
	font-size:13px; color:#455190; font-weight:bold;
}
#page .corpsPage .articleTravaux .bloc .chapo{
	text-align:justify; font-size:11px; line-height:15px;
}
#page .corpsPage .articleTravaux .bloc .texte{
	text-align:justify; font-size:11px; line-height:15px;
	margin-bottom:20px;
}
/* // */

/* style assistance de la partie utile de la page*/

#page .corpsPage .articleAssistance{
	float:left; padding:20px 0; width:695px;
}
#page .corpsPage .articleAssistance .descRub, #page .corpsPage .articleAssistance .textRub{
	text-align:justify; font-size:11px; line-height:15px; margin:10px 0;
}
#page .corpsPage .articleAssistance .bloc{
	background: url(../vsl/onglet_assistance.gif) no-repeat left top;
	margin:15px 0; padding:20px 0;
}
#page .corpsPage .articleAssistance .bloc .bordure{
	border-right:1px solid #999999; border-bottom:1px solid #999999;
	border-left:0px;border-top:0px;
	background:url(../vsl/3_carres.gif) no-repeat right top; padding:0 15px 30px 15px;
}
#page .corpsPage .articleAssistance .bloc h1{
	text-align:left; margin:0 10px 5px 0;
	font-size:18px; color:#455190;
}
#page .corpsPage .articleAssistance .bloc h2{
	text-align:left; margin:15px 0 0 0;
	font-size:13px; color:#455190; font-weight:bold;
}
#page .corpsPage .articleAssistance .bloc .chapo{
	text-align:justify; font-size:11px; line-height:15px;
}
#page .corpsPage .articleAssistance .bloc .texte{
	text-align:justify; font-size:11px; line-height:15px;
	margin-bottom:20px;
}
/* // */

/* styles des blocs de sous rubriques */

/* neutre ou gardiennage*/
#page .corpsPage .article .blocSsrub{
	float:left; width:45%; background:#B8B8B8; margin:8px 15px;
}
#page .corpsPage .article .blocSsrub .titre{
	font-size:16px; color:#FFFFFF; text-align:right; padding:2px 20px 2px 5px;
	background:url(../vsl/rond_hg_neutre.gif) no-repeat left top;
}
#page .corpsPage .article .blocSsrub .image{
	text-align:left;
}
#page .corpsPage .article .blocSsrub .lien{
	font-size:12px; color:#FFFFFF; text-align:left; padding:2px 0;
	background:url(../vsl/rond_bd_neutre.gif) no-repeat right bottom;
}
#page .corpsPage .article .blocSsrub .lien a{
	color:#FFFFFF; background:url(../vsl/fleche-ssrub_neutre.gif) no-repeat left center;
	padding-left:15px;
}
#page .corpsPage .article .blocSsrub .lien a:hover{
	color:#56659A;
}
/* bloc ss rub menage */
#page .corpsPage .article .blocSsrubMenage{
	float:left; width:45%; background:#99CCFF; margin:8px 15px;
}
#page .corpsPage .article .blocSsrubMenage .titre{
	font-size:16px; color:#FFFFFF; text-align:right; padding:2px 20px 2px 5px;
	background:url(../vsl/rond_hg_menage.gif) no-repeat left top;
}
#page .corpsPage .article .blocSsrubMenage .image{
	text-align:left;
}
#page .corpsPage .article .blocSsrubMenage .lien{
	font-size:12px; color:#FFFFFF; text-align:left; padding:2px 0;
	background:url(../vsl/rond_bd_menage.gif) no-repeat right bottom;
}
#page .corpsPage .article .blocSsrubMenage .lien a{
	color:#FFFFFF; background:url(../vsl/fleche-ssrub_menage.gif) no-repeat left center;
	padding-left:15px;
}
#page .corpsPage .article .blocSsrubMenage .lien a:hover{
	color:#56659A;
}

/* bloc ss rub jardinage */
#page .corpsPage .article .blocSsrubJardinage{
	float:left; width:45%; background:#99CC33; margin:8px 15px;
}
#page .corpsPage .article .blocSsrubJardinage .titre{
	font-size:16px; color:#FFFFFF; text-align:right; padding:2px 20px 2px 5px;
	background:url(../vsl/rond_hg_jardinage.gif) no-repeat left top;
}
#page .corpsPage .article .blocSsrubJardinage .image{
	text-align:left;
}
#page .corpsPage .article .blocSsrubJardinage .lien{
	font-size:12px; color:#FFFFFF; text-align:left; padding:2px 0;
	background:url(../vsl/rond_bd_jardinage.gif) no-repeat right bottom;
}
#page .corpsPage .article .blocSsrubJardinage .lien a{
	color:#FFFFFF; background:url(../vsl/fleche-ssrub_jardinage.gif) no-repeat left center;
	padding-left:15px;
}
#page .corpsPage .article .blocSsrubJardinage .lien a:hover{
	color:#56659A;
}

/* bloc ss rub bricolage */
#page .corpsPage .article .blocSsrubBricolage{
	float:left; width:45%; background:#9966CC; margin:8px 15px;
}
#page .corpsPage .article .blocSsrubBricolage .titre{
	font-size:16px; color:#FFFFFF; text-align:right; padding:2px 20px 2px 5px;
	background:url(../vsl/rond_hg_bricolage.gif) no-repeat left top;
}
#page .corpsPage .article .blocSsrubBricolage .image{
	text-align:left;
}
#page .corpsPage .article .blocSsrubBricolage .lien{
	font-size:12px; color:#FFFFFF; text-align:left; padding:2px 0;
	background:url(../vsl/rond_bd_bricolage.gif) no-repeat right bottom;
}
#page .corpsPage .article .blocSsrubBricolage .lien a{
	color:#FFFFFF; background:url(../vsl/fleche-ssrub_bricolage.gif) no-repeat left center;
	padding-left:15px;
}
#page .corpsPage .article .blocSsrubBricolage .lien a:hover{
	color:#56659A;
}

/* bloc ss rub Travaux */
#page .corpsPage .article .blocSsrubTravaux{
	float:left; width:45%; background:#FF9900; margin:8px 15px;
}
#page .corpsPage .article .blocSsrubTravaux .titre{
	font-size:16px; color:#FFFFFF; text-align:right; padding:2px 20px 2px 5px;
	background:url(../vsl/rond_hg_travaux.gif) no-repeat left top;
}
#page .corpsPage .article .blocSsrubTravaux .image{
	text-align:left;
}
#page .corpsPage .article .blocSsrubTravaux .lien{
	font-size:12px; color:#FFFFFF; text-align:left; padding:2px 0;
	background:url(../vsl/rond_bd_travaux.gif) no-repeat right bottom;
}
#page .corpsPage .article .blocSsrubTravaux .lien a{
	color:#FFFFFF; background:url(../vsl/fleche-ssrub_travaux.gif) no-repeat left center;
	padding-left:15px;
}
#page .corpsPage .article .blocSsrubTravaux .lien a:hover{
	color:#56659A;
}

/* bloc ss rub assistance */
#page .corpsPage .article .blocSsrubAssistance {
	float:left; width:45%; background:#CC6666; margin:8px 15px;
}
#page .corpsPage .article .blocSsrubAssistance .titre{
	font-size:16px; color:#FFFFFF; text-align:right; padding:2px 20px 2px 5px;
	background:url(../vsl/rond_hg_assistance.gif) no-repeat left top;
}
#page .corpsPage .article .blocSsrubAssistance .image{
	text-align:left;
}
#page .corpsPage .article .blocSsrubAssistance .lien{
	font-size:12px; color:#FFFFFF; text-align:left; padding:2px 0;
	background:url(../vsl/rond_bd_assistance.gif) no-repeat right bottom;
}
#page .corpsPage .article .blocSsrubAssistance .lien a{
	color:#FFFFFF; background:url(../vsl/fleche-ssrub_assistance.gif) no-repeat left center;
	padding-left:15px;
}
#page .corpsPage .article .blocSsrubAssistance .lien a:hover{
	color:#56659A;
}


#hierarchie{
	background:url(../vsl/carre_h.gif) no-repeat left bottom; height:22px;
}
#hierarchie h1{
	padding-left:12px; height:20px; color:#666699; font-size:14px; font-weight:bold;
	display:inline; text-transform:uppercase;
}

/* styles des bas de pages */

#page .basPage{
	text-align:right; height:44px;
	background:#FFFFFF url(../vsl/bas_page.gif) no-repeat left top;
}
#page .basPage p{
	font-size:9px; padding-top:27px; padding-right:5px; margin:0;
}

#pageSommaire .basPage{
	text-align:right; height:44px;
	background:#FFFFFF url(../vsl/bas_page.gif) no-repeat left top;
}
#pageSommaire .basPage p{
	font-size:9px; padding-top:27px; padding-right:5px; margin:0;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; }
ul.choix_mots label { display: inline; }

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


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color:#006699; }