/*

QuickSite Wireframe CSS

This is the main stylesheet

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		templavoila@busynoggin.com
website:	www.busynoggin.com & templavoila.busynoggin.com

*/

/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	outline:none;
	}

/* @end Reset Styling */

/* @group Base Styling */

html {
	height: 100%;
}

body {
	background: #FFF url(images/bckg-inter.gif) repeat-x left top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	font-weight: normal;
	height: 100%;
	margin-left:-90px;
}

body#f2a { background: #FFF url(images/bckg.gif) repeat-x left top; }

/* NOTE: Much of the typography styling is handled in rte.css */


/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
	border-collapse:collapse;
	width: 100%;
	}

/* @end Table Styling */

/* @group Additional Tags */


pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}


/* @end Additional Tags */

/* @group Forms */


form input, form textarea {
	margin-right: 5px;
	}

form input:focus, form input:hover {
	color: black;
	}

form select {
	font-size: 11px;
	}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
}

legend {
	font-weight: bold;
	color: black;
	}


/* @end Forms */

/* @end Base Styling */

/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.csc-firstHeader {
	margin-top: 0px;
	}

.graphicTextWrap {
	overflow: hidden;
	}

.graphicText {
	line-height:300px;
	display: block;
	}

/* @end Common Classes */

/* @group Layout */

#pageWrap {
	width: 1000px;
	padding: 0 0 0 90px;
	margin-left: auto;
	margin-right: auto;
	}
	
body#f2a #pageWrap {background: url(images/maison-hp/model1.jpg) no-repeat top left;}

#feature {
	margin-bottom: 10px;
	}
#f2a #feature {
	width:635px; background:#FFF; padding:6px 5px 0 5px; float:right; 
				-moz-box-shadow: rgba(27, 52, 65, 0.5) 0px -15px 20px;
				-webkit-box-shadow: rgba(27, 52, 65, 0.5) 0px -15px 20px;
				box-shadow: rgba(27, 52, 65, 0.5) 0px -15px 20px;
				margin-bottom:1em;}
				

	
#content {
	clear:both;
	overflow:visible;
	}
	
#generatedContent-2 {
	width: 230px;
	float: right;
	}
	
/*INTER*/
#generatedContent-1 {
	width: 200px;
	float: left;
	margin-right: 20px;
	}

#f1d #contentBlock-1 {
	float: right;
	width: 780px;
	padding:0;
	}
/*--END INTER--*/
#f1e #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f1f #contentBlock-1 {
	float: left;
	width: 480px;
	}
	
/*HOME*/
#f2a #contentBlock-1 {
	float: right;
	width: 610px;
	padding: 0 20px;
	}

#f2a #contentBlock-2 {
	width: 285px;
	float: left;
	margin-top:-10px;
	}
/*--END HOME--*/

#f2b #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2b #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2c #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2c #contentBlock-2 {
	width: 230px;
	float: right;
	}


#f2d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2d #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 230px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}

/* @end Layout */

/* @group Header */

body#f2a #header {min-height:155px;}
body#f1c #header {min-height:213px;}

#header {
	font-size:0.8em;
	line-height:17px;
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height:235px;
	clear:both;
	}

#logo {
	position:absolute;
	top:-20px;
	left:-8px; 
	height: 203px;	
	width: 133px; 
	background: #fff url(images/logo-inter.gif) no-repeat;
	overflow: hidden;
	}
	
body#f2a #logo { left:0; height: 203px; width: 117px; background: #fff url(images/logo-home.gif) no-repeat; }

#logo a {
	display: block;
	padding-top: 210px;
	}

#TopNavWrap {
	position:absolute;
	top:0;
	right:0;
	padding: 0 0 0 170px;
	background: url(images/logo-novoclim-inter.gif) no-repeat top left;
	font-size:0.9em;
	}
	
body#f2a #TopNavWrap {background: url(images/logo-novoclim.gif) no-repeat top left;}

#TopNavWrap a {color:#FFF;}

#TopNav {border:#FFF dashed 1px; border-width:0 1px 1px 1px; width:270px;}
#TopMenu {float:left; list-style:none; margin:0; padding:10px 10px 9px 10px;}
#TopMenu li {display:inline; margin:0; padding:0 7px; border-right:1px solid #FFF;}
#TopMenu li.last {border-right:none;}
#TopMenu li a {}
#TopMenu li a:hover {color:#00426E;}

