/* Mise en page générale */
html{
	overflow-x:hidden;
}
body{
	font-family: Lucida Sans, Arial, sans-serif;
	margin: 0;
	background:url("/images/fond.jpg") repeat-x;
}
#page{
	margin: 0 auto 20px auto;
	width: 1000px;
	background:white;
	border-left:1px solid #023284;
	border-right:1px solid #023284;
	border-bottom:1px solid #023284;
}
sup{
	font-size: 9px;
}
a img{
	border: none;
}
hr{
	visibility:hidden;
	clear:both;
}
fieldset{ border:none; }
.required{ color:red; }
.bouton{
	background:transparent url("/images/bouton.png") no-repeat!important;
	height:40px;
	width:120px;
	border:none;
	color:white;
	margin-right:10px;
	cursor:pointer;
}
.bouton:hover{
	background:transparent url("/images/bouton_roll.png") no-repeat!important;
}

/* Haut de page */
#haut{
}
#haut h1{
	float: left;
	margin: 30px 0 0 10px;
	padding: 0;
}
#haut h1 a{
	display: block;
	height: 100px;
	width: 180px;
}
#haut h1.maisonsAura a, #administration h1 a{ background: url("/images/logo_aura.jpg") no-repeat; }
#haut h1.JbConstruction a{ background: url("/images/logo_jb.jpg") no-repeat; }
#haut h1.maisonsdenfrance a{ background: url("/images/logo_maisons_france.png") no-repeat; }
#haut h1 a span{ display: none; }

#haut #maisons_terrains{
	background: url("/images/fond_diaporama.jpg") no-repeat;
	float: left;
	height: 180px;
	margin: 0;
	padding-left: 60px;
	width: 750px;
}
#haut #maisons_terrains h2{
	background: url("/images/titre_asaisir.png") no-repeat;
	height: 20px;
	margin: 10px 0 0 130px;
	width: 262px;
	float:left;
}
#haut #maisons_terrains h2 span{
	display: none;
}

/* Diaporama */
#haut #maisons_terrains .diaporama{
	float: left;
}
#haut #maisons_terrains .fleche{
	cursor: pointer;
	float: left;	
	height: 41px;
	margin: 60px 0 0 0;
	width: 48px;	
}
#haut #maisons_terrains #droite{
	background: url("/images/fleche_droite.png");
}
#haut #maisons_terrains #gauche{
	background: url("/images/fleche_gauche.png");
	clear: left;
}
#haut #maisons_terrains .diaporama .masque{
	overflow: hidden;
	width: 600px;
	margin: 30px 0 0 15px;
}
#haut #maisons_terrains .diaporama ul{
	width: 20000px;
	float: left;
	margin: 0;
	padding: 0;
}
#haut #maisons_terrains .diaporama ul li{
	cursor: pointer;
	float: left;
	height: 100px;
	width: 300px;
	display: block;
}
#haut #maisons_terrains .diaporama ul img{
	margin-right: 15px;
	float: left;
	height: 100px;
}
#haut #maisons_terrains ul li h3{
	color: #333;
	font-size: 16px!important;
	font-weight: bold;
	margin: 0;
}
#haut #maisons_terrains ul li p{
	color: #fff;
	font-size: 14px;
	margin: 0;
}
#haut #maisons_terrains ul li p.prix{
	font-size: 20px;
}
#haut .menu{
	background: url("/images/fond_bouton.jpg");
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
}
#haut .menu li{
	float: left;
	list-style: none;
	text-align: center;
}
#haut .menu li a{
	float: left;
	display: block;
	background: url("/images/fond_bouton.jpg");
	color: #fff;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	padding-left: 10px;
	width: 154px;
}
#haut .menu li a span{
	float: left;
	display: block;
	background: url("/images/fond_bouton_menu.jpg");
	width: 21px;
	height: 40px;
}
#haut .menu .last a{
	padding-right: 16px;
}

