/*	général	*/
	body{
		background: url(images/fond-page-rouge.jpg) top left;
		color: #000;
		font-family: times, verdana, arial, sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
	}
	
	#global{
		margin: 20px auto 0 auto;
		position: relative;
		width: 995px;
	}
	
	.clear{
		clear: both;
	}
	
	h1, ul, li{
		margin: 0;
		padding: 0;
	}
	
	.invisible{
		display: none;
	}

	.visible{
		display: block;
	}

	.italic{
		font-style: italic;
	}

	.majuscule{
		text-transform: uppercase;
	}
	
	a img{
		border: none;
	}
	
	.centre{
		text-align: center;
	}
/*	général	*/

/* accueil */
	#accueil{
		background: url(images/fond-contenu.png) repeat-y top left;
		padding-right: 10px;
		width: 985px;
	}

	#entete{
		background: url(images/fond-entete2.png) no-repeat top left;
		margin: 0 0 30px 0;
		position: relative;
		width:100%; 
		z-index: 100;
	}
	
	#entete h1{
		margin: 10px 0 0 20px;
		padding: 0 0 15px 5px;
		width: 500px;
	}
	
	#entete #gaucheAccueil{
		float: left;
	}

	#entete .date, #entete2 .date{
/* 		float: left; */
		font-size: 200%;
		overflow: hidden;
/* 		margin: 10px 0 0 10px; */
		position: absolute;
		text-align: right;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 230px;
		z-index: 1000;
	}

	#entete2 .date{
		right: 20px;
	}
	
	#entete .date a:hover img, #entete2 .date a:hover img{
		filter : alpha(opacity=80);
		-moz-opacity : 0.8;
		opacity : 0.8; 
	}
	
	#entete .date img, #entete2 .date img{
		margin: 5px 50px 0 0;
		width: 21px;
	}
	
	#entete2 a.lienHaut{
		display: block;
		float: left;
		margin: 10px 0 0 20px;
		padding: 0 0 15px 5px;
		width: 230px;
	}
	
	/*#entete2 .date{
		display: inline;
		float: right;
		font-size: 200%;
		margin: 10px 35px 0 0;
		overflow: hidden;
		text-align: right;
		width: 230px;
	}*/
	
	#entete2 .date a.block{
		display: block;
	}
	
	#entete2{
		background: url(images/fond-entete.png) no-repeat top left;
		height: 137px;
		position: relative;
		width:100%; 
	}
	
	#actus,#bienvenue{
		color: #5d5d5d;
		float: left;
		margin: 20px 0 20px 0;
		padding: 0 20px;
		width: 452px;
	}
	
	#actus h2, #bienvenue h2{
		font-size: 140%;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/*#actus{
		border-right: 1px solid #000;
	}*/
	
	p.liensAccueil{
		margin-top: 70px;
		text-align: center;
	}
	
	p.liensAccueil a{
		color: #000;
		text-decoration: none;
	}
	
	p.liensAccueil a:hover{
		text-decoration: underline;
	}
	
	#flashAccueil{
		margin: 0 auto 0 auto;
		width: 980px;
		position:relative;
		height:320px;
	}

	#flashAccueil img{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#flashAccueil #fla{
		z-index:100;
		position:absolute;
		top:0;
		left:0;
	}
/* accueil */

/* boite login */
	form#login{
		background: #fff;
		font-size: 120%;
		font-style: normal;
		height: 50px;
		margin: 10px 0 0 0;
		padding: 5px 5px 5px 0;
		text-align: left;
		width: 300px;
	}

	form#login .clear{
		height: 5px;
	}

	#login label{
		float: left;
		width: 120px;
	}
	
	#login input{
		border: 1px solid #dedede;
		display: inline;
		float: left;
		height: 20px;
		margin: 0 0 0 10px;
		padding: 0;
		width: 100px;
	}
	
	#login .invisible{
		display: none;
	}
	
	#login .image{
		border : 0;
		height: 22px;
		width: 45px;
	}
	
	p#login{
		background: #fff;
		font-size: 50%;
		font-style: normal;
		margin: 10px 0 0 115px;
		padding: 5px;
		text-align: center;
		width: 100px;
	}
	
	p#login a{
		color: #000;
		text-decoration: underline;
	}
	
	p#login a:hover{
		text-decoration: none;
	}
