/*  --------------------------------------------------------------- */
/*  Feuille de styles du site www.nicohomestudio.fr par kaliope.net */
/*  --------------------------------------------------------------- */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	margin: 0;
	padding:0;
	text-align: center;
	font-size: 12px;
	color: #000;
	font-family: "Gill sans", "Bitstream Vera Sans", Verdana, Tahoma, Arial, sans-serif;
}

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

ul, ol, li { margin: 0; padding: 0; }

ul { list-style: none; }

h1 { 
	margin: 15px;
	font-family: Arial, sans-serif;	
	font-weight:bold;
	font-variant:small-caps;
	font-size: 1.2em;
	color:#B1C59C;
}

h1.centre {
	margin:0;
	color:#ab428e;
	text-align:center;
}

h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

br { margin: 0; padding: 0; border: none; height: 15px; line-height: 15px; font-size: 11px; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

/* Le bloc page */
#page {
	display:block;
	position:relative;
	width: 800px;
	height:590px;
	margin:30px auto 5px;
	padding-top:10px;
	text-align: center;
	background: url(fond_vert.jpg) 0 0 no-repeat;
	z-index:10;
}

#intro {
	margin:60px 0 105px;
	padding:50px;
	text-align:center;
	line-height:2.2em;
	font-weight:bold;
	font-size:0.82em;
	color:#fff;
}

#intro p { text-indent: 8em }

#intro p span { float:right; margin-right:20em; }

.spip_documents {
	position:absolute;
	top:-1000px;
	left:0;	}

a.cercle {
	position:absolute;
	left:50%;
	top:364px;
	width:96px;
	height:137px;
	margin-left:-47px; }


/* L'entete */

#entete {
	width: 100%;
	padding:5px 0;
	font-size: 1.1em;
	text-align:center;}

#entete a { 
	font-family: "Gill sans", "Bitstream Vera Sans", Arial, Verdana, sans-serif;
	font-variant:small-caps;
	letter-spacing:0.1em;
	line-height:1.5em;
	font-weight: bold; }

#entete a.on { color: #fff; } /* liens exposes */

/* Le bloc principal */

#conteneur {
	display:block;
	position:relative;
	width: 800px;
	margin:10px 0 0;
	padding:0;
	min-height:450px;
	background: url(degrade.jpg) 0 0 no-repeat; }

/* Le bloc transparent largeur 100% pour placement IE */

#leure {
	position:absolute;
    left: 0; 
    top: 0;
	width:100%;
	margin:0;
	padding:0;
	text-align: center;
	background-color:transparent;
}

/* Le bloc de contenu blanc */

#contenu {
	width:450px;
	width:450px;
	max-width:450px;
	height:450px;
	margin: 0 auto;
	padding:0;
	font-size:0.88em;
	text-align: center;
	background-color:#fff;
	z-index:20;
}

/* La navigation du bloc de contenu blanc */

#nav {
	position:absolute;
    left: 50%; 
    top: 0;
	width:450px;
	height:33px;
	margin-left:-225px;
	padding:0;
	text-align: center;
	background: url(degrade_blanc.jpg) 0 0 no-repeat;
	z-index:30;
}

#nav a {
	color:#000;
	cursor:pointer;
}

#nav a.roll {
	position:absolute;
	top:4px;
	left:222px;
	z-index:35;
}

.nav-droite {
	float:right;
	margin-right:180px;
	line-height:18px;
	font-size:20px;
	text-align:left;
}

.nav-gauche {
	float:left;
	margin-left:180px;
	line-height:18px;
	font-size:20px;
	text-align:right;
}

/* Le bloc de titre des docs */

#texte {
	position:absolute;
    left: 175px; 
    top: 425px;
	display:block;
	width: 430px;
	margin: 0;
	padding-left: 20px;
	line-height: 12px;
	font-size:12px;
	text-align:left;
	background: url(carre1.jpg) 0 0 no-repeat;
	z-index:45; }

/* Le bloc de navigation latérale */

