/* Start of CMSMS style sheet 'Dallamano : Top menu + 2 columns' */
/* Start of CMSMS style sheet 'Dallamano : Top menu + 2 columns' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   color: #F55E17; 
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
}

#mentions { width: 963px; margin: 0 auto 8px;text-align: right; padding: 5px 50px 0 0;font-family: Arial, Verdana, sans-serif;}
#mentions a {color: #777; text-decoration: none;}
#mentions a:hover {text-decoration: underline;}
#mentions #adresse {float: left; margin: 0 0 0 45px;}

#agence { width: 963px; margin: 0 auto 15px; text-align: right; padding: 0 50px 0 0;}
#agence a {margin-left: 5px;}
/*****************
basic layout 
*****************/
body {
   background-color: #D8D8D8;
   color: #666;
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 5px auto 0;     /* this centers wrapper */
   width:963px;
   background: #fff url(images/pagewrapper-bg.jpg) repeat-y;
   overflow: hidden;
   position: relative;
}

div#haut-page {
    background: #D8D8D8;
	overflow: hidden;
	padding: 0 15px 8px 10px;
	font-family: Arial, Verdana, sans-serif;
    color: #999;
    height: 12px
}
div#haut-page a {color: #999;text-decoration: none;}
div#haut-page a:hover {color: #333;text-decoration: underline;}
div#haut-page p {
    margin: 0;
	float: right;
	line-height: 1em;
	font-size: 0.9em
}
div#haut-page h1 {
    float: left;
    font-size: 0.9em;
	font-weight: 500;
}
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 171px; /* adjust according your image size */ 
   background: #525252 url(images/header-page.png) no-repeat;             
}
div#headerAccueil {
   height: 171px; /* adjust according your image size */
   background: #525252 url(images/header-accueil.png) no-repeat;  
}
div#header h1, div#headerAccueil h1 {
	width: 270px;
	height: 123px;
	padding: 12px 0 0 33px;
}
div#header h1 a, div#headerAccueil h1 a {
/* you can set your own image here */
   background: #525252 url(images/logo-dallamano.png) no-repeat; 
   width: 270px;
   display: block; 
   height: 123px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
div#header div#showroom a {
   float: right;
   width: 288px;
   height: 171px;
   background: url(images/coin-showroom.png) no-repeat;
   display: block;
   text-indent: -5000em;
}
div#cassiopee a:hover {
   background: none;
}
div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }


div#content {
   margin: 1px auto; /* some air above and under menu and content */

}
div.accueilcontent {   
background: url(images/bg-content.png) repeat-y;
   overflow: hidden;
}

div#main {
   margin-right: 285px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-left: 3px; /* and some air on the right */
}
div#main p {
        margin: 0 15px 0 35px;
}
div#adresse {
	margin: 10px 5px 5px 15px;
	padding: 0 0 20px;
}


.global {
	background-position: left top;
}
/*----------------------------- ACCUEIL ------------------------*/
div#annonce {width: 595px;padding: 10px;overflow: hidden;background: #F55E17; color: #fff; margin-left: 35px;font-size: 1.2em;}
div#annonce h3 {float: left;width: 90px; color: #fff!important;text-align: center; padding-top: 5px;}
div#annonce p {margin-left: 100px; border-left: 1px solid #fff; padding-left: 10px; }
div#annonce p#annonce-adresse {font-size: 0.8em;padding-top: 5px;}
/*----------------------------- PROMOTEURS ------------------------*/
div#mainPromoteurs {
	margin: 0 10px 0 3px;
	background: url(images/page-promoteurs.jpg) no-repeat;
	padding: 167px 590px 0 70px;
	width: 290px;
}

/*----------------------------- PARTICULIERS ------------------------*/
div#mainParticuliers {
	margin: 0 10px 0 3px;
	background: url(images/page-particuliers.jpg) no-repeat;
	padding: 167px 685px 0 70px;
	width: 195px;
        min-height: 345px;
	height:auto !important;
   height:345px;
}

/*----------------------------- INVESTISSEURS ------------------------*/
div#mainInvestisseurs {
	margin: 0 10px 0 3px;
	background: url(images/page-investisseurs.jpg) no-repeat;
	padding: 167px 440px 0 70px;
	width: 440px; 
        min-height: 345px;
	height:auto !important;
   height:345px;
}

