* {
	margin:0; padding:0; border:0;
}

ul {
	list-style:none
}

body {
	color:#7f7f7f;
	font: normal 11px/1.5 Arial, Helvetica, sans-serif;	
	background: #fff url(/templates/img/bg-body.png) repeat-y 50% 0;
}

#page {
    position: relative; overflow:hidden; margin:0 auto;
    min-width:980px; max-width:1280px;	
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block}

* html .clearfix { height: 1%;}
.clearfix {display: block;}

#js .ghost {
	position:absolute; left:-9999px;
}

#pageMask {
	position:absolute; left:0; top:0; z-index:9;
	background:#000;
}


/*****************************************************/
/* crossMenu */
/*****************************************************/

#crossMenu {
    overflow:hidden; width:100%; height:19px; margin:0 10px 21px 0;
	text-align:right; line-height:19px;
	background: url(/templates/img/bg-crossmenu.png) repeat-x;

}

#crossMenu ul {
	float:right; margin-right:14px
}

#crossMenu li {
	padding: 0 14px;float:left
}

#crossMenu a {
	font-weight:bold; text-decoration: none;
	color: #d8dce7;
}

#crossMenu a:hover {
	text-decoration:underline
}

/*****************************************************/
/* mainNavigation */
/*****************************************************/

#mainNavigation {
	height:43px; padding: 0 30px 0 35px;
	line-height:43px;
	background:url(/templates/img/bg-main-navigation.png) repeat-x;
}

#mainNavigation li {
	float:left; height:43px;
	line-height:43px;
}

#mainNavigation li a {
	display:block;height:20px;padding: 0 18px 0 19px; margin-top:16px;
	line-height:20px;
	border-right: 1px dotted #fff;
}

#logoItem {
	position:relative; top:-23px; margin-right: 7px;
}

#mainNavigation li#logoItem:hover {
	background:none;
}

#mainNavigation #logoItem a {
	height:auto; padding:0; margin:0; border:0;
}

#mainNavigation li a:hover {
	text-decoration:none !important
}

#mainNavigation li.first a {
	border-left: 1px dotted #fff;	
}

#mainNavigation li li a {
	border:0 !important;	
}

#mainNavigation li.on, #mainNavigation li:hover {
	background: url(/templates/img/bg-main-navigation-over.png) repeat-x;
}


#mainNavigation #espaceProItem {
	float:right;
}

#mainNavigation #espaceProItem a {
	border-left: 1px dotted #fff;
}

#mainNavigation li .subMenu {
	position:absolute; width: 248px; top: 83px;
	left:-9999px;	
}

#mainNavigation li.open .subMenu, #mainNavigation li:hover .subMenu {
	left:auto; z-index:6;
}

#mainNavigation #espaceProItem.open .subMenu {
	right:28px !important;
}

.home #mainNavigation #espaceProItem.open .subMenu {
	right:33px !important;
}

#mainNavigation li.open a {
	padding:0
}

#mainNavigation li.open img {
	position:relative; top:-16px
}

#mainNavigation li li {
	height:26px;float:none;padding: 0 0 0 20px;
	line-height:26px;
}

#mainNavigation li li a {
	height:26px; line-height:26px; padding: 0; margin: 0;
	text-decoration: none;
	color:#616161;
	border:0;
	/*background:none;*/
}

.subMenuTop {
	height:13px;
	background: url(/templates/img/bg-submenu-top.png) no-repeat	
}

#mainNavigation li ul {
	background: url(/templates/img/bg-submenu-mid.png) repeat-y	
}

.subMenuBottom {
	height:19px;
	background: url(/templates/img/bg-submenu-bot.png) no-repeat	
}

li .subMenu li {
	padding: 0 0 0 20px;
	background: url(/templates/img/submenu-ruler.jpg) no-repeat 1px 100% !important;
}

.subMenu li.last {
	background:none !important;/*margin-bottom:-5px*/
}


/*****************************************************/
/* breadcrumb */
/*****************************************************/

#breadCrumb {
	position:absolute; left:36px; top:116px; overflow:hidden; z-index:5;

}

#breadCrumbWrapper {
	background:url(/templates/img/bg-breadcrumb-left.png) no-repeat;
}

#breadCrumb p{
	padding-left:24px;
	font-size:10px;
	color:#fff;
}

#breadCrumb ul{
	overflow:hidden;
	height:30px;margin-left:11px;
}

#breadCrumb li {
	float:left; overflow:hidden;
	height:30px;
	background:url(/templates/img/bg-breadcrumb-mid.png) repeat-x;
}

#breadCrumb a {
	display:block;
	padding:3px 12px 3px 7px;
	text-decoration:none;
	color:#6f6f6f;
	background:url(/templates/img/picto-03.gif) no-repeat 100% 10px;
}

ul #breadSwitcher {
	background:none
}

#breadSwitcher a {
	padding:0; outline:0
}

li#breadSwitcher a {
	background:none
}

#here {
	font-weight:bold;
	padding:3px 12px 3px 7px;
}

/*****************************************************/
/* pushs */
/*****************************************************/

.sidePush {
	overflow: hidden; padding-top: 14px;
	background: url(/templates/img/bg-sidecontent-top.png) no-repeat;
}

.sidePushWrapper {
	overflow: hidden;
	background: url(/templates/img/bg-sidecontent-mid.png) repeat-y;
}

.sidePushBottom {
	height:19px; clear: both;
	background: url(/templates/img/bg-sidecontent-bot.png) no-repeat;	
} 

.sidePush h2 {
	margin: 0 18px 5px; padding-bottom: 5px; 
	background:transparent url(/templates/img/dotted-01.gif) repeat-x 0 100%;
	font-size: 11px; text-transform: uppercase; line-height:18px;
	color: #d72020
}

.sidePush p {
	margin: 0 18px;
}

.sideIllus {
	float:left; margin: 0 8px 0 4px; 
}

.sidePushExtLink {
	margin: 5px 18px 5px; padding-top: 5px; clear: both; overflow: hidden;
	background:transparent url(/templates/img/dotted-01.gif) repeat-x;
}

.sidePushExtLink a {	
	padding-left:10px;
	background: url(/templates/img/picto-02.gif) no-repeat 0 5px;
	font-weight: bold; text-decoration: none;
	color: #7b3059;
}

.sidePushSimpleLink {
	margin: 5px 18px 5px; padding-top: 5px; clear: both; overflow: hidden;
}

.sidePushSimpleLink a {	
	padding-left:10px;
	background: url(/templates/img/picto-03.gif) no-repeat 0 5px;
	font-weight: bold; text-decoration: none;
	color: #7b3059;
}

/*****************************************************/
/* footer */
/*****************************************************/

#footer {
	padding:0px 28px;
	line-height:20px; /*height:20px;*/
}

#footer ul {
	height:20px;margin-top:100px; overflow:hidden;
	color: #3f5187; 
}

#footer li {
	float:left; padding: 0 5px;
	font-size:9px;
}

#footer li a {
	text-decoration: none;
	color: #3f5187;
}

#footer li a:hover {
	text-decoration:underline
}

#legal, #sitemap, #sanitaire {
	float:right !important;
}

/*****************************************************/
/* divers */
/*****************************************************/

#js .select select, #js .checkbox input {
    position:absolute; left:-10000px;
}

#boxFauxOptionsMask {
	z-index:100;
	background:url(/templates/img/px.gif);
}

.error {
	color:#e1193b;
}

.error em {
	float:right;
	padding:3px 0;
	font-weight:normal;
}