/* 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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}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}

/* 960 */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.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-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.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:13px/1.7 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;}
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;}
p,dl,hr,ol,ul,pre,address{margin-bottom:20px;}
body.interior{background:#FFF url(../media/background-small.png) repeat-x;}
body.accueil{background:#FFF url(../media/background.png) repeat-x;}
.espace{height:20px;}
a{color:#01a7ff;text-decoration:none;}
a:hover{text-decoration:underline;}
a.gris{color:#484848;text-decoration:underline;}
h1{font-family:"Helvetica Neue",Arial, serif;font-weight:700;font-size:20px;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:#01a7ff;}
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:#4b8198;font-size:18px;margin-top:25px;margin-bottom:20px;}
td{text-align:center;vertical-align:middle;margin:0;padding:3px;}
tr.background{background-color:#f7f7f7;}
p{white-space:normal;}
#footer p{color:#616666;}
#footer .info{color:#bfbfbf;}
.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:#191919;margin-top:30px;}
.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:#4b8198;}
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;}
.badmonkey {
	font-style: italic;
	font-size: 11px;
}
/*.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{background:transparent url(../media/separateur.png) top no-repeat;padding-top:28px;}
h1#logo{width:280px;height:80px;background-image:url(../media/logo.png);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: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:#FFF;text-indent:-5000px;}

ul#topnav a.home{background:url(../media/menu/accueil_btn.png) no-repeat;width:118px;}
ul#topnav a.entreprise{background:url(../media/menu/entreprise_btn.png) no-repeat;width:189px;}
ul#topnav a.lotissements{background:url(../media/menu/lotissements_btn.png) no-repeat;width:189px;}
ul#topnav a.construire{background:url(../media/menu/construire_btn.png) no-repeat;width:229px;}
ul#topnav a.faq{background:url(../media/menu/faq_btn.png) no-repeat;width:93px;}
ul#topnav a.contact{background:url(../media/menu/contact_btn.png) no-repeat;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:#fff;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,#batico 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,#batico 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 -48px;}

/* Langues */

div#choixlangues{position:absolute;top:0px;left:840px;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:50%;z-index:5;margin-left:-815px;}
#slideshow div.active{z-index:7;}
#slideshow div.last-active{z-index:6;}
#slideshow img{width:1630px;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:300px;left:560px;z-index:800;text-align:left;}
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:#FFF;font-size:42px;font-weight:700;letter-spacing:-3px;line-height:40px;text-shadow:0 -1px rgba(0, 0, 0, .3);}
#pave h1 span, #pave_de h1 span{color:#3ec2fb;font-size:52px;}
.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;}
#batico 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:#ffffff;
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;
line-height: 36px;
padding-right: 30px;
}

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

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


img#HF, img#TFC {
	cursor: pointer;
}