/*----------------------------- ARCHITECTES ------------------------*/
div#mainArchitectes {
	margin: 0 10px 0 3px;
	background: url(images/page-architectes.jpg) no-repeat;
	padding: 167px 610px 0 70px;
	width: 270px;
        min-height: 345px;
	height:auto !important;
   height:345px;
}

/*----------------------------- REALISATIONS ------------------------*/
div#mainRealisations {
	margin: 0 10px 0 3px;
	background: url(images/page-realisations.jpg) no-repeat;
	padding: 167px 535px 0 70px;
	min-height: 368px;
	width: 345px;
	height:auto !important;
    height:345px;

}

/*----------------------------- PRESENTATION ------------------------*/
div#mainPresentation {
	margin: 0 10px 0 3px;
	background: url(images/page-presentation.jpg) no-repeat;
	padding: 106px 0 0 70px;
	width: 880px;
	min-height: 368px;
	height:auto !important;
       height:345px;
}
div#mainPresentation table {
	margin: 0 0 0 525px;
        line-height: 1.3em;
}
div#mainPresentation td {
	padding: 0 15px 20px 0;
}
/*----------------------------- METIERS ------------------------*/
div#mainMetiers {
	margin: 0 10px 0 3px;
	background: url(images/page-metiers.jpg) no-repeat;
	padding: 167px 610px 0 70px;
	min-height: 368px;
	width: 270px;
	height:auto !important;
       height:350px;
}

/*----------------------------- L'EFFICACITE DALLAMANO ------------------------*/
div#mainEfficacite {
	margin: 0 10px 0 3px;
	background: url(images/page-efficacite.jpg) no-repeat;
	padding: 167px 645px 0 30px;
	min-height: 368px;
	width: 275px;
	height:auto !important;
   height:275px;
}
div#mainEfficacite h2 {
	margin-left: 40px;
}
/*----------------------------- HISTORIQUE ------------------------*/
div#mainHistorique {
	margin: 0 10px 0 3px;
	background: url(images/page-historique.png) no-repeat;
	padding: 167px 355px 0 70px;
	width: 525px;
	min-height: 368px;
	height:auto !important;
       height:345px;
}
.colonne {	
	column-count: 3;
	column-gap: 20px;
}

.colonne2Col {
	column-count:2;
}

.colonne3Col {
	column-count:3;
}
/*----------------------------- ACTUALITES ------------------------*/
div#mainActualites {
	margin: 0 10px 0 3px;
	background: url(images/page-actualites.jpg) no-repeat;
	padding: 167px 630px 0 70px;
	min-height: 368px;
	width: 250px;
	height:auto !important;
    height:250px;
}

/*----------------------------- EQUIPES ------------------------*/
div#mainEquipes {
	margin: 0 10px 0 3px;
	background: url(images/page-equipes.jpg) no-repeat;
	padding: 167px 745px 0 30px;
	min-height: 368px;
	width: 175px;
	height:auto !important;
    height:368px;
}
div#mainEquipes h2 {
	margin-left: 40px;
}

/*----------------------------- EQUIPEMENTS ------------------------*/
div#mainEquipements {
	margin: 0 10px 0 3px;
	background: url(images/page-equipements.jpg) no-repeat;
	min-height: 365px;
	padding: 169px 396px 0 229px;
	width: 324px;
	height:auto !important;
    height:365px;
}
div#mainEquipements div#content-equipement {
	background: #fff;
        padding: 0 15px 5px;
}
div#mainEquipements h2{
	margin-left:-150px;
} 
/*----------------------------- PROMOTIONS ------------------------*/
div#mainPromotion {
   margin: 0 315px 0 35px;
   padding:15px 0 0 0;
   min-height: 665px;
   zoom: 1;
   height:auto !important;
    height:665px;
}
div#encart-showroom {
    background: url(images/encart-showroom.png) no-repeat;
    width: 365px;
    height: 80px;
    color: #fff;
    padding: 12px 230px 10px 15px;
}
div#encart-showroom a {
    color: #fff;
}
div#promo-form {
    position: absolute;
    right: 320px;
    top: 308px;
    background: #EAEAEA;
    padding: 10px 5px;
}
div.demande-info input, div.demande-info textarea {
   width: 190px;
}
div.demande-info .submit {
   margin: 5px 0 0 0!important;
}
div#lien-form {
   font-family: Arial, Verdana, sans-serif;
   font-size: 0.88em;
   margin: 0 0 20px 0;
}
div#lien-form a {
   color: #000;
}
div#tel {
   background: url(images/bg-tel.png) no-repeat;
   width: 144px;
   height: 34px;
   color: #fff;
   font-weight: 600;
   font-size: 1.4em;
   padding: 0 0 0 55px;
   line-height: 34px;
   margin-bottom: 15px
}
div#promo-form h3{
   border-left: 4px solid #F55E17;
   color: #F55E17!important;
   padding-left: 2px;
   text-transform: uppercase;
   font-size: 1em!important;
   margin: 0 0 10px 0!important;
}
div#promo-form div.error_message {
   width: auto!important;
   margin: 0 0 10px 0;
}
/*----------------------------- AUTRES PAGES ------------------------*/
div#mainAutre {
   margin: 0 315px 0 35px;
   padding:15px 0 0 0;
   overflow: hidden;
   height: 1%;
   width: 613px!important;
   width: auto;
   zoom: 1;
}

