/* =Reset
   ----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}


/* =Globals
   ----------------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif;
	line-height: 1.5;
	background:#333 url(../img/back.jpg) center -400px no-repeat;
}

h1, h2, h4, h4, h5, h6 {font-weight:bold; margin-bottom:1em;}

h1 {width:209px; float:left;margin: 35px 0 0 35px;}
h1 a{
	background:url(../img/logo-immeubles-couillard.gif) no-repeat;
	display:block;
	width:209px;
	height:53px;
	text-indent:-9999px;
}

h4 { font-weight:bold; margin-bottom:5px;}
h5 {}
h6 {}

sup {font-size:80%;line-height:1.5em;position:relative;top:-.8em;}
em { font-style:italic;}
strong { font-weight:bold;}
p, ul, ol, dl { margin-bottom:1em;}
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:none; color:#000;}

/* =Page
   ----------------------------------------------------*/

#page {
	font-size:1.2em;
	width:960px;
	margin:10px auto;
}

/* =Entete
   ----------------------------------------------------*/

#entete {
	float:left;
	background:url(../img/back-entete.jpg) top left no-repeat;
	height:164px;
	margin-bottom:12px;
}

#entete a.coordonnees {
	float:right;
	margin:20px 20px 0 0;
}

#entete a.coordonnees.choisi {
	color:#000;
}

/* =Menu
   -------------*/

#entete ul {
	line-height:1.3;
	width:960px;
	clear:both;
	font-size:1em;
	float:left;
	height:44px;
	margin:32px 0 0 0;
}

#entete ul li {
	text-align:center;
	float:left;
	border-right:1px solid #ccc;
}

#entete ul li.choisi a {
	color:#000;
}

#entete ul li a {
	font-weight:bold;
	display:block;
	height:16px;
	width:91px;
	background:url(../img/back-menu.gif) left center repeat-x;
	padding:14px 0;
}

#entete ul li.immeubles {
	border:none;
	font-weight:bold;
	color:#fff;
	width:105px;
	height:18px;
	padding:13px 0;
	background:url(../img/immeubles.gif) left center no-repeat;
}

#entete ul li.appartement a {
	background:url(../img/appartement.gif) left center repeat-x;
	width:105px;
}

#entete ul li.immeuble a {
	background:url(../img/immeuble.gif) left center repeat-x;
	width:130px;
}

#entete ul li.deux_lignes a {
	height:32px;
	padding:6px 0;
}

#entete ul li.deux_lignes.last {
	border:none;
}

/* =Contenu
   ----------------------------------------------------*/
#contenu {
	float:left;
	overflow:hidden;
	background:#fff;
	width:920px;
	padding:30px 20px;
	margin-bottom:10px;
}


/* =Contenu [ACCUEIL]
   ----------------------*/

body#accueil #contenu {
	width:960px;
	padding:43px 0 0 0;
	height:586px;
	background:url(../img/back-accueil.jpg) left top no-repeat;
}

body.erreur404 div.pad {
	height:350px;
}

#menu {
	width:910px;
	margin:0 auto 50px auto;
}

#menu li {
	font-weight:bold;
	text-align:center;
	position:relative;
	margin:0 7px 0 0;
	float:left;
	width:175px;
	height:340px;
}

#menu li.menu05 {
	margin:0 0 0 0;
}

#menu li a {
	display:block;
	width:175px;
	height:340px;
}

#menu li a:hover {
	color:#fff;
}

#menu li.menu01 a {background:url(../img/menu-01.jpg) left top no-repeat;}
#menu li.menu02 a {background:url(../img/menu-02.jpg) left top no-repeat;}
#menu li.menu03 a {background:url(../img/menu-03.jpg) left top no-repeat;}
#menu li.menu04 a {background:url(../img/menu-04.jpg) left top no-repeat;}
#menu li.menu05 a {background:url(../img/menu-05.jpg) left top no-repeat;}

#menu li a span {
	font-size:.85em;
	position:absolute;
	bottom:46px;
	left:0;
	display:none;
	padding:13px 0;
	height:11px;
	width:175px;
	background:#565656;
	text-transform:uppercase;
}

#menu li a span.titre_menu {
	line-height:1.15;
	position:absolute;
	bottom:13px;
	left:0;
	width:175px;
	background:none;
	text-transform:none;
	display:block;
	height:auto;
	padding:0;
}

#menu li a span.titre_menu.une_ligne {bottom:20px;}

#menu li a span.titre_menu.trois_ligne {bottom:7px;}

#menu li a {
	display:block;
	width:175px;
	height:340px;
}