/* boite login */

/* pied */
	#pied a, #pied a:hover{
		color: #000;
		text-decoration: none;
	}
	
	#pied a:hover{
		text-decoration: underline;
	}
	
	#pied{
		background: url(images/fond-pied.png) no-repeat top left;
		border: 0;
		font-size: 120%;
		height: 35px;
		padding: 10px 20px 0 0;
		position: relative;
		text-align: right;
		width: 975px;
	}
	
	#pied img{
		position: absolute;
		top: 5px;
		right: 120px;
	}
/* pied */

/*	menu */
	#menu{
		background: #fff url(images/fond-contenu.png) repeat-y top left;
		display: block;
		font-size: 130%;
		padding: 0 0 0 30px;
		width: 955px;
		zoom:1;
	}

	#menu ul li{
		float: left;
		list-style: none;
		margin-right: 10px;
		width: 90px;
	}
	
	#menu ul li.grand{
		width: 130px;
	}
	
	#menu ul li.grand2{
		width: 180px;
	}
		
	#menu ul li.dernier{
/* 		margin-right: 0; */
		width: 140px;
	}
	
	#menu ul li a, #menu ul li a:hover{
		background: url(images/puce.gif) no-repeat 3px 12px;
		color: #000;
		display: block;
		height: 20px;
		padding: 5px 0 0 13px;
		text-decoration: none;
		width: 77px;
		z-index: 99;
	}
	
	#menu ul li.grand a, #menu ul li.grand a:hover{
		width: 117px;
	}
	
	#menu ul li.grand2 a, #menu ul li.grand2 a:hover{
		width: 167px;
	}
	
	#menu ul li a:hover{
		background-color: #dedede;
	}
	
	#menu ul li.dernier a, #menu ul li.dernier a:hover{
		width: 137px;
	}
	
	#menuAccueil #menu{
		background: none;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 0 0 20px 20px;

		padding: 0;
		
		width: 790px;
	}
	
	#menuAccueil #pagePrecedente{
		display: none;
	}
	
	#pagePrecedente{
		padding: 3px 10px 0 0;
		text-align: right;
	}
	
	#pagePrecedente a{
		color: #000;
		text-decoration: none;
	}
	
	#pagePrecedente a:hover{
		text-decoration: underline;
	}
/*	menu */

