/* CSS Document */

/************************************/
/*         contenu de la page       */
/************************************/
#contenu {
	background: url(../img/bg_contenu.jpg) no-repeat 20px bottom;
	overflow: hidden;
	clear: both;
}
#contenu #page {
	min-height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #535ba1;
	padding: 20px 40px 0 40px;
	overflow: hidden;
	clear: both;
	height: 100%;
	/*width: 80%;*/
}
#contenu #page div.bgArrondis {
	background: #e4ecf6; width:80%;
}

/* ARIANE */
div#ariane {
	background: #fff;
	padding: 8px;
}
div#ariane a, div#ariane strong, div#ariane span {
	color: #535ba1;
	display: inline-block;
	border: 3px solid #FFFFFF;
}


div#logements h3 span.outilsAccess {
	border-top: solid 1px #acbbd2;
	border-left: solid 1px #acbbd2;
	border-right: solid 1px #6178a0;
	border-bottom: solid 1px #6178a0;
	background: #acbbd2;
	display: block;
	float: right;
	/*width: 134px;*/
	width: auto;
}
* html div#logements h3 span.outilsAccess {
	width: 134px;
}

/************************************/
/*                FAQ               */
/************************************/
div#arrondis {
	background: #fff;
	padding: 8px;
	margin-top: 20px;
	height: 100%;
	overflow: hidden;
}
div#arrondis h2 {
	display: inline-block;
	background: #ea9337;
	color: #fff;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.85em;
	float: left;
}
.cyan div#arrondis h2 {
	background: #2E8DDC;
}
.cyan div#arrondis h3 {
	color: #2E8DDC;
	border-bottom: solid 1px #2E8DDC;
}
.cyan div#arrondis h6, .cyan div#arrondis h6 a {
	color: #2E8DDC;
	background: #ecf9fa;
}
.vert div#arrondis h2 {
	background: #308002;
}
.vert div#arrondis h3 {
	color: #308002;
	border-bottom: solid 1px #308002;
}
.vert div#arrondis h6, .vert div#arrondis h6 a {
	color: #308002;
	background: #f0fbef;
}
.orange div#arrondis h2 {
	background: #ea9337;
}
.orange div#arrondis h3 {
	color: #ea9337;
	border-bottom: solid 1px #ea9337;
	}
.orange div#arrondis h6, .orange div#arrondis h6 a {
	color: #ea9337;
	background: #f9f1eb;
}
.rose div#arrondis h2 {
	background: #9F4994;
}
.rose div#arrondis h3 {
	color: #9F4994;
	border-bottom: solid 1px #9F4994;
}
.rose div#arrondis h6, .rose div#arrondis h6 a {
	color: #9F4994;
	background: #f4eaf3;
}
.bleu div#arrondis h2 {
	background: #0743C4;
}
.bleu div#arrondis h3 {
	color: #0743C4;
	border-bottom: solid 1px #0743C4;
}
.bleu div#arrondis h6, .bleu div#arrondis h6 a {
	color: #0743C4;
	background: #EFF4FB;
}
.rouge div#arrondis h2 {
	background: #B53604;
}
.rouge div#arrondis h3 {
	color: #B53604;
	border-bottom: solid 1px #B53604;
}
.rouge div#arrondis h6, .rouge div#arrondis h6 a {
	color: #B53604;
	background: #f9f1eb;
}
.jaune div#arrondis h2 {
	background: #D4A008;
}
.jaune div#arrondis h3 {
	color: #D4A008;
	border-bottom: solid 1px #D4A008;
}
.jaune div#arrondis h6, .jaune div#arrondis h6 a {
	color: #D4A008;
	background: #f7f5dd;
}