/* Bas de page */
#bas{
	background: url("/images/ombre_haut.gif") repeat-x;
	background-position:0px 10px;
	clear: both;
	padding-top: 25px;
}
#bas .menu{
	background: url("/images/fond_menu_bas.gif");
	margin: 0;
	padding: 0;
	width:100%;
	display:block;
	float:left;
}
#bas .menu li{
	display: block;
	float:left;
	margin-left:20px;
}
#bas .menu li a{
	color: #a8d5fa;
	font-size: 14px;
	line-height: 40px;
	margin: 0 10px;
	text-decoration: none;
}
#bas .menu li a:hover{ color: #fff; }
#bas a:hover{color:#3a55e4}
#bas a.cadenas{
	width:25px!important;
	height:23px!important;
	display:block;
	float:left;
	background:url("/images/cadenas_off.png") no-repeat center;
	padding-top:15px;
}
#bas a.cadenas:hover{
	background:url("/images/cadenas_on.png") no-repeat center;
}
#bas a.cadenas span{
	display:none;
}

/* Partenaires */
ul#partenaires{
	list-style-type:none;
	width: 960px;
	margin: 10px 0 0 40px;
	padding: 0;
	float:left;
}
ul#partenaires a{
	float:left;
	margin-left:25px;
}
ul#partenaires li a span{display:none;}

/* Lien IRCF */
.ircf{
	font-size: 11px;
	text-align: center;
}
.ircf a{
	color: #888;
	text-decoration: none;
}

/* Contenu */
#contenu{
	clear: left;
	padding:25px 25px 10px 25px;
	margin: 0 auto;
}
#contenu a{
	color: #09f;
	font-size: 12px;
	cursor:pointer;
}
#contenu a:hover{
	color:#0055de;	
}
#contenu .lien{float:left;}
#contenu .prix{font-size: 18px!important;}
#contenu img{
	border: 2px solid #09f;
}
#contenu h1{
	color: #023284;
	border-bottom:2px solid #023284;
	font-size: 20px;
	font-weight: bold;
	height: 49px;
	line-height: 43px;
	margin: 0 0 20px 0;
}
#contenu h2{
	color:#15ABF3;
	font-size:18px;
	font-weight:normal;
}
.colonne{
	float: left;
	width:98%;
}
.colonne.undemi{
	clear: none;
	width:49%;
}
.colonne.deuxtiers{
	width:66%;
}
.colonne.untiers{
	width:32%;
}
.colonne.first{
	clear: left;
}


/* -------------- Page d'accueil -------------- */
/* Actu */
#accueil #contenu{
	padding:0;
}
#accueil h1{
	border:none;
}
#accueil .colonne.undemi{
	width:500px;
}
#contenu .actualite{
	background: url("/images/fond_edito.jpg") right no-repeat;
	height: 203px;
	padding: 20px 100px 0 20px;
}
#contenu .actualite a{
	color:white; 
	margin-top:10px;
	display:block;
}
#contenu .actualite a:hover{color:#d8f3fe;}
#contenu .actualite h2{
	color: #ff3;
	font-size: 16px;
	margin: 0;
}
#contenu .actualite h3{
	color: white;
	margin:10px 0 0 0;
	padding:0;
}
#contenu .actualite p{
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding:0;
	width:350px;
	height: 105px;
	overflow: hidden;
}

/* Evenement */
#contenu .evenement{
}
#contenu .evenement img{
	margin-left: 70px;
	border:none;
}
#contenu .evenement h2,
#contenu .evenement p{
	display: none;
}

/* Diaporama Modèle */
#accueil #contenu #modele .diaporama .masque{
	overflow:hidden;
	width:500px;
	height:220px;
	margin:0;
	clear:left;
	float: left;
}
#accueil #contenu #modele .diaporama ul{
	height:20000px;
	float:left;
	clear: left;
	margin:0;
	padding:0;
}
#accueil #contenu #modele .diaporama li{
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: 500px;
	height: 220px;
	cursor:pointer;
}
#contenu #modele div a, #contenu #terrain div a{
	color:black;
}
#contenu #modele div:hover, #contenu #terrain div:hover{
	color: #09f;
}
#contenu #modele div:hover img, #contenu #terrain div:hover img{
	border:2px solid #15abf3;
}
#contenu #modele div img, #contenu #terrain div img{
	border:2px solid black;
	margin-top:0;
}
#contenu #modele h1{
	color: #fff;
	background: url("/images/bande_gauche.png") no-repeat;
	font-size: 20px;
	font-weight: bold;
	height: 49px;
	line-height: 43px;
	margin: 0;
	padding:0 0 0 20px;
}
#contenu #modele .plus{
	float: right;
	margin: 0 40px 0 0;
}
#contenu #modele img{
	float: left;
	margin: 10px 10px 0 20px;
}
#contenu #modele h2{
	font-size: 16px;
	font-weight:bold;
	float: left;
	margin: 80px 0 0 0;
	width: 168px;
}
#contenu #modele p{
	font-size: 14px;
	float: left;
	margin: 0;
	width: 168px;
}

