/* ---------- tags generaux - debut ---------- */
html, body {
	margin:0;
	padding:0;
	font-family:trebuchet ms, arial, sans-serif;
	font-size:12px;
}

a, 
a:link,
a:visited,
a:active,
a:hover {
	text-decoration:none;
	color:#5686AE; 
}


* input,
* select,
* textarea {
	font-family:arial, sans-serif;
	font-size:10px;
	background-color:#fff;
	font-weight:normal;
}

form {
	padding:0;
	margin:0;
}

div,
p, 
a {
	font-size:12px;
}

img {
	border:none;
}

ul {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

button {
	background:none;
	border:none;
	margin:0pt;
	padding:0pt;
}

/* -- h1 sert pour les articles et sections pour SEO, donc, pour cela qui est plus petit que le h2 */
h1 {
	position:relative;
	font-size:18px;
	font-weight:bold;
	color:#e26D1F;
	text-transform:uppercase;
	padding:0 7px 0 0px;
	background-color:#FFF;
	max-width:430px;
	display:inline;
}

	h1 span {
		text-transform:none;
	}

h2 {
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#e26D1F;
	text-transform:uppercase;
	max-width:430px; 
	padding:0 7px 0 0px;
	background-color:#FFF;
	display:inline;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#5686AE;
	text-transform:uppercase;
	line-height:13px;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#F47E17;
	text-transform:uppercase;
	line-height:13px;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

/* ---------- tags generaux - fin ---------- */

/* ---------- id communs - debut ---------- */

#content {
	position:relative;
	width:620px; 
	height:auto;
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#505050;
}

	#content #col_centre {
		float:left;
		width:430px; 
		margin:-5px 0 0 10px;
		padding:0;
	}

	#content #col_droite {
		float:left;
		width:160px; 
		margin:0 0 0 15px;
		padding:0;
	}


#fil_ariane {
	width:610px;
	height:45px;
	color:#000000;
	display:block;
	margin-left:10px;
}

	#fil_ariane a {
		text-decoration:underline;
	}


#carousel_main {
	margin-top:20px;
	margin-bottom:10px;
	width:430px;
	height:92px;
	padding-left:7px;
	padding-top:10px;
	background: url(/images/constructions-neuves/carousel_background.gif) top left no-repeat;
}

#carousel_number_photos {
	color:#ADAAAB
}


#widget_constructeurs_vedettes {
	width:158px;
	height:150px;
	font-size:14px;
	color:#E26D1F;
	font-weight:bold;
	text-align:center;
	padding:10px 6px 2px 6px;
	background: url(/images/constructions-neuves/widget_background.gif) top left no-repeat;
}

	#widget_constructeurs_vedettes #title {
		width:158px;
		font-size:14px;
		color:#E26D1F;
		font-weight:bold;
		line-height:16px;
		text-align:center;
		text-transform:uppercase;
	}


	#widget_constructeurs_vedettes  #mycarousel li a  {
		visibility:hidden;   /* on le met hidden au debut car cela apparait croche au debut et apres jquery, cela se revient droit */
	}


	#widget_constructeurs_vedettes #trouvez_constructeur {
		display:block;
		padding-top:2px;
		width:100%;
		text-align:center;
	}

/* ---------- id communs - fin ---------- */


/* ---------- popup contacter constructeur - debut ---------- */
#popup_contacter_constructeur {
	width:495px;
}


#popup_contacter_constructeur #header_contacter_constructeur {
	width:490px;
	height:28px;
	padding:117px 0 0 5px;
}

#popup_contacter_constructeur #contenu {
	padding:10px 5px;
}


#popup_contacter_constructeur .fr {
	background:url(/images/constructions-neuves/fr/contacter_constructeur_header.jpg) left top no-repeat;
}

#popup_contacter_constructeur .en {
	background:url(/images/constructions-neuves/en/contacter_constructeur_header.jpg) left top no-repeat;
}


#popup_contacter_constructeur form input {
	margin:5px 0px;
	padding-top:5px;
	width:125px;
	border:1px solid #cacaca;
}

#popup_contacter_constructeur textarea {
	width:450px;
	height:75px;
	border:1px solid #cacaca;
}

#popup_contacter_constructeur form label {
	margin:5px 0px;
}

#popup_contacter_constructeur form .col1 {
	clear:left;
	float:left;
	width:85px;
}

#popup_contacter_constructeur form .col2 {
	float:left;
	width:150px;
}

#popup_contacter_constructeur form .col3 {
	float:left;
	text-align:left;
	width:50px;
	margin-left:10px;
}

#popup_contacter_constructeur form .col4 {
	float:left;
	width:150px;
}

#popup_contacter_constructeur form .deuxcols {
	width:200px;
}

#popup_contacter_constructeur .title_section {
	color:#a72200;
	font-weight:bold;
	margin-top:7px;
}

#popup_contacter_constructeur .mandatory{
	color:#a72200;
	font-weight:bold;
	margin-top:10px;
}

#popup_contacter_constructeur .titledeuxcols{
	margin-top:7px;
	clear:left;
	float:left;
	width:300px;
}

#popup_contacter_constructeur button {
	margin-left:325px;
	margin-top:10px;
	margin-bottom:7px;
	width:129px;
	height:49px;
	font-size:19px;
	line-height:20px;
	text-transform:uppercase;
	color:#FFF;
	font-family:trebuchet ms, arial, sans-serif;
	cursor:pointer;
	background:url(/images/constructions-neuves/contacter_constructeur_btn_submit.gif) left 4px no-repeat;
}

#popup_contacter_constructeur #bottom{
	width:100%;
	height:38px;
	background-color:#ea8c00;
}
#popup_contacter_constructeur #the_captcha {
	clear:both;
	float:left;
}

#popup_contacter_constructeur #captcha_input {
	clear:both;
	float:left;
	width:100%;
	line-height:30px;
}
#popup_contacter_constructeur #captcha_input input {
	float:left;
	width:179px;
}


/* ---------- popup contacter constructeur - fin ---------- */

/* ---------- classes génériques - debut ---------- */
.bold {
	font-weight:bold;
}

.center {
	text-align:center;
}

.underline{
	text-decoration:underline;
}

.right {
	text-align:right;
}

.clearer {
	clear:both;
	overflow:hidden;
}

.orange {
	color: #F47E17;
}

.gris {
	color: #505050;
}

.bleu {
	color: #5686AE; 
}

.title {
	font-size:14px;
	color: #F47E17;
}

.skyscraper {
	margin-top:30px;
	width:160px;
	margin:10px auto 0px auto;
}

.adsense{
	margin:20px 0px 0px 0px;
}

.one_block {
	padding-bottom:18px;
	background: transparent url(/images/constructions-neuves/point_separateur.gif) left bottom repeat-x;
}

.bigbox_pub_center {
	width:300px;
	min-height:1px;
	margin:20px auto;
}

.pub_special2 {
	width:234px;
	min-height:1px;
	margin:7px 0px
}


.display_on {
	display:block;
}

.display_off {
	display:none;
}

.visibility_on {
	visibility:visible;
}

.visibility_off {
	visibility:hidden;
}


.separateur {
	width:430px;
	height:1px;
	margin-top:-5px;
	background: url(/images/constructions-neuves/ligne_separateur.gif) left bottom repeat-x; 
	z-index:99;
}


.image_fiche {
	width:117px;
	height:87px;
	background: url(/images/constructions-neuves/fond_thumbnail.gif) top left no-repeat;
}

.image_fiche img {
	height:70px;
	margin:6px 0px 0px 7px;
	width:100px;
}


/* ---------- classes génériques - fin ---------- */