#navigation-mots {
	position:absolute;
    left: 625px; 
    top: 0;
	width: 155px;
	margin:40px 20px 0 0;
	font-size:0.88em;
	line-height: 1.8em;
	text-align: left;
	z-index:40;
}

#navigation-mots a {
	padding-left:20px;
	color:#fff;
}

#navigation-mots a.on, #navigation-mots a:hover {
	padding-left:10px;
	border-left: 10px solid white;
}

/*  Mise en forme des textes du contenu
---------------------------------------------- */

.cartouche { 
	float:left;
	width:100%;
	margin: 50px 0.5em 0.5em; }

.cartouche p {
	margin:0;
	padding:2em 1.5em 1em;
	background: url(virgule_noire.gif) 50% 0 no-repeat; }

.service {
	float:left;
	width:230px;
	margin: 50px 0 0;
	padding: 1.5em 0 0;
	line-height: 1.5em;
	text-align: right; }

.service p {
	margin:0;
	padding:2em 15px 1em 0;
	background: url(virgule_noire.gif) 100% 0 no-repeat; }

.service > p:first-child {
	padding:0  1.5em 0.8em;
	background: none; }

.service-2 {
	float:left;
	width:200px;
	margin: 50px 0 0;
	padding: 1em 0 0;
	line-height: 1.5em;
	text-align: left; }

.service-2 ul {
	margin-left: 15px; }

.contact {
	float:left;
	width:100%;
	margin: 50px 15px 15px;
	padding: 0;
	line-height: 1.5em;
	text-align: left; }

.contact .spip_logos {
	float:left;
	margin:0 15px 5px 10px; }

/* La ligne de base */

#baseline {
	position:absolute;
	top:456px;
	left:0;
	width:100%;
	font-family:  "Gill sans", "Bitstream Vera Sans", Arial, Verdana, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	letter-spacing:0.2em;
	word-spacing:0.3em;
	color:#fff;
	z-index:60;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.pagination { font-size: 0.90em; }


/* Pied de page */
#pied {
	position:relative;
	margin:0 auto;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.77em;
	color:#B1C59C; }

#pied a {
	font-weight:bold;
	color: #B1C59C;}

#pied a:hover {
	text-decoration:underline;
	color: #000; }
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
form.contact-nico, form.contact-nico label, form.contact-nico input {margin: 0; padding: 0; border: none; background: #fff; }

/* Styles des formulaires de Spip */
form.contact-nico{
	margin-top:20px;
	padding: 0 15px; }


form.contact-nico p {
	margin: 0.5em 0;
	padding: 0; }

form.contact-nico fieldset {
    display: block;
	border:0;
	text-align:center; }

form.contact-nico fieldset div {
    float:left;
	width:175px;
	margin:0 0 0 15px;
	padding:0;
	border:0;
	text-align:left; }

*form.contact-nico fieldset div {
    float:left;
	width:176px;
	margin:0 0 0 12px;
	padding:0;
	border:0;
	text-align:left; }

form.contact-nico label {
    display: block;
	width:100%;
	margin:5px 0;
	padding:0;
	text-align:left; }

*form.contact-nico label {
    display: block;
	width:100%;
	margin:5px 0 0 15px;
	padding:0;
	text-align:left; }

form.contact-nico input {
    display: block;
	width:100%;
	height:15px;
	margin:0 0 10px;
	padding:2px;
	text-align:left;
	border:1px solid #9b7e3e; }

form.contact-nico textarea {
	font-size: 11px;
	text-align: left;
	border:1px solid #9b7e3e;
	overflow:auto; }

form.contact-nico input.bouton {
	float:none;
	height: 30px;
	margin:0;
	padding: 5px;
	border: 0;
	font-family:"Gill sans", "Bitstream Vera Sans", Arial, Verdana, sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-variant:small-caps;
	line-height:1.5em;
	text-align: center;
	cursor:pointer; }

form.contact-nico input.bouton:hover {
	text-decoration:underline; }

/* Reponse du formulaire */
.retour {
	margin:50px 20px 0;
	border: 0; }

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