@charset "iso-8859-1";
body {
	font-family:		arial, sans-serif;
	font-size:			10pt;
	text-align:			center;
	background:			#fff; /* #331d01; */
}

/** container ************************************************************/

#container {
	position:			relative;
	width:				980px;
	margin:				0 auto;
	text-align:			left;
	background:			#fff url(images/container.jpg) repeat-y;
}

/** innercontainer *******************************************************/

body#part #innercontainer {
	background:			transparent url(images/innercontainer-part.jpg) no-repeat;
}
body#pro #innercontainer {
	background:			transparent url(images/innercontainer-pro.jpg) no-repeat;
}

/** header ***************************************************************/

#header {
	position:			relative;
	margin-left:		154px;
	padding:			5px;
	height:				80px;
}

#header h1 {
    position:			absolute;
    width:				98px;
    height:				68px;
    margin-left:		10px;
    background-color:	transparent;
    background-image:	url(images/h1-logo.jpg);
    background-repeat:	no-repeat;
}
#header h1 a {
    position:			absolute;
    width:				98px;
    height:				68px;
    text-indent:		-100em;
    overflow:			hidden;
}

#header h2 {
	position:			absolute;
	top:				28px;
	left:				145px;
    background-color:	transparent;
    background-image:	url(images/h2-logo.jpg);
    background-repeat:	no-repeat;
    width:				459px;
    height:				18px;
    text-indent:		-100em;
    overflow:			hidden;
}

/** content **************************************************************/

#content {
    position:           relative;
    min-height:         650px;
    height:             auto !important;
    height:             650px;
    margin-left:        230px;
    padding-right:      140px;
    background:         #fff url(images/extra.jpg) repeat-y right top;
}

div[id] #content {
	height:				auto;
}

#content h3 {
	height:				19px;
	padding:			0px;
	padding-left:		25px;
	background:			#ffffff url(images/h3.jpg) no-repeat;
	font-size:			13pt;
	color:				#FE9001;
	letter-spacing:		1px;
	font-weight:		bold;
	font-style:			regular;
}

#content h4 {
	font-size:			10pt;
	letter-spacing:		0px;
	color:				#fff;
	background:			#FE9001;
	font-weight:        bold;
	padding: 			3px;
}

#content .h4 {
	font-size:			10pt;
	letter-spacing:		0px;
	color:				#fff;
	background:			#FE9001;
	font-weight:        bold;
	padding: 			3px;
	}

#content h5 {
    padding:            8px;
    background:         #fff url(images/extra.jpg) repeat-y;
    border:             1px solid #eee;
    color:              #464039;
    font-weight:        bold;
}




#content h6 {
    padding-left:       15px;
    border-bottom:      0px solid #D0390A;
	background:         #fff url(images/pic_red.jpg) no-repeat 8px 5px;
    color:              #D0390A;
	font-size:			10pt;
	letter-spacing:		0px;
    font-weight:        regular;
}
#content p {
	/*
	background:			transparent url(images/p.gif) no-repeat 2px 4px;
	text-indent:		15px;
	*/
	text-align:			justify;
}

#content img.left {
	float:				left;
	margin:				10px;
	border:				1px solid #000000;
}

#content img.right {
	float:				right;
	margin:				10px;
	border:				1px solid #000000;
}

#content a {
	color:				#000;
}

#content a:hover {
	color:				#FE9001;
}

#content ul li {
	padding-left:		10px;
	padding-top:		0px;
	list-style-type:	none;
	background:			transparent url(images/puce.gif) no-repeat 0 4px;
}

#content p.more {
    text-align:         right;
}
 
#content p.back {
    text-align:         center;
}


/** extra ****************************************************************/

#extra {
	position:			absolute;
	top:				92px;
	left:				814px;
	font-size:			8pt;
}

#extra a {
    text-decoration:    none;
}

#extra a:hover {
    text-decoration:    underline;
}

#extra h3 {
	display:			none;
}

#extra ul {
	list-style-type:	none;
}

#extra li#extra-contact {
    margin-top:         5px;
    background:         url(images/extra-contact.jpg) repeat-y;
}

#extra li#extra-contact h4 {
    height:             37px;
    margin:             0;
    padding:            0;
    background:         url(images/extra-contact-h4.jpg) no-repeat;
    text-indent:        -100em;
    overflow:           hidden;
}

#extra li#extra-contact p {
    margin:             0 4px;
    padding:            5px 7px;
    border-bottom:      1px solid #BFB8B2;
}

#extra li#extra-savoir-plus h4 {
    height:             20px;
    margin:             0;
    padding:            0;
    background:         url(images/extra-savoir-plus-h4.jpg) no-repeat;
    text-indent:        -100em;
    overflow:           hidden;
}

#extra li#extra-savoir-plus p {
    margin:             0 4px;
    padding:            5px 7px;
}

/** footer ***************************************************************/

#footer {
	clear:				both;
	margin:				30px 10px 5px 20px;
	padding:			3px;
	border-top:			1px solid #000;
	font-size:			8pt;
	text-align:			center;
}