div#sidebar {
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 275px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 11px;
   background: #CFCFCF;
   text-align: center;
   font-family: Trebuchet MS, Verdana, sans-serif;
   color: #333;
}
div#sidebar a {color: #333; font-size: 0.85em; display: block; padding: 10px 0;font-weight: 500;}
div#sidebar p {
	font-size: 1.25em;
	font-weight: 600;
}
div#blocSidebar {
	background: #525252;
	color: #fff;
	padding: 30px 0 75px;
}
div#blocSidebar p {
	margin: 0;
}
/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #fff;
   background: url(images/pagewrapper-bottom.png) no-repeat;
   width: 963px;
   margin: 0 auto;
   height: 30px;
   position: absolute;
   bottom: -1px;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.95em;
}
div.img-slide {
	margin: 20px 0;
        width: 671px !important;
}
/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #fff; 
   font-size: 1.67em; 
   text-align: left; 
/* some air around the text */
   padding-bottom: 10px;
   line-height: 30px;
/* and some air under the border */
   font-family: Trebuchet MS, Verdana, sans-serif;
   font-weight: 500;
}
div#content h2#titre-accueil {
	color: #F55E17;
    font-size: 1.8em;
    padding: 30px;
}
div#content h2#titre-couleur {
    color: #F55E17;
    font-size: 2em;
    margin: 0 0 0 0;
}
div#content h3 {
   color: #333; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #333; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 10px 0;  /* some air around p elements */
   line-height:1.3em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


/* END TEXT */

/* LISTS */
div#content ul,
div#content ol,
div#content dl {
  font-size: 1.0em;
   line-height:1.4em;
   list-style-type: none;
}
div#content ul li,
div#content ol li {
	background: url(images/puce.png) no-repeat 0 5px;
	padding: 0 0 0 12px!important;
	margin: 0 0 12px;
   list-style-position: outside;
   list-style-type: none;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

div#content div.img-slide ul {}
div#content div.img-slide ul li {background: none; margin: 0; padding: 0!important;}
/* END LISTS */

/*----------------------- FORMULAIRE ----------------*/
div#contact {width: 225px; margin:40px 0 35px 50px;float: left}
form fieldset {padding: 15px; border: 0 none;} 
form fieldset legend,  {text-indent: -900em;} 
.contactform div {width: 100%; padding: 3px 0;} 
form div label {display: block; width: 10em; padding-bottom: 3px;} 
form div.required {}
form input, textarea {border: 1px solid #D8D9DB;padding: 2px;width: 225px;}
form input:hover, textarea:hover, .contactform input:focus, textarea:focus {border-color: #999; }
textarea {font-family: sans-serif;font-size: 1.1em; height: 150px;}
.submit {margin-left: 15px;}
.submit input {cursor: pointer; padding: 5px 5px; border: 0 none; background: #F55E17; color: #fff}
.submit input:hover {border: 0 none; background: #F67128;}

div.error_message {background: #CC0000; padding: 5px;color: #fff;width: 220px;margin:0 0 0 15px}
.error {display: block; margin-bottom: 8px; color: #CC0000;}

div#info-contact {width: 280px;margin: 45px 0 0; float: left;}


/*-------------------------- SITEMAP ---------------------*/
div#content .sitemap 	{
	padding: 0; margin: 20px 0 30px 70px;
	font-family: Arial, Helvetica, Sans-Serif;
	overflow: visible;
}
		
div#content .sitemap ul {		
	display: block;
	list-style: none;
	margin: -11px 0; padding: 0;
	border: 0;
}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .sitemap ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
div#content .sitemap ul li 	{
	position: relative; top: 0px; left: -11px;
	margin: 10px 0 5px 0; padding: 0; 
	border: 0;
	margin: 10px 0 5px 10px; 
}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .sitemap ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

div#content .sitemap a, div#content .sitemap a:visited {
	width: 18.4em; height: 1.5em;
	display: block; 
	margin: 0 0 0 3px; padding: 1px;
	font-weight: bold; font-size: 110%; line-height: 1.5em; 
	text-indent: 0.5em; text-align: left; text-decoration: none;
	margin: 0 0 0 -10px;
}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitemap a, html + body .sitemap a:visited { text-indent: 0; padding: 0 0 0 8px; }

div#content .sitemap ul ul {	
	padding: 12px 0 18px 0;
	background: none;
}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul ul {position: relative; top: 0px; }
				
div#content .sitemap ul li li	{
	position: relative; top: 0px; left: 10px;
	margin: 10px 0 5px 1px; padding: 0 0 0 25px;
	left: 0px;
	/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
}
			
