/*
Theme Name:Atelier	
*/
@charset "UTF-8";
/* CSS Document Fontface */
@font-face {
	font-family:HelveticaNormal;
	font-style:normal;
	font-weight:normal;
	src:url('../fonts/Helvetica_LT.ttf');
}
@font-face {
	font-family:HelveticaCondensed;
	font-style:normal;
	font-weight:normal;
	src:url('../fonts/Helvetica_LT_Condensed_Bold.ttf');
}

body { font-size:14px; line-height:22px; color:#1A181B; font-family:HelveticaNormal, Verdana, Geneva, sans-serif; padding:0; margin:0; background:url("../images/bg_body.png") #2D3E44 top center  }
body.popup { background:#FFF }

/* Mise en page */
a { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; color:#0d9da9; font-weight:bold; text-decoration:underline }
a:hover { text-decoration:none }
h1 { font-weight:bold; font-size:19px; line-height:22px; padding:10px 0; margin:0 10px }
h2 { font-family:HelveticaNormal, Verdana, Geneva, sans-serif; vertical-align:middle; padding:15px 20px; line-height:26px; margin:0; font-weight:bold; text-transform:uppercase; font-size:20px; color:#2C3E44; letter-spacing:2px }
h2:first-child { margin-top:10px }
h3 { font-family:HelveticaCondensed, Verdana, Geneva, sans-serif; padding:0 0 10px 0; font-weight:normal; margin:25px 0 5px 0; font-size:19px; line-height:19px; color:#0d9da9; text-transform:uppercase }
h3:first-child { margin-top:10px }
h3 .small { font-size:15px }
h4 { font-family:HelveticaCondensed, Verdana, Geneva, sans-serif; font-weight:normal; font-size:17px; line-height:19px; color:#2d3e44; padding:0 0 10px 0; margin:25px 0 5px 0 }
h2 strong,
h3 strong,
h4 strong { font-weight:normal }
p { padding:0 0 10px 0; margin:0 }
ul { padding:0 0 10px 0; display:block; margin:0 }
ul li { padding:0 0 5px 25px; margin:0 0 3px 0; display:block; background:url("../images/bg_li.png") no-repeat 10px 10px }
ul.tick li { padding:0 0 5px 25px; margin:0 0 3px 0; display:block; background:url("../images/bg_li-tick.png") no-repeat 4px 8px }
ol { padding:0 0 10px 0; display:block; margin:0 0 0 23px }
ol li { list-style-type:decimal; list-style-image:none; padding:0 0 5px 0; margin:0 0 3px 0; list-style-position:outside }

hr { border-top:1px dotted #CCC; height:3px; margin:5px 0 15px 0; padding:0 }
hr#system-readmore { border-color:#C00 }
img { max-width:100%; vertical-align:middle }
fieldset { border:0; margin:0; padding:0 }

/* Table */
table { border:1px solid #666; padding:0; width:100%; margin:0; border-left:0; border-bottom:0; font-size:13px; line-height:19px; margin-bottom:10px }
table td, 
table th { padding:8px; border:1px solid #FFF; border-top-color:#0d9da9; border-color:#CCC; color:#666; vertical-align:top }
table th { background-color:#0d9da9; vertical-align:middle; border-bottom-color:#FFF; border-top-color:#0d9da9; border-left-color:#FFF; color:#FFF }
table th:first-child { border-left-color:#0d9da9 }
table th:last-child { border-right-color:#0d9da9 }
table td p,
table th p { padding:0; padding:0 }

/* CSS Document Initialisation */
.clearfix { overflow:hidden; /* pour IE6 */ zoom:1; /* pour IE6 */ }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clear { display:block; height:0; clear:both; visibility:hidden; visibility:visible }

/* Effets de mise en page */
.transition { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out }
.helvetica { font-family:HelveticaNormal, Verdana, Geneva, sans-serif }
.helvetica-condensed { font-family:HelveticaCondensed, Verdana, Geneva, sans-serif }
.blue { color:#0D9DA9 }
.green { color:#0d9da9 }
.gray { color:#8A8C91 }
.page-shadow { -moz-box-shadow:0px 0px 50px 0px #1F2D32;
-webkit-box-shadow:0px 0px 50px 0px #1F2D32;
-o-box-shadow:0px 0px 50px 0px #1F2D32;
box-shadow:0px 0px 50px 0px #1F2D32;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=25); }
.block-shadow { -moz-box-shadow:0px 0px 15px 0px #1F2D32;
-webkit-box-shadow:0px 0px 15px 0px #1F2D32;
-o-box-shadow:0px 0px 15px 0px #1F2D32;
box-shadow:0px 0px 15px 0px #1F2D32;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=25); }
.justify { text-align:justify }
a img.border { border:5px solid #F0F0F0 }
a:hover img.border { border-color:#CCC }
.required { font-weight:bold; color:#C00; font-size:12px }
.block_error { padding:8px 10px; background-color:#FFDDDD; text-align:center; border:1px solid #C00; color:#C00; font-size:13px; margin-bottom:20px }
.block_no_error { background-color:#D5F3D1; border-color:#090; color:#090 }
.more { background:url("../images/bg_more.png") no-repeat 0 0; height:20px; display:block; padding:0; margin:0; text-indent:-3000px; font-size:1px }
.more-discover { background-position:0 0; width:100px }
.more-discover:hover,
a:hover .more-discover { background-position:0 -20px }
.more-discover-district { background-position:0 -120px; width:170px }
.more-discover-district:hover,
a:hover .more-discover-district { background-position:0 -140px }
.more-show-video { background-position:0 -40px; width:105px }
.more-show-video:hover,
a:hover .more-show-video { background-position:0 -60px }
.more-read { background-position:0 -160px; width:105px }
.more-read:hover,
a:hover .more-read { background-position:0 -180px }
.more-know { background-position:0 -80px; width:95px }
.more-know:hover,
a:hover .more-know { background-position:0 -100px }
.button { display:block; padding:5px 10px; float:left; text-decoration:none; background-color:#2d3e44; color:#FFF; font-weight:normal }
.button:hover { background-color:#0D9DA8 }
.dotted-line { height:20px; background:url("../images/bg_h-dotted-line.png") repeat-x left center }
.dotted-line-large  { margin:0 20px; background-color:#FFF }
.dotted-line-mini  { margin:0 20px 0 10px }

/* Structure de la page */
.page { width:990px; margin:50px auto 0 auto; background:url("../images/bg_page.png") no-repeat 70px 70px #2D3E44; padding:0 0 20px 0 }
.page-content { width:910px; margin:0 40px }
.page-content-margin { padding:20px }
.page-content-legend { padding:5px 20px 0 20px; text-align:right; font-style:italic; font-size:11px; line-height:15px; color:#999 }

/* Entete de la page */
.page-header { height:350px; position:relative; z-index:10 }
/* Entete de la page -> Menu de la page */
.page-header-menu { position:absolute; top:30px; left:110px; height:26px; display:block; width:800px }
.page-header-menu ul { display:block; padding:0; margin:0; height:26px; float:right }
.page-header-menu ul li { float:left; display:block; padding:0 0 0 22px; margin:0; height:26px; background:url("../images/bg_page-header-menu.png") 0 0 repeat-y }
.page-header-menu ul li.first { background:none; padding-left:0 }
.page-header-menu ul li a { float:left; display:block; padding:0; margin:0; height:26px; line-height:26px; font-size:13px; vertical-align:middle; text-transform:uppercase; font-weight:bold; text-decoration:none; color:#FFF }
.page-header-menu ul li a:hover,
.page-header-menu ul li.active a { color:#0D9DA9 }
/* Entete de la page -> Bloc logo */
.page-header-logo { position:absolute; display:block; padding:0; margin:0; text-indent:-3000px; width:355px; height:150px; top:150px; left:30px }
/* Entete de la page -> Bloc pub */
.page-header-banner{position:absolute; display:block; top:85px; left:460px; display:block;width:500px;height:90px;background:url("../images/banner-travaux-facebook-pinterest.png") no-repeat 10px -10px;padding:0}
.page-header-banner .icon.facebook{position:absolute;display:block;top:15px;left:33px;width:336px;height:60px;padding:0}
.page-header-banner .icon.pinterest{position:absolute;display:block;top:15px;left:384px;width:60px;height:60px;padding:0}
.page-header-ads { position:absolute; text-decoration:none; color:#1A181B; display:block; top:105px; left:470px; display:block; text-transform:uppercase; width:500px; background:#C0BC07 url("../images/bg_page-header-ads.png") no-repeat right center; font-weight:normal; padding:0; font-size:22px; line-height:28px; vertical-align:middle; text-align:center }
a.page-header-ads:hover { background-color:#A3A006 }
.page-header-ads span { display:block; padding:5px 70px 5px 10px }
/* Entete de la page -> Bloc baseline */
/*.page-header-baseline { position:absolute; top:200px; left:405px; display:block; text-transform:uppercase; width:505px; font-weight:normal; margin:0; padding:0; font-size:39px; line-height:41px; vertical-align:middle; text-align:right; color:#0D9DA9; height:125px; overflow:hidden }
.page-header-baseline .name { font-size:34px; line-height:38px; color:#FFF }*/
.page-header-baseline { position:absolute; top:185px; left:470px; display:block; height:150px; width:440px }


/* Pied de la page */
.page-footer { background-color:#0D9DA9; padding:10px 15px; margin:20px 40px 0 40px }
.page-footer p { display:block; padding:0; font-size:11px; line-height:16px; margin:0; float:left; text-transform:uppercase; color:#FFF }
.page-footer ul { display:block; float:right; padding:0; margin:0 }
.page-footer ul li { display:block; float:right; padding:0; margin:0; background:none }
.page-footer ul li a { display:block; float:right; padding:0; margin:0; color:#FFF; font-weight:normal; font-size:11px; line-height:16px; text-transform:uppercase; text-decoration:underline }
.page-footer ul li a:hover { text-decoration:none }

/* Structure de la page -> Colonnes */
.page-columns .page-column-left {  float:right; width:225px; padding:0; margin:0 20px 0 0 }
.page-columns .page-column-right {  float:right; width:665px; padding:0; margin:0; background-color:#FFF }

.page-nav-menu { padding:72px 0 0 0 }
.page-nav-menu ul.menu { padding:0; margin:0 }
.page-nav-menu ul.menu li { border-top:2px solid gray; padding:7px 10px; margin:0; background-image:none }
.page-nav-menu ul.menu li.first { border-top:0 }
.page-nav-menu ul.menu li a { color:#FFF; text-transform:uppercase; text-decoration:none; font-size:13px; line-height:18px; vertical-align:middle; font-weight:bold; display:block }
.page-nav-menu ul.menu li a:hover,
.page-nav-menu ul.menu li a.active { color:#0D9DA9 }
.page-nav-menu ul.menu li a.pinterest { background:url("../images/bg_logo-pinterest.png") no-repeat right center; padding-right:36px }
.page-nav-menu ul.submenu { padding:0 0 0 25px; margin:3px 0 5px 0; background:url("../images/bg_submenu.png") repeat-y 11px 0 }
.page-nav-menu ul.submenu li { border:0; padding:0; margin:0; border-top:1px solid #425257 }
.page-nav-menu ul.submenu li.first, 
.page-nav-menu ul.submenu li li { border-top:0 }
.page-nav-menu ul.submenu li a { text-transform:inherit; padding:4px 0; line-height:16px }
.page-nav-menu ul.submenu li a.active { color:#0D9DA9 }
.page-nav-menu ul.submenu li ul.submenu li a { font-weight:normal }

/* Page d'accueil -> Colonnes */
.page-home-columns { width:910px; z-index:30 }
.page-home-two-columns .page-home-column { width:445px; float:left; margin:0 0 0 20px; padding:0 }
.page-home-two-columns .page-home-column-left { margin-left:0 }
.page-home-all-three-columns { background:url("../images/bg_page-home-all-three-columns.png") #FFF }
.page-home-three-columns-top,
.page-home-three-columns-bottom { padding-top:20px; background:url("../images/bg_page-home-three-columns.png") repeat-x 0 0 }
.page-home-three-columns-bottom { padding-top:0; padding-bottom:20px; background-position:left bottom }
.page-home-three-columns .page-home-column { width:302px; float:left; margin:0; padding:0 }
.page-home-three-columns .page-home-column-left { margin-left:0 }
.page-home-three-columns .page-home-column-right { float:right }
.page-home-three-columns .page-home-column-center { float:none; width:auto; margin:0 304px }

/* Page d'accueil -> Bloc Features */
.block-home-primary-features { margin-bottom:20px }
.block-home-primary-features a,
.block-home-secondary-features a { display:block; padding:0; margin:0; background-color:#FFF; text-decoration:none; font-weight:normal; color:#1A181B; line-height:17px }
.block-home-primary-features a:hover span,
.block-home-secondary-features a:hover span { color:#0D9DA9 }
.block-home-primary-features a span,
.block-home-secondary-features a span { display:block; padding:0; margin:0 }
.block-home-primary-features a span.feature-title,
.block-home-secondary-features a span.feature-title { padding:0 20px; height:45px; line-height:45px; vertical-align:middle; font-weight:bold; text-transform:uppercase; font-size:20px; color:#2C3E44; letter-spacing:2px }
.block-home-primary-features a span.feature-image { height:225px; width:445px; background:url("../images/bg_feature-link.jpg") no-repeat top left }
.block-home-primary-features a span.feature-description,
.block-home-secondary-features a span.feature-description { padding:10px 135px 20px 20px; font-size:13px; color:#2C3E44; position:relative; text-align:justify }
.block-home-primary-features a:hover span.feature-description { color:#0d9da9 }
.block-home-primary-features a span.feature-more { position:absolute; bottom:20px; left:325px; height:20px; width:100px }

/* Page d'accueil -> Bloc Features -> Bloc 7 */
a.feature-link-7 span.feature-image { background-position:-1834px 0 }
a.feature-link-7:hover span.feature-image { /*background-position:-1834px -255px*/ }

/* Page d'accueil -> Bloc Features -> Bloc 8 */
a.feature-link-8 span.feature-image { background-position:-2279px 0 }
a.feature-link-8:hover span.feature-image { /*background-position:-2279px -255px*/ }

/* Page d'accueil -> Bloc Features 2  */
.block-home-secondary-features { margin-bottom:0 }
.block-home-secondary-features a span.feature-title { font-size:18px; letter-spacing:0; line-height:20px; height:inherit; padding:10px 20px 5px 20px }
.block-home-secondary-features a span.feature-description { padding-right:20px }
.block-home-secondary-features a:hover span.feature-description { color:#0d9da9 }
.block-home-secondary-features a span.feature-more { width:262px; margin:0 20px }
.block-home-secondary-features a span.feature-image { margin:0; padding:0; width:262px; background:url("../images/bg_feature-link.jpg") no-repeat }

/* Page d'accueil -> Bloc Features 2 -> Bloc 1 */
a.feature-link-1 span.feature-description { padding-top:20px }
a.feature-link-1 span.feature-image { margin:0 20px; padding:0; height:175px; width:262px; background-position:0 0; text-indent:-3000px; font-size:1px }
a.feature-link-1 span.feature-more { margin-top:-7px }
a.feature-link-1:hover span.feature-image { background-position:0px -175px }

/* Page d'accueil -> Bloc Features 2 -> Bloc 2 */
/*a.feature-link-2 span.feature-title { padding-bottom:0; padding-bottom:10px }
a.feature-link-2 span.feature-image { margin:0 20px; padding:0; height:262px; width:262px; background-position:-262px 0; text-indent:-3000px; font-size:1px }
a.feature-link-2 span.feature-description { padding-bottom:5px }
a.feature-link-2:hover span.feature-description { color:#4AA032 }
a.feature-link-2 span.feature-more { margin-top:26px }*/
/* Page d'accueil -> Bloc Features 2 -> Bloc 2 (Derniers lots disponibles) */
a.feature-link-2a { height:348px; width:282px; margin:0 10px }

/* Page d'accueil -> Bloc Features 2 -> Bloc 3a */
a.feature-link-3a span.feature-title { padding-bottom:0 }
a.feature-link-3a span.feature-image { margin:-30px 0 0 20px; padding:0; height:58px; width:262px; background-position:-524px 0; text-indent:-3000px; font-size:1px }
a.feature-link-3a span.feature-description { padding-bottom:5px }
a.feature-link-3a:hover span.feature-description { color:#4AA032 }

/* Page d'accueil -> Bloc Features 2 -> Bloc 3b */
a.feature-link-3b span.feature-image { margin:0 20px; padding:0; height:88px; width:262px; background-position:-786px 0; text-indent:-3000px; font-size:1px }
a.feature-link-3b span.feature-title { padding-bottom:15px }
a.feature-link-3b span.feature-more { margin-top:-20px }

/* Page d'accueil -> Bloc Features 2 -> Bloc 4 */
a.feature-link-4 span.feature-image { margin:0 20px; padding:0; height:190px; width:262px; background-position:-1048px 0; text-indent:-3000px; font-size:1px }
a.feature-link-4:hover span.feature-image { background-position:-1048px -190px }

/* Page d'accueil -> Bloc Features 2 -> Bloc 5 */
a.feature-link-5 span.feature-image { margin:0 20px; padding:0; height:190px; width:262px; background-position:-1310px 0; text-indent:-3000px; font-size:1px }
a.feature-link-5:hover span.feature-image { background-position:-1310px -190px }
a.feature-link-5 span.feature-title { background:url("../images/logo-pinterest.png") no-repeat right center }

/* Page d'accueil -> Bloc Features 2 -> Bloc 6 */
a.feature-link-6 span.feature-block { background-color:#2D3E44; margin:0 20px; padding:10px 0 }
a.feature-link-6 span.feature-more { width:242px; margin:0 10px }
a.feature-link-6 span.feature-description { color:#FFF; font-size:27px; font-weight:normal; line-height:29px; padding:5px 10px 7px 10px; margin:0 }
a.feature-link-6:hover span.feature-description { color:#0D9DA9 }
a.feature-link-6 span.feature-image { margin:0 10px; padding:0; height:80px; width:242px; background-position:-1572px 0; text-indent:-3000px; font-size:1px }
a.feature-link-6:hover span.feature-image { background-position:-1572px -105px }

/* Plans */
.block-map-layers { position:relative; width:1504px; width:922px }
.block-map-layers .block-map-layer { position:absolute; top:0; left:0; z-index:100; background:none no-repeat 0 0; font-size:1px }
.block-map-layers .block-map-layer-availabilities { position:absolute; top:0; left:0; z-index:100; background:none no-repeat 0 0 }
.block-map-layer-info { position:absolute; display:block; top:0; left:50%; margin:0 0 0 -200px; background-color:#C0BC07; width:400px; text-decoration:none; height:45px; line-height:45px; vertical-align:middle; text-align:center; color:#1A181B; text-transform:uppercase; -moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5); }
.tip-description { display:block; padding:2px 0; margin:0; width:210px }
.tip-description span { display:block; padding:3px 0 0 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; text-align:center }
.tip-description span.description-title { font-size:13px; font-weight:bold; padding-top:0; font-family:HelveticaNormal, Verdana, Geneva, sans-serif; text-transform:uppercase; letter-spacing:1px }
.tip-description span.description-availability { text-transform:uppercase }
.tip-description span.description-download { font-size:11px }

/* Bloc gris */
.block-gray { background-color:#F0F0F0; padding:20px 20px 10px 20px; margin-bottom:20px }
.block-gray h4:first-child { margin-top:0; padding-top:0 }

/* Bloc telechargements */
.block-downloads { padding:0; margin:10px 0 20px 0 }
.block-downloads .block-download { float:left; width:137px; margin:0 0 0 25px; padding:0 }
.block-downloads .block-download-first { margin-left:0 }

/* Bloc plan*/
#map-canvas { height:400px; width:665px }

/* Formulaire de contact */
.form_contact { width:625px }
.form_contact .form_field { width:300px; float:left; margin:0 22px 20px 0 }
.form_contact .form_last_field { margin-right:0 }
.form_contact .form_large_field { width:620px }
.form_contact .form_error { background-color:#FFDDDD; width:302px }
.form_contact .form_error p { padding:5px 10px; margin:0; color:#C00; font-size:12px }
.form_contact .form_field label { display:block; padding:0 0 3px 0; text-transform:uppercase; font-size:11px; margin:0; line-height:15px }
.form_contact .form_field input { border:1px solid #D9E6EC; padding:0; margin:0; height:25px; line-height:25px; vertical-align:middle; color:#333; display:block; width:100% }
.form_contact .form_field textarea { border:1px solid #D9E6EC; padding:0; margin:0; color:#333; display:block; width:100%; resize:vertical }
.form_contact .form_field input:focus, .form_contact .form_field textarea:focus { border-color:#ADB5C0; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out }
.form_contact .form_field input.button_remove { width:auto; border-width:0; color:#C00; font-size:11px; font-weight:bold; text-transform:uppercase }
.block_readonly { background-color:#D9E6EC; border-color:#D9E6EC; padding:5px }

.block-contact-bartholdi .column-right { margin:0 0 0 325px; padding:0 }
.block-contact-bartholdi .column-left { float:left; margin:0; padding:0; width:300px }

.fancybox-popup-plan { position:relative }
.fancybox-popup-plan img { z-index:20; position:relative }
.fancybox-popup-plan span.bigger { z-index:25; position:absolute; display:block; top:0; left:150px; background-color:#C0BC07; width:315px; text-decoration:none; height:45px; line-height:45px; vertical-align:middle; text-align:center; color:#1A181B; text-transform:uppercase; -moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5); font-weight:normal }
.fancybox-popup-plan:hover span.bigger { background-color:#A3A006 }
/*position:absolute; text-decoration:none; color:#1A181B; display:block; top:105px; left:530px; display:block; text-transform:uppercase; width:440px; background:#C0BC07 url("../images/bg_page-header-ads.png") no-repeat right center; font-weight:normal; padding:0; font-size:22px; line-height:28px; vertical-align:middle; text-align:center }*/