/* outils */
div#arrondis span.outilsAccess {
	float:right;
	/*width: auto;*/
	width: 138px;
	border-top: solid 1px #acbbd2;
	border-left: solid 1px #acbbd2;
	border-right: solid 1px #6178a0;
	border-bottom: solid 1px #6178a0;
	background: #acbbd2;
}
/** html div#arrondis span.outilsAccess {
	width: 141px;
}*/
div#arrondis span.outilsAccess a {
	width: 21px;
	height: 21px;
	display: block;
	float: right;
	padding: 1px 0 0 1px;
}
div#arrondis span.outilsAccess a span {
	display: none;
}
div#arrondis span.outilsAccess a.outil_moins {
	background:url(../img/outil_moins.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#arrondis span.outilsAccess a.outil_plus {
	background:url(../img/outil_plus.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#arrondis span.outilsAccess a.outil_def {
	background:url(../img/outil_defaut.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#arrondis span.outilsAccess a.outil_imprime {
	background:url(../img/outil_imprime.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#arrondis span.outilsAccess a.outil_mail {
	background:url(../img/outil_mail.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#arrondis span.outilsAccess a.outil_rss {
	background:url(../img/outil_rss.gif) no-repeat;
	color: #ffdfab;
}

/* liste des questions/réponses */
/* 1er niveau - il se déploie */
div.accordeon ul {
	clear: both;
	background: #eff4fb;
	margin: 10px 0;
	overflow: hidden;
	height: 100%;
}
div.accordeon ul li {
	border-bottom: solid 1px #fff;
}
div.accordeon ul a {
	display: block;
	font-size: 0.9em;
	padding: 8px;
	font-weight: bold;
	color: #535ba1;
	border-bottom: solid 1px #fff;
	
	background: url(../img/bg_accordeon_li.gif) no-repeat;
	padding: 7px 0 4px 35px;
}
div.accordeon ul ul a {
	border-bottom: none 0px;
	padding: 0;
	background: none;
}
div.accordeon ul ul{
	margin: 0 0 0 40px;
	border-left: solid 1px #FFFFFF;
}
/* 2nd niveau - il se déploie */
div.accordeon ul ul li{
	background: #eff4fb none;
}
div.accordeon ul ul li a{
	background: url(../img/bg_liste.gif) no-repeat 6px 9px;
	padding: 8px 8px 8px 20px;
	font-weight: normal;
}
div.accordeon ul ul li.open a{
	background: url(../img/bg_listeOn.gif) no-repeat 5px 9px;
	padding: 8px 8px 8px 20px;
}

/* 3e niveau et 4eme niveau - fixe */
div.accordeon ul ul ul{
	margin: 0 0 0 12px;
	border: none;
}
div.accordeon ul ul ul li{
	padding: 5px 5px 5px 20px;
	/*background: url(../img/puce_liste.gif) no-repeat 7px 8px;*/
	background: url(../img/puce_liste_orange.gif) no-repeat 7px 8px;
	text-align: left;
	border: none;
	color: #253352;
	font-size: 0.9em;
}
div.accordeon ul ul ul ul{
	margin: 0;
}
div.accordeon ul ul ul ul li{
	font-size: 100%;
	background: url(../img/puce_liste_tiret.gif) no-repeat 0 12px;
	padding: 5px 5px 5px 15px;
}


/* tablo */
table {
	margin: 0 10px 10px 0;
}
table th {
	background: #c9d9ec;
	padding: 5px;
	font-size: 0.9em;
	border-left: solid 1px #fff;
}
table td {
	background: #d3e0f0;
	padding: 5px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	text-align: left;
}







/************************************/
/*          LISTE des dispos        */
/************************************/
div#logements {
	background: #e4ecf6;
	float: left;
	width: 43%;
}
div#arrondisLogement {
	background: #fff;
	padding: 8px 8px 0 8px;
	margin-top: 20px;
}
div#logements div#arrondisLogement h2 {
	display: inline-block;
	background: #1c59d4;
	color: #fff;
	padding: 3px;
	text-transform: uppercase;
	font-size: 1em;
}

/*   formulaire affiner la liste */
form#communes {
	margin: 15px 0;
	overflow: hidden;
	clear: both;
	height: 100%;
}
form#communes fieldset {
	display: block;
	width: 200px;
	float:left;
}
form#communes legend, form#communes label {
	display: none;
}
form#communes select {
	border: solid 1px #535ba1;
	height: 24px;
	width: 100%;
}
form#communes button {
	background: url(../img/bg_boutonOK.gif) no-repeat;
	display: block;
	width: 32px;
	height: 24px;
	color: #535ba1;
	float: left;
	margin: 0 0 0 10px;
	cursor: pointer;
}


/* tableau de la liste des logements */
table#listeLogement {
	width: 100%;
	font-size: 0.9em;
}
table#listeLogement caption {
	background: #c8d2e2;
	color: #4936a9;
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	caption-side: top;
	border-right: solid 1px #fff;
}
table#listeLogement th {
	background: #535ba1;
	color: #fff;
	padding: 5px;
	text-align:left;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}
table#listeLogement td {
	background: #eef3fa;
	color: #535ba1;
	padding: 5px;
	text-align:left;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	vertical-align: middle;
}
table#listeLogement td a {
	display: inline-block;
	background: url(../img/bg_boutonDetail.gif) no-repeat;
	width: 42px;
	height: 14px;
	font-size: 0.75em;
	text-align: center;
	color: #535ba1;
	padding: 2px 0 0 0;
}
table#listeLogement td sup {
	font-size: 0.6em;
}

/* pagination de la liste */
div#numerosPage {
	margin: 10px 0;
	overflow: hidden;
	clear: both;
	height: 100%;
	display: inline-block;
}
div#numerosPage strong,
div#numerosPage a {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #535ba1;
	font-size: 0.9em;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
}
div#numerosPage strong {
	background: url(../img/bg_numPage_liste_on.gif) no-repeat;
}
div#numerosPage a {
	background: url(../img/bg_numPage_liste.gif) no-repeat;
}

/*div#numerosPage button {
	display: block;
	float: left;
	width: 24px;
	background: url(../img/bg_numPage_liste.gif) no-repeat;
	text-align: center;
	color: #535ba1;
	font-size: 0.9em;
	padding: 3px 0 4px 0;
	margin: 0 5px 0 0;
	cursor:pointer;
}
*/

div#numerosPage a#retour, div#numerosPage a#suite {
	background: url(../img/bg_boutonListe.gif) no-repeat;
	width: auto;
	height: 15px;
	color: #535ba1;
	font-size: 0.8em;
	text-align: center;
	padding: 1px 17px;
}
div#numerosPage a#retour {
	margin: 5px 15px 0 0;
}
div#numerosPage a#suite {
	margin: 5px 0 0 15px;
}


/* adresse des antennes */
#antenne {
	display: block;
	float: left;
	width: 500px;
	height: 480px;
	color: #535ba1;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat ;
	background-position: right top
	/*behavior: url(pngHack/pngHack.htc);
	background: url(../img/carte_poitiers.gif) no-repeat right top;*/
}
#antenne h4 {
	width: 175px;
	font-size: 1.3em;
	margin: 230px 0 0 20px;
	text-align: center;
}
#antenne p {
	display: block;
	width: 175px;
	margin: 0 0 0 20px;
	font-weight: bold;
	text-align: center;
}
#antenne a.mail {
	display: inline;
	color: #535ba1;
	background: url(../img/pic_mail.gif) no-repeat top left;
	padding: 0 0 0 20px;
	margin: 0 0 0 0px;
}
#antenne a {
	display: block;
	color: #e9660d;
	background: url(../img/picto_revenirCarte.gif) no-repeat top left;
	width: 115px;
	height: 50px;
	padding: 0 0 0 35px;
	margin: 20px 0 0 20px;
	font-weight: bold;
	line-height: 1.1em;
	font-size: 0.9em;
	text-align: center;
}




/************************************/
/*           FICHE LOGEMENT         */
/************************************/
div#logements h3 {
	background: #b9cef0;
	overflow: hidden;
	clear: both;
	height: 100%;
	margin: 10px 0 0 0;
}
div#logements h3 span.titre {
	float: left;
	text-transform: uppercase;
	color: #4936a9;
	font-size: 0.8em;
	width: 49%;
	padding: 2px 0 0 5px;
}
/* les outils de la fiche */
div#logements span.outilsAccess {
	border-top: solid 1px #acbbd2;
	border-left: solid 1px #acbbd2;
	border-right: solid 1px #6178a0;
	border-bottom: solid 1px #6178a0;
	background: #acbbd2;
	display: block;
	float: right;
	/*width: 134px;*/
	width: 132px;
}
* html div#logements span.outilsAccess {
	width: 134px;
}