#menu li a:hover span {
	display:block;
}

body#accueil #contenu ul#bien {
	float:left;
	line-height:1.25;
	font-size:3.5em;
	margin:-10px 0 0 25px;
	color:#fff;
	font-weight:bolder;
}

body#accueil #contenu p {
	font-size:1.15em;
	width:460px;
	margin-right:100px;
	float:right;
}

/* =Contenu [HISTORIQUE]
   ----------------------------*/

body#historique #contenu {
	background:#fff url(../img/1960-2008.gif) 5px 45px no-repeat;
}

body#historique #contenu li, body#jardins #contenu li {
	margin:0 0 5px 2em;
	list-style:disc;
}

body#historique #contenu li a, div.renseignements a, table a {
	color:#4ea6c6;
	text-decoration:underline;
}

body#historique #contenu li a:hover, div.renseignements a:hover, table a:hover {
	color:#7aa356!important;
}


/* =Contenu [LOCALISATION]
   ----------------------------*/

#contenu #wrap {
	float:left;
	width:450px;
}

#contenu ul.adresses {
	float:left;
	margin-right:100px;
}

#contenu ul.adresses li {
	background:url(../img/icon-logements.gif) left top no-repeat;
	padding-left:50px;
	margin-bottom:25px;
	min-height:55px;
}

#contenu ul.adresses.immeub li {
	background:url(../img/icon-immeubles.gif) left center no-repeat;
}

#carte {
	border:1px solid #ccc;
	height:400px!important;
	width:850px!important;
	float:left;
	padding:0!important;
	margin:0 0 25px 0!important;
	clear:both!important;
	margin-bottom:25px;
}

div.situation #carte {
	border:none!important;
	margin:0!important;
	clear:none!important;
	width:506px!important;
	height:264px!important;
}

/* =Boites
   -------------------------------------------------------*/

div.pad {
	overflow:hidden;
	padding:30px 35px;
	background:#F2F2F2;
	width:850px;
	float:left;
}

#contenu div.boite div {
	background:#F2F2F2;
	float:left;
}

h2 {
	font-weight:normal;
	width:910px;
	font-size:1.25em;
	color:#fff;
	float:left;
	background:url(../img/b-gris_top-left.gif) left center no-repeat;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;
}

h2 span {
	display:block;
	background:url(../img/b-gris_top-right.gif) right center no-repeat;
	padding:0 15px 0 6px;
	height:32px;
	line-height:32px;
}

h2.vert {background:url(../img/b-vert_top-left.gif) left top no-repeat;}
h2.vert span {background:url(../img/b-vert_top-right.gif) right top no-repeat;}

h2.orange {background:url(../img/b-orange_top-left.gif) left top no-repeat;}
h2.orange span {background:url(../img/b-orange_top-right.gif) right top no-repeat;}

h2.bleu {background:url(../img/b-bleu_top-left.gif) left top no-repeat; padding-left:32px!important;position:relative;}
h2.bleu span {background:url(../img/b-bleu_top-right.gif) right top no-repeat;}

h2.bleu img {
	position:absolute;
	right:-65px;
	top:2px;
}

h3 {
	color:#57B6DD;
	font-size:1.5em;
	margin-bottom:1em;
}


/* =Moyen
   ---------------*/

#contenu div.boite.moyen {width:450px}
#contenu div.boite.moyen div {width:380px}
#contenu div.boite.moyen h2 {width:440px}

#contenu div.boite.moyen h2.bleu {width:418px}



/* =Boites[PHOTOS]
   -------------------------*/

#contenu div.boite.photos {
	float:left;
	margin-bottom:25px;
}

#contenu div.boite.photos img{
	padding:0;
	margin:0;
	float:left;
}

#contenu div.boite #slideshow {
	height:300px;
	width:450px;
	float:left;
}

#contenu div.boite.photos p {
	margin:0;
	color:#fff;
	width:430px;
	background:#565656;
	height:30px;
	padding:0 10px;
	margin:0;
	float:left;
}

#contenu div.boite.photos p span{
	font-weight:bold;
	font-size:1.1em;
	margin:0 auto;
	float:left;
	padding:6px 0;
	margin:0 187px;
}

#contenu div.boite.photos p a {
	text-indent:-9999px;
	display:block;
	height:30px;
	width:15px;
}

#contenu div.boite.photos p a.floatleft {
	background:url(../img/fleche-g.gif) center left no-repeat;
}

#contenu div.boite.photos p a.floatright{
	background:url(../img/fleche-d.gif) center right no-repeat;
}

/* =Boites[RENSEIGNEMENTS]
   -------------------------*/

#contenu div.boite.renseignements {
	float:left;
	clear:left;
	margin-bottom:25px;
}

#contenu div.boite.renseignements div {
	width:420px;
	padding:15px;
	overflow:hidden;
}

#contenu div.boite.renseignements p.floatleft {
	width:180px;
	margin-right:8px;
}

#contenu div.boite.renseignements p.floatright {
	margin-right:15px;
}

#contenu div.boite.renseignements p.floatright img {
	margin:10px 0;
}

/* =Boites[SERVICES]
   -------------------------*/

#contenu div.boite.services {
	float:right;
}

#contenu div.boite.services div {
	border:1px solid #ccc;
	width:418px;
	padding:15px;
}

#contenu div.boite.services a {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.25;
	display:block;
	padding:13px 0 0 27px;
	width:170px;
	height:61px;
}

#contenu div.boite.services a.floatleft {
	background:url(../img/services-orange.gif) center center no-repeat;
}
#contenu div.boite.services a:hover.floatleft {background:url(../img/services-orange-hover.gif) center center no-repeat;}

#contenu div.boite.services a.floatright {
	background:url(../img/services-bleu.gif) center center no-repeat;
}

#contenu div.boite.services a:hover.floatright {background:url(../img/services-bleu-hover.gif) center center no-repeat;}

/* =Boites[PROFIL]
   -------------------------*/

#contenu div.boite.profil {
	float:right;
	margin-left:20px;
}

#contenu div.boite.profil div img{
	margin-bottom:35px;
}

#contenu div.boite.profil p.barre {
	font-weight:bold;
	color:#fff;
	font-size:1.15em;
	float:left;
	width:420px;
	height:34px;
	display:block;
	line-height:34px;
	padding:0 15px;
	background:url(../img/barre-profil.gif) center center no-repeat;
}

#contenu div.boite.profil p.barre span {
	display:block;
	width:220px;
	float:left;
}

#contenu div.boite.profil p.barre a {
	margin-left:15px;
}

#contenu div.boite.profil p.barre2 {
	font-weight:bold;
	color:#fff;
	font-size:1.15em;
	float:left;
	width:204px;
	height:35px;
	line-height:35px;
	display:block;
	padding:0 15px;
	background:url(../img/barre2-profil.gif) center center no-repeat;
}

#contenu div.boite.profil p.barre2 a{
	margin-left:0;
}

/* =Disponibilités des logements
   -------------------------------------------------------*/


/* =Boites [DISPONIBILITES]
   -------------------------*/

#contenu div.boite.disponibilites {
	margin-bottom:25px;
}

#contenu div.boite.disponibilites a {
	color:#4EA6C6;
	text-decoration:underline;
}


#contenu div.boite.disponibilites a:hover {
	color:#7aa356;
}


#contenu div.boite.disponibilites div {
	padding:10px 0 0 0;
	margin-bottom:5px;
}


table {
	clear:both;
	color:#fff;
	background:#F2F2F2;
	border-collapse: collapse;
	border-spacing: 0;
}


table th {
	font-size:.85em;
	height:37px;
	text-transform:uppercase;
	background:#6EAA05;
	vertical-align:middle;
	font-weight:normal!important;
}

table td {
	padding:5px 0;
	text-align:center;
	color:#000;
	vertical-align:middle;
}

table td.left {
	text-align:left;
	padding-left:10px;
}

table td, table th {
	border-right:1px solid #7FBA19;
}

table tr.rangee1 td, td.last {
	border:none;
}

table tr.rangee1 td {
	padding:0;
}

table tr.rangee1 td.date-maj {
	padding: 0 2px 4px 16px;
	text-align: left;
	font-weight: bold;
}
table td.disponibilites {
	text-align:left;
	font-size:1.1em;
	padding-left:10px!important;
	background:url(../img/b-dispo_top-left.gif) left center no-repeat;
	color:#fff;
	height:22px;
	line-height:22px;
}
table td#sans-preavis {
	font-size:.8em;
	white-space: nowrap;
}
table td.disponibilites span {
	display:block;
	background:url(../img/b-dispo_top-right.gif) right center repeat-x;
	height:22px;
	line-height:22px;
}

table th.debut {
	font-size:.95em;
	background:url(../img/table-debut.gif) left center no-repeat;
}

table th.bleu {
	font-size:.95em;
	background:url(../img/table-bleu.gif) left center repeat-x;
	width:55px;
}

