/* Copyright (C) 2007 - Home Management Services | Christophe Naudin */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background:url(/IMG/fond.png);
	font-family: "Bitstream Vera Sans",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:x-small;	
	color: #fff;
}

#haut {
position:absolute;
top:0;
}

a:link {
color:#fff;
text-decoration:none;
}

a:visited {
color:#fff;
text-decoration:none;
}

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

a:active {
color:#fff;
text-decoration:underline;
}

.switch {
position:relative;
bottom:20px;
color:#ffb380;
padding:0 20px 0 0;
margin:0;
letter-spacing:0.1em;
text-align:right;
}

#global {
padding:0;
margin:3% 0 0 0;
}

#page {
background:url(/IMG/decor2bis.png) no-repeat;
margin:0;
padding:0;
height:528px;
width:974px;
border-left:1px solid #000;
border-top:1px solid #000;
}

.diapo {
text-align:left;
margin-top:110px;
margin-left:270px;
}

a.english {
float:left;
margin-left:278px;
margin-top:70px;
width:78px;
height:17px;
background-image: url(/IMG/english-beige.png);
background-repeat: no-repeat;
}
a.english:hover {
background-image: url(/IMG/english-blanc.png);
}

a.french {
float:left;
margin-left:70px;
margin-top:70px;
width:95px;
height:22px;
background-image: url(/IMG/francais-beige.png);
background-repeat: no-repeat;
}
a.french:hover {
background-image: url(/IMG/francais-blanc.png);
} 

/* logo cliquable */
.logo {
position:relative;
margin:0;
padding:0;
}

/* colonne flot 1*/
.menu {
float:left;
width:227px;
font-size:small;
font-weight:bold;
text-align:left;
line-height:200%;
padding:0;
margin-top:104px;
}

.items-menu {
margin-top:60px;
padding-left:20px;
}

.items-menu a:link {
color:#fff;
text-decoration:none;
}

.items-menu a:visited {
color:#fff;
text-decoration:none;
}

.items-menu a:hover {
color:#000;
text-decoration:none;
background:url(/IMG/puce-survol.gif) top right no-repeat;
padding:5px 10px 10px 0;
}

.items-menu a:active {
color:#000;
text-decoration:none;
background:url(/IMG/puce-survol.gif) top right no-repeat;
padding:5px 10px 10px 0;
}

.on {/* correspond à la balise #EXPOSE, qui permet de changer l'aspect du lien de l'article actif dans le menu */
color:#000;
text-decoration:none;
background:url(/IMG/puce-survol.gif) top right no-repeat;
padding:5px 10px 10px 0;
}

/* colonne float 2*/
.portfolio1 {
float:left;
width:220px;
padding:0 0 0 3px;
margin:0;
text-align:left;
}

.portfolio2 {
margin:0;
padding:0;
}

.portfolio3 {
float:left;
width:220px;
padding:0 0 0 3px;
margin:20px 0 0 0;
text-align:left;	
}

.portfolio4 {
margin:1.5em 0 0 0;
padding:0;
}

/* colonne float 3*/
.contenu {
float:left;
width:495px;
height:474px;
margin-top:20px;
padding:0;
font-size:small;
line-height:140%;
text-align:justify;
}

.contenu2 {
float:left;
width:495px;
height:474px;
padding:0;
font-size:small;
line-height:140%;
text-align:justify;
}

.contenu a:link {
color:#e6c13b;
text-decoration:underline;
}

.contenu a:visited {
color:#e6c13b;
text-decoration:underline;
}

.contenu a:hover {
color:#ffb380;
text-decoration:none;
}

.contenu a:active {
color:#ffb380;
text-decoration:underline;
}

.logo-article {
margin:0 0 10px 0;
padding:0 0 10px 0;
}

#footer {
position:relative;
right:10px;
width:974px;
padding:0 0 10px 0;
margin:0;
font-size:x-small;
text-align:right;
}

.creator {
color:#ffb380;
padding:0;
margin:10px 0 0 0;
letter-spacing:0.1em;
}

.marron {
color:#523418;
}

img, table { margin: 0; padding: 0; border: none; }


ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }



/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }


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

/* 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; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
}

.formulaire_spip p {
	margin:10px 0 0 0;
	padding: 0; }

.formulaire_spip fieldset {
   display: block;
	margin:0;
	padding:0;
	/*border: 1px dotted;*/ }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit;
	background:#fff;
	color:#5A3420;}

.spip_bouton {
text-align:center;

}
.spip_bouton input {
	margin: 10px 0;
	padding: 1px 2px;
	border: 1px outset;
	float:left;
	background:#5A3420;
	color:#fff;}

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

/* Previsualisation du message */
fieldset.previsu {
border:1px solid red;
padding-left:10px;
padding-bottom:10px;}
	

/* 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 */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

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