body {
	margin:0px;
	padding:0px;
	font: 1.0em verdana, arial, sans-serif;
	text-align:center;
	/*background-image: url(provence_css/fond_v.jpg);*/
	background-color: #734ACE;
	background-repeat: repeat-x;
}
* {margin:0; padding:0;}
div#mainwrap {
	width:810px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
	background-repeat: repeat-x;
	background-position: 0px 181px;
}
div#header {
	width:810px;
	height:170px;
	background-color:#633EB4;
	text-align:center;
	padding-top:0px;
	z-index: 10;
}
div#column2 p {
	font-size:.8em;
	margin:1em 30px;

}
div#contentarea {
	width:810px;
	background-image:   url(provence_css/fond_catalogue.jpg);
	background-repeat: repeat-y;
}
div#column1 {
	width:160px;
	float:left;
	position: relative;
	left: 5px;
	top: 0px;
	z-index: 3;



}

div#column2 {
	width:620px;
	float:right;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 5;



	/*border: thin solid #0ff000;*/
}
div#column3 {width:170px; background-color:#DDD; float:left;}
div#column3 p {margin: 20px 10px 0 10px;}
div#footer {
	width:810px;
	text-align:center;
	margin: 0px;
	padding: 0px;
}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


#menup {
	position: relative;
	left: 0px;
	top: 0px;
	overflow: auto;
	height: 430px;
	width: 160px;
	z-index: 5;
	float: left;


}
/*
#menup a:visited {

}
#menup a:hover {


}
.photo {
	padding: 10px 5px;
	left: 5px;
	position: relative;
	margin-left: 5px;



	
}


.photom {
	background-image: url(provence_css/photo_s1.gif);
	background-repeat: no-repeat;
	padding: 10px 5px 10px 10px;
	left: 5px;
	position: relative;
	background-position: 5px;
	border: 1px solid #FF0000;




}
*/
#texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #7247CF;
	width: 622px;
	position: relative;
	height: 65px;
	left: -20px;


}

.textec {
	padding: 8px 10px 10px;
	position: static;
	left: -20px;
}


.imgg {
	left: -20px;
	position: relative;
	width: 620px;
	padding: 0px;
	z-index: 10;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #6633CC;
	border-right-color: #6633CC;
	border-bottom-color: #6633CC;
	border-left-color: #6633CC;

}
#imgg {
	left: -20px;
	position: relative;
	width: 620px;
	padding: 0px;
	z-index: 10;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #6633CC;
	border-right-color: #6633CC;
	border-bottom-color: #6633CC;
	border-left-color: #6633CC;
	background-image: url(2006/chargement.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFFFFF;






}
#pop {
	display: none;
	position: absolute;
	width: 20em;
	border: 3px double black;
	background: #6633CC;
	z-index: 500;
	cursor: pointer;
	font-size: 80%;
	left: 20px;
	top: 20px;

}
#pop p {
margin: 0 0.3em;
}
#pop h1 {
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
color: black;
text-align: center;
}
.fermer {
margin: 0.5em 0 0 0;
border-top: 1px solid black;
background: white url(bottom.gif) left top repeat-x;
color: black;
text-align: center;
}
#pop1 {
	background-color: #6633CC;
	position: absolute;
	height: 500px;
	width: 500px;
	left: 20px;
	top: 20px;
}
#menuhaut {
	background-color: #6633CC;
	position: relative;
	width: 810px;
	z-index: 1;
	left: 0px;
	top: 0px;


}
#textesous {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 622px;
	position: relative;
	left: -20px;
}
#contenu {
	width: 810px;

}
#form2 {
	left: -20px;
	position: absolute;
	width: 622px;
	z-index: 11;
	top: 20px;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #6633CC;
	border-right-color: #6633CC;
	border-bottom-color: #6633CC;
	border-left-color: #6633CC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6633CC;




}
#coll2 {
	position: relative;
	z-index: 8;
	left: 0px;
	top: 0px;
}