/*/////////////////////////////////////////////////////
	Sarthe-Habitat.fr - Feuille de style pour l'affichage à l'ecran
//////////////////////////////////////////////////////*/

/*****************************************************/
/*	Elements principaux de mise en page
/*****************************************************/

/*** Div globale centrée dans la page ***/

#global{
	margin:auto;
	width:850px;
	background:url(../images/fond.jpg) repeat-y;
}


/*** Conteneur pour menu-gauche+contenu ***/

#wrapper{
	width:850px;
}


/*** Bannière ***/

#banniere{
	width:850px;
	height:103px;
	background:url(../images/banniere.jpg) no-repeat;
}

#rechercher-site{
	float:left;
	width:160px;
	padding-left:268px;
	padding-top:77px;
}

#rechercher-site label{
	display:none;
}

#rechercher-site input{
	border:1px solid #b50062;
	padding:2px;
	font-size:11px;
	color:#8e8e8d;
	width:118px;
}

#boutons-haut{
	float:left;
	width:192px;
	padding-left:15px;
	padding-top:58px;
}

#boutons-haut a{
	color:#FFFFFF;
}

#votre-compte{
	float:left;
	width:198px;
	padding-left:10px;
	padding-top:58px;
	color:#ffffff;
	text-align:right;
}

#votre-compte input{
	border:1px solid #b50062;
	padding:2px;
	font-size:11px;
	color:#8e8e8d;
}

#votre-compte input.ok{
	border:none;
	background-color:#e2007a;
	padding:2px;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	vertical-align:middle;
}

#votre-compte a{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.bonjour{
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}


/*** Menu de gauche ***/

#menu-gauche{
	float:left;
	width:250px;
	background-color:#d2d600;
	height:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

#menu-gauche ul{
	margin:15px;
	padding:0;
}

#menu-gauche ul li{
	width:auto;
	padding-left:20px;
	background:url(../images/puce-menu.gif) no-repeat;
	list-style:none;
	font-size:18px;
}

#menu-gauche ul li ul{
	margin:0;
	vertical-align:middle;
}

#menu-gauche ul li ul li{
	font-size:12px;
	padding-left:13px;
	background:url(../images/puce-sous-menu.gif) no-repeat;
}

#menu-gauche a{
	color:#FFFFFF;
}

.bloc-gauche{
	width:228px;
	margin:auto;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}

.bloc-gauche-haut{
	width:228px;
	height:11px;
	background:url(../images/bloc-gauche-haut.jpg);
	font-size:0px;
}

.bloc-gauche-bas{
	width:228px;
	height:13px;
	background:url(../images/bloc-gauche-bas.jpg);
	font-size:0px;
}

.bloc-gauche-fond{
	width:228px;
	background:url(../images/bloc-gauche-fond.jpg);
}

.bloc-gauche-fond form{
	padding:0 15px 3px 15px;
}

.bloc-gauche-fond .ligne-form{
	padding-top:7px;
}

.bloc-gauche-fond h4{
	font-size:16px;
	color:#e2007a;
	margin-bottom:2px;
}

.bloc-gauche-haut-newsletter{
	width:228px;
	height:61px;
	background:url(../images/bloc-gauche-haut-newsletter.jpg);
}


/*** Mise en page du contenu ***/

#contenu{
	float:right;
	width:578px;
	margin-left:22px;
	margin-top:15px;
}

.colonne-gauche{
	float:left;
	width:280px;
	text-align:left;
}

.colonne-droite{
	float:right;
	width:280px;
	text-align:left;
}

.grande-colonne{
	float:left;
	width:416px;
	text-align:justify;
}

.petite-colonne{
	float:right;
	width:153px;
	text-align:justify;
	margin-top:-7px;
}

.bloc-droite-haut{
	width:153px;
	height:7px;
	background:url(../images/bloc-droite-haut.jpg) no-repeat;
	font-size:0px;
}

.bloc-droite{
	width:153px;
	background:#e2007a;
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
}

.bloc-droite .on{
	font-weight:bold;
	color:#d2d600;
}

.bloc-droite-bas{
	width:153px;
	height:7px;
	background:url(../images/bloc-droite-bas.jpg) no-repeat;
	margin-bottom:15px;
	font-size:0px;
}

#contenu .bloc-droite a{
	color:#FFFFFF;
}

#contenu .bloc-droite .titre{
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	padding-top:3px;
	margin-left:7px;
	font-size:16px;
	font-weight:bold;
}

.bloc-droite ul{
	margin:0;
	padding:5px 5px 8px 5px;
}

.bloc-droite ul li{
	font-size:12px;
	list-style:none;
	padding-left:13px;
	background:url(../images/puce-menu-droite.gif) no-repeat;
	margin:0;
}