table th.vert {
	background:url(../img/table-vert.gif) left center repeat-x;
	width:100px;
}

table th.fin {
	background:url(../img/table-fin.gif) right center no-repeat;
	width:52px;
	border:none;
	font-size:.95em;
}

table tr.blanc {
	background:#fff;
}

table th.mois {
	width:25px;
	padding: 0 1px;
	white-space: nowrap;
}

a.thickbox {
	display:block;
	background:url(../img/icone-plan.gif) center center no-repeat;
	width:16px;
	height:16px;
	padding:0 20px;
	text-indent:-9999px;
}

/* =Boites [DISPONIBILITES-2]
   -------------------------*/

#contenu div.boite.dispo_demi {
	width:506px;
	float:left;
	margin-bottom:25px;
}

#contenu div.boite.dispo_demi select {
	margin:0 0 0 10px;
}

#contenu div.boite.dispo_demi h2 {
	width:496px;
}

#contenu div.boite.dispo_demi div {
	width:506px;
}

#contenu div.boite.dispo_demi p {
	padding:0;
	margin:10px 0;
}

#contenu div.boite.dispo_demi em {
	margin-left:10px;
}

#contenu div.boite.dispo_demi a:link, #contenu div.boite.dispo_demi a:visited {
	color:#4EA6C6;
	text-decoration:underline;
}

#contenu div.boite.dispo_demi a:hover {
	color:#7AA356;
}

#contenu div.boite.disponibilites2.moyen table th.fin {
	background:url(../img/table-fin-details.gif) right center no-repeat;
}


/* =Boites [SITUATION]
   -------------------------*/

#contenu div.situation {
	float:left;
	width:506px;
}

#contenu div.situation h2 {
	width:496px;
}



/* =Boites [CARACTERISTIQUES]
   -------------------------*/

#contenu div.boite.caracteristiques {
	float:right;
	width:390px;
}

#contenu div.boite.caracteristiques h2 {
	width:380px;
}

#contenu div.boite.caracteristiques div {
	width:320px;
	padding:35px;
}


a.retour {
	text-align:right;
	padding:0 4px;
	font-weight:bold;
	font-size:1.1em;
	float:right;
	text-transform:uppercase;
	display:block;
	background:#26A9E0 url(../img/retour.gif) left center no-repeat;
	width:150px;
	height:29px;
	line-height:29px;
	clear:right;
}

a.retour.dispo {
	padding:0 4px;
	width:210px!important;
}

/* =Détails des logements
   -------------------------------------------------------*/

/* =Boites [DETAILS]
   -------------------------*/

#contenu div.boite.details div {
	padding:10px 0 0 0;
	width:920px;
	margin-bottom:25px;
}

#contenu div.boite.details div p {
	margin:0 0 10px 15px;
	font-weight:bold;
}

table.table_details th {
	background:url(../img/table-vert.gif) left center repeat-x;
	font-size:.95em;
}

table.table_details th.debut {
	background:url(../img/table-debut.gif) left center no-repeat;
	width:157px;
}

table.table_details th.fin {
	background:url(../img/table-fin-details.gif) right center no-repeat;
	padding:0 10px;
}


/* =Formulaires
   ----------------------------------------------------*/

form.formulaire ul li {
	width:100%;
	margin-bottom:5px;
}

form.formulaire ul li label {
	text-align:right;
	width:150px;
	float:left;
	margin-right:10px;
}

form.formulaire ul li input[type=text] {
	width:214px;
}

form.formulaire ul li textarea#date {
	width:211px;
	height:40px;
	margin:5px 0 0 0;
}

form.formulaire ul li textarea#commentaires {
	width:372px;
	height:150px;
	margin:5px 0 0 0;
}

form.formulaire ul li input#envoyer {
	float:right;
}

/* =Grandeur des champs
   --------------------------*/

.small { width:120px!important;}
.xsmall { width:80px!important;}
.xxsmall { width:40px!important;}


/* =Gestion des erreurs
   --------------------------*/

p#erreur {
	color:red;
}

li.erreur label {
	color:red;
}

li.erreur input {
	border:1px solid red;
}

/* =CLASS
   ----------------------------------------------------*/
.floatleft {float:left!important;}
.floatcenter {margin:0 auto!important;}
.floatright {float:right!important;}
.clearboth {clear:both!important;}

.debug {border:1px solid red;}

.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}

.txtsmall {font-size:.85em!important;}
.txtlarge {font-size:1.25em!important;}

.spacer {margin-left:6em;}

/* =CLEAR
   -------------------------*/
/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clear {display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }
/* -------------------------*/