/* Start of CMSMS style sheet 'base' */
/* @override 
	http://localhost/_clients/deviniere/stylesheet.php?cssid=51&mediatype=screen
	http://ladeviniere.yannik-messerli.com/stylesheet.php?cssid=51&mediatype=screen
*/

/* @group reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a{
	text-decoration: none;
}
dfn{
	display: none;
}

/* @end */

/* @group comonHelper */

.left{
	float: left;
	display: inline;
}

.right{
	float: right;
	display: inline;
}
.clear{
	width: 100%;
	height: 1px;
	clear: both;
}
.marginB{
	margin-bottom: 10px;
}
/* @end */
body{
	font: 14px/20px arial, Lucida, "Lucida Grande", sans-serif;
	color: #ffffff;
}

/* @group structure */

/* wide permet de garder le site au milieu de l'image, même si ce n'est pas au milieu de la fenêtre!!! */
#background{
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	z-index: 1;
}
#background img{
	margin-top: 50px;
}
#wrapper{
	margin-top: 0px;
	position: absolute;
	z-index: 2;
	width: 970px;
	height: 580px;
			margin-left: auto;
	margin-right: auto;
	}


#site{
	width: 970px;
	height: 555px;
	padding: 15px;
		margin-left: auto;
	margin-right: auto;

	border: 1px solid #b2b2b2;
}
div#header {
	width: 240px;
	float: left;
	display: inline;
	height: 100%;
	overflow: hidden;
}


div#content {
	float: right;
	display: inline;
	width: 700px;
	height: 100%;
	overflow-y:auto;
	overflow-x: hidden;
}
div#content h1{
	margin-top: 20px;
	margin-left: 24px;
	height: 40px;
}
div#content div{
	margin-left: 24px;
	width: 648px;
}
div#content div p{
	margin-bottom: 5px;
}

div#lang {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #000;
	font-size: 9px;
	padding-right: 15px;
	margin-bottom: -18px;
}
div#lang a{
	color: #000;
	font-size: 9px;
}
div#lang a{
	
}


div#footer {
	font-size: 9px;
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-right: 15px;
	color: #000;
	margin-top: -18px;
}
/* @end */

/* @group Content */
.a_cote_de_la_galerie {
	width: 430px;
	float: left;
	display: inline;
}


/* @end */

/* @group menu */

#menu{
	line-height: 22px;
	margin-left: 20px;
	margin-top: -7px;
}
#menu li{
	margin-top: 1px;
}

#logo img {
	margin-top: 14px;
	margin-left: 13px;
}
li.currentpage{
	margin-left: 10px;
}
#menu ul li ul{
	margin-left: 5px;
}


#menu ul li.sectionheader {
	overflow: hidden;
}
#menu ul li.currentpage.sectionpage {
	margin-left: 0px;
}

#menu ul li.currentpage.sectionpage li.currentpage {
	margin-left: 30px;
}


/* @end */

/* @group formulaire */
div#content div.contactform, div#content div.tuilliere div,  div#content div.tuilliere, div#content div.contactform div {
	margin-left: 0px;
}
 div#content div.tuilliere input,  div#content div.tuilliere textarea, div#content div.contactform input,  div.contactform textarea{
	background: transparent url(./uploads/couleurs/saumon2.png) repeat;
	border: 1px solid #5f2b0d;
	padding: 3px;
	width: 430px;
	font-size: 13px;
	margin-bottom: 5px;
	background-color: transparent;
}
div#content div.tuilliere{
	width: 430px;
	float: left;
	display: inline;
	margin-top: 5px;
}
div#content div.tuilliere input, div#content div.tuilliere textarea{
	background: transparent url(./uploads/couleurs/taupe.png) repeat;
	border: 1px solid #f7e2dd;
	color: #fff;
}
 div#content div.tuilliere div.submit input, div#content div.contactform div.submit input {
	width: 100px;
	cursor: pointer;
}

div#content div.error_message {
	margin-left: 0px;
	width: 340px;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #ffb3ae;
	border: 1px solid #ff1f17;
}


/* @end */

/* @group shop */
#site #shop{
	margin-left: 0px;
}
#site #shop div{
	margin-left: 0px;
}
#shop input, #site #submit a div, #shop textarea{
	background: #818F34;
	border: 1px solid #fffeff;
	color: #fff;
	padding: 3px;
	font-size: 13px;
}



