/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of Dotclear.
 * Copyright (c) 2004-2007 Olivier Meunier and contributors. All rights
 * reserved.
 *
 * Dotclear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * Dotclear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with Dotclear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK ***** */
 
 /*
 Organisation de la presente feuille de style:
 1. Structure de la page (body, page, top, main, sidebar, footer)
 2. Mise en forme des balises XHTML standard
 3. Page
 4. Haut de page (top et prelude)
 5. Main et content
 6. Billets
 7. Les commentaires et trackbacks
 8. Le menu lateral (sidebar)
 9. Footer
 10. Classes communes
 11. Clearers

/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nommé layout.css)
------------------------------------------------------------------ */
/* --------------------------------------------------------------
	AVANT TOUTE CHOSE
	remise à zéro de toutes les marges des grands blocs pour que 
	tous les navigateurs calculent depuis le même point de départ 
--------------------------------------------------------------- */
	
/* ---------------------------------------------------------------
        2. BALISES HTML
--------------------------------------------------------------- */
h1 { font-size: 2em; }
h2 { font-size: 1.4em; margin: 1.2em 0 1em 0; color: #903; }
h3 { font-size: 1.1em; margin: 1.2em 0 0 0; color: #903; }
h4 { font-size: 1em; margin: 1.5em 0 0 0; }
h5 { font-size: 0.83em; margin: 1.5em 0 0 0; }
h6 { font-size: 0.67em; margin: 1.5em 0 0 0; }

p { margin: 1em 0 0 0; }
img { border: none; }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

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

/**/a:hover {
	text-decoration: underline;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #666;
	background: transparent;
}


a[hreflang="fr"]:after {/*version avec drapeau*/
	content:" " url("img/fr.png");
} 

a[hreflang="en"]:after {
	content:" " url("img/uk.png");
}
a img {
}
 
code, pre {
    font-family: "Courier New",monospace; 
    font-size: 1.1em;
    color: #66c;
}
pre {
	background: #f5f5f5;
	border: 1px solid #1998B5;
	margin: 1em 2em;
	padding: 0.5em 1em;
	text-align:left;
	white-space:normal;
		/* cache pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow: auto;
		/* Fin hack Ne pas supprimer cette ligne */
}
 
hr { }


 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */


#header {
	width:980px;
	height:118px;
	border-bottom:10px solid #903;
	height:100px;
	/*background-color:#FFC;*/
}

#top{
	height:100px;
	width: 800px;
	float:left;
	background: transparent url('img/logo_SDI.gif') no-repeat left top;
	/*background-image:url(img/logo_SDI.gif);*/
}

#top h1{
	display:inline;
	font-size:22px;
}

#top h1 a {
	/*height: 76px;*/
	display: block;
}

#top a, #top a:link{
	color:#990033;
	text-decoration:none;
	padding-left:430px;
	padding-top:30px;
	text-align:center;
}
#top a:visited{
	text-decoration:none;
}
#top a:hover{
	text-decoration:none;
}

#top_FNAIM {
	background: transparent url('img/logo_fnaim.gif') no-repeat center 12px;/*right top; */
	padding:0;
	margin:0;
	float:right;
	text-align:center;
	font-weight:bold;
	padding-top:80px;/*height:95px;*/
	width:120px;
	color:#999;
}
#top_FNAIM a {
	text-decoration:none;
}

#bando{
	/*width:950px;*/
	height:122px;
	background-image:url('img/bando.jpg');/**/
	/*border-bottom:10px solid #FDCE02;*/
}


/* contact
------------------------------------------------------------------------------------------------------------ */
#contact {
	/*position:absolute;
	margin:0;*/
	padding : 0.4em 1em;
	/*font-size : 0.85em;*/
	text-align : right;
	background-color:#FDCE02;
	height:36px;
}

#contact, #contact a {
	color:#903;
}

#contact a:hover {
	text-decoration:underline;
}

.adres {
	float:left ;
	margin-left : 0px;
	z-index : 10; /* [3] */
	width: 350px;
	position:relative;
}


.coord {
	float:left;
	margin-right : 10px;
	z-index : 11; /* [3] */
	width: 250px;
	position:relative;
}

.tel {
	text-align : center;
	width: 320px;
	margin-left : 10px;
	position:relative;
	margin-top : 0;
	font-weight:bold;
	float:left;
	font-size:2em;
}

