/* CSS Document */

body {
  background-color: #ECD095;
  color: #000000;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

/* Layout */
div.wrapper {
	background-color: #ECD095;
	width: 790px;
	margin: 0 auto;
	overflow: auto;
	border: 0px solid #000000;
}

div#header {
  	background-image: url(../images/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 323px;
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	overflow: auto;
	text-align:left;
	border:0px solid red;
}
div#headeracc {
  	background-image: url(../images/header_accueil.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 46px;
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	overflow: auto;
	text-align:left;
	border:0px solid red;
}
div#header2 {
  	background-image: url(../images/header_historique.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 46px;
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	overflow: auto;
	text-align:left;
	border:0px solid red;
}
div#header3 {
  	background-image: url(../images/header3.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 46px;
	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
	overflow: auto;
	text-align:left;
	border:0px solid red;
}
div.row {
	width: 790px;
	overflow: auto;
	background-image: url(../images/row.jpg);
	background-position:left;
	background-repeat:repeat-y;
	border:0px solid yellow;
}
div.row2 {
	width: 790px;
	overflow: auto;
	background-image: url(../images/row_hist.jpg);
	background-position:left;
	background-repeat:repeat-y;
	border:0px solid yellow;
}
div.row3 {
	width: 790px;
	overflow: auto;
	background-image: url(../images/row3.jpg);
	background-position:left;
	background-repeat:repeat-y;
	border:0px solid yellow;
}
div#footer {
	background-image: url(../images/footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 75px;
	margin:0px 0px 0px 0px;
  	padding:25px 0px 0px 0px;
	overflow: auto;
	text-align:center;
	font-size:10px;
}
div#footerhist {
	background-image: url(../images/footer_hist.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 75px;
	margin:0px 0px 0px 0px;
  	padding:25px 0px 0px 0px;
	overflow: auto;
	text-align:center;
	font-size:10px;
}
div#footer3 {
	background-image: url(../images/footer03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 790px;
	height: 75px;
	margin:0px 0px 0px 0px;
  	padding:25px 0px 0px 0px;
	overflow: auto;
	text-align:center;
	font-size:10px;
}
div.colLeftAcc {
	padding-top:10px;
	padding-left:60px;
	padding-right:0px;
	width: 208px;
	float: left;
	border:0px solid red;
}
div.colLeftCat {
	padding-top:10px;
	padding-left:60px;
	padding-right:0px;
	width: 218px;
	float: left;
	border:0px solid red;
}
div.colCentre {
	width: 205px;
	float: left;
	padding-top:10px;
	padding-left:25px;	border:0px solid blue;
}
div.colCentreList {

	float: left;
	padding-top:0px;
	padding-left:0px;	border:0px solid green;
}
div.colRightAcc {
	width:215px;
	float: left;
	padding-left:25px;
	padding-top:10px;	border:0px solid green;

}
div.colLeft {
	padding-top:10px;
	padding-left:60px;
	padding-right:0px;
	width: 440px;
	float: left;
	border:0px solid red;
}

div.colRightCat {
	width: 440px;
	float: left;	padding-left:15px;
	padding-top:10px;	border:0px solid green;

}
div.colLeftContact {
	width: 33%;
	float: left;

}
div.colRightContact {
	width:215px;
	float: left;
	padding-left:25px;
	padding-top:10px;;	border:0px solid green;
}

div#menutop {
	margin:0px 45px 0px 0px;
  	padding:0px 0px 0px 0px;
	overflow: auto;
	text-align:center;
	color:#000000;
	font-size:10px;}
/*---------------------------------*/
/*-TEXTE-------------------------*/
/*---------------------------------*/

h1{
  	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
}
h2{
  	color: #000000;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
}

#header2 h1{
  	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	margin:0px;
}
#header3 h1{
  	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	margin:0px;
}
#headeracc h1{
  	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	margin:0px;
}
#header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top:205px;
	margin-left: 100px;
}
#headeracc ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top:15px;
	margin-left: 90px;
}
#header2 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top:15px;
	margin-left: 90px;
}
#header3 ul{1
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top:15px;
	margin-left: 125px;
}
#header li {
	padding: 0px;
	margin-left:0px;
	text-align: center;
	display:inline;
	float: left;
	width: 100px;
}
#headeracc li {
	padding: 0px;
	margin-left:0px;
	text-align: center;
	display:inline;
	float: left;
	width: 150px;
}
#header2 li {
	padding: 0px;
	margin-left:0px;
	text-align: center;
	display:inline;
	float: left;
	width: 150px;
}
#header3 li {
	padding: 0px;
	margin-left:0px;
	text-align: left;
	display:inline;
	float: left;
	width: 100px;
}
#header li.first{
	margin-left:0px;
}
#header li.second{
	margin-left:25px;
}
#header li.third {
	margin-left:20px;
}
#header li.fourth {
	margin-left:15px;
}
#header li.last {
	margin-left:35px;
}