/* contenu */
	#photoAmbiance{
		float: left;
		width: 382px;
	}
	
	#visuelDroite{
		background: #fff;
		display: inline;
		float: left;
		padding: 5px 0 0 43px;
		width: 560px;
	}
	
	#visuelDroite p{
		font-size: 120%;
		margin-right: 10px;
	}
	
	#photoGauche{
		float: left;
		text-align: right;
		width: 213px;
	}
	
	#titrePhoto{
		float: right;
		text-align: right;
	}
	
	#titrePhoto h1, #accueilCollection h1, #online h1, #distributeurs h1, #formCommande h1, #realisation h1{
		background: url(images/fond-titre.png) no-repeat top right;
		border-bottom: 1px solid #000;
		font-size: 240%;
		height:25px;
		margin: 10px 0 10px 0;
		padding: 15px 50px 15px 0;
	}

	#formCommande h1{
		background-position: right 10px;
		float: right;
		margin: 0;
		padding-top: 25px;
		text-align: right;
		width: 220px;
	}

	#realisation h1{
		float: right;
		width: 100px;
	}

	#formCommande h1.titreEN{
		width: 160px;
	}

	#titrePhoto.affiche1 p{
		font-size: 115%;
	}

	#btnPhotosFiche{
		display: block;	
		margin: 10px auto;
		width: 200px;
	}

	#btnPhotosFiche:hover{
		filter : alpha(opacity=80);
		-moz-opacity : 0.8;
		opacity : 0.8;
	}
	
	h2{
		font-size: 250%;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	#proprietes{
		border-top: 2px solid #dedede;
		margin: 20px auto 0 auto;
		width: 935px;
	}
	
	#bordureCote{
		border-left: 2px solid #dedede;
		border-right: 2px solid #dedede;
		height: 33px;
	}
	
	#vue{
		display: inline;
		float: left;
	}
	
	#etendus{
		border: 1px solid #dedede;
		display: inline;
		float: right;
		padding: 5px;
	}
	
	#etendus table{
		border: 0;
		border-collapse: collapse;
		display: inline;
		float: left;
		margin-right: 25px;
	}
	
	#etendus td{
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		height: 20px;
		text-align: center;
		width: 50px;
	}
	
	#etendus td.dernier{
		border-right: none;
	}
	
	#etendus td.dernier2{
		border-bottom: none;
	}
	
	#icones{
		float: left;
	}
	
	#icones img{
		float: left;
		padding: 5px;
	}
	
	#vue.icones6{
		margin-left:80px;
	}
	
	#etendus.icones6{
		margin-right: 80px;
	}
	
	#vue.icones4{
		margin-left:100px;
	}
	
	#etendus.icones4{
		margin-right: 100px;
	}
	
	p.lienDoc{
		text-align: center;
	}
	
	p.lienDoc a{
		color: #000;
		cursor: pointer;
		float: left;
		padding-left: 20px;
		text-decoration: none;
	}
	
	p.lienDoc a img{
		float: left;
		margin-right: 3px;
	}
	
	p.lienDoc a span{
		display: block;
		float: left;
		padding-top: 2px;
		text-decoration: underline;
	}
	
	p.lienDoc a:hover span{
		text-decoration: none;
	}
/* contenu */

/* page d'accueil collection */
	#accueilCollection, #contenu{
		background: #fff;
	}

	#accueilCollection h1, #online h1, #distributeurs h1{
		float: right;
		margin: 0 0 10px 0;
	}
	
	.vignetteProduit a{
		color: #000;
		text-decoration:none;	
	}
	
	.zoom{
	 	position:absolute;
		left:-48px;
		top:-48px;
		width:172px;
		height:172px;
		z-index:30;
		display:none;
		background-image:url(images/fond-zoom.gif);
		background-repeat:no-repeat;
	 }
	 
	 .vignetteProduit{
	 	float:left;
		height:173px;
		margin:0 40px 3px 0;
		width:123px;
		text-align: center;
	 }
	 
	 .vignetteVisuel, .vignetteTable, .vignetteTable td{
	 	width:76px;
		height:76px;
		margin:auto;
		margin-top:6px;
		position:relative;
		text-align:center;
		vertical-align:middle;
	 }
	 
	 .zoomTable, .zoomTable td{
	 	width:174px;
		height:226px;
		text-align:center;
		vertical-align:middle;
	 }
	 
	.zoomTable td{
		background: url(images/fond-zoom.gif) no-repeat top left;
	}
	 
	.ligneProduit, .ligneProduit1{
		height: 200px;
		margin: 20px auto 0 auto;
		width: 835px;
	}
	
	.ligneProduit1{
		height: 250px;
		width: 900px;
	}
	
	.ligneProduit1 .zoomTable td{
		background: url(images/fond-zoom1.gif) no-repeat top left;
	}
	
	.ligneProduit1 .zoom{
		left:-35px;
		top:-40px;
		width:254px;
		height:256px;
		background-image:url(images/fond-zoom1.gif);
	 }
	 
	.ligneProduit1 .vignetteProduit{
		height:200px;
		margin-right: 80px;
		width:200px;
	 }
	 
	.ligneProduit1 .zoomTable, .ligneProduit1 .zoomTable td{
	 	width:254px;
		height:256px;
	}
	
	.ligneProduit1 .vignetteVisuel, .ligneProduit1 .vignetteTable, .ligneProduit1 .vignetteTable td{
		width:150px;
	}
/* page d'accueil collection */

