@import url("includes/generiques.css");
@import url("includes/commons_portlets.css");
@import url("includes/marotte_portlets.css");
@import url("includes/overload_portlets.css");

/*
	CSS des structures de pages.
*/

body,body *{
  	margin:0; padding:0;}
body{
  	overflow-y: scroll;
  	width:100%; 
  	*overflow-y:hidden;}
  	
#WRAPPER_MAROTTE {
  	width:100%;
  	margin-left:auto; margin-right:auto; padding:0;
  	text-align:center;}
  	
#WRAPPER_MAROTTE #CONTENT{
  	background:transparent url('../../images/background/bg_bot_head.gif') top left repeat-x;
  	padding-top:10px;
  	width:100%;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT{
	width:954px;
	margin:auto;}
  	
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent  {
  	margin:0 auto; padding:0;
  	background:none;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent td{
  	vertical-align:top;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent .gauche, 
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent .centre, 
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent .droite{
  	width:280px;
  	padding:0px 20px;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent .gauche,
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .homeContent .centre{
  	border-right:#efefef solid 2px;}

#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent{
  	height:100%;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent td{
  	vertical-align:top;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent .gauche{
  	width:251px;
  	border-left:#d9d0c9 solid 1px; border-right:#d9d0c9 solid 1px;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent .centre {
  	padding-top:10px;
  	width:670px;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent .centre .haut{
  	background:transparent url('../../images/background/contentTop.gif') top left no-repeat;
  	text-align:right;
  	display:block;
  	padding-right:40px;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent .centre .contenu {
  	padding-right:50px; padding-left:15px;
  	min-height: 300px;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent .centre_bottom{
	padding-right:50px; padding-left:15px;
	vertical-align: bottom;}
#WRAPPER_MAROTTE #CONTENT #SUBCONTENT .pageContent .bas{
  	background:transparent url('../../images/background/contentBottom.gif') bottom right no-repeat;
  	height:43px;}



#WRAPPER_MAROTTE #HEADER{
  	height:120px; width:954px;
  	background: #fff url('../../images/background/bg_header.gif') no-repeat top left;
  	margin:auto;}
#WRAPPER_MAROTTE #HEADER table#SUBHEADER {
  	width:100%;
  	vertical-align:top;}
#WRAPPER_MAROTTE #HEADER table#SUBHEADER td#SUBHEADER_LEFT{
	height:120px; width:180px;}
#WRAPPER_MAROTTE #HEADER table#SUBHEADER td#SUBHEADER_RIGHT{
  	height:120px; width:774px;
  	vertical-align:top;}
  	
#WRAPPER_MAROTTE #HEADER table#HEADER_RIGHT{
	height:120px; width:774px;
	margin:auto;
  	vertical-align:top;}
#WRAPPER_MAROTTE #HEADER table#HEADER_RIGHT tr#HEADER_RIGHT_TOP{
	height:50px; width:774px;
	text-align:left;}
#WRAPPER_MAROTTE #HEADER table#HEADER_RIGHT tr#HEADER_RIGHT_TOP .espaceClient{
  	width:225px;
  	text-align:right;}
#WRAPPER_MAROTTE #HEADER table#HEADER_RIGHT tr#HEADER_RIGHT_TOP .langue{
	width:290px;
  	text-align:center;}
#WRAPPER_MAROTTE #HEADER table#HEADER_RIGHT tr#HEADER_RIGHT_TOP .recherche{
  	width:300px;
  	text-align:right;}
#WRAPPER_MAROTTE #HEADER table#HEADER_RIGHT tr#HEADER_RIGHT_BOTTOM{
	height:70px;width:774px;
	vertical-align:bottom;}



#WRAPPER_MAROTTE #FOOTER{
	width:100%;
	padding:10px 0px;
	background:transparent url('../../images/background/bg_top_foot.gif') top left repeat-x;}
#WRAPPER_MAROTTE #FOOTER #SUBFOOTER{
  	width:954px;
  	margin:auto;}
#WRAPPER_MAROTTE #FOOTER #SUBFOOTER table{
  	width:954px;
  	margin: 0 auto;}
#WRAPPER_MAROTTE #FOOTER #SUBFOOTER td.left{
  	text-align:left;}
#WRAPPER_MAROTTE #FOOTER #SUBFOOTER td.right{
  	text-align:right;}


.product_description {
	width:70px;
	margin-bottom:5px;
	margin-top:3px;
	text:center;
	margin-left:10px;
	*margin-left:0px;
}

.product_description a {
	font-size:10px !important;
	cursor:pointer;
}