/* HACK >>> IE 5  */
html + body .sitemap ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

div#content sitemap ul li .sub-sub {
	/* position: relative;  top: 0px; */ left: 10px;
	margin: 10px 0 0 1px; /* padding: 0 0 0 25px;  */
	position: relative; top: 0px; left: 0px;
}

div#content .sitemap ul ul a, div#content .sitemap ul ul a:visited 	{
	width: 15.9em; height: 1.3em;
	margin: 0; /* padding: 1px; */
	font-size: 110%; line-height: 1.3em; font-weight: normal; text-indent: 0.4em; 
}

div#content .sitemap ul ul ul {margin: 0 0 30px 12px; padding: 12px 0 0 0;}

div#content .sitemap ul li li li	{
	position: relative; top: 10px; left: 0px;
	margin: 10px 0 5px 0; padding: 0 0 0 20px; 
}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .sitemap ul li li li {top: 10px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitemap ul li li li {top: 14px;}
																		
div#content .sitemap ul ul ul a, div#content .sitemap ul ul ul a:visited 	{
	width: 14.9em;
	padding: 1px;
	font-size: 100%;
}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitemap ul ul a, html + body .sitemap ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }


/* ### Global Settings >>> colors, borders and images  ### */
div#content .sitemap 	{ border: 0; border-left: 1px solid #F55E17; }
div#content .sitemap ul li li	{color: #000; background:  url("images/line-01.gif") left center no-repeat;}	
div#content .sitemap ul ul ul {border-left: 1px solid #F55E17; }
div#content .sitemap ul li .sub-sub {background:  url("images/line-01.gif") top left no-repeat;}
div#content .sitemap a, div#content .sitemap a:visited	{color: #4F4F4F; border: 1px solid #F55E17; background: #FFF; }				
div#content .sitemap a:active, div#content .sitemap a:hover, div#content .sitemap a:focus,  a:focus .sffocus 	{color: #000; border: 1px solid #000; background: #FAFAFA;}			
div#content .sitemap ul ul a, div#content .sitemap ul ul a:visited 	{color: #4F4F4F; border: 1px solid #9292A1;background: #FFF;}			
div#content .sitemap ul ul a:active, div#content .sitemap ul ul a:hover, div#content .sitemap ul ul a:focus	{color: #000; border: 1px solid #000;	background: #FAFAFA; }	

/*----------------- GALERIE ------------------*/
.album_content {
	width:100%; 
	float:left;
}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
	float:left;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
div#content .thumb
{
	padding:0;
	width:150px;
	margin:0 0.5em 0.5em 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
        background: none;

}

.thumb a
{
	display:block;
	height:72px; 
/* Set link formatting*/
	width:100px; 
/* Thumb width*/ 
	
/* Thumb height*/
	padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	border-top:1px solid #eee;
/* Borders of thumb frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}
.thumb img {height: 70px;}
.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.albumname a
{
	display: inline;
        border: none;
        background-color:transparent;
}
.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}
/* End of 'Dallamano : Top menu + 2 columns' */
/* End of 'Dallamano : Top menu + 2 columns' */