div#logements span a {
	display: block;
	float: right;
	height: 21px;
	width: 21px;
}
div#logements span a span {
	display: none;
}
div#logements span a.outil_moins {
	background:url(../img/outil_moins.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#logements span a.outil_plus {
	background:url(../img/outil_plus.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#logements span a.outil_def {
	background:url(../img/outil_defaut.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#logements span a.outil_imprime {
	background:url(../img/outil_imprime.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#logements span a.outil_mail {
	background:url(../img/outil_mail.gif) no-repeat;
	margin: 0 1px 0 0;
}
div#logements span a.outil_rss {
	background:url(../img/outil_rss.gif) no-repeat;
	margin: 0 1px 0 0;
}


/* formulaire fiche logement */
form#ficheLogement {
	background: #fff url(../img/bg_fichelogement.gif) repeat-y ;
}
* html form#ficheLogement img {
	top: 70px;
	margin-left: 58px;
}
form#ficheLogement legend {
	display: none;
}
form#ficheLogement label {
	display: block;
	width: 27%;
	float: left;
	text-align: right;
	border-right: solid 1px #fff;
	color: #e0541d;
	font-weight: bold;
	font-size: 0.85em;
	padding: 2px;
}
form#ficheLogement label.zoneText {
	height: 45px;
}
form#ficheLogement input, 
form#ficheLogement textarea, 
form#ficheLogement div {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 59%;
	float: left;
	color: #535ba1;
	border: none;
	background: none;
	font-size: 0.85em;
	padding: 2px;
	overflow: hidden;
} 

form#ficheLogement div.bg {
	background: url(../img/bg_inputLogement.gif) repeat-y;	
	width: auto;
	float: none;
	font-size: 100%;
	overflow: hidden;
} 
form#ficheLogement div.pasbg {
	background: none;	
	width: auto;
	float: none;
	font-size: 100%;
	overflow: hidden;
} 
form#ficheLogement sup {
	font-size: 0.6em;
} 

form#ficheLogement hr {
	display: block;
	border: 0;
	border-bottom: solid 1px #FFFFFF;
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
}
form#ficheLogement hr.invisible {
	display: block;
	visibility: hidden;
	margin: 0;
}
/* ie6 */
* html form#ficheLogement hr,
* html form#ficheLogement hr.invisible {
	margin: -7px 0; 
}
/* ie7 only : star hack */
html>body form#ficheLogement hr,
html>body form#ficheLogement hr.invisible {
	*margin: -7px 0; 
}
form#ficheLogement div img {
	margin: 0 5px 0 0;
	float: left;
}
form#ficheLogement button {
	display: block;
	width: 100%;
	background: #b13302 url(../img/bg_button.gif) repeat-x top left;;
	color: #fff;
	padding: 4px;
	text-align: center;
	border-top: 6px solid #FFFFFF;
	font-weight: bold;
	cursor:pointer;
}

form#ficheLogement input.envoiFiche {
	display: block;
	width: 100%;
	background: #b13302 url(../img/bg_button.gif) repeat-x top left;;
	color: #fff;
	padding: 4px;
	text-align: center;
	border-top: 6px solid #FFFFFF;
	font-weight: bold;
	cursor:pointer;
}


div#logements a.retourListe {
	display: block;
	background:url(../img/bg_retourListe.gif) no-repeat;
	height: 15px;
	width: 80px;
	margin: 10px auto 0 auto;
	padding: 2px 0 0 0;
	text-align: center;
	color: #526992;
	font-size: 0.7em;
}





/****************************/
/*           LISTE          */
/****************************/
div.liste {
	clear: both;
}
div.liste img {
	margin-left: 20px;
}
div.liste h3 {
	padding: 15px 0 5px 0;
	color: #EA9337;
	border-bottom: solid 1px #EA9337;
	font-size: 1em;
}
div.liste h4 {
	background: #C8D2E2;
	color: #516891;
	padding: 5px;
	font-size: 1em;
	border:solid 1px #fff;
}
div.liste h6 {
	display: block;
	font-size: 1em;
	background: #EFF4FB;
	padding: 5px;
}
div.liste p {
	padding: 5px;
	background: #EFF4FB;
	overflow: hidden;
	height: 100%;
}
div.liste p a {
	color: #535BA1;
}
div.liste p a:hover {
	text-decoration: underline;
}
div.liste a.suite {
	display: block;
	background: url(../img/bg_boutonListe.gif) no-repeat;
	width: 59px;
	height: 15px;
	color: #535ba1;
	font-size: 0.8em;
	text-align: center;
	padding: 0px 0px 0 0;
	float: right;
}
	