/* Diaporama Terrain */
#accueil #contenu #terrain .masque{
	overflow:hidden;
	width:500px;
	margin:0;
	clear:left;
}
#accueil #contenu #terrain li{
	cursor:pointer!important;
}
#accueil #contenu #terrain ul{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	width:10000px;
}
#accueil #contenu li{
	margin-top:10px;
	float:left;
	display:block;
	width:500px;
}
#accueil #contenu #terrain{
	color: #333;
	text-align: right;
}
#accueil #contenu .diaporama .masque{
	overflow:hidden;
	width:480px;
	margin: 30px 0 0 15px;
}
#accueil #contenu #terrain h1{
	color: #fff;
	background: url("/images/bande_droite.png") right no-repeat;
	font-size: 20px;
	font-weight: bold;
	height: 49px;
	line-height: 43px;
	margin: 0;
	padding: 0 20px 0 0;
}
#contenu #terrain .plus{
	float: left;
	margin: 0 0 0 40px;
}
#contenu #terrain img{
	float: right;
	margin: 10px 20px 0 10px;
}
#contenu #terrain h2{
	font-size: 16px;
	font-weight:bold;
	float: right;
	margin: 0;
	width: 250px;
}
#contenu #terrain p{
	font-size: 14px;
	float: right;
	margin: 0;
	width: 250px;
}

/* Abonnement à la newsletter */
#contenu #abo_news{
	float:left;
	clear:both;
	font-size: 12px;
	height: 50px;
	margin: 20px 0 0 0;
	width:1000px;
	overflow:hidden;
	position: relative;
}
#contenu #abo_news div{
	position:relative;
	width:3000px;
}
#contenu #abo_news h2{
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 100px;
	margin-right:10px;
	color:white;
	padding:2px 0 0 0;
}
.zoneclick{
	background:transparent!important;
	position:absolute;
	z-index:2000;
	width:360px;
}
#contenu #abo_news form{
	float: left;
}
#contenu #abo_news form label{color:white;}
#contenu #abo_news p{
	margin: 0;
	background:url("/images/onglet_news_letter.gif") no-repeat;
	float:left;
	height:80px;
	padding:10px 0 0 40px;
}
#contenu #abo_news div div{
	background:url("/images/fond_news_letter.gif");
	float:left;
	width:auto;
	height:50px;
	line-height:40px;
}
#contenu #abo_news .bouton{
	float:none;
	background:transparent url("/images/ok.png") no-repeat center !important;
	width:28px;
	height:43px;
	border:none;
	margin:0 0 0 40px;
	cursor:pointer;
	display: inline;
}
#contenu #abo_news .boutonie{
	display: none;
}

/* -------------- Autres pages -------------- */
/* Page modele maison */
#modeles_maisons #contenu{ padding: 0; }
#modeles_maisons #contenu .maison{
	background: url("/images/fond_showroom.gif") no-repeat;
	padding: 20px 0 0 0;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#modeles_maisons #contenu ul{ list-style: none; }
