/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#000000; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#000000; font-size: 12px; font-weight:bold; padding-bottom:18px; }
h2 { color:#000000; font-size: 1.3em; font-weight:bold; }
h3 { color:#000000; font-size: 1.17em; font-weight: bold; }
h4 { color:#000000; font-size: 1em;font-weight: bold; }
h5 { color:#000000; font-size: 0.83em; }
h6 { color:#000000; font-size: 0.67em; }
p { color:#000000; font-size: 1em; }
ul, ol { color:#000000; font-size: 1em; }
li {  color:#000000; font-size: 1em; }
a { color:#000000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#000000; }
textarea { border-width:thin; padding:3px; color:#000000; }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/
.mail { vertical-align:middle;}
/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index{ position:absolute; left:0; top:0; width:100%; padding:0; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none;  border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#000000;  background-color:#ffffff;}

.part1 { width:35%;}
.part2 { width:50%;}
/*------------------------------------------*/
#fix-all-page { width:924px; margin: 0 auto;}
.tab1 { width:108px;}
.tab2 { width:112px;}
.tab-funeraie { width:305px;}
.tab-funeraie2 { width:308px;}
.img-middle { vertical-align:middle;}

#content-materiax { border: 1px solid #ffffff; width:500px; margin-left:80px; height:75px; padding-top:15px;}
#materiaux-left { width:150px; float:left; margin-left:60px;_margin-left:30px;}
#materiaux-right { width:200px; float:right; margin-right:25px;_margin-right:10px;}

#img-granit-l { float:left; width:281px;}
#img-granit-r { float:right;width:360px;}
.pic-granit { width:132px;#width:133px; float:left; text-align:center;}
.pic-granit5 { width:131px; float:left; text-align:center;}

#bg-color-thickbox { font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; background-color:#d2d2d2;}

.img-thickbox-left { float:left; width:281px;}
#table1 { width:100%; padding:10px;}
#table1 td { border: 1px solid #ffffff; vertical-align:middle; line-height:20px;}

#table2 { width:100%; padding:10px;}
#table2 td { border: 1px solid #ffffff; vertical-align:middle; line-height:20px;}
.width-marbre1 {width:230px; vertical-align:middle;}

.age-left { float:left; padding-left:8px; padding-right:4px;}
.utilisations-left { float:left; width:150px; margin-left:45px;_margin-left:25px; text-align:justify;}
.utilisations-right { float:right; width:150px; padding-right:75px;_padding-right:72px; text-align:justify;}

.utilisations-left3 { float:left; width:150px; margin-left:25px;_margin-left:15px; text-align:justify;}
.utilisations-right3 { float:right; width:250px; padding-right:30px;#padding-right:40px;_padding-right:55px; text-align:justify;}

.img-middle1 { vertical-align:middle; margin-left:20px; margin-right:5px;}

.utilisations-left1 { float:left; width:200px; margin-left:160px;#margin-left:170px;_margin-left:85px; text-align:justify;}

.list-bullet1 { vertical-align:middle; margin-left:20px; margin-right:10px; padding-bottom:5px;}
.list-bullet2 { vertical-align:middle; margin-left:20px; margin-right:10px; padding-bottom:20px;}
.list-bullet3 { vertical-align:middle; margin-left:20px; margin-right:10px; padding-bottom:30px;}
.list-bullet5 { vertical-align:middle; margin-left:20px; margin-right:10px; padding-bottom:90px;}
#cuisine-center { margin-left:70px;}
#qcuisine-center {width:300px; margin:0 auto;}
/* Styles CSS pour LightBox PopUp */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;/*fd image*/
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 5px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { background: url(../images/prevlabel.gif) left 100% no-repeat; left: 0; float: left;}
#nextLink { background: url(../images/nextlabel.gif) right 100% no-repeat; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 100% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
	overflow: auto;
	width: 100%
	}

#imageData{
	padding:0 10px;
	color: #333333;
}/* texte ss image*/
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* fin LightBox*/	


/*-------------Plan du site---------------*/
#header-plan { background:url(../images/plandusite/header-plan.jpg) no-repeat top; width:924px; height:260px;}

/* ============== Plan Aces ================ */
.plan {
	width: 650px;
	height: 480px;
	border:5px solid;
	border-color:#ffffff;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

sup{ vertical-align:super; font-size: 9px;}

/*Début Simu Spry*/
.contenu-decoration { width:632px; padding:10px; border:1px solid #FFFFFF; clear:both; }

.decoration { margin:0px; padding:0px; width:100%;}
.decoration li { float:left; list-style:none outside;   text-align:center; border-bottom:solid 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; margin:0px 1px 0px 0px; position:relative; top:1px; }
.decoration li a {text-decoration:none; display:block; background-color:#696969; color:#fff; font-weight:bold; height:15px; padding: 5px 0; width:128px; }
.decoration li a:hover {background-color:#B0B0B0;}
.decoration li a.current {color:#FFFFFF; background-color:#3F494B;}
.decoration li a.current:hover { background-color:#3F494B; }
/*Fin Simu Spry*/

/*Début Simu Spry*/
.contenu-funeraire { width:635px; padding:10px; border:1px solid #FFFFFF; clear:both; }

.funeraire { margin:0px; padding:0px; width:100%;}
.funeraire li { float:left; list-style:none outside;   text-align:center; border-bottom:solid 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; margin:0px 1px 0px 0px; position:relative; top:1px; }
.funeraire li a {text-decoration:none; display:block; background-color:#696969; color:#fff; font-weight:bold; height:15px; padding: 5px 0; width:326px; }
.funeraire li a:hover {background-color:#B0B0B0;}
.funeraire li a.current {color:#FFFFFF; background-color:#3F494B;}
.funeraire li a.current:hover { background-color:#3F494B; }
/*Fin Simu Spry*/

.highslide {
	cursor: url("../images/graphics/zoomin.cur"), pointer;
	#cursor: url("images/graphics/zoomin.cur"), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
*/
.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 24px;
	background-image: url("../images/graphics/loader.white.gif");
    #background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url("../images/graphics/fullexpand.gif") no-repeat;
	#background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#validator a img { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
#validator a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }