html {
			height:100%;
}

body {
			background-color:#333333;
			margin:0 auto;
			padding:0;
			height:100%;
			text-align:center;
}

a {
			text-decoration:none;
			color:#000;
}

a:hover, a:active, a:focus {
			outline:none;
}

li {
			margin-top:-0.2em;
}


/*Bande du haut*/

#bande_haut {
			background:black;
			height:100px;
}


/*Bande du bas*/

#bande_bas{
			height:100px;
			text-align:bottom;
			background:black;
			color:white;
			clear:both;
}

#copyright{
			left:0px;
			position:absolute;
			text-align:left;
			font-family:"Times New Roman", Times, serif;
			font-size:1.1em;
			margin:75px 5px 5px 5px;
}

#adresse{
			right:0px;
			position:absolute;
			text-align:right;
			font-family:"Times New Roman", Times, serif;
			font-size:1.4em;
			margin:5px 5px 5px 5px;
}


/*Contenu*/

#contenant {
				width:900px;
				text-align:center;
				margin:0 auto;
				height:100%;
				height:auto;	
				padding:30px 30px 30px 30px
}

#backfiori {
				background:url(images/backfiori.jpg) center left no-repeat;
}

#backfolio {
				background:url(images/backfolio.jpg) center left no-repeat;
}

#backprod {
				background:url(images/backprod.jpg) center left no-repeat;
}

#menumain {	
				width:300px;
				text-align:right;
				font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
				overflow:hidden;
}

#menuautre {
				position:relative;
				top:80px;
				width:300px;
				text-align:right;
				font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
				overflow:hidden;
}

#menumain a {
			color:white;
}

#menuautre a {
			color:white;
}

#menumain li {
			padding:20px 0 20px 0;
}

#menuautre li {
			padding:20px 0 20px 0;
}

#foliomenu {
			margin:10px 0 10px 0;
			text-align:center;
}

#foliomenu a {
			font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
			font-size:1.3em;
			color:white;
			text-decoration:none;
}

#contacts {
			width:600px;
			min-height:350px; 
			color:black;
			margin:0px auto;
}

#back_contacts {
			width:520px; 
			color:black;
			text-align:center;
			background-image:url('images/backsprite.jpg');
			background-repeat:repeat-y;
			margin:0px auto;
}

#contacts p {
			font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
			font-size:1.5em;
			padding:3px 3px 3px 3px;
}

#contacts  h1 {
			font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
			font-size:3em;
			font-weight:bold;
}

#contacts  h2 {
			font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
			font-size:2em;
			font-weight:bold;
			line-height:1em;
}

#contacts  a {
			text-decoration:underline;		
}

#produits {
			font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
			font-size:1.4em;
			margin:30px 0px 30px 0px;
			overflow:hidden;
			background-image:url('images/produitssprite.jpg');
			background-repeat:repeat-y;
			height:220px;
}

#produits h2 {
			margin:7px 0px 0px 0px;
			font-size:1.2em;
			font-weight:bold; 			
}

#produits p.left {
			text-align:left;
			margin:30px 5px 10px 5px;
}

#produits p.right {
			text-align:right;
			margin:30px 5px 0px 5px;
}

img.imgprod  {
			margin-bottom:10px;
			margin-top:10px;
			margin-left:10px;
			margin-right:10px;
}

#portefolio {
			font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;
			font-size:1.5em;
			padding:30px 30px 100px 30px;
			margin:30px 0px 30px 0px;
			background:#666666;
			overflow:hidden;
}


/*Galerie photo du porte-folio - images horizontales*/

.gallerycontainer {
			margin:60px 0 0 0;
			position:relative;
			width:103px;
			height:800px;
			cursor:default;
}

.thumbnail img {
			margin:10px 0 10px 0;
			background-color:white;
			padding:2px;
			cursor:default;
}

.thumbnail:hover {
			background-color:transparent;
			cursor:default;
}

.thumbnail:hover img {
			cursor:default;
}

.thumbnail span {
			position:absolute;
			left:-1000px;
			border:1px black;
			visibility:visible;
			color:black;
			text-decoration:none;
}

.thumbnail span img {
			border-width:0;
}

.thumbnail:hover span {
			visibility:visible;
			top:10px;
			left:160px;
			z-index:50;
}


/*Galerie photo du porte-folio - images verticales*/

.thumbnail2 img {
			margin:10px 0 10px 0;
			background-color:white;
			padding:2px;
			cursor:default;
}

.thumbnail2:hover {
			background-color:transparent;
			cursor:default;
}

.thumbnail2:hover img {
			cursor:default;
}

.thumbnail2 span {
			position:absolute;
			left:-1000px;
			border:1px black;
			visibility:visible;
			color:black;
			text-decoration:none;
}

.thumbnail2 span img {
			border-width:0;
}

.thumbnail2:hover span {
			visibility:visible;
			top:-25px;
			left:240px;
			z-index:50;
}

  
/*FIN DU CSS*/

/*

Conception par I-Vert Technologies - 2009-2010
http://www.iverttech.com

Dévellopé avec Notepad++ - logiciel à code source ouvert de type GNU - http://notepad-plus.sourceforge.net

Coucu pour: Tissus & Décor Martine Richard - Tous droits réservés
Fichier: mainstyle.css
Fonction: Définition du style prinipal du site
Notes:

*/