/* 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	border:0;
	outline:0;
	font-size:9pt;
	vertical-align:top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #0068A1;
	font-weight: normal;
	padding: 0px;
}body{
	line-height:normal
}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom: 5px;
	margin-top: 5px;
}

/*started here*/

#divLinks {
	width:980px;
	background:#693;
}
#divNav {
	width:1000px;
	background:#999;
	height:30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left:auto;
}
#divNav ul {
	list-style:none;
}

#divNav ul li {
	float:left;
}
	
#divNav	ul li a {
	display:block;
	height:20px;
	line-height:20px;
	background:#666;
	width:80px;
	font-size:0.8em;
	font-weight:bold;
	color:#CCC;
	text-align:center;
	text-decoration:none;
	margin:6px;
	/*The border for the raius*/
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #006;
	
	/*Gradients for the tabs*/
	background:-moz-linear-gradient(top, #066, #CCC);
	background:-webkit-gradient(Linear,left top,left bottom,from(#066),to (#CCC));
	
}
#divNav ul li a:hover {
	background:#333;
	background:-moz-linear-gradient(top, #066, #CCC);
	background:-webkit-gradient(Linear,left top,left bottom,from(#066),to (#CCC));
	font-size: 0.9em;

}
#divNav ul li a.current, #divNav ul li a.current:hover {
	background:#333;
	background:-moz-linear-gradient(top, #066, #CCC);
	background:-webkit-gradient(Linear,left top,left bottom,from(#066),to (#CCC));
	color:#f63;
	cursor:default;
	
}
#divHome {
	width:800px;
	background:#333;
	text-align: right;
}


/*Ended here*/

/* 960 */
.container_12,.container_16{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{
	display:inline;
	float:left;
	position:relative;
	margin-right:10px;
	background-color: #FFFFFF;
}.container_12 .grid_3,.container_16 .grid_4{
	width:980px;
}.container_12 .grid_6,.container_16 .grid_8{
	width:980px;
	text-align: left;
}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{
	width:980px
}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

/* style */
body{
	color:#484848;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.7px;
	line-height: 1.4;
}
a:focus{outline:1px dotted;}
hr{border-top-width:1px;clear:both;color:lightgray;background-color:lightgray;height:1px;border:0;margin:20px 0;}
ol{list-style:decimal;}
ul{list-style:disc;}
li{
	margin-left:30px;
	font-size: 9pt;
}
p,dl,hr,ol,ul,pre,address{
	margin-bottom:auto;
}
body.interior{background:#FFF url(../media/background-small.png) repeat-x;}
body.accueil{
	font-family: Tahoma, Geneva, sans-serif;
}
.espace{height:20px;}
a{
	color:#00466C;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#00466C;
}
a.gris{color:#484848;text-decoration:underline;}
h1{
	font-family:"Century Gothic";
	font-weight:lighter;
	font-size:18px;
	margin-bottom:20px;
}
h2{font-family:"Helvetica Neue",Arial, serif;font-weight:700;font-size:16px;margin-bottom:5px;}
h5{margin:0;padding: 0;}
.postdate{font-size: 12px;color:lightgray;font-style: italic; }
#contentIndex h1{
	margin-bottom:5px;
	color:#00466C;
}
form{padding-bottom:20px;}
#content h2{color:#424242;margin-bottom:10px;}
.espaceTop{margin-top:15px;}
.espaceBottom{margin-bottom:15px;}
.grandEspaceTop{margin-top:30px;}
.grandEspaceBottom{margin-bottom:30px;}
#footer h1{
	color:#999;
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
	text-align: left;
}
td{
	vertical-align:middle;
	margin:0;
	padding:3px;
}
tr.background{background-color:#f7f7f7;}
p{
	white-space:normal;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}
#footer p{
	color:#666;
	text-align: left;
}
#footer .info{
	color:#00466C;
}
.container_24{background:#fff url(../../img/24_col.gif) repeat-y;}
#header{height:80px;}
#topHead{
	position:relative;
	z-index:9999;
}
#menu{height:48px;}
#footer{
	background-color:#FFF;
	margin-top:5px;
}
.cadreInfo{background-color:#c2edff;background-image:url(../media/round.png);height:70px;font-size:17px;font-weight:700;color:#577181;text-align:center;line-height:70px;}
#info-deco{background-color:#ecf9ff;height:21px;line-height:21px;font-size:11px;text-align:center;border:1px solid #c2edff;color:#01a7fe;margin:0;}
#info-deco p{margin:0;}
#footer a{
	color:#999;
	font-size: 9pt;
}
img.projet{position:absolute;top:3px;left:3px;}
img.infos{position:absolute;top:150px;left:197px;}
.ui-slider{margin-top:5px;margin-bottom:30px;}
#twitter-top{background:transparent url(../media/twitter_bg.png) no-repeat;height:15px;}
#twitter{background-color:#eee;}
#twitter p{margin:0;padding:0 15px;}
#twitter-bottom{background:transparent url(../media/twitter_bg.png) no-repeat;background-position:bottom;height:69px;}
#twitter-bottom a{display:block;height:69px;width:60px;margin-left:160px;}
.regular {
	font-style: normal;
	font-size: 10px;
}
/*.boutonGris{background:#eee;font-size:14px;color:#484848;padding:5px 30px;}
.boutonGris:hover{background:#ddd;}
.boutonBleu{background:#3ec2fb;font-size:16px;color:#fff;padding:5px 30px;}*/
.boutonDossier{background:#eee;font-size:13px;width:160px;color:#484848;display:block;text-align:center;padding:5px 0;}
a.boutonColonne{background-color:#c2edff;width:180px;display:block;font-family:"Helvetica Neue",Arial, serif;font-weight:700;font-size:15px;padding:10px 20px;}
a.boutonColonne:hover{background-color:#20abe7;color:#FFF;width:180px;display:block;}
.boutonBleuFonce{background:#2eb3f8;font-size:15px;color:#fff;padding:8px 30px;}
#txtHint{border-bottom:1px solid #eee;border-top:1px solid #eee;font-size:10px;text-align:center;margin-top:15px;}
img.border{border:1px solid #ddd;background:#f0f0f0;padding:5px;}
img.border1,img.border2,img.border3{width:150px;height:80px;border:1px solid #ddd;background:#f0f0f0;padding:5px;}
img.border4{width:150px;height:100px;border:1px solid #ddd;background:#f0f0f0;padding:5px;}
img.border5{width:150px;height:125px;border:1px solid #ddd;background:#f0f0f0;padding:5px;}
.separateur{
	padding-top:28px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
h1#logo{
	width:280px;
	height:80px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
div#ariane,div#social{font-size:10px;height:44px;line-height:44px;margin-bottom:35px;}
.divEvidence{padding:15px;}
div#twitter_top{position:absolute;top:9px;left:485px;width:441px;height:75px;background:transparent url(../media/twitter_top.png) no-repeat;font-size:11px;color:#908d8d;}
#twitter_top p{width:340px;margin:0;padding:15px;}
#twitterLink{position:absolute;top:23px;left:390px;display:block;width:50px;height:50px;background-color:transparent;text-indent:-99999px;}

#btnTemoin1.fadeThis{position:relative;display:block;float:right;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-awans.jpg) 0 0 no-repeat;}
#btnTemoin1 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-awans.jpg) 0 -45px no-repeat;}
#btnTemoin2.fadeThis{position:relative;float:right;display:block;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-rocourt.jpg) 0 0 no-repeat;margin-left:10px;}
#btnTemoin2 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-rocourt.jpg) 0 -45px no-repeat;}
#btnTemoin3.fadeThis{position:relative;float:right;display:block;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-vivegnis.jpg) 0 0 no-repeat;margin-left:10px;}
#btnTemoin3 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-vivegnis.jpg) 0 -45px no-repeat;}
#btnTemoin4.fadeThis{position:relative;float:right;display:block;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-wandre.jpg) 0 0 no-repeat;margin-left:10px;}
#btnTemoin4 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:190px;background:url(../media/vignettes/temoins/maisontemoin-wandre.jpg) 0 -45px no-repeat;}

.paragrapheInfo p{text-align:right;font-style:italic;color:#999;margin:0;}
.titreInfo p{font-family:"Helvetica Neue",Arial, serif;font-weight:700;margin:0;}
a:hover.gris,.bleu,#content h1,.cadreInfo a,#twitter a{color:#01a7ff;}
h3,label{text-transform:uppercase;font-size:10px;font-weight:700;color:gray;height:20px;}
h1.coller,#content h2.coller{margin-bottom:0;}
select,#twitter-bottom a span,h1#logo span{display:none;}

/*.boutonBleu:hover,.boutonBleuFonce:hover{background:#20abe7;}*/

#logoFooter,div#social{text-align:right;}

/* MENU */
ul#topnav{float:left;width:100%;list-style:none;font-size:11px;z-index:999;margin:0;padding:0;}
ul#topnav li{
	float:left;
	position:relative;
	margin:0;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
}
ul#topnav li a{
	float:left;
	height:48px;
	text-transform:uppercase;
	font-weight:700;
	font-size:12px;
	line-height:48px;
	text-align:center;
	color:#066;
	text-indent:-5000px;
}

ul#topnav a.home{background:url(../media/menu/accueil_btn.png) no-repeat;width:118px;}
ul#topnav a.entreprise{
	width:189px;
}
ul#topnav a.lotissements{
	width:189px;
}
ul#topnav a.construire{
	width:229px;
}
ul#topnav a.faq{background:url(../media/menu/faq_btn.png) no-repeat;width:93px;}
ul#topnav a.contact{
	width:122px;
}

ul#topnav a.homede{background:url(../media/menu/home_btn.png) no-repeat;width:105px;}
ul#topnav a.entreprisede{background:url(../media/menu/unternehmen_btn.png) no-repeat;width:202px;}
ul#topnav a.lotissementsde{background:url(../media/menu/parzellierungen_btn.png) no-repeat;width:237px;}
ul#topnav a.construirede{background:url(../media/menu/bauen_btn.png) no-repeat;width:181px;}
ul#topnav a.faqde{background:url(../media/menu/faq_de_btn.png) no-repeat;width:93px;}
ul#topnav a.contactde{background:url(../media/menu/kontakt_btn.png) no-repeat;width:122px;}

ul#topnav li .sub{position:absolute;top:48px;left:0;background:#2f2f2f url(../media/menu/bg_sub.png) repeat-x;float:left;-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;display:none;z-index:100;text-align:left;padding:20px;}
ul#topnav li .row{clear:both;float:left;width:100%;margin-bottom:10px;}
ul#topnav li .sub ul{list-style:none;width:145px;float:left;margin:0;padding:0;}
ul#topnav .sub ul li{width:100%;color:#fff;}
ul#topnav .sub ul li h2{font-size:13px;font-weight:400;margin:0;padding:0;}
ul#topnav .sub ul li h2 a{background-image:none;color:#3ec2fb;padding:0;}
ul#topnav .sub ul li a{
	float:none;
	text-indent:0;
	height:auto;
	border-left:1px solid #494949;
	display:block;
	text-decoration:none;
	color:#099;
	text-transform:none;
	font-weight:400;
	font-size:12px;
	line-height:normal;
	text-align:left;
	padding:5px 5px 5px 25px;
}
ul#topnav .sub ul li a:hover{color:#3ec2fb;}
ul#topnav li:hover a,ul#topnav li a:hover,#accueil ul#topnav a.home,#Arcswanaco ul#topnav a.entreprise,#lotissements ul#topnav a.lotissements,#construire ul#topnav a.construire,#faq ul#topnav a.faq,#contact ul#topnav a.contact,#accueil ul#topnav a.homede,#Arcswanaco ul#topnav a.entreprisede,#lotissements ul#topnav a.lotissementsde,#construire ul#topnav a.construirede,#faq ul#topnav a.faqde,#contact ul#topnav a.contactde{
	background-position:0;
}

/* Langues */

div#choixlangues{
	position:absolute;
	top:0px;
	left:841px;
	width:110px;
	height:53px;
}
#choixlangues a{float:left;height:53px;text-transform:uppercase;font-weight:700;font-size:12px;line-height:53px;text-align:center;color:#FFF;text-indent:-5000px;}
#choixlangues a.francais{background:url(../media/langues.png) no-repeat;width:55px;}
#choixlangues a.deutsch{background:url(../media/langues.png) no-repeat top right;width:55px;}
#choixlangues a:hover.francais, #choixlangues a.francaiscurrent {background:url(../media/langues.png) no-repeat bottom left;width:55px;}
#choixlangues a:hover.deutsch, #choixlangues a.deutschcurrent {background:url(../media/langues.png) no-repeat bottom right;width:55px;}




/* SLIDESHOW */
#slideshow div{
	position:absolute;
	left:680px;
	z-index:5;
	margin-left:-815px;
	top: 1px;
	width: 1568px;
	height: 348px;
}
#slideshow div.active{z-index:7;}
#slideshow div.last-active{z-index:6;}
#slideshow img{
	width:1200px;
	height:347px;
}
body.accueil #slideshow{
	background-color:#000;
	width:100%;
	height:347px;
	text-align:center;
	overflow:hidden;
	position:relative;
	z-index:90;
}
body.interior #slideshow{background-color:#000;width:100%;height:200px;text-align:center;overflow:hidden;position:relative;z-index:90;}
body.accueil div#pave{
	position:absolute;
	top:20px;
	left:11px;
	z-index:800;
	text-align:left;
	width: 432px;
	height: 47px;
}
body.accueil div#pave_de{position:absolute;top:300px;left:500px;z-index:800;text-align:left;}
body.interior div#pave{position:absolute;top:180px;left:560px;z-index:800;text-align:left;}
#pave h1,#pave_de h1{
	color:#066;
	font-size:36px;
	font-weight:normal;
	letter-spacing:normal;
	line-height:40px;
}
#pave h1 span, #pave_de h1 span{
	color:#069;
	font-size:36px;
	font-weight: normal;
}
.slideshow-small{height:200px;}
.slideshow-small h1{font-size:52px;font-weight:700;color:#FFF;margin-bottom:0;padding-bottom:0;margin-top:35px;}
.slideshow-small h2{font-size:27px;font-weight:100;color:#01a7ff;margin-top:-10px;padding:0;}
#Arcswanaco div.slideshow-small{background:url(../media/panorama/1.jpg) transparent no-repeat center;}
#faq div.slideshow-small{background:url(../media/panorama/faq.jpg) transparent no-repeat center;}



a.boutonGris {
background:transparent url(../media/button/button-gray-first.gif) no-repeat scroll left top;
color:#484848;
float:left;
font-size:14px;
height:25px;
padding:0 0 0 30px;
text-decoration:none;
}

a.boutonGris span {
background:transparent url(../media/button/button-gray-end.gif) no-repeat scroll right top;
cursor:pointer;
display:block;
float:left;
line-height: 25px;
padding-right: 30px;
}

a.boutonGris:hover {
background-position: left bottom;
}

a.boutonGris:hover span {
background-position: right bottom;
}

a.boutonBleu {
	background:transparent url(../media/button/button-blue-first.png) no-repeat scroll left top;
	color:#999;
	float:left;
	font-size:16px;
	height:36px;
	padding:0 0 0 30px;
	text-decoration:none;
}

a.boutonBleu span {
	background:transparent url(../media/button/button-blue-end.png) no-repeat scroll right top;
	cursor:pointer;
	display:block;
	float:left;
}

a.boutonBleu:hover {
background-position: left bottom;
}

a.boutonBleu:hover span {
background-position: right bottom;
}


img#HF, img#TFC {
	cursor: pointer;
}
.GREY {
	color: #737373;
}
.MainBodyText {
	text-align: justify;
}
.blue-heading {
	color: #0068A1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