#modeles_maisons #contenu .maison ul{
	margin-left: 200px;
	padding: 0;
}
#modeles_maisons #contenu .maison ul li{
	float:left;
	margin:0 3px 0 0;
}
#modeles_maisons #contenu .maison ul.rond{
	margin: 0 auto;
	padding: 0;
	width: 65px;
	height: 20px;
}
#modeles_maisons #contenu .maison ul.nb_1{ width: 13px; }
#modeles_maisons #contenu .maison ul.nb_2{ width: 26px; }
#modeles_maisons #contenu .maison ul.nb_3{ width: 39px; }
#modeles_maisons #contenu .maison ul.nb_4{ width: 52px; }
#modeles_maisons #contenu .maison ul.nb_5{ width: 65px; }
#modeles_maisons #contenu .maison ul.nb_6{ width: 78px; }
#modeles_maisons #contenu .maison ul.nb_7{ width: 91px; }
#modeles_maisons #contenu .maison ul.nb_8{ width: 104px; }
#modeles_maisons #contenu .maison ul.nb_9{ width: 117px; }
#modeles_maisons #contenu .maison ul.nb_10{ width: 130px; }

#modeles_maisons #contenu .maison ul.rond li a{
	background: url("/images/rond_nav.png") no-repeat;
	display: block;
	float: left;
	height: 10px;
	width: 10px;
}
#modeles_maisons #contenu .maison ul.rond li a:hover{ background: url("/images/rond_nav01.png") no-repeat; }
#modeles_maisons #contenu .maison ul.rond li.selected a{ background: url("/images/rond_nav01.png") no-repeat; }
#modeles_maisons #contenu .maison ul.rond li a span{ display: none; }

#modeles_maisons #contenu .maison h2{
	color: #fff;
	font-size: 26px;
	margin:10px 0 0 0;
	padding: 0;
}
#modeles_maisons #contenu .maison p.prix{
	color: #fff;
	font-size: 14px!important;
	margin: 0;
	padding: 0;
}

#modeles_maisons #contenu .maison img{ margin-right:10px; }
#modeles_maisons #contenu .maison ul li.cacher img{ display:none; }

#modeles_maisons #contenu .fleches{
	text-align: left;
}
#modeles_maisons #contenu .maison .fleches a{
	display: block;
	font-size: 12px;
	color: #9f9;
	text-decoration: none;
	position: absolute;
	width: 60px;
	text-align: center;
}
#modeles_maisons #contenu .maison .fleches a:hover{ color: #fff; }
#modeles_maisons #contenu .maison a.g{
	background: url("/images/fleche_gauche.png") no-repeat right center;
	margin: 65px 0 0 130px;
	padding: 55px 0 0 0;
}
#modeles_maisons #contenu .maison a.d{
	background: url("/images/fleche_droite.png") no-repeat left center;
	margin: 70px 0 0 810px;
	padding: 45px 0 0 0;
}
#modeles_maisons #contenu .maison a.g:hover{ background-image: url("/images/fleche_gauche_roll.png"); }
#modeles_maisons #contenu .maison a.d:hover{ background-image: url("/images/fleche_droite_roll.png"); }

/* Bouton voir toutes les offres et autres vue du modèle */
#modeles_maisons #contenu .liens{
	clear: left;
	padding: 20px 0 0 0;
	text-align: center;
}
#modeles_maisons #contenu .liens a{
	color: #15abf3;
	font-size: 13px;
	padding: 0 15px 0 0;
	margin: 0 20px;
	background: url('/images/fleche.gif') no-repeat right;
}
#modeles_maisons #contenu .liens img{ display:none; }


#contenu .declinaison{
	padding:0 20px 0 10px;
	width:280px;
	list-style-type:none;
}
#contenu .declinaison h3{
	color:#15abf3;
	font-size:25px;
	background:url('/images/trait_modele.gif') no-repeat bottom;
	padding:0 0 25px 0;
	text-align:center;
	font-weight:normal;
}
#contenu .declinaison a.pdf{
	position:absolute;
	margin-left:240px;
	margin-top:-90px;
}
#contenu .declinaison p{
	font-size:14px;
	padding:0;
	margin:0;
}
#contenu .declinaison p.surface{
	font-size: 16px;
	font-weight: bold;
}
#contenu .declinaison p.prix{
	font-size: 16px!important;
}
#contenu .declinaison img{
	border:none!important;
	margin-top:10px;
	padding:0;
}
#modeles_maisons #contenu .declinaison p a img{ border: 2px solid #fff!important; }
#modeles_maisons #contenu .declinaison p a:hover img{ border: 2px solid #09f!important; }

