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

@import url(structure.css);

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

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

h1 { color:#fff; font-size: 12px; line-height: 1.6em; font-weight:bold; }

h2 { color:#fff; font-size: 1.3em; }

h3 { color:#fff; font-size: 1.17em; }

h4 { color:#fff; font-size: 1em; }

h5 { color:#fff; font-size: 0.83em; }

h6 { color:#fff; font-size: 0.67em; }

p { color:#fff; font-size: 1em; }

ul, ol { color:#fff; font-size: 1em; }

li { color:#fff; font-size: 1em; }

a { color:#fff; text-decoration:underline; }

a:hover { text-decoration:none; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

textarea { border-width:thin; padding:3px; color:#fff; }

em { font-style: italic; }

strong { font-weight: bold; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; padding: 0 2em 0 0; }

.imgRight { float:right; padding: 0 0 0 2em; }

/* 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 */
.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 { border-width:thin; }

#frmEnvoi .field { text-align:right; margin-top:10px; }

#yzeointro img { vertical-align:middle;}
/*-------------------------*/
#mg-l-10 { margin-left:-10px;}
.textcolor-w { color:#FFFFFF;}
#img-r-carrelage { float:right; padding: 10px 18px 0 15px;}
#img-r-revetement-de-sol { float:right; padding: 10px 30px 0 10px;}
#mg-l-gallery { margin-left:25px;}

.allcontent-revetement { width: 480px; margin:auto; padding:auto;}
.allclear-revetement { width:480px; clear:both; margin:auto; padding:auto;}
.pic-l-revetement { width:160px; text-align: center; float: left;}
#content-table-reve { text-align: center;}
.pic-l-revetement2 { width:240px; text-align: center; float: left;}
.text-l-revetement { width:300px; text-align:center; float: left;}
.pic-l-revetement-colonne { width:145px; text-align: center; float: left;}
.pic-l-revetement-colonne img { border: 2px solid #fff; }
#mg-l-reve-colonne { margin-left:90px;}
#allcontent-rete-colonne { width:290px; margin:auto; padding:auto;}
.pic-l-revetement img { border: 2px solid #fff;}
.text-small-reve { font-size:9px;}
#align-img-tim { float:right; padding: 0 15px 0 15px;}

sup { font-size:8px; vertical-align:super;}
#text-lin-contact a { color:#FFFFFF;}
/*----------Light box----------------*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: auto;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*--------show image lightbox------*/
.gallery {
	}
	.gallery img { border: 2px solid #fff;}
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img {
		border: 2px solid #fff;
		
	}
	.gallery ul a:hover img {

	}
	.gallery ul a:hover { color: #fff; }
	
#gallery {
	}
	#gallery img { border: 2px solid #fff;}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 2px solid #fff;
		
	}
	#gallery ul a:hover img {

	}
	#gallery ul a:hover { color: #fff; }
/*----------Plan du siter---------------*/
#header-plan 
{
	background-image:url(../images/plandusite/header-plan.jpg);
	background-repeat:no-repeat;
	width:898px;
	height:262px;
}
#content-plan 
{
	background-image:url(../images/plandusite/content-plan.jpg);
	background-repeat:no-repeat;
	width:898px;
	height:261px;
}
#footer-plan 
{
	background-image:url(../images/plandusite/footer-plan.jpg);
	background-repeat:no-repeat;
	width:898px;
	height:48px;
}
#align-plandusite { margin-left:-14px;margin-top:1px;}
#plantextcontent { text-align:justify; margin-left:380px; margin-right:20px; line-height:20px;}

/* google map */
.plan {
	width: 640px;
	height: 480px;
	text-align:left;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 12px;
	color: #5F0666;
	font-weight: bold;
	margin-top: 2px;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

.yzeointro img { vertical-align:middle; }
.align-bottom-intro { margin-left:360px;}
.padding-flash-intro { padding-top:45px;#padding-top:44px;}