#headeracc li.first{
	margin-left:0px;
	
}
#headeracc li.second{
	margin-left:80px;
}
#headeracc li.third{
	margin-left:80px;
}
#header2 li.first{
	margin-left:0px;
	
}
#header2 li.second{
	margin-left:310px;
}
#header3 li.first{
	margin-left:0px;
	
}
#header3 li.second{
	margin-left:120px;
	width:300px;
}
#menutop ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:right;
	margin-bottom:0px;
}

#menutop li {
	display:inline;
	padding: 0px;
	text-align: right;
	color:#000000;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}

#footer li {
	display:inline;
	padding: 0px;
	text-align: left;
}

div.colLeft ul {
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	text-align: left;
	list-style-image:url(../images/fleche.jpg);
}
div.colLeft li {
	padding-left: 0px;
	margin-left:50px;
	margin-bottom:5px;
}

div.colCentre ul {
	display:inline;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	list-style-image:url(../images/fleche2.jpg);
}
div.colCentre li {
	padding-left: 0px;
	margin-left:120px;
}
div.colCentreList ul {
	display:inline;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	list-style-image:url(../images/fleche2.jpg);
}
div.colCentreList li {
	padding-left: 0px;
	margin-left:20px;
}
div.colLeftCat ul {
	margin: 0px 0px 0px -30px;
	padding: 0px 0px 5px 0px;
	text-align: left;
	list-style-image:url(../images/fleche.jpg);
}
div.colLeftCat li {
	padding-left: 0px;
	margin-left:50px;
	margin-bottom:5px;
}

div.colLeftAcc ul {
	display:inline;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	list-style-image:url(../images/fleche.jpg);
}
div.colLeftAcc li {
	padding-left: 0px;
	margin-left:140px;
}


div.colRightAcc ul {
	display:inline;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	list-style-image:url(../images/fleche3.jpg);
}
div.colRightAcc li {
	padding-left: 0px;
	margin-left:80px;
}
div.colRightContact ul {
	margin: 5px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	list-style-image:url(../images/fleche3.jpg);
}
div.colRightContact li {
	padding-left: 0px;
	margin-left:20px;
}

ul.index {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}

/* Catalogue ------------------------------------------------ */
div.wrap {
	width: 420px;
	overflow: auto;
	border: 0px solid red;
	text-align:center;
float:left;
}
#catalogue1_g, #catalogue1_d{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align: left;
  line-height:17px;
  margin-bottom:15px;
  float:left;
  width:210px;
  border:0px solid #000000;
	height:110%;
}

#catalogue1_g{
	margin-right:3px;
}

#catalogue1_d{
  margin-left:3px;
}

ul.listArt,ul.article {
	list-style-type:none;
	padding:0px;
	margin:0px;
	border: 0px dotted red;
	font-size:10px;
}

ul.listArt {
	margin-left: 110px;
}
img.catalogue{
  width:92px;
  margin-right:5px;
  border: 1px #816B49 solid;
  float:left;
  padding:1px;
}
img.catalogueacc{
  width:92px;height:56px;
  margin-right:5px;
  border: 1px #816B49 solid;
  float:left;
  padding:1px;
}
div.blocvue{
	margin-bottom:30px;
	display:block;
	overflow:auto	float:left;text-align: left;
}
div.plus{
	text-align: right;
}
div.blocvue2 ul {
	text-align: right;
	list-style-image:url(../images/fleche3.jpg);
}
div.blocvue2 li {
	padding-left: 0px;
	margin-left:0px;
	margin-bottom:5px;
}
/* LINKS ------------------------------------------------ */
a.menu:link, a.menu:visited {
  	color: #442814;
	text-decoration: none;
	font-weight:bold;
	font-size:10px;
}

a.menu:hover {
	text-decoration: underline;
}
a.menu2:link, a.menu2:visited {
  	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
}

a.menu2:hover {
	text-decoration: underline;
}
a.footer:link, a.footer:visited {
  	color: #000000;
	text-decoration: none;
	font-weight:normal;
	font-size:10px;
}

a.footer:hover {
	text-decoration: underline;
}

a:link, a:visited {
  color: #000000;
  text-decoration: underline;
  font-weight:bold;
}

a:hover {
	text-decoration: none;
}


/* IMG & OBJECTS ---------------------------------------- */
img {
	margin-top:5px;
	border:1px solid #816B49;
}

img.bloc {
	margin:0px;
	margin-right:5px;
	margin-bottom:5px;
	padding:0px;
	float:left;
	border:1px solid #816B49;
}

object {
}

/*---------------------------------*/
/*-CONTACT-------------------------*/
/*---------------------------------*/

p.contactMsg {

}

p.contactError {
	color: #A4191D;
	font-weight: bold;
}

form{
	
	border: 0px solid red;

}
input{

}

label.contact, input.contact, textarea.contact {
	display: block;
	width: 245px;
	float: left;
	margin: 5px 10px 5px 5px;	font-size:10px;
	line-height:150%;
}

label.contact {
	text-align: left;
	width: 80px;
	padding-right: 10px;
}

textarea.contact {
	height: 100px;font-size:10px;
}

input.contactSubmit {
	width: 150px;
	margin-left:10px;
}

br.clear {
	clear: left;
}