html, body{
	margin:0;
	padding:0;
}
body{
	background:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
a{
	color:#00a0e4;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:focus{
	outline:none;
}
p{
	font-size:14px;
	color:#888888;
}
form, table{
	margin:0px;
	padding:0px;
	font-size:14px;
}
#logo{
	height:202px;
}
#logo h1 a{
	display:block;
	height:102px;
	width:303px;
	float:right;
	background:url(/images/logo_groupe.gif) left top no-repeat;
}
#logo h2 a, .rubrique{
	display:block;
	height:52px;
	width:190px;
	float:left;
	margin:30px 0 0 25px;
	background:url(/images/rubrique.png) left top no-repeat;
}
.rubrique{
	margin-left:600px;
}
#logo a:hover, .rubrique:hover{
	background-position:bottom;
}
#logo h1, #logo h2{
	margin:0;
	padding:0;
}
#logo h1 a span, #logo h2 a span, .rubrique span{
	display:none;
}
#container{
	width:950px;
	margin:auto;
	padding:0px;
	background:#FFFFFF url(/images/background.gif) 39px top no-repeat;
}
#top{
	background:#00a0e4;
}
#header{
	width:950px;
	height:237px;
	margin:auto;
	padding:0px;
	overflow:hidden;
	background:url(/images/header.png) 91px top no-repeat;
}
#menu{
	font-size:19px;
	margin:0;
	padding:0;
	text-align:center;
	height:37px;
    width:100%;
    overflow:hidden;
    position:relative;
}
#menu ul{
	padding:0;
	margin:0;
	text-align:center;
	list-style:none;
	position:relative;
	left:50%;
	float:left;
}
#menu ul li{
	padding:0;
	margin:0;
	float:left;
	display:inline;
	position:relative;
	right:50%;
}
#menu ul li a{
	height:37px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
	letter-spacing:-2px;
	display:block;
	float:left;
}
#menu ul li a:hover{
	background:url(/images/hover.png) center 30px no-repeat;
}
#menu span{	
	display:inline;	
	float:left;
	height:25px;
	color:#FFFFFF;
	padding:0 3px;
	margin:0;
}
#main h2{
	margin-left:15px;
	color:#00a0e4;
	font-size:22px;
}
#main{
	margin:0px;
	padding:0px;
	padding-top:1px;
	font-size:14px;
}

#main ul,#main ul li {
	margin:0;padding:0;
}

#main ul li {
	list-style:none;
}

#main ul li ul{
	margin-left:15px;
}

#main ul li.expand ul{
	display:none
}

#main ul li.expand ul li a span{
	font-size:16px;
	font-weight:bold;
	width:8px;
	display:inline-block;
}
a.bullet {
	text-decoration:none;
	padding-left: 15px;
	background: url(/images/bullet.gif) no-repeat left center;
	
}
#contact_perso{
	padding:60px 0 0 0;
	width:700px;
	margin:auto;
}
#contact_perso p{
	text-align:left;
	font-size:13px;
	margin:0px;
	padding:0px;
	padding:20px;
}
#contain{
	padding-top:40px;
	margin-left:350px;
	margin-right:10px;
	text-align:right;
}
.left_col{
	float:left;
	width:255px;
}
.right_col {
	margin-left:10px;
	float:left;
	width:685px;
}
#navCycle{
	position:absolute;
	z-index:70;
	margin:0;
	padding:0;
}

#suivant{
	margin-left:314px;
}
.cycleMaison{
	float:left;
	margin-right: 10px;
}
#contain p{
	color:#888888;
	font-size:14px;
	line-height:170%;
}
#contain_projet{
	padding-top:54px;
	margin-left:265px;
	margin-right:10px;
	text-align:left;
}
#contain_projet p,.two_cols p{
	color:#888888;
	margin:0 0 14px 0;
	padding:0px;
}
#path{
	height:15px;
	margin-top:0px;
	*margin-top:10px;
}
#form_contain{
	margin-left:90px;
	padding-top:50px;
}

#form_contain table{
	float:left;
	display:inline;
	margin-left:15px;
	padding:0px;
	font-size:14px;
}
#form_contain p{
	margin:0;
	padding:0;
	margin-top:10px;
}