/* ------------------------------------------------------------
	5. MAIN CONTENT
------------------------------------------------------------- */
/* Centre - partie des billets (main > main-int > content > content-int)
--------------------------------------------------------------------------------------------- */


 /* ============== layout general ============== */
body {
	font-size: 82.01%; /* [1] */
	margin : 0;
	padding : 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#903;
	background: transparent url('img/fond.gif');/**/
	/*background: #EFD20A; #D1F376; vert très clair  #8DBF10; vert */
	text-align:center;
}
#page {
	width: 980px;
	margin: 0 auto;	
	text-align:left;
	background-color:#FFC;
	margin-bottom:6px;/*si on garde l'image de fond du body*/
}
#content {
	float : right;
	width :100%;
	background:url('img/fond_page.gif') top right no-repeat;
}
#content[id] { /* [2] */
	margin-left : -1px;
}

.trois #conteneur {
	padding : 0 200px;/**/
	background:url('img/fond_col.gif') top left repeat-y;
}

#conteneur.partner_immo {
	padding-right: 0px;
}

.main {
	width: 100%;
}
.main[class] { 
	padding-bottom: 0.1px; /* [4] à voir si on garde */
}
.main-int {
	float: left;
	width: 100%;
	/*width:580px;*/
	position: relative;
	z-index: 0;
}
.main-int[class] { /* [2] */
	margin-right: -1px;
}
.clear {
	 clear: both;
}

/* Centre - partie des billets (main > main-int > content > content-int)
--------------------------------------------------------------------------------------------- */
.content-int {
	 margin: 0 1em;
}
.content-int h3 {
}

.content-int h4 {
}


/* Parametres communs menus gauche et droit
----------------------------------------------------------------------- */
#col-a {
	float:left ;
	margin-left : -200px;
	z-index : 10; /* [3] */
}
#col-a[id] { /* [2] */
	margin-right:1px; /* [2] */
}

#col-a a:hover {
	text-decoration: none;
}

#col-b {
	float : right;
	margin-right : -200px;
	z-index : 11; /* [3] */
}
#col-b[id] { /* [2] */
	margin-left : 1px;	
}

.int-col, content-int {
	margin: 0 1em;
}

.int-col{
	/*font-size:0.86em;*/
	padding-top:10px;
	line-height:120%;
	font-size:1.1em;
	width: 200px;
	/*background-color:#FCF8BB;  FBEF9F;*/
		/* hack pour IE */
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 200px;
}

.int-col div{
	margin-bottom:6px;
}

.int-col h2 {
/*	font-size: 1.1em;
	border-bottom: 1px solid #903;
	margin-top:1.5em;/**/
}

.int-col ul {
	list-style:none;
	padding:0;
	margin:0;
}

/* Specifique col-b
-------------------------------------------------------- */
#col-b {
	/*background : transparent url(images/fond-b.png) no-repeat 50% 12px;
	padding-top:160px;*/
	font-size:0.86em;
	}
	
#col-b a {
	color : #666;
}

#col-b h2 {
	text-align:center;
	margin-bottom:0.8em;
	line-height:1.2em;
/*	margin-left: 1em;*/
}


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post { }

.post h3 {
}
/**/
.post a { 
	text-transform:none;
}

.post a:hover { 
	/*text-transform:underline;ne devrait pas être nécessaire*/
}
.deco {
	display:block;
	}

.deco img {
	padding: 1em 1em 0 0;
	}
.deco h3 {
	text-align:center;
	line-height:1.6em;
	}
.deco h2 {
	text-align:center;
	}

.day-date { }

.post-info {
	margin: 0.25em 0;
	color: #903; /*#999;*/
}
.post-chapo {
	margin: 1em 0;
	text-align: justify;
	}
.post-content {
	text-align: justify;
	margin-top: 0.5em;
	}
.post-content p, .post-chapo p {
	margin-top: 1em;
	line-height: 140%;
	}
	
.post-content blockquote { 
	padding:0 1.2em;
	margin:0;
	background-color:#FFC;
}
	
.cote_bordo {
	margin:1em 0 1em 2em;
	padding:0 1.2em;
	border-left:2px solid #903;
	}
	
.rech_loc {
	text-align:center;
	padding: 0; 
	/*margin : 0 2em;*/
	border:4px solid #FDCE02;
}




/* ------------------------------------------------------------
	7. COMMENTAIRES, TRACKBACKS
------------------------------------------------------------- */

#comments { }
#trackbacks { border-top: 1px dotted #98cd14; }
#comment-preview { }
#comment-form { }

