*,div{
padding:0px;
margin:0px;
}
body{
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{
	text-align:justify;
	padding: 0 20px 5px;
}

#conteneur {
	position:relative;
	width:100%;
	text-align:center;
	/*background:url(http://champagnepaullaurent.com/images/background/accueil_refonte2011.jpg) no-repeat top center;*/
	/*background:url(http://champagnepaullaurent.com/images/background/accueil_refonte2011-2.jpg) no-repeat top center;	*/
	background:url(http://champagnepaullaurent.com/images/background/accueil_refonte2011-3.jpg) no-repeat top center;
}

#contenu {
	position:relative;
	width:814px;
	/*height:775px;*/
	margin:0 auto;
	background: none;
}

#header{
	position:relative;
	width:814px;
	height:321px;
}

#decal{
	height:134px;
}

#milieu{
	position:relative;
	width:786px;
	margin : 0 auto;
}
#edito{
	width:245px;
	margin:0 auto;
	margin-top:10px;
}
#edito p{	
	width:205px;
	font-family:Times,Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000738;
	text-align:justify;
	margin:0 auto;
	margin-bottom:10px;
}

#vente{
	width:265px;
	margin-top:10px;
}

#actu{
	width:276px;
	*width:286px;
	_width:284px;
	margin:0 auto;
	margin-top:10px;
	background:url(../images/background/fond_actu2.png) no-repeat top center;
	height:305px;
	line-height:15px;
	position:relative;
}

#actu #fleche_haut{
	margin:0 auto;
	height:20px;
	width:232px;
	text-align:right;
}

#actu #actu_content{
	margin:0 auto;
	margin-top:18px;
	*margin-top:16px;
	_margin-top:17px;
	margin-bottom:18px;
	padding-left:12px;
	*padding-left:0px; /*0px*/
	_padding-left:0px; /*0px*/
	height:204px;
}

.actualite{
	height : 100px;
}

.actualite .date{
	font-family:Arial;
	font-size:11px;
	color:#989898;
	padding:2px 0;
}

.actualite .actu_contenu{
	width:242px;
	*width:242px;/*235px*/
	_width:242px;/*235px*/
}

.actu_contenu a{
	color:inherit;
	font-weight:inherit;
	text-decoration:inherit;
}
.actu_contenu a:hover{
	color:inherit;
	font-weight:inherit;
	text-decoration:inherit;
}

.actu_contenu  .titre{
	height:19px;
	text-align:left;
	font-family:Arial;
	font-size:13px;
	color:#161f55;
	font-weight:bold;
	_margin-left:-8px;
	*margin-left:-8px;
}
.actu_contenu  .texte{
	text-align:left;
	font-family:Arial;
	font-size:11px;
	color:#535353;
}
.actu_contenu  .texte p{
	padding:0;
	padding-left:24px;
	*padding-left:15px;
	_padding-left:16px;
	text-align:left;
	line-height:14px;
	_line-height:14px;
	*line-height:12px;
}
.actu_contenu  .texte p.img{
	text-align:left;
	width:157px;
	*width:152px;
	_width:157px;
}
.actu_contenu  .image{
	float:right;
}

#actu_content #separateur{
	margin:2px auto;
}

#actu #fleche_bas{
	margin:0 auto;
	height:20px;
	width:232px;
	text-align:right;
}

#milieu .contenu{
	color:#0d196b;
	width:731px;
	margin: 0 auto;
	text-align:left;
}

#footer{
position:relative;
width:100%;
margin-top:15px;
/*height:96px;*/
background:url(../images/background/footer.jpg) no-repeat top center;
text-align:center;
}

#footer #menu{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#ffffff; 
width:814px;
height:20px;
padding-top:28px;
margin: 0 auto;
}

#footer #menu ul {
	margin:0 0 0 5px;
	clear:both;
}

#footer #menu li{
margin:0 0px 5px 20px;
float:left;
}


#footer a{
font-weight:bold; 
text-decoration:none; 
color:#fff;
}
#footer a:hover{ 
text-decoration:underline;
}

h1{margin:10px 0px 10px 0px;text-align:left;}
h2{margin:10px 0 0 12px;text-align:left;}
h3{margin:5px 0 5px 30px; text-decoration:underline; font-size:11px; font-weight:bold;}


.photodroite {padding:0px 20px 0px 0px;}
.photogauche {padding:0px 0px 0px 20px;}
.centrer_photo {text-align:center; padding:10px 0px 0px 120px;}

.submit{
background:url(../images/btn_envoyer.gif) no-repeat top left;
margin-top:10px;
height:28px;
width:120px;
border:0px;
cursor:pointer;
}

.submit:hover{
background:url(../images/btn_envoyer.gif) no-repeat bottom left;
margin-top:10px;
height:28px;
width:120px;
border:0px;
}

.carte{
margin:0 0 30px 4px;
}

#tabcontact table{width:350px;}
#tabcontact td{padding:3px 0px;}

a{color:#0116a6; font-weight:bold; text-decoration:none;}
a:hover{color:#0116a6; font-weight:bold; text-decoration:underline;}

ul{
	margin:0 0 0 35px;
	clear:both;
}

li{
	margin:0 0px 5px 20px;
}

#cpl{
	color:#0d196b;
	width:731px;
	margin: 0 auto;
		margin-bottom:15px;
}
#cpl p{
	font-size:10px;
	text-align:center;
	padding:0;
	line-height:1.2;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	/*height: 665px;
	width: 700px;*/
	height: 204px;
	/*width: 276px;*/
}

/* root element for scrollable items */
.scrollable .root {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
	width : 242px;
	margin: 0px;
	_left : 17px;
	*left : 17px;
}

.item {
	margin:0px;
	position:relative;
}