#form_contain h2{
	font-weight:normal;
	margin:0;
}
#projets{
	padding-top:30px;
}
#projets a{
	margin:0 15px;
	padding:0;
}
#footer{
	width:950px;
	margin:auto;
	padding:0px;
	border-top:1px solid #00a0e4;
	color:#828587;
	padding-top:3px;
	font-size:11px;
}
#footer a{
	color:#828587;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer p{
	margin:0px;
	padding:0px;
		font-size:11px;
}
.perso{
	float:left;
	display:inline;
	margin:0 30px 40px 20px;
	width:300px;
}
.coord{
	float:left;
	display:inline;
	font-size:12px;
	color:#00a0e4;
	padding-top:35px;
}
.coord span a:hover{
	text-decoration:none;
}
.image{
	float:left;
	display:inline;
	margin-right:10px;
}
.left{
	float:left;
	display:inline;
}
.right{
	float:right;
	display:inline;
}
.center{
	text-align:center;
}
.clear{
	clear:both;
	padding-top:1px;
	overflow:hidden;
	height:1px;
}
.strong{
	font-weight:bold;
}
.small{
	font-size:12px;
	color:#00a0e4;
}
.blue{
	color:#00a0e4;
}
.grey{
	color:#888888;
}
.red{
	color:#d2232a;
}
.hidden{
	display:none;
}
.button{
	color:#FFFFFF;
	background:#00a0e4;
	padding:2px 5px;
	border:none;
	font-size:14px;
	text-align:center;
}
.button a{
	color:#FFFFFF;
}
.button a:hover{
	text-decoration:underline;
}
.num{
	text-align:right;
}
/* Inscription */

#listing_container {
	margin-left:29px;
}
.listing {
	margin:15px 28px 15px 0;
	width:202px;
	float:left;
	display:inline;
	font-size:12px;
}
.listing p {
	margin:0;
	padding:2px 0;
	line-height:normal;
}
.listing_pic {
	border:1px solid #666;
}
.listing_pic img{
	display:block;
}
.listing .price{
	float:left;
}

.listing .view_button{
	float:right;
	display:inline;
}
.view_button{
	text-decoration:none;
	padding-left: 15px;
	background: url(/images/open.gif) no-repeat left center;
}
.overlay {
	position:absolute;
}
.error{
	color:#CC0000;
	margin-left:15px;
}
.note {
	text-align:left;
	border-left:1px solid #888;
	float:right;
	padding-left:10px;
}
#paging {
	font-size:14px;
	font-weight:bold;
	clear:left;
	padding:10px 0;
	text-align:right;
}
#paging a {
	border:1px solid #FFF;
	padding: 0 5px;
}
#paging strong {
	padding: 0 6px;
}
#paging a:hover {
	border-color: #00a0e4;
	text-decoration:none;
}
#paging img,#paging .arrow {
	border:0;
}
#service {
	position:absolute;
	top:240px;
	margin-left:800px;
}
#paragraphe{
	width:610px;
	padding-top:70px;
	margin-left:350px;
	margin-right:10px;
}
#paragraphe h3{
	text-transform:uppercase;
	font-size:20px;
	color:#000000;
}
#paragraphe p{
	font-size:15px;
}
/* Body Id */
#inscriptions #inscriptions_tab,
#equipe #equipe_tab,
#vendre #vendre_tab,
#projet #projet_tab,
#contact #contact_tab,
#calculatrice #calculatrice_tab,
#emilie #equipe_tab,
#edrick #equipe_tab,
#genevieve #equipe_tab,
#helene #equipe_tab,
#cottage #projet_tab,
#tremblay #projet_tab,
#faubourgs #projet_tab,
#manchester #projet_tab,
#financement #financement_tab{
	color:#afe7ff;
	background:url(/images/hover.png) center bottom no-repeat;
}
#emilie #main,
#edrick #main,
#genevieve #main,{
	background:url(/images/emiliemalouin.jpg) left bottom no-repeat;
	height:585px;
}

#helene #main{
	background:url(/images/helenemathieu2.jpg) left bottom no-repeat;
	height:585px;
}
#cottage #main{
	background:url(/images/logo_quartier_sud.gif) 40px 35px no-repeat;
	height:510px;
}
#tremblay #main{
	background:url(/images/logo-tremblay.gif) 40px 25px no-repeat;
}
#faubourgs #main{
	background:url(/images/logo-faubourg.gif) 40px 25px no-repeat;
	height:510px;
}
#manchester #main{
	background:url(/images/logo-manchester.gif) 40px 25px no-repeat;
	height:510px;
}
#cours #main{
	background:url(/images/logo_cours_roi.gif) 40px 25px no-repeat;
	height:510px;
}

#calculatrice #main{
	height:300px;
}
#vendre #main{
	height:320px;
}
#projet #main{
	height:360px;
	padding-top:50px;
}
#equipe #main{	
	height:536px;
}
#financement #main{	
	background:url(/images/financement.jpg) left bottom no-repeat;
	height:365px;
}