/*************************************/
/* basic elements                    */
/*************************************/
html {
	margin: 0px;
	padding: 0px;
}

body { 
	margin: 0px; 
	padding: 0px;
}

body.home { background: #f6f6f6 url(../Img/body-bg-blue.gif) repeat-x; }
body.Red { background: #f6f6f6 url(../Img/body-bg-red.gif) repeat-x; }
body.Yellow { background: #f6f6f6 url(../Img/body-bg-yellow.gif) repeat-x; }
body.Green { background: #f6f6f6 url(../Img/body-bg-green.gif) repeat-x; }
body.Blue { background: #f6f6f6 url(../Img/body-bg-blue.gif) repeat-x; }
body.Purple { background: #f6f6f6 url(../Img/body-bg-purple.gif) repeat-x; }

p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#868686;
	margin:0px;
	margin-bottom:10px;
	line-height:20px;
}

/*************************************/
/* clearers, etc                     */
/*************************************/
.clear
{
	clear:both;
}

.clearAfterBloc
{
	clear:both;
	margin-bottom: 4px;
}


/*************************************/
/* containers                        */
/*************************************/
#ContainerFixedSiteWithMargins
{
	top: 0px;
	width: 1150px;
	height: 100%;
	text-align: center;
	margin: auto;
}

#ContainerFixedSite { 
	top: 0px;
	width: 1130px;
	height: 100%;
	text-align: center;
	/*margin: auto;*/
	margin-left:10px;
	background: #f6f6f6;
/*	border: 1px solid black;*/
}

#ContainerHeader { 
	top: 0px;
	left: 0px;
	width: 1130px;
	min-width: 1130px;
	height: 370px;
	/*background: #f6f6f6 url(../Img/body-bg-purple.gif) repeat-x;*/
/*	border: 1px solid red;*/
}

body.home #ContainerHeader { background: #f6f6f6 url(../Img/body-bg-blue.gif) repeat-x; }
body.Red #ContainerHeader { background: #f6f6f6 url(../Img/body-bg-red.gif) repeat-x; }
body.Yellow #ContainerHeader { background: #f6f6f6 url(../Img/body-bg-yellow.gif) repeat-x; }
body.Green #ContainerHeader { background: #f6f6f6 url(../Img/body-bg-green.gif) repeat-x; }
body.Blue #ContainerHeader { background: #f6f6f6 url(../Img/body-bg-blue.gif) repeat-x; }
body.Purple #ContainerHeader { background: #f6f6f6 url(../Img/body-bg-purple.gif) repeat-x; }

#ContainerContent { 
	clear:both;
	float : left;
	top: 0px;
	width : 1130px;
	min-width: 1130px;
	min-height: 360px;
/*	border: 1px solid red;*/
/*	background: white url(..../Img/bg_left.gif); */
	text-align:left;
}

#ContainerFooter { 
	clear:both;
	float:left;
	width : 1130px;
	min-width: 1130px;
	/*height: 150px;*/
	background: #eaeaea;
/*	border: 1px solid red;*/
/*	background: #c9c9c9 url(..../Img/Footer.jpg) no-repeat top center; */
	margin-top:50px;
}


/*************************************/
/* header                            */
/*************************************/
#TopHeader
{
	float:left;
	width:100%;
	height:75px;
	/*border:1px solid red;*/
}

#DivHeaderLogo 
{
	float:left;
	width:195px;
	height:47px;
	/*margin-left:10px;*/
	margin-top:10px;
}

#DivHeaderLogo a
{
	text-decoration: none;
}

#DivHeaderLogo a
{
	border:0px;
}

#DivHeaderTopRight
{
	float:right;
	width:400px;
}

#DivHeaderLanguage 
{
	float:right;
	margin-top:8px;
	font : normal 10px Arial, Helvetica, sans-serif;
	color:#4587c0;
}

#DivHeaderLanguage a
{
	font : normal 12px Arial, Helvetica, sans-serif;
	color:#4587c0;
	text-decoration:none;
}

#DivHeaderLanguage a:hover
{
	text-decoration:underline;
}

#DivHeaderMenu
{
	clear:both;
	float:right;
	height:32px;
	margin-top:10px;
}

#DivHeaderMenuBorderLeft
{
	float:left;
	width:3px;
	height:32px;
	background: url(../Img/header-menu-border-left-bg.gif) no-repeat;
}

#DivHeaderMenuBorderRight
{
	float:left;
	width:3px;
	height:32px;
	background: url(../Img/header-menu-border-right-bg.gif) no-repeat;
}

#DivHeaderMenuContent
{
	float:left;
	height:32px;
	/*padding-top:9px;
	padding-left:15px;
	padding-right:15px;
	font : normal 12px Arial, Helvetica, sans-serif;
	color:#4587c0;*/
	background: url(../Img/header-menu-bg.gif) repeat-x;
}

#DivHeaderMenuContentInner
{
	margin-top:8px;
	margin-left:15px;
	margin-right:15px;
	font : normal 12px Arial, Helvetica, sans-serif;
	color:#4587c0;
}

#DivHeaderMenuContent a
{
	font : normal 12px Arial, Helvetica, sans-serif;
	color:#4587c0;
	text-decoration:none;
}

#DivHeaderMenuContent a:hover
{
	text-decoration:underline;
}

#DivHeaderMenuContent a.Bold
{
	font : bold 12px Arial, Helvetica, sans-serif;
	color:#4587c0;
	text-decoration:none;
}

#DivHeaderMenuContent a.Bold:hover
{
	text-decoration:underline;
}


/*************************************/
/* top promo box                     */
/*************************************/
#TopPromoBox
{
	clear:both;
	float:left;
	width:100%;
	height:210px;
	/*margin-top:10px;*/
	/*background:orange;*/
}

#TopPromoImage
{
	float:left;
	width:560px;
	height:210px;
}

#TopPromoImage Img
{
	float:left;
}

#TopPromoText
{
	display:inline;				/* Juste pour éviter bug IE7 (et IE6) qui décale le bouton de 30px (margin-left) dans la div */
	float:left;
	width:540px;
	/*height:210px;*/
	margin-left:30px;
	margin-top:33px;
	text-align:left;
	font : normal 11px Arial, Helvetica, sans-serif;
	color : #9aadba;
	/*border:1px solid red;*/
}

#TopPromoText p
{
	margin: 0px;
	line-height:25px;
	margin-bottom:10px;	
	font : normal 12px Arial, Helvetica, sans-serif;
}

#TopPromoText h1
{
	margin:0;
	padding:0;
	margin-bottom:2px;
	font : bold 25px Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px #ccc; 
}

#TopPromoText h1.home { color:#535252; }
#TopPromoText h1.Red { color:#e06940; }
#TopPromoText h1.Yellow { color:#d58e3c; }
#TopPromoText h1.Green { color:#709128; }
#TopPromoText h1.Blue { color:#2d6b9e; }
#TopPromoText h1.Purple { color:#7762a7; }


#TopPromoText h2
{
	margin:0;
	padding:0;
	margin-bottom:10px;
	font : bold 20px Arial, Helvetica, sans-serif;	
	color:#5398d9;
}

#TopPromoText .Button
{
	height:29px;
	/*margin:0px;*/
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	background: url(../Img/button-blue-bg.gif) repeat-x;
	border:0px;
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #ffffff;
	cursor:pointer;
	overflow: visible;		/* Just to remove extra left/right padding in IE7... */
}


/*************************************/
/* top menu                          */
/*************************************/
#TopMenu
{
	display:inline;
	/*clear:both;*/
	float:left;
	position:relative;
	width:816px;
	/*width:100%;
	height:47px;*/
	/*border:1px solid red;*/
	/*background:red;*/
}

#TopMenu ul 
{
	float:left;
	display:block;
	margin : 0px; 
	padding : 0px;
	padding-left:2px;
	list-style : none;
	background: url(../Img/top-menu-level1-separ.gif) no-repeat;
	/*border:1px solid red;*/
}

#TopMenu ul li {
	float:left;
	display:block;
	margin : 0px; 
	padding : 0px;
}

#TopMenu li a
{
	float:left;
	display:block;
	height:48px;
	z-index:9886;
	/*padding-top:15px;*/
	padding-left:21px;
	padding-right:23px;
	background: url(../Img/top-menu-level1-separ2.gif) no-repeat;
	background-position:right 0px;
	font : normal 12px Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration:none;
}

#TopMenu li:hover a, #TopMenu li.over a
{
	z-index:9887;
	background-position:right -47px;
	/*background: url(../Img/top-menu-level1-separ-hover.gif) no-repeat right top;*/
	/*font-weight:bold;*/
}

#TopMenu li a span
{
	line-height:47px;	
}

#TopMenu li div
{
	display:none;
	/*padding-top:10px;
	padding-bottom:15px;*/
}

#TopMenu li:hover div, #TopMenu li.over div
{
	display:block;
	position:absolute;
	clear:both;
	float:left;
	/*width:564px;*/
	height:34px;
	/*background-color:#FFF;*/
	z-index:9888;
	margin-top:48px;
}


/* LEVEL 2 */

#TopMenu ul ul
{
	float:left;
	display:block;
	margin : 0px; 
	padding : 0px;
	padding-left:2px;
	list-style : none;
	background: url(../Img/top-menu-level2-separ.gif) no-repeat;
	margin-left:-2px;
	/*border:1px solid red;*/
}

