body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.clear {
clear:both;
}

#body_container {
	width:auto;
	height:100%;
	margin-right:auto;
	margin-left:auto;
}

#body_center {
	width:960px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	background-image:url(container_bg.gif);
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
}

#conteneur {
	width:940px;
	height:auto;
	margin-left:10px;
	margin-right:10px;		
	overflow:auto;
}

#conteneur_ssp {
	width:940px;
	height:520px;
	margin-left:10px;
	margin-right:10px;		
	overflow:hidden;
	z-index:1;
}

#logo {
	width:960px;
	height:100px;
	position:relative;
}

#menu {
	width:960px;
	height:30px;
	margin:0 auto 0 auto;
	z-index:2;
	background-color:#5b6975;
	border-bottom: 1px solid #fff;
}


#navgauche {
	width:180px;
	height:100%;
	padding-bottom:10px;
	float:left;
}

#catalogue {
	width:690px;
	height:500px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	float:right;
}

#closed {
	width:940px;
	height:500px;
	position:relative;
}
	
#ssp {
	width:730px;
	height:500px;
	/*padding-top:10px;
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;*/
	float:right;
}	
	
#body_bottom {
	width:960px;
	height:120px;
	position:inherit;
	margin-right:auto;
	margin-left:auto;	
	background-image:url(bottom_bg.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:20px;
}

#body_liens {
	width:920px;
	height:20px;
	padding-left:10px;
	padding-right:30px;
}

#body_ref {
	width:960px;
	height:40px;
	text-align:center;
	padding-top:3px;
}

div#box_search{width: 180px; padding: 0px; margin:5px; background:#E6E6E6;color:#000; padding-bottom:20px;z-index:1;}
div#box_search h1{font: lighter 15px "Trebuchet MS",Arial sans-serif;color: #208BE1}
div#box_search p{margin:0;padding: 5px; margin:0;}


div#box_link{ width: 180px; padding: 0px; margin:5px; background:#ff7f00; color:#000; text-align: center; }
div#box_link h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
div#box_link h1,p{margin:0;padding:10px 20px}
div#box_link a:link, div#box_link a:visited { color: #000; text-decoration: none; }
div#box_link a:hover { text-decoration: underline; background-color: #ff7f00;}

div#box_login{ width: 180px; padding: 0px; margin:5px; background:#E6E6E6; color:#000; }
div#box_login p{  padding: 5px; margin:0;  }

div#box_selection{ width: 180px; padding: 0px; margin:0 0 0 5px; background:#fff; color:#000; }


div#box_mailing{ width: 180px; padding: 0px; margin:5px; background:#E6E6E6; color:#000; }
div#box_mailing p{  padding: 5px; margin:0;  }

#dejavu {
	width: 180px;
	margin: 5px;
	padding: 0px;
	border-color:#5d6975;
}

#dejavu h1 {
	margin: 0px;
	padding: 5px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #606666;
	color: #fff;
	font-weight: bold;
}

/*#dejavu ul li { background: transparent url(medias/li_red.gif) no-repeat 6px 6px; }
#dejavu a:hover { text-decoration: underline; }*/

#texte_mailing {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;

}

#texte_client_inconnu_login {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: 100;

}

.sstitre {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	font-weight:100;
}

a {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-decoration: none;}

a:hover {  color: ##5d6975; font-size: 11px; text-decoration: none;}

a.body_liens {  font-family: "Trebuchet MS", Arial, Helvetica; font-size: 11px; color: #FFF; text-decoration: none; line-height:20px;}

.separateur {  font-family: "Trebuchet MS", Arial, Helvetica; font-size: 11px; color: #FFF; text-decoration: none;}

.body_ref {  font-family: "Trebuchet MS", Arial, Helvetica; font-size: 11px; color: #000; text-decoration: none; }

/******************* POWERBOUTIQUE21 **********************/

#encart_mailing {
	z-index:1;
}

#encart_login {
	z-index:1;
}

/******************* SUPERFISH **********************/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	/*line-height:	1.0;  IE6*/
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-size: 11px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	z-index:2;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:		#5b6975;	
	border-bottom: 0;
}
.sf-menu li li {
	background:		#5b6975;
	border-bottom: 1px solid #fff;
}
.sf-menu li li li {
	background:		#5b6975;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#70808f;
	outline:		0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */