/*/////////////////////////////////////////////////////
	Sarthe-Habitat.fr - Feuille de style de base (ecran+impression)
//////////////////////////////////////////////////////*/

/*****************************************************/
/*	Styles généraux
/*****************************************************/

html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}


body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#393939;
}

.vert{
	color:#d2d600;
}

.rose{
	color:#e2007a;
}

.fond-vert{
	background-color:#d2d600;
}

.fond-rose{
	background-color:#e2007a;
}

.bord-vert{
	border:1px solid #d2d600;
}

.bord-rose{
	border:1px solid #e2007a;
}

#ariane{
	margin-top:7px;
}

.invisible{
	display:none;
}

.clearer{
	clear:both;
	height:0;
	font-size:0;
}

.clearer2{
	clear:both;
	height:15px;
	font-size:0;
}

.clearer-titre{
	clear:both;
	width:100%;
	height:10px;
	border-left:1px solid #d2d600;
	font-size:0;
}

.gauche{
	float:left;
}

.droite{
	float:right;
}

.align-gauche{
	text-align:left;
}

.align-droite{
	text-align:right;
}

.justifie{
	text-align:justify;
}

.erreur{
	color:#FF0000;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

p{
	margin-top:10px;
	margin-bottom:0;
}


.encadre{
	width:auto;
	height:100%;
	border:1px solid #d2d600;
	margin-bottom:15px;
	text-align:left;
}


/*****************************************************/
/*	Styles de la partie contenu
/*****************************************************/

#contenu a{
	text-decoration:none;
	color:#e2007a;
}

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

#contenu a.mini, #contenu .mini{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#contenu a.mini-black, #contenu .mini-black{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	color:#393939;
}

#contenu p.description-rubrique{
	font-style:italic;
	font-size:12px;
	text-align:justify;
	width:570px;
}


/*** Articles (page article + résumés d'articles) ***/

.article-gauche{
	width:100%;
	margin-bottom:15px;
	border-left:1px solid #d2d600;
	text-align:left;
}

.article-droite{
	width:100%;
	margin-bottom:15px;
	border-right:1px solid #d2d600;
	text-align:right;
}

.retour{
	margin-top:5px;
	margin-bottom:5px;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.article-gauche p, .article-gauche p.spip, .article-droite p, .article-droite p.spip, .rubrique-gauche p, .rubrique-gauche p.spip, .rubrique-gauche2 p, .rubrique-gauche2 p.spip, .rubrique-droite p, .rubrique-droite p.spip{
	padding-left:10px;
	padding-right:10px;
}

.article-gauche .date, .article-droite .date{
	color:#8e8e8d;
	font-style:italic;
	text-transform:capitalize;
}




/*** Boutons de rubriques ***/

.rubrique-gauche{
	width:100%;
	margin:0;
	text-align:left;
	height:100%;
	background-color:#f6f3ee;
	margin-bottom:15px;
}

.rubrique-gauche2{
	width:100%;
	margin:0;
	text-align:left;
	height:100%;
	margin-bottom:15px;
}

.rubrique-droite{
	width:100%;
	margin:0;
	text-align:right;
	height:100%;
	background-color:#f6f3ee;
	margin-bottom:15px;
}


/*** Images encarts colorées (articles, boutons de rubriques) ***/


.article-gauche .img-encart-gauche{
	z-index:3;
	float:left;
	padding:0 4px 2px 4px;
	margin:0 10px 5px 0;
	background-color:#d2d600;
}

.article-droite .img-encart-droite{
	z-index:3;
	float:right;
	padding:0 4px 2px 4px;
	margin:0 0 5px 10px;
	background-color:#d2d600;
}

.rubrique-gauche .img-encart-gauche {
	z-index:3;
	float:left;
	padding:0 4px 4px 4px;
	margin:0 10px 0 0;
}

.rubrique-gauche2 .img-encart-gauche {
	z-index:3;
	float:left;
	padding:0 4px 4px 4px;
	margin:0 10px 0 0;
}


.rubrique-droite .img-encart-droite{
	z-index:3;
	float:right;
	padding:0 4px 4px 4px;
	margin:0 0 0 10px;
}

.encadre .img-encart-droite{
	z-index:3;
	float:right;
	padding:0 3px 2px 4px;
	margin:0 0 5px 10px;
}

.legende{
	width:145px;
	margin:2px 0 3px 0;
	font-size:10px;
	font-style:italic;
	color:#ffffff;
	text-align:center;
}


/*** Images flottantes ***/

.img-mini-gauche{
	float:left;
	margin:0 10px 0 0;
}

.img-mini-droite{
	float:right;
	margin:0 0 0 10px;
}

.img-mini-gauche img {
	border:1px solid #d2d600;
	border-left:none;
}

.img-mini-droite img{
	border:1px solid #e2007a;
}


/*** Titres ***/

.titre1{
	width:100%;
	height:32px;
	margin-left:-5px;
}

h1.titre-rubrique{
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:20px;
	color:#d2d600;
	font-variant:small-caps;
}

h2{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	text-align:left;
	color:#FFFFFF;
}

h2 div{
	padding:3px 10px 3px 10px;
}

#contenu h2 div a{
	color:#FFFFFF;
	text-decoration:none;
}

#contenu h2 div a:hover{
	text-decoration:none;
}

#contenu h2 div a.mini{
	color:#e2007a;
}