#footer a {
	color:				#000;
}

/** menu *****************************************************************/

#navcontainer {
    position:           absolute;
    top:                180px;
    left:               15px;
    width:              200px;
    font-size:          8pt;
}

#navcontainer a {
    display:            block;
    height:             auto !important;
    height:             15px;
    padding:            3px;
    padding-left:       11px;
    border-bottom:      1px solid #000;
    background:         url(images/nav-li.jpg) no-repeat 3px 9px;
    color:              #000;
    text-decoration:    none;
    font-weight:        bold;
}

#navcontainer a:hover,
#navcontainer a.selected {
    color:              #D0390A;
    background:         #CDC0B3 url(images/nav-li-selected.jpg) no-repeat;
}

#navcontainer ul {
    margin:             0;
    padding:            0;
    list-style:         none;
}

#nav ul li {
    padding-left:       11px;
    font-weight:        bold;
}
 
#nav ul li.section a {
    padding-left:       0;
    font-weight:        bold;
}

#nav ul a,
#nav ul a:hover {
    padding:            1px 0 1px 10px;
    border:             0;
    background:         none;
    font-weight:        normal;
}

#nav ul a:hover,
#nav ul a.selected {
    background:         none;
    color:              #D0390A;
    text-decoration:    underline;
}

body.index li#nav-index a,
body.societe li#nav-societe a,
body.actualites li#nav-promotions a,
body.projet li#nav-projet a,
body.catalogue li#nav-catalogue a,
body.pierres li#nav-catalogue a,
body.conseils li#nav-conseils a,
body.references li#nav-references a,
body.liens li#nav-liens a,
body.contact li#nav-contact a {
    color:              #D0390A;
    background:         #CDC0B3 url(images/nav-li-selected.jpg) no-repeat;
}

body.index li#nav-index li a,
body.societe li#nav-societe li a,
body.actualites li#nav-promotions li a,
body.projets li#nav-projets li a,
body.catalogue li#nav-catalogue li a,
body.pierres li#nav-catalogue li a,
body.conseils li#nav-conseils li a,
body.references li#nav-references li a,
body.liens li#nav-liens li a,
body.contact li#nav-contact li a {
    color:              #000;
    background:         none;
}

#nav ul {
    display:            none;
}

body.actualites #nav-promotions ul, 
body.catalogue #nav-catalogue ul, 
body.pierres #nav-catalogue ul, 
body.projets #nav-projets ul, 
body.conseils #nav-conseils ul {
    display:            block;
}

/** phpdig ***************************************************************/

dl#phpdigResults dt a {
	font-weight:		bold;
	color:				#B14B0E;
}

dl#phpdigResults dd {
	margin:				5px 0 10px 0;
	color:				#333;
}

dl#phpdigResults dd span.phpdigHighlight {
	font-weight: bold;
}

div.navbar {
	text-align:			center;
}

div.navbar a {
	color:				#B14B0E;
}

/** applications *********************************************************/

p#applications-photos {
	float:				right;
	width:				100px;
	text-indent:		0px;
	background-image:	none;
}

p#applications-photos img {
	margin:				10px 0;
	border:				1px solid #999;
}

/** Catalogue produits ***************************************************/

form#products-search {
    margin:             0;
	padding:		    5px 20px 0 20px;
}

form#products-search2 {
    margin:             0;
	padding:		    0 20px 5px 20px;
}

form#products-search dl, 
form#products-search2 dl {
    /*
    padding:            5px;
    background:         #eee;
    */
    background:         #fff url(images/extra.jpg) repeat-y;
    border:             1px solid #eee;
    padding:            10px;
}

form#products-search dt, 
form#products-search2 dt {
	float:				left;
	padding:			3px;
	padding-left:		14px;
	background:			transparent url(images/li-home-gold.jpg) no-repeat 0 7px;
}

form#products-search dd, 
form#products-search2 dd {
	padding:			3px;
	text-align:			right;
}

form#products-search p, 
form#products-search2 p {
    margin:             0
    padding:            0;
    text-align:         right;
}

form#products-search input, 
form#products-search2 input {
    width:              auto;
}


/** Références et réalisations *******************************************/

#content #references {
	text-align:			center;
}

#content dl.reference {
	float:				left;
    width:              280px;
	margin:				0 0 30px 0;
	padding:			0;
	font-size:          8pt;
	text-align:         center;
}

#content dl.reference dt {
    margin:             0;
    padding:            0;
    text-align:         center;
}

#content dl.reference dt img {
    height:             120px;
    padding:            8px;
	border:				1px solid #ccc;
	background-color:   #fff;
}

#content dl.reference dd {
	margin:				0;
	padding:            0;
}

#content dl.reference dd a {
    text-decoration:    none;
}



#content #reference-photos {
    text-align:         center;
}

#content #reference-photos img {
    height:             120px;
    margin:             0 10px;
    padding:            8px;
    border:             1px solid #ccc;
}



/** projets **************************************************************/

#content div.projets {
    width:              600px;
    text-align:         center;
}