h3#co { margin: 1em 0 2em 0; }
h3#tb { margin: 1em 0 2em 0; }

#comments p { }
#comments blockquote { margin: 0.5em 2em; }
.comment-info { margin: 1.5em 0 0.5em 0; }
.comment-number { }

#trackbacks p { }
#trackbacks blockquote { margin: 0.5em 2em; }

#comment-form fieldset {
	display: block;
	border: none;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#comment-form fieldset p { margin-bottom: 1em; }
/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #CCC;
}

input[type], textarea[name] {
	background: #EFEFEF;
}

input[type]:focus, textarea[name]:focus {
	background: #FFF;
}

input[type]:visited, textarea[name]:visited {
	background: #FFF;
}

input[type=submit], input[type=reset] {
	background : #903;
	color : #CCC;
}

input[type=submit]:hover {
	background : #FFF;
	color : #903;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#c_nom { }
#c_mail { }
#c_site { margin-bottom: 1em; }
#c_content { }
#c_remember { }

.form-help { }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */


/* --------------- iframe */
#partner_immo {
	color:#903;
	padding-right:10px;
	margin:10px;
	/*text-align:right; font-weight:bold;	*/
}

#partner_immo a {
	text-decoration : underline;
	color:#903;
}
/* ================================ boites du sidebar livrees avec Dotclear */
/* --------------- Categorie */

#categories {
	margin-top:3em;
}

#categories ul li {
	margin:0;
	padding: 0;
	display : block;
	/*margin:2px 0;*/
	line-height:1.8em;
	color : #903;
	background-color:#FBEF9F;
	border-bottom:1px solid #903;
}
#categories ul li:hover {
	/*color : #FDCE02;*/
	background-color:#FFC;
}

#categories li a {
	color : #903;
	display: block;
	padding-left : 14px;/* pour décaler le texte => faudrait le virer pour le laisser uniquement dans li */
}

#categories li a:hover {
/*	color : #FDCE02;*/
}

#categories li .current {
	background-color:#FFC;
	display: block;
	padding-left : 14px;/* pour décaler le texte => faudrait le virer pour le laisser uniquement dans li */
}

/* --------------- tofs coup de coeur et investissement du mois */

.tof {
	padding:0.8em;
	/*width: 100%;
	height:200px;*/
	text-align:center;
	display: block;
	background-color:#FCF8BB;
	width:170px;
	height: 133px;
	border:1px solid #903;
}

.tof:hover {
	/*display: block;
	width: 100%;*/
	background-color:#FBEF9F;
}

.tof h2 {
}
.tof a {
	color:#903;
	font-style:italic;
	text-align:center;
	line-height:1em;
}

.tof a:hover {
/*	display: block;
	width: 100%;
	background-color:#FBEF9F;*/
	text-decoration:underline;
}

/* --------------- Recherche */
#search { 	
	margin-left:10px;
}
#search form { }
#search input[type=text] { 
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
	font-size:0.86em;

} /* ou #search #q */
#search input[type=submit] { /* ou #search .submit */
	background: #FDCE02;
	/*font-weight: bold;*/
	border: 1px solid #990033;
	color:#990033;
}
#search input.submit:hover, #search input.submit:focus {
 	background: #990033; 
	color:#FDCE02;
 }
#search input.submit:active { border-style: inset; }
/* --------------- fin Recherche */

#selection { }
#languages { }
#archives { }
#links { }
#syndicate { }

/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 0;
	padding: 1em 20px 1em 0px;
	color: #903;
	height:10px;
	font-size:0.9em;
	background:url('img/fond_col.gif') top left repeat-y;
	/*position : relative;*/
}
#footer a {
	text-decoration:underline;
	font-weight:normal; 
	color: #903;
}

#footer a:hover {
	text-decoration:none;
}

#footer a:visited {
	color: #903;
}

.mention {
	float:left; 
	text-align:center; 
	width:200px;
}

/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* messages d'erreur */
.error { }
.error ul { }
.error li { }
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : 0.8em;}
.little-upper-text { font-size : 0.8em; text-transform : uppercase; }

/* styles divers */
/* --------------------------------------------------------------------------*/
.petit_gris{
	font-style:italic;
	font-size: 0.9em;
	color: #999;
	line-height:0.8em;
}

.petit_gris a{
	color: #999;
}

.haltospam {}
.haltospam img {
padding:0;
}
/* ---------------------------------------------------
  11. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, 
.post-info-co, #trackbacks, #footer {
    clear:both;
    }