/* @group table final */

#cntnt01moduleform_1 div.productlist table {
	width: 100%;
}

#cntnt01moduleform_1 div.productlist table thead tr th {
	background: #6F7F14;
	height: 30px;
		border-top: 1px solid #fffeff;
		border-bottom: 1px solid #fffeff;
}

#cntnt01moduleform_1 div.productlist table  tr .productprice, #cntnt01moduleform_1 div.productlist table  tr .productamount,#cntnt01moduleform_1 div.productlist table  tr .productqty {
	width: 70px;
	padding-left: 0px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#cntnt01moduleform_1 div.productlist table  tr .productamount{
	padding-right: 10px;
}
#cntnt01moduleform_1 div.productlist table td{
	border-bottom: 1px solid #fffeff;
}

#cntnt01moduleform_1 div.productlist table tr .productname {
	width: 300px;
	padding-left: 10px;
}
#cntnt01moduleform_1 div.productlist{
	margin-top: 10px;
}

#fenetre div.content2 div.productdetail {
	width: 150px;
	margin-left: 0px;
}
#fenetre div.content2 div.left.productdetail {
	position: absolute;
	overflow: hidden;
	height: 450px;
	margin-top: -40px;
}
#fenetre div.content2 div.right.productdetail{
	width: 250px;
	clear: both;
	overflow: hidden;
}
#fenetre div.content2 div.right.productdetail div{
	margin-left: 0px;
	width: 245px;
}


div#productheader {
	text-transform: uppercase;
	margin-bottom: 20px;
}
#site #shop div.address {
	padding: 10px;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #fffeff;
	background-color: #676b40;
}


/* @end */
#shop #submit input{
	width: 150px;
	margin-left: 20px;
	padding: 5px;
}
#site #submit a div{
	float: right;
	display: inline;
	width: 150px;
	margin-left: 20px;
	text-align: center;
	text-decoration: none;
}

#shipinfo .shipinput.pays select {
	width: 218px;
	height: 40px;
	font-size: 19px;
}

div.error {
	background-color: #ff2017;
	width: 400px;
}
#site #submit a {
	text-decoration: none;
}

#site #shop div#Tot {
margin-top: 5px;
float: left;
display: inline;
margin-left: 340px;
width: 130px;
}
#site #submit{
	margin-top: 30px;
	text-align: right;
}

/* @group product */
#shop .product td{
	padding-top: 2px;
	padding-bottom: 4px;
}
#shop .product .addCart div{
	float: left;
	display: inline;
	width: 77px;
	height: 20px;
	background: url(./images/site/btn_add.png) no-repeat;
	text-indent: -999999px;
}
#shop .product a.tb{

	display: inline;
	font-size: 15px;
	color: #fff;
	margin-left: 10px;
}
#shop .product td.action{
	padding-left: 35px;
}
#shop .qty input{
	width: 40px;
	text-align: center;
	margin-left: 20px;
}
#shop .qty{
	padding-left: 30px;
}

#shop a{
	color: #c7dd54;
	text-decoration: underline;
}
#shop td.productprice span.price {
	padding-left: 13px
}

#shop td.productprice {
	padding-left: 28px;
}

td.productweight {
	padding-left: 10px;
}

td.productname {
	width: 160px;
}
div#carton{
	clear: both;
	font-size: 10px;
	padding-top: 15px;
}

/* @end */

/* @group table info */
table#shipinfo{
	width: 675px;
}
#shop #shipinput{
	float: left;
	width: 555px;
	margin-right: -10px;
	display: inline;
}
#shop #shipinput textarea{
	width: 545px;
	height: 50px;
}
#site #shop #shiplabel{
	float: left;
	display: inline;
	width: 95px;
}
table#shipinfo td.shiplabel {
	width: 90px;
	height: 40px;
}
table#shipinfo td input{
	width: 200px;
	margin-right: 20px;
	padding: 8px;
}

/* @end */


/* @end */

div#content div.news {
	position: absolute;
	margin-top: 150px;
	padding: 20px;
	width: 330px;
	background: url(./images/site/fond_news.png) repeat ;
}

/* End of 'base' */