html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

.carousel_container {
				width: 100px;
				height: 100px;
			}

.poussin {float: left; margin: 0 6px 6px 0;}

.textpoussin {float: right; margin: 0 6px 6px 0;}


body {
	background: #E0D5B7 url(images/page_bg.jpg) repeat-x;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #74653D;
	padding-bottom: 10px;
	padding-top: 5px;
}


/** layout **/
.flag {
	text-align: left;
	margin: auto;
	width: 778px;
	padding-bottom:2px;
}

div.spacer{
	clear:both;
	}

.flag img {
	float:right;
	}
	

#wrapper {
    background: url(images/body_bg.gif);
	text-align: left;
	margin: auto;
	width: 778px;
  position: relative;
}
#header {
  background: url(images/header_2.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 243px;
  width: 535px;
  height: 279px;
}
#headerpresse {
  background: url(images/paris_sous_cloche.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 243px;
  width: 535px;
  height: 279px;
}
#headervin {
  background: url(images/header_vin.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 243px;
  width: 535px;
  height: 279px;
}
#headerneige {
  background: url(images/boules_neigeuses.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 243px;
  width: 535px;
  height: 279px;
}

#left {
  float: left;
  width: 243px;
}
#logo {
  width: 244px;
  height: 152px;
  background: url(images/header_1.jpg) no-repeat;
  text-align: center;
  color: #595959;
}

#logo h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#nav {
  background: url(images/nav_left.jpg) no-repeat;
}
#nav ul {
  margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 29px;
  background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat;
}

#nav li {
  list-style: none;
  font: 14px "arial narrow", arial, sans-serif;
  border-top: 1px solid #959595;
  background: url(images/arr_white.gif) no-repeat 188px 10px ;
  padding: 7px 0 0 1px;
}
#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 80%;
  margin-left: 30px;
  padding: 2px 0 6px 8px;
}
#nav a:hover {
  text-decoration: underline;
}
#nav .important {
  border-top: 1px solid #959595
  background: 188px 10px url(images/arr_orange.gif) no-repeat;
}
#nav .important a {
  color: #E9C379;
}

#nav ul div  {
	margin:0px;
}

#nav ul div  ol{
	font: 14px "arial narrow", arial, sans-serif;
	background: #f3f3f3;
	padding: 0px 2px 0px 25px;
	border: 0px;
	font-size: 12px;
	margin: 0px;
}

/***#nav ul div a:hover, #nav ul div a.important {
	color: #be8b05;
	background: url('images/arr_orange_trsp.gif') no-repeat 0px 5px ;
}***/

#nav ul div a {
	color: #333;
	padding: 1px 0px 1px 15px;
	margin-left: 10px;
	border-left: none;
}

#news {
  background: url(images/news_bg.jpg) repeat-y;
  padding-left: 37px;
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify;
}
#news h2 {
  font-size: 12px;
  color: #BE8B06;
}
#news h3, #news p {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}
#news a {
  color: #74653D;
  font-weight: bold;
  text-decoration: underline;
}
#news a:hover {
  color: #38301A;
}
#news .more {
  font-size: 9px;
}
#news .hr-dots {
  background: center url(images/dots.gif) repeat-x;
  height: 10px;
}

#support {
  background: url(images/support.jpg) no-repeat;
  padding: 1px;
  height: 97px;
  color: #1A1A18;
}
#support p {
  margin: 0.7em 2.6em;
}

#right {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 301px;
}
#right h2 {
  font: 18px arial, sans-serif;
  
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#right h3 {
  font: 14px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#welcome {
  margin-right: 10px;
}

#profile {
  margin-right: 16px;
}
#cadre {
  margin-right: 16px;
    width: 460px;
  height: 300px;
}
#cadreint {
  margin-right: 16px;
    width: 260px;
  height: 300px;
}
#right .left {
  margin-right: 18px;
}
#right .more {
  font-weight: bold;
  font-size: 10px;
}

#corp, #indu {
  float: left;
  width: 49%;
}
#corp {
  margin-right: 1%;
}

#corp-img, #indu-img {
  background: url(images/Boule_neigeuse_JP_GAULTIER.jpg) no-repeat;
  width: 122px;
  height: 60px;
  float: left;
  padding-top:97px;
  margin-right: 5px;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
}

#indu-img {
  background: url(images/Presse_injection_NEGRI_BOSSI.jpg) no-repeat;
}
#spacer {
  height: 2em;
}

#footer {
  background: url(images/footer_bg.gif) repeat-y;
}
#copyright {
  text-align: center;
  padding: 22px 0px 30px 00px;
  font-size: 9px;
  color: #715F36;
  font-weight: bold;
}
#footerline{
	background: url(images/footerline.gif) no-repeat;
	height:10px;
	margin-top:0px;
	display:block;
	font-size:1px;
}

/**** Partie slider production ***/
#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}


/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:400px;
	float:left;
	background:#fff;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:480px;
	margin:0 0px 1px 0px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

.mask{
	position:relative;
	width:480px;
	height:400px;
	overflow:hidden;
}
.mask img{
	
	display:block;
	border:none;
}

/**** Partie formulaire ***/

.cssform ul{
	width: 	480px;
}

.cssform ul li{
	border-top: 1px dashed gray;
	clear: both;
	padding: 5px 0 12px 0;
	list-style: none;
	margin-right: 15px;
}

.cssform label{
	font-weight: bold;
	float: left;
	text-align:right;
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform label.sub{
	font-weight: normal;
	padding-top: 0px;
	margin-top:0px;
	float: none;
	text-align:left;
	width: auto;
	cursor:pointer;
}

.cssform ul li div {
	float:left;
}

.cssform input, .cssform textarea{
	width: 240px;
	border: 1px solid #BE8B06;
	height: 14px;
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 5px;
}


.cssform input.radio  {
	width:20px;
	vertical-align: middle;
	height: 14px;
	border:0px;
}

.cssform input.submit {
	background: #fff;
	height: 20px;
	width: 120px;
	margin-right: 60px;
	float: right;
	border-width: 1px 2px 2px 1px;
	height: 22px;
	padding-bottom:5px;
}

.cssform textarea{
	height: 150px;
}


/*** Fin de la partie formulaire ****/