/* style */

#topHead{
	float:left;
	width:592px;
	position: relative;
	z-index: 3;
	margin: 0px;
}


img.projet{position:absolute;top:3px;left:3px;}
img.infos{position:absolute;top:150px;left:197px;}
.ui-slider{margin-top:5px;margin-bottom:30px;}

/*.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;}

#btnTemoin1.fadeThis{position:relative;display:block;float:right;height:45px;width:210px;background:url(../media/vignettes/temoins/btn1.jpg) 0 0 no-repeat;}
#btnTemoin1 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:210px;background:url(../media/vignettes/temoins/btn1.jpg) 0 -45px no-repeat;}
#btnTemoin2.fadeThis{position:relative;float:right;display:block;height:45px;width:210px;background:url(../media/vignettes/temoins/btn2.jpg) 0 0 no-repeat;margin-left:10px;}
#btnTemoin2 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:210px;background:url(../media/vignettes/temoins/btn2.jpg) 0 -45px no-repeat;}
#btnTemoin3.fadeThis{position:relative;float:right;display:block;height:45px;width:210px;background:url(../media/vignettes/temoins/btn3.jpg) 0 0 no-repeat;margin-left:10px;}
#btnTemoin3 span.hover{position:absolute;top:0;left:0;display:none;height:45px;width:210px;background:url(../media/vignettes/temoins/btn3.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:552px;
	list-style:none;
	font-size:11px;
	z-index:999;
	margin-top:0px;
	padding:0;
	margin-left: 40px;
}
ul#topnav li{float:left;position:relative;margin:0;padding:0;}
ul#topnav li a{float:left;height:30px;text-transform:uppercase;font-weight:700;font-size:12px;line-height:0px;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.headline{background:url(../menu/img/headline.png) no-repeat;width:68px;margin-right:45px;}
ul#topnav a.search{background:url(../menu/img/search.png) no-repeat;width:54px;margin-right:45px;}
ul#topnav a.category{background:url(../menu/img/category.png) no-repeat;width:72px;margin-right:45px;}
ul#topnav a.feature{background:url(../menu/img/feature.png) no-repeat;width:59px;margin-right:45px;}
ul#topnav a.store{background:url(../menu/img/store.png) no-repeat;width:43px;margin-right:45px;}
ul#topnav a.snap{background:url(../menu/img/snap.png) no-repeat;width:39px;margin-right:45px;}
ul#topnav a.blog{background:url(../menu/img/blog.png) no-repeat;width:35px;}


ul#topnav a.homede{background:url(../media/menu/home_btn.png) no-repeat;width:105px;}

ul#topnav a.headlinede{background:url(../menu/img/headline.png) no-repeat;width:68px;margin-right:45px;}

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(http://www.anoutcommune.com/imagesrenewal/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:125px;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 10px;}
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 -30px;}

/* 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:445px;
}
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;
}