#TopMenu li li a
{
	/*float:left;*/
	display:block;
	height:34px;
	line-height:34px;
	z-index:9886;
	/*padding-top:10px;*/
	padding-top:0px;
	padding-left:21px;
	padding-right:23px;
	/*background: url(../Img/top-menu-level2-separ.gif) no-repeat right top;*/
	/*border-left:1px solid transparent;*/
	font : normal 12px Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration:none;
}

#TopMenu li.red li a { background: url(../Img/top-menu-level2-separ-hover-red2.gif) no-repeat right top; }
#TopMenu li.yellow li a { background: url(../Img/top-menu-level2-separ-hover-yellow2.gif) no-repeat right top; }
#TopMenu li.green li a { background: url(../Img/top-menu-level2-separ-hover-green2.gif) no-repeat right top; }
#TopMenu li.blue li a { background: url(../Img/top-menu-level2-separ-hover-blue2.gif) no-repeat right top; }
#TopMenu li.purple li a { background: url(../Img/top-menu-level2-separ-hover-purple2.gif) no-repeat right top; }

#TopMenu li li a:hover
{
	z-index:9887;
	background-position:right -34px;
}


#TopMenu li.red li a:hover { padding-left:20px;border-left:1px solid #e06940; }
#TopMenu li.yellow li a:hover { padding-left:20px;border-left:1px solid #d58e3c; }
#TopMenu li.green li a:hover { padding-left:20px;border-left:1px solid #709128; }
#TopMenu li.blue li a:hover {	padding-left:20px;border-left:1px solid #2d6b9e; }
#TopMenu li.purple li a:hover { padding-left:20px;border-left:1px solid #7762a7; }

#TopMenu li li a span
{
	line-height:34px;
}

#TopMenu li.blue div
{
	width:600px;
}

/*************************************/
/* search + client access            */
/*************************************/
#DivHeaderBottomRight
{
	float:right;
	width:198px;
	z-index:5;
}

#DivSearch
{
	float:right;
	width:216px;
	height:26px;
	margin-top:10px;
	background: url(../Img/header-search-bg.gif) no-repeat;
	/*border:1px solid orange;*/
}

#DivSearch form
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  padding:0px;
}

#DivSearch .Input
{
	float:left;
	height:14px;
	width:165px;
	margin-top:5px;
	margin-left:10px;
	/*border:1px solid red;*/
	border:0px;
	font : normal 11px Arial, Helvetica, sans-serif;
	color : #9c9c9c;
}