/* page texte */
	#contenu{
		background: url(images/fond-contenu.png) repeat-y top left;
 		padding:0 10px 10px 0; 
 		width: 985px;
	}
	
	#contenuOnline{
		background: #fff;
		width: 985px;
	}

	#menuOnline{
		float: left;
		width: 220px;
	}
	
	#menuOnline ul{
		background: #dedede;
		list-style: none;
		margin: 5px 0 0 5px;
		padding: 10px 0 10px 0;
		width: 200px;
	}
	
	#menuOnline li a{
		color: #000;
		display: block;
		font-size: 125%;
		padding: 0 5px 0 15px;
		text-decoration: none;
		width: 180px;
	}

	#menuOnline li a.actif, #menuOnline li a:hover{
		background: url(images/puce-menu-online.gif) no-repeat 5px 50%;
	}
	
	#menuOnline li a:hover{
		text-decoration: underline;
	}

	#online{
		float: left;
		width: 765px;
	}

	#online p{
		font-size: 115%;
		margin-right: 30px;
	}
	
	#online a{
		color: #000;
		text-decoration: underline;
	}
	
	#online	a:hover{
		text-decoration: none;
	}
	
	#online h2{
		font-size: 160%;
	}
/* page texte */

/*		page collections		*/
	.collections{
		margin: 0 auto 0 auto;
		padding: 40px 0 60px 6px;
		width: 974px;
	}

	.collection, .collectionDernier{
		float: left;
		margin-right: 10px;
		width: 316px;
	}

	.collectionDernier{
		margin-right: 0;
	}
	
	.collections .haut{
		height: 40px;
	}
	
	.collection div.titreCollection, .collectionDernier div.titreCollection{
		text-align: center;
	}
	
	.collection span, .collectionDernier span{
/* 		display: block; */
		background: url(images/puce.gif) no-repeat 3px 8px;
		font-size: 140%;
/* 		height: 40px; */
		padding-left: 15px;
	}
	
	.collection a, .collectionDernier a{
		color: #000;
		text-decoration: none;
	}
	
	.collection a:hover, .collectionDernier a:hover{
		text-decoration: underline;
	}
	
	.collection a:hover img, .collectionDernier a:hover img{
		filter : alpha(opacity=90);
		-moz-opacity : 0.9;
		opacity : 0.9; 
	}
/*		page collections		*/

/* page realisations */
	#realisation{
		padding: 20px 0;
		margin: auto;
		width: 720px;
	}
	
	#realisation h1{
		margin-bottom: 20px;
	}

	#realisation a{
		color: #000;
		display: block;
		text-align: center;
		text-decoration: none;
	}

	.boiteRealisation{
		float: left;
		margin: 0 20px 20px 0;
		width: 160px;
	}

	.boiteRealisation h2{
		font-size: 120%;
	}
/* page realisations */

/* page de contact */
	#carte{
		float: left;
		height: 350px;
		margin: 20px 0 0 20px;
		width: 450px;
	}
	
	#formulaire{
		float: left;
		padding: 30px 0 0 50px;
		width: 450px;
	}
	
	#formulaire label{
		display: block;
		float: left;
		width: 100px;
	}
	
	#formulaire input, #formulaire textarea{
		border: 1px solid #dedede;
		font-family: times, verdana, arial, sans-serif;
		width: 200px;
	}
	
	#formulaire textarea{
		height: 60px;
	}
	
	#formulaire .clear{
		height: 5px;
	}
	
	p#adresse{
		font-size: 110%;
		margin-top: 30px;
	}
	
	#formulaire input.submit, #commandeDroite input.submit{
		display: block;
		margin-left: 230px;
		width: 72px;
	}

	#commandeDroite input.submit{
		border: 0;
		margin: 30px 0 0 130px;
	}
/* page de contact */