/* Page offre maison + terrain */
#offre_terrain_maison #contenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#offre_terrain_maison #contenu ul li{
	float:left;
	padding:0 0 20px 0;
	margin:40px 5px 0 0;
	height: 440px;
	border-bottom:1px solid #15abf3;
}
#offre_terrain_maison #contenu .boutong{
	background: url("/images/bouton01.png") no-repeat;
	width:100px;
	height:31px;
	display:block;
	padding:5px 0 0 35px;
	float:left;
	text-decoration:none;
	color:#A8D5FA;
}
#offre_terrain_maison #contenu .boutond{
	background:url('/images/bouton02.png') no-repeat;
	width:141px;
	height:31px;
	display:block;
	padding:5px 0 0 20px;
	float:left;
	text-decoration:none;
	color:#A8D5FA;
}
#offre_terrain_maison #contenu .boutong:hover,
#offre_terrain_maison #contenu .boutond:hover{
	color: #fff;
}
#offre_terrain_maison #contenu h2{
	font-size:20px;
	margin-top:0;
}
#offre_terrain_maison #contenu h2.boutonPlus a{
	background: url("/images/plus.gif") no-repeat;
	font-size: 20px;
	text-decoration:none;
	color:#15abf3;
	padding: 0 0 0 30px;
}
#offre_terrain_maison #contenu a{
	text-decoration:underline;
}

#offre_terrain_maison #contenu img{
	margin:0 10px 20px 0;
}
#offre_terrain_maison ul li ul li{
	margin:0 10px 0 0!important;
	border:none!important;
}

/* Défilement des terrains */
.marquee{
    position: relative;
	overflow: hidden;
	width:auto;
	height:410px;
	float:left;
}
.marquee ul{
	float:left;
	width:360px;
	padding:0 0 0 0;
	margin:10px 30px 0 0;
}
.marquee ul li{
	float:left;
	border-bottom:1px solid #15abf3;
	padding-bottom:25px;
	padding-top:15px;
	width:100%;
}

/* Google map */
#googlemap{
	border:5px solid #15abf3;
	background:#fff;
}
.popup#googlemap{
	visibility:hidden;
	position:fixed;
	top:25%;
	left:30%;
	z-index:1000;
}
.popup#googlemap a.close{
	position:absolute;
	z-index:2000;
	margin-top:400px;
	width:80px;
	height:25px;
	cursor:pointer;
	background:#15abf3;
	padding-top:5px;
	margin-left:-5px;
	padding-left:480px;
	color:#A8D5FA;
}
.popup#googlemap a.close:hover{
	color:white;
}
.popup#googlemap div.map{
	clear:both;
	width: 550px;
	height: 400px;
}

/* Page terrains */
#terrains #googlemap{
	float: left;
}
#terrains #googlemap .map{
	float: left;
	width: 540px;
	height: 390px;
}
#terrains #contenu ul{
	list-style-type:none;
}
#terrains #contenu li{
	padding:15px 0;
}
#terrains #contenu .terrain h2{
	font-size:16px;
	font-weight:bold;
	color:#15abf3;
	margin:0;
	padding:0;
}
#terrains #contenu .terrain p{
	margin:0;
	padding:0;
	font-size:14px;
}
#terrains #contenu img{
	float:left;
	margin:0 10px 0 0;
}
#terrains ul li.selected{
	background:#e7f6fd;
}

/* Contact */
#contact #contenu .first{
	margin-right:2%;
}
#contact #contenu ul{
	list-style-type:none;
}
#contact #contenu p label{
	width:130px;
	display:block;
	float:left;
}
#contact #contenu .first ul{
	clear:left;
}
#contact #contenu input{
	border: 1px solid #999;
}
#contact #contenu input{
	background:#d8f3fe;
}
#contact #contenu input:focus{
	background:#bbe0ef;
}
#contact  #contenu.bouton{
	font-size:14px;
}
#contact #contenu input, #contact #contenu textarea{
	font-size:18px;
}
#contact #contenu fieldset{
	margin:0;
	padding:0;
}
#contact #contenu .checkbox input{
	background:none;
}
#contact #contenu .checkbox ul, #contact .radio ul{
	margin:0 0 20px 0;
	padding:0;
}
#contact #contenu .bouton.first{
	margin-left:320px;
	border: none;
}
#contact #contenu .bouton{
	border: none;
}
#contact #contenu .checkbox li{
	margin-top:10px;
}

