/**
* main style sheet
* @author		mac@zestedegenie.com
* @creationDate 2010-09-30
* @editDate		2010-09-30
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, button,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, header, section, aside, article, footer, nav, figure, dialog, progress, details { margin: 0; padding: 0; border: 0; outline: 0; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul, ol { list-style-type: none;}

body { background: #5f6a72; font-size: .75em; color: #000; font-family: Arial, Helvetica, sans-serif; text-align: center;}
 
 
/**
 * links
 */
 
a { color: #9d3022; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.selected, .selected a, .disabled a { cursor: default !important; text-decoration: none!important;}
a.selected:hover, a.selected:active, a.selected:focus, .selected a:hover, .disabled a:hover { cursor: default!important;}

/**
 * visited
 */
a:visited {}


/**
 * titles
 */
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
h1 a, h2 a, h3 a, h5 a, h6 a { text-decoration: none; color: #000;}
h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus,
h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { color: #9d3022; text-decoration: none; }
 
h2 { margin-bottom: 5px; font-size: 2.5em; font-weight: normal; text-transform: uppercase; }
h3 { margin-bottom: 8px; font-size: 1.16em; font-weight: normal; text-transform: uppercase; }
	.main h3 { font-size: 1.5em;}
h4 { margin-bottom: 8px; font-size: 1.16em; font-weight: normal; text-transform: uppercase; }
h5 { }
h6 { }


/**
 * class gen
 */
.hide { position: absolute; margin-left: -9000px!important;}
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.ir { background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;}

.clearer { width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important}
.selfclear { overflow: hidden;}

.center { text-align: center;}
.right { text-align: right;}

.fl { float: left!important;}
.fl-r { float: right!important;}
.no-fl { float: none!important;}

.big { font-size: 1.16em; line-height: 1.2em;}
.small { font-size: .916em;}

.no-space { margin-bottom: 0!important;}
.space-sml { margin-bottom: 5px!important;}
.space { margin-bottom: 10px!important;}
.spaced { margin-bottom: 15px!important;}
.space-top { margin-top: 15px!important;}
.space-big { margin-bottom: 30px!important;}
.space-bigger { margin-bottom: 45px!important;}
.space-top-big { margin-top: 30px!important;}

.sup { font-size: 0.83em; position: relative; top: -2px;}
.top { text-align: right;}
.rel { position: relative;}


/**
 * jquery-ui
 */
body .ui-widget { font-size: 1em;}
body .ui-dialog { text-align: left;}
	body .ui-dialog .ui-dialog-content { padding-top: 20px !important;}


/**
 * forms
 */
fieldset { margin-bottom: 30px;}
	label { margin-right: 10px;}
	form input, form select, form textarea, button { font-size: 1em; font-family: Arial, Helvetica, sans-serif !important;}
	.i-txt, .i-area, .i-sel, .i-check { margin-bottom: 15px;}
	.i-txt input,
	.i-area textarea { width: 200px; height: 20px; border: 1px solid #ccc; padding: 4px 5px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.i-area textarea { height: 150px;}


.i-lg {}
	.i-lg label { float: left; width: 70px; margin: 6px 0 0; text-align: left; font-weight: normal;}
	.i-lg .i-sel label { margin-top: 3px;}
	.i-lg .i-txt input,
	.i-lg .i-area textarea,
	.i-lg .i-sel select { float: left; margin-left: 10px;}
	.i-lg .i-area textarea { width: 360px;}
	.i-lg .i-xtra { float: left; margin: 6px 0 0 5px;}
	.i-lg .i-sel .i-xtra { margin-top: 3px;}

	.i-lg .i-check label { float: none; width: auto; margin: 0 0 0 5px; font-weight: normal;}
	.i-lg .i-check input { float: none; width: auto; margin: 0;}

	.errors, .errors label { clear: both; float: none !important; display: block; width: auto!important; font-size: .916em; color: red; font-weight: normal; font-style: italic; text-align: left;}
	.errors label { font-size: 1em; padding-top: 0;}
	.i-lg .errors { padding: 0 0 15px 80px;}
	.i-lg ul.errors { padding-top: 0; padding-bottom: 0;}
	.i-lg ul.errors li { padding-top: 3px;}

.label-in { color: #999;}

.submit { margin: 30px 0;}
.i-lg .submit, .inside { margin-left: 80px;}
	.submit button, .submit a { margin-right: 15px;}

button { display: inline-block; background: none; white-space: nowrap;}
button span { display: inline-block; height: 24px; padding-left: 3px; background: url(../img/bt-l.gif) 0 0 no-repeat; color: #4f4f4f; text-shadow: #fff 0 1px 0; vertical-align: bottom;}
	button span span { display: inline-block; height: 19px; padding: 5px 10px 0 7px; background: url(../img/bt-r.png) right 0 no-repeat; cursor: pointer;}

input.disabled, textarea.disabled { background-color: #ececec;}


/**
 * cols
 */
#wrapper { width: 100%; text-align: center; background: #fff;}
	.inner-col { width: 974px; margin: 0 auto; text-align: left;}


/**
 * header
 */
#header { width: 100%; background: #fff url(../img/bg.gif) 0 0 repeat-x;}

	#header .inner-col { position: relative;}

	#header h1 { float: left; width: 177px; height: 58px; margin-bottom: 14px; padding-top: 46px;}
	#header h1 a { display: block; height: 100%; background-image: url(../img/logo.png);}

	#header #ls-men { float: left; width: 765px; padding: 57px 0 0 25px;}
		#header #ls-men ul { float: left; width: 100%;}
		#header #ls-men li { float: left; margin-left: 10px;}
		#header #ls-men a { float: left; height: 22px; padding: 9px 12px 0 6px; background: #fff url(../js/blank.gif); color: #000; text-transform: uppercase; text-decoration: none;}
		#header #ls-men .active a,
		#header #ls-men a:hover,
		#header #ls-men a:focus { color: #fff; background: #9d3022 url(../img/bg-men-over.gif) right bottom no-repeat;}

		#header #ls-men a span { padding-left: 13px; background: url(../img/bg-men-item.gif) 0 -9px no-repeat;}
		#header #ls-men .active a span,
		#header #ls-men a:hover span,
		#header #ls-men a:focus span { background-position: 0 -41px;}

		#header #ls-men ul ul { display: none;}
		#header #ls-men ul ul li { margin-left: 0;}
		#header #ls-men ul .active ul { position: absolute; top: 123px; left: 0; width: 974px; display: block; background: #5f6a72;}
		#header #ls-men ul .active ul a { height: 21px; padding-top: 7px; padding-right: 13px; background: none; text-transform: none;}
		
		#header #ls-men ul ul .active a,
		#header #ls-men ul ul a:hover,
		#header #ls-men ul ul a:focus { background: #1d1d1d url(../img/bg-mensub-over.gif) right bottom no-repeat;}

		#header #ls-men ul ul .active span,
		#header #ls-men ul ul a span { background-image: none; padding-left: 0;}

		
	#ls-lang { position: absolute; top: 5px; right: 0;}
		#ls-lang li, #ls-lang a { float: left;}
		#ls-lang a { margin-left: 9px; padding-left: 7px; color: #9d3022; border-left: 1px solid #000;}
		#ls-lang .first a { border: none; margin-left: 0; padding-left: 0;}

		#ls-lang a:hover, #ls-lang a:focus { text-decoration: none;}
		#ls-lang a.selected { color: #000;}

/**
 * content
 */

 .text { margin-bottom: 30px;}
	.text p, .text ul, .text ol, .text dl { margin-bottom: 15px; line-height: 1.4em;}
	.text ul, .text ol { list-style-type: disc; margin-left: 20px;}
	
.bloc-bar li { padding-top: 8px; border-top: 1px solid #9d3022;}
/*	#acc-blocs.bloc-bar li { border-top: 4px solid #9d3022;}*/
.bar { margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #9d3022;}

.img,
#prod-blocs li img { padding: 2px; border: 1px solid #adaeae;}

.gen-bloc { margin-bottom: 30px;}

.col2 { width: 49%; float: left;}


.pdf { padding: 7px 32px 6px 0; background: url(../img/icn-pdf.gif) right center no-repeat; font-size: .916em; color: #5f6a72;}
.pdf:hover { text-decoration: none;}

.ls-pages { margin-bottom: 30px; text-align: right;}
	.ls-pages li { display: inline; margin-left: 5px;}
	.ls-pages .prev, .ls-pages .next { display: none;}
	.ls-pages a, .ls-pages span { display: inline-block; padding: 2px 6px; border: 1px solid #5f6a72; color: #5f6a72; text-decoration: none;}
	.ls-pages span.selected, .ls-pages a:hover, .ls-pages a:focus { background: #5f6a72; color: #fff;}



#bloc-title { width: 100%; margin-bottom: 30px; border-top: 1px solid #5f6a72; border-bottom: 1px solid #5f6a72; color: #fff;}
	#bloc-title .xtra { height: 275px; margin-top: 4px; margin-bottom: 4px; background: #000;}
	#bloc-title.sm .xtra { background: #000 url(../img/bg-sm.gif) 0 0 repeat-x;}

	#bloc-title.acc .xtra { height: 378px; overflow: hidden;}
	#bloc-title.acc ul li { float: none; height: 280px; padding-top: 98px;}
	#bloc-title.acc ul p { width: 380px; margin-bottom: 15px;}
	#bloc-title.acc ul .sub { font-weight: bold; color: #fff;}

	#bloc-title .inner-col { overflow: hidden;}
	#bloc-title ul { width: 99999px;}
	#bloc-title ul li { float: left; width: 974px; height: 208px; padding-top: 67px; background-repeat: no-repeat; background-position: right top;}
	#bloc-title ul li h2, #bloc-title ul li p { width: 600px;}
	#bloc-title ul li p { font-size: 1.3em; line-height: 1.2em; color: #ccc;}
	
	#bloc-title #t-pierres p { width: 300px;}
	#bloc-title #t-surfaces p { width: 350px;}
	#bloc-title #t-special p { width: 350px;}

	#t-nu-marble { background-image: url(../img/bg-title-nu-marble.jpg);}
	#t-mosaic { background-image: url(../img/bg-title-mosaic.jpg);}
	#t-pun { background-image: url(../img/bg-title-pun.jpg);}
	#t-camera { background-image: url(../img/bg-title-camera.jpg);}
	#t-aura { background-image: url(../img/bg-title-aura.jpg);}
	#t-bluetech {background-image: url(../img/bg-title-bluetech.jpg);}
	#t-petra{background-image: url(../img/bg-title-petra.jpg);}
	#t-gen { background-image: url(../img/bg-title-gen.png);}
	
	#t-about { background-image: url(../img/bg-title-about.png);}
	#t-products { background-image: url(../img/bg-title-products.png);}
	#t-all-prod { background-image: url(../img/bg-title-all-prod.png);}
	#t-boutique { background-image: url(../img/bg-title-boutique.png);}
	#t-obscura { background-image: url(../img/bg-title-obscura.png);}
	#t-join { background-image: url(../img/bg-title-join.png);}
	#t-realisations { background-image: url(../img/bg-title-realisations.png);}
	#t-residentielles { background-image: url(../img/bg-title-residentielles.png);}
	#t-commerciales { background-image: url(../img/bg-title-commerciales.png);}
	#t-ceramiques { background-image: url(../img/bg-title-ceramiques.png);}
	#t-pierres { background-image: url(../img/bg-title-pierres.png);}
	#t-surfaces { background-image: url(../img/bg-title-surfaces.png);}
	#t-porcelaines { background-image: url(../img/bg-title-porcelaines.png);}
	#t-mosaiques { background-image: url(../img/bg-title-mosaiques.png);}
	#t-new-products { background-image: url(../img/bg-title-new-products.png);}
	#t-special { background-image: url(../img/bg-title-special.png);}
	#t-exclusive { background-image: url(../img/bg-title-exclusive.png);}

/**
 * accueil
 */
#acc-blocs { }
	#acc-blocs li { float: left; width: 228px; margin-right: 20px; overflow: hidden;}
	#acc-blocs #bloc-blog { float: right; margin-right: 0;}

	#acc-blocs li img { display: block; margin-bottom: 5px;}
	#acc-blocs li p { font-style: italic; font-size: .916em;}

	#bloc-blog dl { font-size: .916em;}
	#bloc-blog dt { font-weight: bold;}
	#bloc-blog dd { margin-bottom: 15px;}
	#bloc-blog dd a { font-style: italic; color: #9d3022; text-decoration: none;}
	#bloc-blog dd a:hover, #bloc-blog dd a:focus { text-decoration: underline;}


/**
 * products
 */
#prod-blocs {}
	#prod-blocs li { float: left; width: 475px; margin-bottom: 15px;}
	#prod-blocs li img { float: left;}
	#prod-blocs li h3, #prod-blocs li p { margin-left: 245px; margin-right: 15px;}
	#prod-blocs li p { color: #adaeae; font-style: italic;}

#ls-products {}
	#ls-products li { margin-bottom: 30px;}
	#ls-products .img { float: left; width: 365px;}
	#ls-products .img img { float: left;}
	#ls-products .img .last { margin-left: 2px;}

	#ls-products .info { margin-left: 390px;}
	#ls-products .desc { font-style: italic;}
	#ls-products .logo { float: left; margin: 15px 0 0;}
	#ls-products .logo a, #ls-products .logo a:hover, #ls-products .logo a:focus { text-decoration: none;}
	#ls-products .doc { float: right; margin: 15px 0 0; text-align: right;}
	#ls-products .pdf { display: block;}


/**
 * realisationss
 */
.col-rea { width: 480px;}
	.col-rea h3 a { display: block;}
	.col-rea h3 a:hover { text-decoration: none;}

	.col-rea img { display: block;}

	.col-rea h3 a span { display: block; padding: 5px 12px 6px; background: #adaeae url(../img/bg-link-com.gif) right bottom no-repeat; color: #fff;}

	.col-rea h3 a:hover span { background: #565757 url(../img/bg-link-res.gif) right bottom no-repeat; text-decoration: none;}


#ls-realisations { }
	#ls-realisations li { margin-bottom: 30px;}

	#ls-realisations .img { float: left;}

	#ls-realisations img { float: left; display: block; margin-right: 2px;}

	#ls-realisations .img span { float: right; width: 507px; display: block;}

	#ls-realisations .last { margin-right: 0;}
	#ls-realisations .vert { margin-bottom: 2px;}

	#ls-realisations h3 { float: left; margin-top: 13px;}
		#ls-realisations h3 span { vertical-align: baseline; text-transform: none;}
	#ls-realisations p { float: left; margin: 15px 0 0 30px; padding-left: 30px; border-left: 1px solid #5f6a72; text-transform: uppercase;}

	#ls-realisations .pdf { float: right; margin: 8px 0 0;}
	#ls-realisations .pdf:hover { text-decoration: none;}

/**
 * a propos
 */
#text-his, #text-bou {}
#text-env, #text-cam {}
	.text-bloc .text img { margin: 0 0 30px 0;}
	.text-bloc .text p, .text-bloc .text h3 { margin-left: 340px;}
	.text-bloc .lgs { margin-right: 10px; text-decoration: none;}
	

/**
 * footer
 */
#pre-footer { padding: 25px 0; border-top: 1px solid #999191;}

	#ls-men-again {}
		#ls-men-again ul li { float: left; width: 24%;}
		#ls-men-again ul li a { font-weight: bold; text-decoration: none; color: #5f6a72;}
		#ls-men-again ul li li { float: none; width: auto; font-size: .916em;}
		#ls-men-again ul li li a { font-weight: normal;}

		#ls-men-again a:hover, #ls-men-again a:focus { text-decoration: underline;}


#footer  { padding: 15px 0; background: #5f6a72; color: #fff; font-size: .916em; line-height: 1.6em;}

	#ls-extra { float: left; width: 410px;}
		#ls-extra li { display: inline;}
		#ls-extra a { margin-right: 7px; padding-right: 7px; border-right: 1px solid #ececec; color: #fff; text-decoration: none;}
		#ls-extra .last { border: none; margin-right: 0; padding-right: 0;}
		#ls-extra a:hover, #ls-extra a:focus { text-decoration: underline;}

	#copy { float: right; width: 500px; text-align: right;}
		#copy span { vertical-align: baseline;}
		#copy strong { text-transform: uppercase;}
		#copy .adr { padding: 0 10px;}


/**
 * clear
 */
.clearfix:after,
.inner-col:after,
#ls-men-again:after,
.gen-bloc:after,
.i-lg .i-txt:after,
.i-lg .i-area:after,
.i-lg .i-sel:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}