/* page distributeurs*/
	#carteFrance{
		float: left;
		width: 399px;
	}

	#distributeurs{
		float: left;
		padding: 10px 0 10px 15px;
		width: 571px;
	}
	
	#choixDept{
		border-top: 2px solid #dedede;
		width: 560px;
	}
	
	.bordureCote{
		border-left:2px solid #dedede;
		border-right:2px solid #dedede;
		height:20px;
	}
	
	#choixDept label{
		margin-left: 50px;
	}
	
	#choixDept select{
		/*width: 240px;*/
	}
	
	#choixDept .centre{
		margin-top: 20px;
	}
	
	.vendeur{
		background: #ececec;
		font-size: 110%;
		margin: 10px 0 0 20px;
		padding: 5px;
		width: 500px;
	}
	
	.vendeur a{
		color: #000;
		text-decoration: underline;
	}
	
	.vendeur a:hover{
		text-decoration: none;
	}
/* page distributeurs*/

/* fiche intermediaire*/
	#imageGauche{
		float: left;
		width:  390px;
	}
	
	#listeCollection{
		float: left;
		list-style: none;
		padding: 50px 0 0 50px;
		width: 540px;
	}
	
	#listeCollection li{
		height: 30px;
	}
	
	#listeCollection li a{
		color: #000;
		font-size: 150%;
		text-decoration: none;
	}
	
	#listeCollection li a:hover{
		text-decoration: underline;
	}
/* fiche intermediaire*/

/* fiche affichage 1*/
	#liensSuivantPrecedent{
		height: 40px;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#liensSuivantPrecedent a{
		color: #000;
		position: absolute;
		text-decoration: none;
		top: 10px;
	}

	#liensSuivantPrecedent a#lienPrecedent{
		left: -20px;
	}

	#liensSuivantPrecedent a#lienSuivant{
		right: -20px;
	}

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

	#photoAmbiance.affiche1{
		margin: 10px 0 0 10px;
		width: 500px;
	}

	#titrePhoto.affiche1{
		padding-top: 20px;
		width: 465px;
	}
	
	#titrePhoto.affiche1 h1{
		display: inline;
		float: none;
	}
	 
	#titrePhoto.affiche1 h2{
		margin: 50px 0 0 0;
		padding: 0 5px 0 0;
	}
	
	#titrePhoto.affiche1 p{
		padding: 0 5px 0 0;
		text-align: left;
	}
/* fiche affichage 1*/

/*presence monde*/
#listePresence ul{
/* 	display: inline; */
	list-style: none;
	float: left;
	width: 120px;
}

#listePresence li{
/* 	display: block; */
	padding-left: 10px;
}

#listePresence hr{
	background: #787878;
	border: 0;
	height: 1px;
	margin:10px 0 10px 10px;
}

#listePresence{
	color: #787878;
	float: left;
	width: 403px;
}

#listePresence h2{
	font-size: 120%;
	margin-left: 10px;
	text-transform: uppercase;
}

#cartePresence{
	float: left;
	width: 540px;
}
/*presence monde*/

/*formulaire de commande*/
#formCommande label{
	float: left;
	font-size: 110%;
	padding-top: 2px;
	position: relative;
	width: 110px;
}

#formCommande .clear{
	height: 10px;
}

#formCommande label span{
	display: block;
	left: 0;
	font-style: italic;
	position: absolute;
	bottom: -17px;
	width: 300px;
}

#formCommande label span.margeHaut{
	bottom: -34px;
}

#formCommande input.petit{
	width: 30px;
}

#formCommande label.clearGrand{
	margin-bottom: 15px;
}

#formCommande select, #formCommande input, #formCommande textarea{
	border: 1px solid #dedede;
	float: left;
	font-size: 12px;
	width: 250px;
}

#formCommande textarea{
	height: 60px;
}

#formCommande h2{
	font-size: 180%;
	padding: 30px 0 10px 0;
}

#formCommandeGris h2{
	padding-top: 10px;
}

#commandeGauche, #commandeDroite{
	float: left;
	padding-left: 50px;
	width: 400px;
}

#commandeGauche{
/* 	padding-top: 90px; */
}

#formCommandeGris{
	background: #dedede;
	margin-top: 20px;
	padding-left: 10px;
}
/*formulaire de commande*/