#localisation {float:right; position:relative; margin:0; background: url(images/bkb-localiz.gif) repeat-x top left; font-size:1.25em; border-left:1px dashed #FFF;}
#localisation a span {display:none;}
#localisation a {display: block; padding:10px 14px 9px 14px; }
#localisation a:hover {background: url(images/bkb-localiz-hov.gif) repeat-x top left; color:#00426E;}
#localisation a:hover span {display:block; position:absolute; width:95px; height:15px; top:35px; right:0; background:#fff; opacity:0.8; padding:10px;}
#quickcontact { clear:both; width:100%; height:35px; background: url(images/notel-inter.gif) no-repeat top right; border-top: 1px dashed #FFF;}
#quickcontact p#TopMail {width:30px; height:35px; margin-left:5px; background: url(images/ico-mail-inter.gif) no-repeat top left; overflow:hidden;}
#quickcontact p#TopMail a {display: block; padding-top: 40px;}

body#f2a #quickcontact p#TopMail {background: url(images/ico-mail.gif) no-repeat top left;}
body#f2a #quickcontact { background: url(images/notel.gif) no-repeat top right;}


/* @group Global Menu */

#globalMenu {
	float: right;
	margin-right: 0px;
    margin-top:100px;
	overflow:auto;
	background:#FFF;
	border-bottom:4px solid #20b5f0;
	font-size: 1.2em;
	font-weight:bold;
	}

body#f2a #globalMenu { margin-top:95px; font-size: 1.1em; }

#globalMenu li {
	display: inline;
	float: left;
	margin: 0;
	border-right: 1px dashed #005288;
	}
	
#globalMenu li a { display:block; padding: 10px 19px 10px 18px;}
	
body#f2a #globalMenu li a { display:block; padding: 10px 11px;}

#globalMenu li.last { border: none;}
#globalMenu li.last a { padding-right: 20px; }
body#f2a #globalMenu li.last a { padding-right: 14px; }

#globalMenu a {
	height: 17px;
	display: inline;
	float: left;
	color:#005288;
}

#globalMenu a:hover { color: black;}

#globalMenu li.active a {color: #008aec;}

#globalMenu ul {
	position: absolute;
	height: 20px; 
	top: 20px;
	left: 0px;
	margin: 0px;
	background-color: #999;
	width: 940px;
	font-size: 11px;
	padding-left: 10px;
}

#f2a #catMenu {display:none;}

#catMenu {
	float: right;
	margin-right: 0px;
    margin-top:0px;
	overflow:auto;
	font-size: 1.30em;
	font-weight:ligth;
	height:auto;
	}
	
#catMenu li {
	display: inline;
	float: left;
	margin: 0;
}

#catMenu li a {
	display:block;
	padding: 19px 0;
	text-align:center;
	width:130px;
	color:#FFF;
}

#catMenu li a:hover { color:#000; }

#catMenu li.first a {background:#1383a3;}
#catMenu li.second a {background:#731d85;}
#catMenu li.third a {background:#ec102e;}
#catMenu li.forth a {background:#f57b20;}
#catMenu li.fifth a {background:#52933e;}
#catMenu li.sixth a {background:#404041;}


/* @end Global Menu */

/* @end Header */

/* @group Footer */

#footer {
	border-top: 1px dashed #005288;
	padding-top: 10px;
	margin-top: 30px;
	padding-bottom:30px;
	font-size:0.7em;
	clear:both;
	overflow:auto;
}

#footerCopyright {
	float: left;
	width:40%;
	color: #999999;
}

#footerCoordinates {
	display: block;
	width:510px;
	float: right;
	}
	
#footerCoordinates .Fcoord {float:left; width:150px; margin-right:20px;}

/* @end Footer*/

/* @group Local Menu */

#generatedContent-1 h2 { 
	font-size:1em; 
	background:#005288 url(images/submenuicon.gif) no-repeat right center;
	color:#FFF;
	display:block;
	padding: 10px 37px 10px 12px;
	margin:0 0 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}

#localMenu {
	margin-left: 0;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	}

#localMenu ul {	margin-top: 10px;	}
#localMenu ul li { margin-bottom: 3px; }
#localMenu li {	list-style: none; font-size: 1.1em; border-bottom: 1px dashed #8ad9f9;}
#localMenu li a { display:block;  padding:8px 10px 6px 10px; color: #005288; }
#localMenu li a:hover { color: #000;  }
#localMenu li.current a { color: #008aec; padding-right:20px;  }
#localMenu li.current li a { color: #b2b2b2;}
#localMenu li.current { background:#8ad9f9 url(images/submenuiconcurrent.gif) no-repeat right 8px; border-bottom: 1px dashed #FFF;}