#content dl.projet {
	float:				left;
    width:              150px;
	margin:				0 0 30px 0;
	padding:			0;
	font-size:          8pt;
	text-align:         center;
}

#content dl.projet dt {
    margin:             0;
    padding:            0;
    text-align:         center;
}

#content dl.projet dt img {
    height:             120px;
    padding:            8px;
	border:				1px solid #ccc;
	background-color:   #fff;
}

#content dl.projet dd {
	margin:				0;
	padding:            0;
}

#content dl.projet dd a {
    text-decoration:    none;
}


/** Formulaires **********************************************************/

fieldset {
    margin-bottom:      20px;
}

fieldset label {
    display:            block;
}

fieldset label.mandatory {
    font-weight:        bold;
}

fieldset input {
    width:              99%;
}

fieldset textarea {
    width:              99%;
    height:             4em;
}

fieldset textarea.message {
    width:              99%;
    height:             8em;
}

/** Applications *********************************************************/

dl.application {
    float:              left;
    width:              215px;
    margin:             5px;
    background:         url(images/dl-application.jpg) no-repeat;
}

dl.application dt {
    padding:            2px 0;
    background:         #706153;
    color:              #fff;
    text-align:         center;
    font-weight:        bold;
}

dl.application dd {
    margin:             0;
    padding:            10px;
}

dl.application dd.illustration {
    text-align:         center;
    padding-bottom:     0;
}

/** catalogue pierres ****************************************************/

dl.pierre {
    float:              left;
    width:              190px;
    margin:             0 0 20px 0;
}

dl.pierre dt {
    margin:             0;
    padding:            0;
    text-align:         center;
}

dl.pierre dt img {
    width:              110px;
    height:             110px;
    padding:            8px;
    border:             1px solid #ccc;
}

dl.pierre dd {
    margin:             0;
    padding:            0;
    text-align:         center;
}

dl.pierre dd a {
    text-decoration:    none;
    /* border-bottom:      1px solid #ccc; */
}


#gallery table {
    margin:             0 auto;
    padding:            10px;
    border:             1px solid #ccc;
    border-collapse:    0;
}

#gallery tr, #gallery td {
    margin:             0;
    padding:            0;
    border:             0;
}

#gallery img {
    display:            block;
    border:             0;
}

#gallery p#info {
    text-align:         right;
    font-weight:        bold;
}

#gallery p#info em {
    color:              #555;
    font-weight:        normal;
}

/** finitions ************************************************************/

dl.finition {
    float:              left;
    overflow:           auto;
    width:              33%;
    margin:             0 0 20px 0;
    padding:            10px 0;
    /*
    cursor:             pointer;
    cursor:             hand;
    */
}

dl.finition dt {
    /*
    margin-bottom:      5px;
    font-weight:        bold;
    */
    margin:             0;
    padding:            5px;
    font-weight:        bold;
    text-align:         center;
}

dl.finition dt a {
    text-decoration:    none;
}

dl.finition dd {
    margin:             0;
    padding:            0;
    text-align:         center;
}

dl.finition dd.illustration {
}

dl.finition dd.illustration img {
    width:              110px;
    height:             110px;
    margin:             0 10px 0 5px;
    padding:            5px;
    border:             1px solid #ccc;
    background:         #fff;
}

dl.finition dd.description {
    display:            none;
    margin:             10px;
    padding:            10px;
    border:             1px solid #F6F1ED;
    background:         #fff;
    text-align:         left;
}

dl.finition-hover {
    clear:              both;
    float:              none;
    width:              100%;
    border:             1px solid #eee;
    background:         #fff url(images/extra.jpg) repeat-y;
    text-align:         center;
}

dl.finition-hover dt {
    margin:             5px;
    font-size:          11pt;
    font-weight:        bold;
}

dl.finition-hover dt a {
    text-decoration:    none;
}

dl.finition-hover dd.illustration img.illustration {
    width:              300px;
    height:             300px;
    border:             0;
}

dl.finition-hover dd.description {
    display:            block;
    margin:             10px;
}


/** CONSEILS **/

#content #conseils img {
    height:             120px;
    margin:             0 10px;
    padding:            8px;
    border:             1px solid #ccc;
}

.small {
	font-size:			9pt;
	letter-spacing:		0px;
	color:				#D0390A;
	font-weight:		normal;
}

#more-infos {
	position:			absolute;
	top:				130px;
	left:				624px;
	width:              129px;
    background:         url(images/extra-contact.jpg) repeat-y;
	font-size:			8pt;
}

#more-infos h4{
    height:             39px;
    margin:             0;
    padding:            0;
    background:         url(images/extra-savoir-plus-h4.jpg) no-repeat -2px 0;
    text-indent:        -100em;
    overflow:           hidden;
}


#more-infos p {
	margin:             0 6px 0 4px;
    padding:            0 8px 8px 8px;
	text-align:         left;
}

#more-infos ul {
	margin:             0 6px 0 4px;
    padding:            0 8px 8px 8px;
    border-bottom:      1px solid #BFB8B2;
}

#more-infos a {
    text-decoration:    none;
}