/****************************/
/*          COMPLET         */
/****************************/
div.Chapo {
	margin: 8px 0 0 0;
}
div.complet, div.accordeon, div.vue {
	clear: both;
}
div.complet img {
}
div.complet h3, div.accordeon h3, div.vue h3 {
	padding: 15px 0 5px 0;
	color: #EA9337;
	border-bottom: solid 1px #EA9337;
	font-size: 1em;
}
div.complet h4 {
	background: #C8D2E2;
	color: #516891;
	padding: 5px;
	font-size: 1em;
	border:solid 1px #fff;
}
div.complet h5 {
	background: #e4ecf6;
	padding: 5px;
	font-size: 1em;
	border:solid 1px #fff;
}
div.complet h6 {
	display: block;
	font-size: 1em;
	padding: 5px;
	float: left;
	width: 15%;
	font-weight: normal;
	font-style: italic;
}
div.complet hr {
	clear: both;
	border: solid 1px #fff;
	_margin: -7px 0;
	height: 1px;
}
div.vue hr {
	clear: both;
	visibility: hidden;
	border: none 0px;
	_margin: -7px 0;
}
div.vue p {
	padding: 5px 0 0 0;
	overflow: hidden;
	height: 100%;
}
div.complet ul {
	list-style: none;
	background: #EFF4FB;
	padding: 5px;
	
}
div.complet p {
	padding: 5px;
	background: #EFF4FB;
	/*overflow: hidden;
	height: 100%;*/
}

.vert div.complet a {
	color: #308002;
}
.cyan div.complet a {
	color: #2E8DDC;
}
.orange div.complet a {
	color: #ea9337;
}
.rose div.complet a {
	color: #9F4994;
}
.bleu div.complet a {
	color: #0743C4;
}
.rouge div.complet a {
	color: #B53604;
}
.jaune div.complet a {
	color: #D4A008;
}




div.complet ul li {
	background: url(../img/puce_liste_ombre.gif) no-repeat 0 2px;
	padding: 0 0 5px 18px;
}

/* picto liste différent par rubrique de couleur */
#page.cyan div.complet ul li {
	background: url(../img/puce_liste_cyan.gif) no-repeat 0 4px;
}
#page.vert div.complet ul li {
	background: url(../img/puce_liste_vert.gif) no-repeat 0 4px;
}
#page.orange div.complet ul li {
	background: url(../img/puce_liste_orange.gif) no-repeat 0 4px;
}
#page.rose div.complet ul li {
	background: url(../img/puce_liste_rose.gif) no-repeat 0 4px;
}
#page.cyan div.complet ul li ul li,
#page.vert div.complet ul li ul li,
#page.orange div.complet ul li ul li ,
#page.rose div.complet ul li ul li {
	background: url(../img/puce_liste_tiret.gif) no-repeat 0 7px;
	padding: 0 0 0 13px;
}

div.complet a.retour {
	display: block;
	background: url(../img/bg_retourListeMarche.gif) no-repeat;;
	width: 162px;
	height: 21px;
	padding: 5px 0 0 15px;
	color: #535ba1;
	text-decoration: none;
	font-size: 0.75em;
	float: right;
}

/*  diaporama - fichiers - liens */
div.complet h3.aVoir {
	margin: 0px;
}
div.complet div.diaporama ul,
div.complet div.fichiers ul,
div.complet div.liens ul{
	overflow: hidden;
	height: 100%;
}
div.complet div.fichiers ul,
div.complet div.liens ul{
	clear: both;
}
div.complet div.diaporama ul li,
div.complet div.fichiers ul li,
div.complet div.liens ul li {
	background: none;
	padding: 0;
}
div.complet div.diaporama ul#diapo li {
	float: left;
	text-align: center;
	height: 100px;
	width: 100px;
	background: none;
}
div.complet div.diaporama img {
	margin: 0 20px 0 0;
	width: 75px;
}
div.complet div.diaporama span {
	display: block;
	font-size: 0.75em;
	margin: 0 20px 0 0;
}

div.complet div.fichiers ul li a {
	background: url(../img/pic_pdf.gif) no-repeat;
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #535ba1;
}

div.complet div.liens ul li a {
	background: url(../img/pic_url.gif) no-repeat;
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #535ba1;
}