#localMenu li ul { margin-left:0px; margin:0;}
#localMenu li ul li { font-size: 0.9em; border-top: 1px Solid #FFF; padding-left:10px; background:#d0f0fd; border-bottom:0; margin-bottom:0; }
#localMenu li ul li a { padding:5px 10px 3px 5px; color: #005288!important; }
#localMenu li ul li:hover {background:#8ad9f9; }
#localMenu li ul li:hover a {background:#8ad9f9; }
#localMenu li ul li.current a { color: #008aec; }
#localMenu li ul li.current li a { color: #b2b2b2; }
#localMenu li ul li.current { background:#FFF; }

/* @end Local Menu */

/*FORM GENERAL*/
.fieldgroup {margin:0.25em 0 0.5em 0; }
label { display:block; font-size: 1em; margin: 0; padding: 0.3em 0 0.1em 0; }
input, textarea { width:80%; margin: 0 0 0 0; padding: 3px; font-size:0.em; z-index:1; background:#f5f5fe; border:1px solid #999; color:#666; }
input:focus, textarea:focus {background:#FFF; border:1px solid #333; color:#000; }
input[type=radio], input[type=checkbox] {width:auto; float:left;}
.fieldgroup img {margin-bottom:-10px; }
textarea { font-size:1.2em; } 
select { width:91%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; }

input[type=submit] {width:auto; float:right; margin:20px 18% 0 0; font-size:1em; padding:3px;}
/* @end FORM GENERAL */

/*FEATURE*/

#f1d #feature {margin-left:220px; font-size:1.8em; line-height:1.3em;}

/**/
.widget  { width:98%; font-size:1.4em; color:#005288; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin:0 0 10px 2%;}
.garantie {background:#f57b20 url(images/garantie.png) no-repeat right center; color:#005288; }
.guide { background:#46166b url(images/bk-coupe.png) no-repeat right center; color:#FFF;}
.eco { background:#72c267 url(images/eco.png) no-repeat right center; color:#FFF;}
.guide p, .garantie p, .eco p { margin:0; padding:0;}
.guide p a, .garantie p a, .eco p a { display:block; color:#FFF;  padding:15px; }
.guide p a:hover, .garantie p a:hover, .eco p a:hover { background: url(images/hl.png) repeat-y top left;}

.vision, .mission {background:#cfecff url(images/trame.png) repeat-x left top; color:#cfecff; font-size:01em; text-align:center; padding:10px 15px; }
.vision p, .mission p {color:#333;}
.vision h3, .mission h3 {margin:5px 0 3px 0;}
.vision, .mission { width:85%;}

.tx-categorypages-pi1 { /*width:620px;*/ border:1px solid #005288; padding:10px 10px 0px 150px; clear:both; overflow:auto; background: url(images/titr-list.gif) no-repeat left top;}
.models .tx-categorypages-pi1 { background: url(images/titr-list-mod.jpg) no-repeat left top;}
.realisation .tx-categorypages-pi1 { background: url(images/titr-list-realiz.jpg) no-repeat left top; padding-top:12px; padding-right:12px; padding-bottom:3px;}
.tx-categorypages-pi1 .thumb-simil { float:left; width:90px; padding: 0 0 10px 10px;  }
.tx-categorypages-pi1 .thumb-simil p { display:block; background: #b3e6fb url(images/trame.png) repeat-x left top; font-size:0.8em; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
.tx-categorypages-pi1 .thumb-simil:hover p { background: #0198d5 url(images/trame.png) repeat-x left top; }
.tx-categorypages-pi1 .thumb-simil p a { color:#002e40;}

/*COM*/
.csc-uploads-fileName p {line-height : 1.2em; margin:0; margin-bottom:5px;}
.csc-uploads-fileName p.csc-uploads-description { font-style:italic; border-top:1px dashed #999; padding-top: 5px; }
.csc-uploads-fileSize { font-size:0.9em; font-style:italic; color:#666;}

.preview1 { margin-top:60px;}

.pluspetit { font-size:0.8em; line-height:1.2em;}

.csc-textpic-caption { font-size:0.9em; background: #b3e6fb url(images/trame.png) repeat-x left top; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px; line-height:1em; display:block margin-top:10px;}

/*TTNEWS*/
/*NEWS*/
.news-latest-container { margin:25px 0px 0 0;}
.news-latest-container h1 { display:block; background: #444444 url(images/headernews.gif) no-repeat top right; padding:5px 10px; color:#a4e5ff; font-size:1.5em; font-weight:bold; margin-bottom:5px; }
.news-latest-item { background:#f4f4f4; border-top:1px dashed #444444; padding:10px;}
.news-latest-date { font-style:italic; font-size:0.9; margin:0;}
.news-latest-item h2 {font-size:1.1em; margin:0;}
.news-latest-item h2 a { color:#444444; font-weight:bold; margin-top:0;}
.news-latest-item h2 a:hover { color:#005288;}
.news-latest-item a { color:#444444; margin-top:0;}

.tt-news-archives {background:#f4f4f4; border-top:1px dashed #444444; padding:20px 10px 10px 10px; text-align:right; margin-bottom:-30px; }

.news-list-item h2 { font-size:1.3em; margin-top:10px;}
.news-list-item h2 a { color:#666;}
.news-list-item h2 a:hover { color: #008aec;}
.news-list-item hr { border:0; border-bottom: 1px dashed #999; margin-bottom:1em;}
.news-list-item span.news-list-morelink { display:block; margin-top:10px; text-align:right;  }

.showResultsWrap { text-align:right; font-size:0.8em; font-style:italic; }
.browseLinksWrap { text-align:right; font-size:0.9em; font-style:italic; }
.browseLinksWrap a, .browseLinksWrap span { margin:10px 5px 0 5px;}

.news-single-item h1 { font-size:1.7em; line-height:1.2em; }
.news-single-item h2, .news-single-item h3, .news-single-item h4, .news-single-item h5, .news-single-item h6 { font-size:1.2em; line-height:1.4em; font-weight:lighter; }


/*FEATURE MODEL MAISON - SELON DIFFERENTES CATEGORIE*/

body#f1c #feature { position:relative; margin-bottom:20px; margin-top:60px; }

body#f1c #feature #models { position:relative; clear:both; overflow:auto;}
body#f1c #feature .columnGroup { margin-bottom:0;}
body#f1c #feature .column-1 { float:left; width:445px;}
body#f1c #feature .column-2 { float:right; width:525px; padding:15px 0 10px 0;}
body#f1c #feature .column-2 h1 { color:#FFF; font-weight:lighter; margin:0 0 5px 0; font-size:3em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif}
body#f1c #feature .column-2 h2.mod-subtitle { color:#0b5b72; font-size:1.2em; font-style:italic; margin:0;}
body#f1c #feature .column-2 table { width:525px; position:absolute; bottom:0;}
body#f1c #feature .column-2 table td { width:25%; padding:5px 0; color:#FFF; font-size:1.1em;}
body#f1c .multi #feature .column-2 table td.mod-col-ttle { width:30%; font-size:1em;}
body#f1c .multi #feature .column-2 table td.mod-col-info { width:20%; font-size:1em; }
body#f1c #feature .column-2 table td.mod-col-ttle { color:#5fd1ff; font-size:1.1em; font-weight:bold;}
body#f1c #feature .column-2 table span.mod-row-other-ttle { color:#5fd1ff; font-size:1.1em; font-weight:bold; padding-right:5px;}

#HabExt-bkgr {width:155px; margin-left:43px; position:relative; height:38px; margin-bottom:10px; }
#visite-bkgr {width:155px; margin-left:43px; margin-bottom:13px;}
.HabExt-img { background: url(images/brush.png) no-repeat right center; padding:0; margin:0; position:absolute; width:155px; height:60px; top:-10px; }
.visite-img { background: url(images/3dglass.png) no-repeat right center;}
.HabExt-img a { font-size:0.85em; line-height:1.1em; color:#FFF; display:block; width:75px; padding:15px 70px 20px 10px; text-align:right;}
.visite-img a { font-size:0.85em; line-height:1.1em; color:#FFF; display:block; width:75px; padding:5px 70px 5px 10px; text-align:right;}

/*COLORS SCHEME*/ 

/*DEFAULT*/

#feature #models { background:#1383a3; border:3px solid #1383a3; margin:0; padding:0;}
body#f1c #feature .column-2 h2.mod-subtitle { color:#043c4c;}
body#f1c #feature .column-2 table td.mod-col-ttle { color:#82d9f3;}
body#f1c #feature .column-2 table span.mod-row-other-ttle { color:#82d9f3;}


#HabExt-bkgr {background:#1383a3;}
#visite-bkgr {background:#1383a3;}
#HabExt-bkgr:hover {background:#006380;}
#visite-bkgr:hover {background:#006380;}
.HabExt-img a:hover { color:#afedff;}
.visite-img a:hover { color:#afedff;}

/*residentiel*/
.residential #feature #models { background:#1383a3; border:3px solid #1383a3; margin:0; padding:0;}
body#f1c .residential #feature .column-2 h2.mod-subtitle { color:#043c4c;}
body#f1c .residential #feature .column-2 table td.mod-col-ttle { color:#82d9f3;}
body#f1c .residential #feature .column-2 table span.mod-row-other-ttle { color:#82d9f3;}


.residential #HabExt-bkgr {background:#1383a3;}
.residential #visite-bkgr {background:#1383a3;}
.residential #HabExt-bkgr:hover {background:#006380;}
.residential #visite-bkgr:hover {background:#006380;}
.residential .HabExt-img a:hover { color:#afedff;}
.residential .visite-img a:hover { color:#afedff;}

/*MULTI-LOGEMENT*/
#pageWrap.eco {background:transparent;}
.multi #feature #models { background:#731d85; border:3px solid #731d85; margin:0; padding:0;}
body#f1c .multi #feature .column-2 h2.mod-subtitle { color:#2a0033;}
body#f1c .multi #feature .column-2 table td.mod-col-ttle { color:#c8ade5;}
body#f1c .multi #feature .column-2 table span.mod-row-other-ttle { color:#c8ade5;}

.multi #HabExt-bkgr {background:#731d85;}
.multi #visite-bkgr {background:#731d85;}
.multi #HabExt-bkgr:hover {background:#581163;}
.multi #visite-bkgr:hover {background:#581163;}
.multi .HabExt-img a:hover { color:#f7ea7e;}
.multi .visite-img a:hover { color:#f7ea7e;}

/*COMMERCAL*/
.commercial #feature #models { background:#c0001a; border:3px solid #c0001a; margin:0; padding:0;}
body#f1c .commercial #feature .column-2 h2.mod-subtitle { color:#ffaab6;}
body#f1c .commercial #feature .column-2 table td.mod-col-ttle { color:#ffaab6;}
body#f1c .commercial #feature .column-2 table span.mod-row-other-ttle { color:#ffaab6;}

.commercial #HabExt-bkgr {background:#c0001a;}
.commercial #visite-bkgr {background:#c0001a;}
.commercial #HabExt-bkgr:hover {background:#92081b;}
.commercial #visite-bkgr:hover {background:#92081b;}
.commercial .HabExt-img a:hover { color:#ffaab6;}
.commercial .visite-img a:hover { color:#ffaab6;}

/*INDUSTRIEL*/
.industriel #feature #models { background:#f57b1f; border:3px solid #f57b1f; margin:0; padding:0;}
body#f1c .industriel #feature .column-2 h2.mod-subtitle { color:#7e3600;}
body#f1c .industriel #feature .column-2 table td.mod-col-ttle { color:#ffd1af;}
body#f1c .industriel #feature .column-2 table span.mod-row-other-ttle { color:#ffd1af;}

.industriel #HabExt-bkgr {background:#f57b1f;}
.industriel #visite-bkgr {background:#f57b1f;}
.industriel #HabExt-bkgr:hover {background:#d66009;}
.industriel #visite-bkgr:hover {background:#d66009;}
.industriel .HabExt-img a:hover { color:#ffd1af;}
.industriel .visite-img a:hover { color:#ffd1af;}

/*CHALET*/ 
.chalet #feature #models { background:#52933e; border:3px solid #52933e; margin:0; padding:0;}
body#f1c .chalet #feature .column-2 h2.mod-subtitle { color:#d5ffc8;}
body#f1c .chalet #feature .column-2 table td.mod-col-ttle { color:#d5ffc8;}
body#f1c .chalet #feature .column-2 table span.mod-row-other-ttle { color:#d5ffc8;}

.chalet #HabExt-bkgr {background:#52933e;}
.chalet #visite-bkgr {background:#52933e;}
.chalet #HabExt-bkgr:hover {background:#346e22;}
.chalet #visite-bkgr:hover {background:#346e22;}
.chalet .HabExt-img a:hover { color:#d5ffc8;}
.chalet .visite-img a:hover { color:#d5ffc8;}


/*DROP DOWN MENU*/

body#f1c #feature #mod-ddmenu { position:relative; float:right; margin-bottom:8px; overflow:visible; z-index:99;}
body#f1c #feature #mod-ddmenu div#ttl-nav {}
body#f1c #feature #mod-ddmenu div#ttl-nav h3 { background:#20b5f0 url(images/arrow-ddmenu.gif) no-repeat right center; width:165px; padding:8px 20px 8px 10px; font-size:1.1em; margin:0; color:#FFF; cursor:pointer;}
body#f1c #feature #mod-ddmenu div#ttl-nav:hover {cursor:pointer;}
body#f1c #feature #mod-ddmenu div#ttl-nav div.tx-categorypages-pi1 {display:none; position:absolute; top:45px; right:0;}
body#f1c #feature #mod-ddmenu div#ttl-nav:hover div.tx-categorypages-pi1 { display:block; position:absolute; top:45px; right:0; width:195px; height:500px; padding:0; background:rgba(32,181,240,0.8); z-index:100; border:0; background-image:none; }
body#f1c #feature #mod-ddmenu div#ttl-nav div.tx-categorypages-pi1 p { padding:0; margin:0; }
body#f1c #feature #mod-ddmenu div#ttl-nav div.tx-categorypages-pi1 p a {background:#20b5f0; display:block; color:#FFF; font-size:1.1em;  padding: 10px 15px; cursor:pointer;  }
body#f1c #feature #mod-ddmenu div#ttl-nav div.tx-categorypages-pi1 p a:hover { color:#005288; background:#FFF; opacity:0.8;}

#mod-ddmenu { position:relative; float:right; margin-bottom:8px; overflow:visible; z-index:80;}
#mod-ddmenu div#ttl-nav {}
#mod-ddmenu div#ttl-nav h3 { background:#20b5f0 url(images/arrow-ddmenu.gif) no-repeat right center; width:165px; padding:8px 20px 8px 10px; font-size:1.1em; margin:0; color:#FFF; cursor:pointer;}
#mod-ddmenu div#ttl-nav:hover {cursor:pointer;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 {display:none; position:absolute; top:45px; right:0; background:none;}
#mod-ddmenu div#ttl-nav:hover div.csc-default  div.tx-categorypages-pi1 { display:block; position:absolute; top:49px; right:0; width:195px; height:410px; padding:0; z-index:100; border:0; }
#mod-ddmenu div#ttl-nav div.csc-default div.tx-categorypages-pi1 p {padding:0; margin:0; width:180px; background:rgba(32,181,240,0.8);  }
/*#mod-ddmenu div#ttl-nav div.csc-default div.tx-categorypages-pi1 p.ddcol2 { padding:0; margin-left:125px;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p.ddcol3 { padding:0; margin-left:250px;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p.ddcol4 { padding:0; margin-left:375px;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p.topcol2 {margin-top:-330px;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p.topcol3 {margin-top:-330px;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p.topcol4 {margin-top:-330px;}*/
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p a { display:block; color:#FFF; font-size:1em;  padding: 5px 8px 5px 8px; cursor:pointer;  }
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p a img { width:40px; height:40px; margin-bottom:-8px;}
#mod-ddmenu div#ttl-nav div.csc-default  div.tx-categorypages-pi1 p a:hover { color:#005288; background:#FFF; opacity:0.8;}

/*----------------*/

body#f1c div#c143 { border-left: 1px dashed #00bbff;}

/*LIST MODEL CATEGORIES*/

.tx-categorypages-pi1 {float:left; border:1px solid #005288; padding:0; clear:both; overflow:auto; padding: 0px 0 0 120px;}
.tx-categorypages-pi1 div {float:right; display:inline; width:90px; margin:0; padding: 12px; }
.tx-categorypages-pi1 h3 {float:left; width:100px; padding:10px; font-size:1.3em;}

#mod-simil {border:1px solid #005288; padding:0; clear:both; overflow:auto; width:450px; position:relative;}
#mod-simil .tx-categorypages-pi1 {border:none; padding:0; clear:both; overflow:auto; background:none; width:450px;}
#mod-simil .tx-categorypages-pi1 div {float:right; display:inline; width:90px; border-left: 1px dashed #005288; margin:0; padding: 10px; }
#mod-simil h3 {float:left; width:50px; padding:10px; font-size:1.3em; position:absolute; top:0; left:0;}

#planexclul { background: #005288 url(images/bk-planexcl.gif) no-repeat right top; padding:0; clear:both; height:220px; width:620px; position:relative; margin-bottom:25px; margin-top:-15px;}
#planexclul .titre { float:right; width:24%; text-align:right; padding:10px 5px 0 0; }
#planexclul .titre h3 {padding:10px; margin:0; font-size:1.3em; color:#FFF;}
#planexclul .titre p {padding:10px; font-size:0.9em; line-height:1.1em; color:#FFF;}
#planexclul .plans { float:left; width:75%;}
#planexclul .tx-categorypages-pi1 {border:none; padding:0; clear:both; background:none;}
#planexclul .tx-categorypages-pi1 div {float:left; display:inline; width:90px; border-right: 1px dashed #FFF; margin:0; padding: 10px; }


/*SUR PAGES PRODUITS*/
.listcatmenu { border:1px solid #005288; padding:10px 10px 0px 10px; display:block; overflow:auto; margin-bottom:1em; }
.listcatmenu .tx-categorypages-pi1 {float:right; border:0px; padding:0; margin:0; clear:none; width:600px; background:none;}
.listcatmenu h3 {float:left; margin:0; padding:0; width:150px; font-size:1.2em; font-weight:bold;}
.listcatmenu .tx-categorypages-pi1 div {float:left; display:inline; width:90px; margin:0; padding:0 0 8px 10px; }
.listcatmenu .tx-categorypages-pi1 div p {text-align:center; margin:0; padding:5px 0 0 0;}

/*GALERY PLANS*/

.galplan { background: url(images/bk-plans.gif) no-repeat left top; padding:15px 0 0 180px; margin-left:-10px;}

#plan-gallery { background: url(images/bk-plans.gif) no-repeat left top; clear:both; overflow:auto;}
#plan-gallery .left { float:left; width:180px; padding:15px 0px 0 15px;}
#plan-gallery .right { float:right; width:285px; position:relative;}
#plan-gallery h2 { font-weight:bold; font-size:1.5em;}
#plan-gallery h3 { font-weight:; font-size:1.25em; margin-top:5em;}
#plan-gallery a.next { background: url(images/gal-nextbt.gif) no-repeat right center; padding:5px 22px 5px 0;}
#plan-gallery a.next:hover { color:#005288; background: url(images/gal-nextbt-h.gif) no-repeat right center;}
#image-gallery-preview a img { margin-top:1em; border:1px dashed #ccc; opacity:0.5;}
#image-gallery-preview a img:hover {opacity:1;}
span.bt-enlarge { position:absolute; bottom:45px; right:28px; width:48px; height:48px; overflow:hidden;}
span.bt-enlarge a { display:block; background: url(images/bt-enlarg.gif) no-repeat top left; padding-top:50px;}
span.bt-enlarge a:hover { background: url(images/bt-enlarg-h.gif) no-repeat top left; padding-top:50px;}

/* FORM TELL ME MORE*/

.FormMoreBt { background: url(images/bk-btmoreinfo.png) repeat-x top left; width:280px; margin-bottom:-40px; }
.FormMoreBt a { display:block; background: url(images/ico-btmoreinfo.png) no-repeat top right; padding:18px 20px 10px 10px; color:#3b5412;}

.Tx-Formhandler { background:#FFF; width:500px;}
#formTellmeMore {}

#formTellmeMore .titre { clear:both; overflow:auto;}
#formTellmeMore span.thumbs { float:left; margin-right:10px; margin-bottom:10px;}
#formTellmeMore h2 { font-size:1.5em; font-weight:light; margin-top:5px; margin-bottom:3px; color:#005288;}
#formTellmeMore h2 a { font-size:1.3em; line-height:1.5em; margin-bottom:0px;}
#formTellmeMore h2 a:visited { text-decoration:none; }

#formTellmeMore label { padding: 0em 0 0.25em 0; }
#formTellmeMore input { margin-bottom: 0.5em; width:94%;}
#formTellmeMore input[type=radio] { margin-bottom: 0.5em; width:auto;}
#formTellmeMore textarea { width:470px!important; height:100px;}

.dblfield {clear:both; overflow:auto; width:500px;}
.dblfield .csc-mailform-field { float:left; width:245px;}
.dblfield .csc-mailform-field input { width:92%!important;}

#formTellmeMore h4 { font-size:1em; font-weight:light; color:#005288;}
#formTellmeMore p.required { font-size:1em; color:#666; font-style:normal; margin-top:-5px;}
#formTellmeMore span.reqstar { font-size:1.2em; font-weight:bold; color:#C60;}

.quote { background:#baefff; padding:10px 15px 7px 15px; width:455px; font-weight:lighter; font-size:1em; margin:0px 0 10px 0; clear:both; overflow:auto;}
.quote .ttlquote { float:left; width:285px;}
.quote .radioquote { float:left; width:150px;}
.quote .radioquote label {font-size:1em!important;}
.quote .ttlquote h4 { font-size:0.9em!important; font-weight:lighter; padding-bottom:0em;}

#formTellmeMore #mailformcontact input[type=radio] { float:left; margin:3px 5px 0px 0; padding:0; }
#formTellmeMore #mailformcontact label { float:left; margin:0 15px 0px 0; padding:0;}

#formTellmeMore input[type=submit] { width:auto!important; margin-right:22px; margin-top:5px; }

span.error { color:#900;}

#ErMesag ul { margin-left:0; list-style:none; background:#900;  width:78%; padding:5px 10px 2px 10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
#ErMesag ul li a span.error { color:#FFF; font-size:0.9em;}

div#prev-next { display:block; width:500px; float:left; z-index:80;}
div#prev-next a { background:#20b5f0; color:#FFF;font-weight:1.3em; padding:12px 20px 12px 20px; border-right:5px solid #fff; float:left; z-index:22;}

/*VISITES VIRTUELLE PAGE*/
.vv-container {width:155px; float:left; margin-right:20px; margin-bottom:20px;}
.vv-container #visite-bkgr {background:#1383a3; margin-left:0; margin-top:5px;}
.vv-container #visite-bkgr:hover {background:#006380;}


/*Guide Construction*/
.guide-constr {}
.guide-constr div.ka-panel { padding:0 15px 15px 25px; margin-bottom:10px;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-moz-box-shadow: rgba(27, 52, 65, 0.4) 0px 0px 5px;
-webkit-box-shadow: rgba(27, 52, 65, 0.4) 0px 0px 5px;
box-shadow: rgba(27, 52, 65, 0.4) 0px 0px 5px}
.guide-constr h2 { font-size:1.3em; margin-top:0; background: url(images/guide-puce.gif) no-repeat 0px 15px; display:block; padding:15px 40px 0px 25px; min-height:37px; cursor:pointer;}
.guide-constr h2:hover {color:#666;}
.guide-constr h4 { font-size:1.1em; color:#666;}
.guide-constr div.ka-handler {background: url(images/seemore.png) no-repeat top right;}
.guide-constr .open div.ka-handler {background:none;}
.guide-constr .open ul { margin-left:0; list-style:none;}
.guide-constr .open ul li { background: url(images/puce_blue.png) no-repeat 0px 7px; padding-left: 12px;}

/*ECO*/
.ecologis h1 {color:#87C243; background: url(images/eco.gif) no-repeat 0px 10px; padding:0 0 45px 12px; margin-left:-12px; margin-bottom:-35px; }
.ecologis h3 {color:#87C243;}

.engagement h5 { font-size:1.1em; font-weight:lighter; margin-top:5px;}
.engagement img {margin-top:-8px;}
.engagement .csc-default { margin-bottom:25px; margin-right:25px;}

/* @group Module Styling */

.moduleHeader {
	margin: 0;
	padding: 0 15px 0 0;
	color: white;
	background: url(images/right_module_cap.gif) no-repeat right top;
	font-size: 14px;
	}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 5px 0 5px 10px;
	background: #008aec url(images/left_module_cap.gif) no-repeat left top;
	}

.moduleFooter {
	height: 15px;
	margin: 0;
	padding-right: 15px;
	background: url(images/right_module_cap.gif) no-repeat right bottom;
	font-size: 1px;
	overflow: hidden;
	}

.moduleFooter span {
	display: block;
	height: 15px;
	background: #008aec url(images/left_module_cap.gif) no-repeat left bottom;
	}

.moduleBody {
	padding: 15px 10px 10px 10px;
	}

.moduleBodyWrap {
	border-left: 2px solid #008aec;
	border-right: 2px solid #008aec;
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	}

.unframed .moduleBody,
.unframed .moduleBodyWrap {
	padding: 0;
	border: 0;
	}


.moduleBodyBleed {
	padding: 0;
	}

.columnGroup {
	margin-bottom: 10px;
	}

.columnGroupRule {
	border-bottom: 1px solid #7f7f7f;
	}

.moduleGroup {
	margin-bottom: 10px;
	}

.moduleFeature {
	margin-bottom: 15px;
	}

/* @end Module Styling */



/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
	display: block;
	}

/*Added 20100309 tmeixner */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#lightbox-overlay {}


#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{position:absolute; top:0px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
		
		
		
.magz  { display:block; background: url(images/fond-revue.jpg) no-repeat bottom right; clear:both; overflow:auto; padding-bottom:55px;}
.magz p { margin-bottom:0;}
.magz h4 { font-size:1.5em; letter-spacing:1px; color:#339900; margin-top:-25px;  }
.magz h4 img { margin: 0 0 -15px 2px;}
.magz a { background:rgba(51,153,0,0.8); display:inline; margin: 0 5px; padding:8px 12px; color:#FFF; font-size:1.2em; font-weight:bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.25);
	text-shadow: 0 -1px 2px #222;
} 
.magz a.magzblue { background:rgba(0,112,187,0.8);}
.magz a:hover { color:#FF3;}

#formhandler_contact_form_order .magz {padding-bottom:40px; margin-left:0; padding-left:12px;}
.magz h2 { font-size:1.1em!important; line-height:1.2em; padding-right:45%; padding-bottom:0;}
.magz p.required { font-size:0.7em!important; padding-right:45%; padding-top:15px; padding-bottom:0;}
/* @end */