html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background-color:#E1DFD8;
}
body {
	font-family: Arial, verdana, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: center;
	background-repeat:no-repeat;
	background:url(../images/fond.gif) repeat-x;
}
#body {
	position: relative;
	width: 955px;
	margin: 0 auto 0 auto;
	text-align: left;
	background-image:url(../images/fond_body.gif);
}

#bandeauhaut { width:955px; height:238px; background-image:url(../images/bandeau_haut.jpg); }
#bandeauhaut #retouraccueil { width:111px; height:122px; margin-left:24px; position:absolute; margin-top:20px;}
#bandeauhaut #retouraccueil a { display:block; line-height:122px;}

#menuprincipal { width:955px; height:38px; background-image:url(../images/menu.gif); overflow:hidden; }

#sousmenu { clear:left; width:955px; height:28px; background-image:url(../images/menu_dessous.gif); overflow:hidden; padding:0px; margin:0px; }
#sousmenu ul { padding:0px; margin:0px; border:0px; padding-top:3px; }
#sousmenu ul li {display:inline; }
#sousmenu ul li a { color:white; text-decoration:none; margin-left:10px; }
#sousmenu ul li a:hover { color:white; text-decoration:underline; }
#sousmenu ul li a.select { font-weight:bold; }

#contenu {
	background-image:url(../images/contenu.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:50px;
	padding-right:50px;
}

#contenu #colgauche { height:441px; width:3px; float:left; }
#contenu #coldroite { height:441px; width:5px; float:left; }

#contenu #texte { width:827px; float:left; padding:10px; color:#ffffff; }
#contenu #texte a { color:#E0012F; text-decoration:none; }
#contenu #texte a:hover { color:#E0012F; text-decoration:underline; }
#contenu #texte #fil { text-align:right; padding-bottom:10px; }
#contenu #texte #fil a { font-weight:normal; color:#FFFFFF; }
#contenu #texte #textegauche { float:left; width:520px; }
#contenu #texte #textegauche #texteaccueil h1 { color:#FFFFFF; background-color:inherit; font-size:29px; font-weight:normal; background-image:inherit; padding:0px;  }
#contenu #texte #textegauche #texteaccueil { color:#FFFFFF; padding-top:17px; font-size:13px; padding-right:41px; }
#contenu #texte #textegauche #textefocushaut { height:17px; background-image:url(../images/haut_focus.gif); margin-left:-10px; background-repeat:no-repeat; }

#textefocuscontenu { background-image:url(../images/fond_focus.gif); margin-left:-10px; padding-left:25px; background-repeat:repeat-y; text-align:left; padding-right:70px;  }
#textefocuscontenu #imagefocus { padding-top:8px; padding-bottom:8px; }
#textefocuscontenu .texte { width:305px; float:left; color:#353535; font-size:11px; height:180px; }
#textefocuscontenu .textelarge { width:428px; float:left; color:#353535; font-size:11px; height:180px; }
#textefocuscontenu .photo { width:123px; float:left; padding-left:5px; text-align:right; }
#textefocuscontenu a.focussuite { color:#837D76; text-decoration:none;}
#textefocuscontenu a.focussuite:hover { color:#837D76; text-decoration:underline;}
#textefocuscontenu .texte a { margin-top:5px; float:left; }
#textefocuscontenu #hide { top: -10000px; visibility: hidden; position: absolute; overflow:hidden; }
#textefocuscontenu #qscroller2 { height: 180px; border: 0; }
#textefocusbas { clear:left; height:17px; background-image:url(../images/bas_focus.gif); margin-left:-10px; background-repeat:no-repeat; }

#contenu #texte #textelogements { float:left; width:297px; height:428px; border-left:1px solid #D4D1CD; text-align:center; padding-top:15px; }
#contenu #texte #textepatrimoine { float:left; width:303px; height:428px; text-align:left; padding-top:15px; }

#contenu #formulairedemandedelogement { float:left; width:293px; height:800px; border-left:1px solid #D4D1CD; text-align:left; padding-top:10px; padding-left:10px;}
#contenu #formulairedemandedelogement img { padding-bottom:10px; }

#logement_detail hr { clear:left; padding:0px; margin:0px; border:0px; height:1px; border-top:1px solid #FFFFFF; }
#logement_detail h2 { padding:0px; margin:0; border:0; margin-top:-10px;}
#logement_detail #agencelogement { float:left; width:180px; margin-bottom:10px; }
#logement_detail #agencelogement a.agencecontacter { color:white; text-decoration:underline; }
#logement_detail #grandedivlogement { float:left;}
#logement_detail #photologement { float:left; padding-right:5px; padding-bottom:10px; width:300px;}
#logement_detail #detailslogement { float:left; width:175px; }
#logement_detail #detailssansphotologement { float:left; width:480px; }
#logement_detail #detailslogement .libelle, #logement_detail #detailssansphotologement .libelle { font-weight:bold; color:#E0DED9; }
#contenu #boutonformulerdemande { float:right; border:1px solid #A9A39B; height:20px; padding:4px; padding-bottom:2px;}
#contenu #boutonformulerdemande:hover { float:right;  border:1px solid white; height:20px; padding:4px; padding-bottom:2px;}
#contenu #boutonformulerdemande a, #contenu #boutonformulerdemande a:hover { color:#0058CB; text-decoration:none; font-size:14px; }
#contenu #boutonformulerdemande a.formulerdemande { padding:4px; padding-left:15px; background-image:url(../images/pucebouton.gif); background-repeat:no-repeat; }