#DivSearch .Button
{
	float:right;
	width:29px;
	height:26px;
	background: url(../Img/header-search-button-bg.jpg) no-repeat;
	border:0px;
	cursor:pointer;
}

#DivClientAccess
{
	clear:both;
	float:left;
	margin-top:17px;
}

#DivClientAccess .Button
{
	height:19px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;	
	background: #454646 url(../Img/header-client-access-bg.gif) repeat-x;
	border:1px solid #4e4e4e;
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #ffffff;
	cursor:pointer;
	overflow: visible;		/* Just to remove extra left/right padding in IE7... */
}

#DivClientAccess .ButtonOver
{
	height:19px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	
	background: #454646 url(../Img/header-client-access-over-bg.gif) repeat-x;
	border:1px solid #4e4e4e;
	font : bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color : #ffffff;
	cursor:pointer;
	overflow: visible;		/* Just to remove extra left/right padding in IE7... */
}

#DivClientAccessUserPass{
	margin-top: 85px;
	margin-left: -190px;
	height:40px;
	width: 386px;
	z-index:10;
	border: 1px solid #dbd8d8;
	background:#ececec ;
}

.DivClientAccessUserPassField
{
	height:20px;
	width: 160px;
	margin-top:8px;
	margin-left:8px;
	border: 1px solid #dbd8d8;
}

#DivClientAccessUserPass .Button
{
	height:24px;
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top: 0px;
	background: #454646 url(../Img/header-client-access-over-bg.gif) repeat-x;
	border:1px solid #4e4e4e;
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration: none;
	cursor:pointer;
	overflow: visible;		/* Just to remove extra left/right padding in IE7... */
}

#DivClientAccessUserPass a
{
	text-decoration: none;
}

#DivWebMailAccess
{
	float:right;
	margin-top:17px;
}

#DivWebMailAccess .Button
{
	height:19px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background: #454646 url(../Img/header-client-access-bg.gif) repeat-x;
	border:1px solid #4e4e4e;
	font : bold 11px Arial, Helvetica, sans-serif;
	
	color : #ffffff;
	cursor:pointer;
	overflow: visible;		/* Just to remove extra left/right padding in IE7... */
}

#DivWebMailAccess a {
	text-decoration: none;
}


/*************************************/
/* navigation titres (liens)         */
/*************************************/
#DivTitleNav 
{
	clear:both;
	float : left;
	/*top: 0px;*/
	width : 1130px;
	height: 55px;
	text-align:left;
}

#DivTitleNavInner
{
	margin-top:20px;
	font : normal 13px Arial, Helvetica, sans-serif;
	color:#7aa8d0;
}

#DivTitleNavInner a
{
	font : normal 13px Arial, Helvetica, sans-serif;
	color:#7aa8d0;
	text-decoration:underline;
}


/*************************************/
/* contenu                           */
/*************************************/
#DivContentLeft { 
	clear:both;
	float : left;
	width : 680px;
	/*border:1px solid red;*/
}

#DivContentRight { 
	float : left;
	width : 450px;
	/*border:1px solid orange;*/
}


/*************************************/
/* bottom menu + etic                */
/*************************************/
#BottomMenu
{
	float:left;
	width:100%;
	margin-top:12px;
	padding-bottom:25px;
	/*background: url(../Img/bottom-menu-etic-bg.gif) no-repeat right bottom;*/
	text-align:left;
	/*z-index:8999;*/
	/*width:1100px;*/
	/*border:1px solid red;*/
	/*width:100%;*/
}

/*.BottomMenuCol
{
	float:left;
	padding-left:40px;
	padding-right:40px;
	border-right:1px solid #d2d2d2;
	font : bold 14px Arial, Helvetica, sans-serif;
	color : #a3a4aa;
}

.BottomMenuCol ul
{
	margin : 0px; 
	padding : 0px;
	margin-top:16px;
	padding-left : 15px;
	list-style : square outside url(../Img/bottom-menu-list-bg.gif);
}

.BottomMenuCol li
{
	padding-left : 6px;
	margin-bottom:2px;
}

.BottomMenuCol li a
{
	font : normal 11px Arial, Helvetica, sans-serif;
	color : #a4a8ad;
	text-decoration:none;
}

#BottomMenu .first
{
	padding-left:18px;
}*/