/* Réalisation et chantier */
#realisations_maisons #contenu #finitions{
	display:none;
}
#visite_chantier_maison #contenu ul, #realisations_maisons #contenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#visite_chantier_maison #contenu h2, #realisations_maisons #contenu h2{
	margin:0 0 10px 0;
	padding:0;
}
#visite_chantier_maison #contenu p, #realisations_maisons #contenu p{
	margin:0;
	padding:0;
}
#accueil #contenu, #modeles_maisons #contenu{
	padding-top:0!important;
}
#visite_chantier_maison #contenu img, #realisations_maisons #contenu img{
	margin:20px 20px 20px 0; 
}

/* Mentions légales */
#mentions_legales #contenu h3{
	margin:0;padding:0;
}
#mentions_legales #contenu p{
	margin:0;padding:0;
}

/* Actualite */
#actualites #contenu ul{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#actualites #contenu ul li{
	clear:left;
	padding:20px 0;
}
#contenu .actu img{
	float:left;
	margin:0 10px 0 0;
}
#contenu .actu h2{
	margin:0;
	padding:0;
}
#contenu .actu p{
	margin:0 0 10px 0;
	padding:0;
}

/* Agence */
#agences #contenu div.colonne{
	border:none;
}
#agences #contenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#agences #contenu ul li h2{
	margin:0 0 10px 0;
	padding:0;
}
#agences #contenu ul li{
	display:none;
}
#agences #contenu ul li.selected{
	display:block;
}
#agences .actu{
	margin-top:10px;
	padding-top:20px;
}
#agences #contenu, #garanties_maisons_terrains #contenu{
	text-align:justify;
}
#agences #contenu .colonne{
	margin-right:1%;
}

/* Groupe CISA */
#groupe_cisa #googlemap{
}
#groupe_cisa #googlemap div.map{
	width:940px;
	height:700px;
}
#groupe_cisa .gmnoprint h2{
	margin:0;
	padding:0;
}
#groupe_cisa .gmnoprint p{
	margin:0 0 10px 0;
	padding:0;
}

#visite_chantier_maison #contenu ul li{
	float: left;
	width: 294px;
}
#visite_chantier_maison #contenu ul li.double{
	width: 588px;
}
#visite_chantier_maison #contenu ul li.triple{
	width: 882px;
}
#visite_chantier_maison #contenu ul li h2{
	float: left;
	width: 294px;
}
#visite_chantier_maison #contenu ul li.double h2{
	width: 588px;
}
#visite_chantier_maison #contenu ul li.triple h2{
	width: 882px;
}
#visite_chantier_maison #contenu ul li a{
	float: left;
}

/* Interface d'administration */
#administration #contenu img{
	margin-right:10px;
	cursor:pointer;
}
#administration #contenu .bouton{
	margin-bottom:20px;
}
#administration #contenu a.annuler{
	text-decoration:none!important;
}
#administration #haut .menu li a{
	width:130px;
}
#administration p{
	padding:0;
	margin:0 0 10px 0;
}
#administration p label{
	width:200px;
	display:block;
	float:left;
}
#administration p label input{
	width:auto;
	float:right;
	margin-right:-15px;
}
#administration .bouton {
	width:120px;
	font-size:14px;
	border:none;
	background:none;
	text-transform:uppercase;
}
#administration h2{
	clear:left;
	padding:30px 0 0px 0;
}
#administration input{
	background:#d8f3fe;
	width:500px;
	font-size:16px;
}
#administration textarea{
	width:500px;
	height:200px;
	background:#d8f3fe;
	font-size:16px;
}
#administration input:focus, #administration textarea:focus{
	background:#33c0ff;
}