#logementliste { padding:2px; margin:0px; float: left; line-height: 24px; width:420px; }
#logementliste .lignelogement { padding: 10px 4px 10px 10px; border-bottom:1px dashed white; float:left; width:420px; }
#logementliste .lignelogement a.lienlogement { float: right; }
#logementliste h1 { padding-bottom:20px;}

#bloclogement { float:left; }
#bloclogement #blocpictos { float:left; width:190px; padding-right:20px; margin-top:12px; color:#FFFFFF; font-style:italic }
#bloclogement #blocpictos img { margin-right:5px; }
#bloclogement #blocdescriptif { float:left; width:270px; }

#agences-detail h2 { font-size:13px; padding-bottom:10px;}
#agences-detail .descriptif { width:827px; float:left; clear:left; }
#agences-detail #entetehoraire { font-weight:bold; color:#DE012E; }
#agences-detail .planacces { float:right; width:350px; }
#agences-detail .infoagence { float:left; width:457px; padding-right:20px; }
#agences-detail .horaires { font-size: 11px; }
#agences-detail .horaires a { background-repeat: no-repeat; padding-bottom: 2px; }
#agences-detail .horaires div.jourheures { padding-bottom: 10px; }
#agences-detail .horaires div.jour { font-weight: bold; }
#agences-detail .horaires div.heures { color: #5f5c59; }
#agences-detail .horairesouverture { margin-top: 7px; }

#contenu #texte #tpl-actualite a.actualiteresume { color:#FFFFFF; text-decoration:none; font-weight:normal; }
#contenu #texte #tpl-actualite a.actualiteliresuite { padding-top:10px; float:left; width:827px; }
#contenu #texte #tpl-actualite hr { clear:left; padding-top:10px; border:0px; border-bottom:1px dashed white; }
#contenu #texte #tpl-actualite .miniature { float:left; padding-right:10px;}

#tpl-ressourceshumaines #lstoffres { padding-bottom:5px;}
#tpl-ressourceshumaines #lstoffres h2 { cursor: pointer; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 10px; }
#tpl-ressourceshumaines #lstoffres div.postuler { padding-bottom: 10px; text-align: left; }
#tpl-ressourceshumaines #lstoffres div.postuler a { font-size: 14px; font-weight: bold; }
#tpl-ressourceshumaines #form { margin-top: 20px; }
#tpl-ressourceshumaines div.btnretour { text-align: center; font-weight: bold; }
#tpl-ressourceshumaines hr { border:0px; padding:0px; padding:0px; border-top:1px dashed #FFFFFF;  }

#menubas { clear:left; width:955px; height:42px; background-image:url(../images/menu_bas.gif); background-repeat:no-repeat; text-align:right; }
#menubas ul { padding-top:15px;}
#menubas ul li { display:inline; padding-right:20px; }
#menubas ul li a { color:#837D76; text-decoration: underline; }
#menubas ul li a:hover { color:#000000; text-decoration: underline; }

#carte_patrimoine {	float:right; width:520px; text-align:center; }
#patrimoine_colonnedroite {
	float:left;
	width:345px;
}

#legende-picto{
	clear: left;
}
#legende-picto img{
	float: left;
}
#txt-legende-picto{
	float: left;
	padding-top: 5px;
}
#carte_logement { float:left; width:520px; text-align:center; }
#carte_logement_ptit { float:left; width:300px; text-align:center; padding-right:40px; padding-left:0px; }
#logement_detail {
	float:left;
	width:480px;
}

#contenu #texte #liens li { list-style-type:disc; list-style-image:none; color:white; background-image:none; padding-left:0px; }
#contenu #texte #liens a.liensutiles { color:#FFFFFF; }


#plandusite #nav1 {	margin-top:10px; }
#plandusite #nav1 li a { color:white; text-decoration:none; font-size:14px; font-weight:bold; }
#plandusite #nav1 li a:hover { color:white; text-decoration:underline; font-size:14px; font-weight:bold; }
#plandusite #nav1 li li a { color:white; text-decoration:none; font-size:12px; font-weight:normal; }
#plandusite #nav1 li li a:hover { color:white; text-decoration:underline; font-size:12px; font-weight:normal; }


/* ELEMENTS COMMUNS */
#contenu .obligatoire { color:red; }
#contenu form { padding:0px; margin:0px; border:0px;}
#contenu input, #contenu textarea, #contenu select { background-color:#E1DED9; width:280px; color:#69635D; font-size:11px; padding:2px; font-family:Arial, Helvetica, sans-serif }
#contenu textarea.textarea { height:200px; }
#contenu .inputradio { width:10px; background-color:transparent; }
#contenu .boutoncentre { padding-top:10px; text-align:center; }
#contenu .boutoncentre input { width:100px; }

.jolieerreur {
	margin: 20px 0;
	padding: 2px;
	padding-left: 30px;
	background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png');
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-weight: bold;
	height:auto;
	background-color: #eee;
	border: 2px solid #888;
	color: red;
	line-height: 18px;
}

/* FORMULAIRE DE CONTACT */
#formulairedecontact {
	float:left;
}
#formulairedecontact #partiegauche {
	float:left;
	width:340px;
	margin-right:20px;
}
#formulairedecontact #partiedroite {
	float:left;
	width:449px;
}