.surtitre{
	display:block;
	width:100%;
	height:auto;
	margin:0 0 -4px 0;
	background-color:#d2d600;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:16px;
	font-style:italic;
	text-align:left;
	color:#FFFFFF;
}

.surtitre div{
	padding:3px 10px 0 10px;
}

.titre-article{
	font-size:18px;
	font-weight:normal;
}

.titre-loc{
	font-size:16px;
}

h3.titre-rubrique{
	display:block;
	width:auto;
	height:15px;
	background:url(../images/fond-titre3.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	color:#e2007a;
	margin-top:15px;
	margin-bottom:16px;
}

h3.titre-rubrique div{
	height:inherit;
	width:auto;
}

h3.titre-rubrique div a, h3.titre-rubrique div a{
	background-color:#FFFFFF;
}

h3.spip {
	margin-left:10px;
	margin-right:10px;
	color:#e2007a;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	margin-bottom:0;
}

h4{
	margin-top:0;
}


/*** Listes d'articles verticales ***/

ul.liste-articles{
	margin:0;
	padding:0;
	font-size:10px;
	text-align:left;
}

ul.liste-articles li{
	padding:0;
	margin-bottom:5px;
	margin-left:15px;
	list-style-type:square;
}

ul.liste-articles li a{
	font-weight:bold;
	font-size:12px
}

ul.liste-articles li .date{
	color:#8e8e8d;
	font-style:italic;
	text-transform:capitalize;
}


/*** Listes de sous-rubriques horizontales ***/

ul.liste-sous-rubriques{
	margin:0;
	padding:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
}

ul.liste-sous-rubriques li{
	display:inline;
	list-style-type:none;
}


/*** Blocs verts utilisés pour la recherche de locations etc (largeur: 280px) ***/

.bloc-vert{
	width:280px;
	margin:0;
	background:url(../images/bloc-vert.jpg) no-repeat #adb016;
	text-align:left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#595758;
}

/*** Blocs verts utilisés pour les commentaires d'articles etc (largeur: 416px) ***/

.bloc-vert2{
	width:416px;
	margin:0;
	background:url(../images/bloc-vert2.jpg) no-repeat #adb016;
	text-align:left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#595758;
}


/*** Elements communs aux deux sortes de blocs verts ***/

.bloc-vert h4, .bloc-vert2 h4{
	padding:2px 0 2px 0;
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:18px;
	color:#e2007a;
}

.bloc-vert form, .bloc-vert2 form{
	padding:3px 10px 10px 10px;
}

.bloc-vert .ligne-form, .bloc-vert2 .ligne-form{
	padding-top:7px;
}

.bloc-vert input, .bloc-vert select, .bloc-vert2 input, .bloc-vert2 select, .bloc-vert textarea, .bloc-vert2 textarea{
	border:1px solid #929500;
	font-size:11px;
	color:#393939;
	padding:2px;
}

.bloc-vert button, .bloc-vert2 button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#595758;
	background:#FFFFFF;
	border:1px solid;
}

.bloc-vert p, .bloc-vert2 p{
	padding:10px;
}

#contenu .bloc-vert fieldset, #contenu .bloc-vert2 fieldset{
	border:1px solid #ffffff;
}


/*** Blocs gris ***/

.bloc-gris{
	width:100%;
	background-color:#f6f3ee;
	margin-bottom:15px;
	text-align:left;
}

.bloc-gris p{
	padding:10px 10px 10px 10px;
}

.bloc-gris .titre{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#a0a088;
	background-color:#f0f0e0;
	margin-top:0;
}

.bloc-gris ul.liste-mini {
	font-size:11px;
	padding:10px;
	margin:0;
	font-style:italic;
}

.bloc-gris ul.liste-mini li{
	list-style-type:none;
}


/*** Liste de documents ***/

ul.liste-docs {
	font-size:12px;
	padding:10px;
	margin:0;
	font-style:italic;
}

ul.liste-docs li{
	list-style-type:none;
}

.description-fichier{
	font-size:10px;
	font-style:normal;
	color:#808066;
	margin-left:20px;
}


/*** Formulaires ***/

form{
	padding:0;
	margin:0;
}

#contenu form{
	padding:10px;
}

#contenu .spip_form_champ{
	padding:3px;
}

#contenu .spip_form_choix_unique{
	list-style:none;
}

#contenu fieldset{
	margin-bottom:10px;
	padding:5px;
	text-align:left;
	border:1px solid #d2d600;
}

#contenu fieldset .erreur{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#contenu legend{
	color:#e2007a;
	font-size:12px;
	font-weight:bold;
}

#contenu fieldset .ligne-form{
	padding-bottom:7px;
}


/*** Pied de page ***/

#footer{
	width:850px;
	height:73px;
	background:url(../images/fond.jpg) repeat-y;
	padding-top:15px;
}

#footer #logo-sh{
	width:170px;
	height:51px;
	float:right;
	margin:0;
	padding:0;
}

#footer #txt-footer{
	float:right;
	width:595px;
	height:22px;
	background-color:#e2007a;
	font-size:10px;
	text-align:center;
	color:#f977be;
}

#footer a{
	color:#FFFFFF;
}

#footer #txt-footer div{
	padding:5px 0 0 5px;
}


/*** Divers ***/

.ville{
	font-size:12px;
	font-weight:bold;
	color:#e2007a;
	text-transform:uppercase;
}