#BottomMenuTable
{
}

#BottomMenuTable td
{
	padding-left:40px;
	padding-right:40px;
	/*border-right:1px solid #d2d2d2;*/
	background: url(../Img/bottom-menu-col-bg2.gif) no-repeat right 14px;
	vertical-align:top;
	font : bold 13px Arial, Helvetica, sans-serif;
	color : #a3a4aa;
}

#BottomMenuTable td.title
{
	/*border-right:0px;*/
	font : bold 13px Arial, Helvetica, sans-serif;
	color : #a3a4aa;
}

#BottomMenuTable td.first
{
	padding-left:18px;
}

#BottomMenuTable td.last
{
	background:none;
}

#BottomMenuTable ul
{
	margin : 0px; 
	padding : 0px;
	margin-top:16px;
	padding-left : 15px;
	list-style : square outside url(../Img/bottom-menu-list-bg.gif);
}

#BottomMenuTable li
{
	padding-left : 6px;
	margin-bottom:2px;
}

#BottomMenuTable li a
{
	font : normal 11px Arial, Helvetica, sans-serif;
	color : #a4a8ad;
	text-decoration:none;
}

#BottomMenuTable li a:hover
{
	font : normal 11px Arial, Helvetica, sans-serif;
	color : #5e6670;
	text-decoration:none;
}

#DivEtic
{
	position:relative;
	clear:both;
	height:0px;
	/*border:1px solid red;*/
}

#DivEticInner
{
	position:absolute;
	right:16px;
	top:-60px;
	font : normal 11px Arial, Helvetica, sans-serif;
	color : #a1a1a1;
	width: 100px;
	/*z-index:9000;*/
	/*border:1px solid orange;*/
}

#DivEticInner  img
{
	float: right;
	padding-top:10px;
}

#DivEticInner  a
{
	text-decoration:none;
	color : #a1a1a1;
	border:none;
}

/***********************************************/
/* bottom contact info + links + privacy       */
/***********************************************/
#DivFooterBottom
{
	clear:both;
	width:100%;
	height:42px;
	background:#5e6670;
}

#DivBottomLinks
{
	float:left;
	margin-top:12px;
	margin-left:15px;
	font : normal 13px Arial, Helvetica, sans-serif;
	color : #cfd1d4;
}

#DivBottomLinks a
{
	font : normal 13px Arial, Helvetica, sans-serif;
	color : #cfd1d4;
	text-decoration:none;	
}

#DivBottomLinks a:hover
{
	text-decoration:underline;
}

#DivBottomContact
{
	float:right;
	margin-top:12px;
	margin-right:15px;
	font : normal 13px Arial, Helvetica, sans-serif;
	color : #aab3bd;
}

#DivBottomContact span.address
{
	letter-spacing:-1px;
}

#DivBottomContact span.phone
{
	font-weight:bold;
}

#DivBottomContact a.website
{
	font : bold 13px Arial, Helvetica, sans-serif;
	color : #aab3bd;
	text-decoration:none;
}

#DivBottomContact a.website:hover
{
	text-decoration:underline;
}

#DivBottomContact a.email
{
	font : bold 13px Arial, Helvetica, sans-serif;
	color : #aab3bd;
	text-decoration:underline;
}

#DivFooterPrivacy
{
	clear:both;
	float:left;
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	/*height:42px;*/
	background:#f6f6f6;
	font : normal 11px Arial, Helvetica, sans-serif;
	color:#a7a7a7;
	text-align:right;
}

#DivFooterPrivacy a
{
	font : normal 11px Arial, Helvetica, sans-serif;
	color:#a7a7a7;
	text-decoration:underline;
}

#DivFooterPrivacy a:hover
{
	font : normal 11px Arial, Helvetica, sans-serif;
	color:#5e6670;
	text-decoration:underline;
}