/* ******************************************************** PARTIE COMMUNE ********************************** */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #fff;
	margin: 0;
}
html, body {
	height: 100%;
	width: 100%;
}

ul {
	margin: 0;
	padding: 0;
}

span.exposant {
	vertical-align: super;
	font-size: 0.75em;
	position: relative;
	top: 2px;
	font-size: 7px;
}
#content {
	z-index: 1;
}
/* ****************************************************** GESTION DES PUSHS ACCUEIL ********************************** */
#push_accueil_news {
	float: left;
	background: url(/design/images/bg_push_news_accueil.gif) no-repeat top left; 
	width: 453px; 
	height: 161px;
}
#push_accueil_about {
	float: left;
	background: url(/design/images/bg_push_about_accueil.jpg) repeat-y top left; 
	width: 284px; 
	height: 137px;
	padding: 15px 14px 10px 14px;
	margin-left: 9px;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	cursor: pointer;
}
#push_accueil_customers {
	float: left;
	background: url(/design/images/bg_push_customers_accueil.gif) no-repeat top left; 
	width: 174px; 
	height: 139px;
	padding: 15px 8px 8px 14px;
	margin-left: 9px;
}
/* ****************************************************** GESTION DES MENUS ********************************** */
#barreMenu {
	position :absolute;
	margin: 0;
	left: 0;
	height: 51px;
	width: 100%;
	min-width: 980px;
	text-align: left;
}
#blocMenu {
	position: relative;
	margin: 0;
	left: 0;
	width: 100%;
	min-width: 980px;
	height: 51px;
	text-align: center;
	z-index: 20;
}
#menu {
	font-size: 10px;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#menu .padder {
	/*padding-left: 18px;*/
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu dl {
	float: left;
}
#menu dt {
	color: #fff;
	cursor: pointer;
	text-align: left;
	height: 51px;
	line-height: 51px;
}
#menu dt a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: 51px;
	color: #fff;
	text-decoration:none;
	line-height: 51px;
	white-space: nowrap;
	background: url(/design/images/bg_menu.jpg) repeat-x top left;
	padding: 0 64px 0 24px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
#menu dt a:hover {
	background: url(/design/images/bg_menu_on.jpg) repeat-x top left;
}
#menu dt a.on {
	background: url(/design/images/bg_menu_on.jpg) repeat-x top left;
}
#menu dt a.on:hover, #menu dt a.menuContacton:hover {
	color: #fff;
	cursor: default;
}
#menu dt a.menuContact {
	background: url(/design/images/bg_menu_contact.jpg) repeat-x top left;
	width: 87px;
}
#menu dt a.menuContact:hover {
	background: url(/design/images/bg_menu_contact_on.jpg) repeat-x top left;
}
#menu dt a.menuContacton {
	background: url(/design/images/bg_menu_contact_on.jpg) repeat-x top left;
}
dd#smenu1, dd#smenu2, dd#smenu3, dd#smenu4, dd#smenu5, dd#smenu6 {
	position: absolute;
	display: none;
	padding: 9px 0 7px 0;
	background: #4665a7 url(/design/images/bg_menu_defilant.gif) repeat-y right top;
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}
#menu li, #sous_menu li, #menu_bottom li {
	text-align: left;
	display: inline;
}
#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0 0 0 19px;
	height: 17px;
	font-size: 11px;
	line-height: 17px;
	color: #fff;
	text-decoration: none;
	background: url(/design/images/puce_menu.gif) no-repeat 10px 7px;
}
#menu li a:hover {
	font-weight: bold;
}
/******/
#sous_menu {
	width: 962px;
	height: 29px;
	padding-left: 18px;
	background: url(/design/images/bg_sous_menu.jpg) no-repeat top left;
}
#sous_menu li a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0 20px 0 20px;
	height: 13px;
	font-size: 12px;
	line-height: 13px;
	color: #115795;
	text-decoration: none;
	margin-top: 7px;
	border-right: 1px solid #115795;
	float: left;
}
#sous_menu li a:hover, #sous_menu li .activeSmenu {
	font-weight: bold;
}

/******/
#menu_bottom {
	height: 14px;
	/*padding-left: 38px;*/
}
#menu_bottom li a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0 10px 0 10px;
	height: 13px;
	font-size: 12px;
	line-height: 14px;
	color: #115795;
	text-decoration: none;
	margin-top: 7px;
	border-left: 1px solid #115795;
	float: left;
	font-weight: bold;
}
#menu_bottom li a:hover, #menu_bottom li .activeBmenu {
	text-decoration: underline;
}
/* ******************************************************** EXTRA TOOLS *********************************** */
#nav_haut{
	/*position:absolute;*/
	float:right;
	width:730px;
	margin:15px 235px 0 0;
	border-bottom:1px solid #ccd9e7;
}
/*date en haut a gauche*/
#nav_haut .date{
	font-size:11px;
	float:left;
}
/*outils zoom, impression, envoi mail... en haut a  droite*/
#nav_haut ul{ float:right; }
#nav_haut ul li{
	float:left;
	list-style-type:none;
}
#nav_haut ul li a{
	display:block;
	border-right:1px solid #ccd9e7;
	padding:0 3px 2px 3px ;
}
#nav_haut ul li.derniere a{
	border-right:none;
	padding-right:0 ;
}
/******/
#nav {
	list-style-type: none;
}
#nav li {
	float: left;
}
/* ****************************************************** GESTION CONTENU ********************************** */
.bg_content table {
	font-size: 11px;
}
/* ****************************************************** GESTION DES IMAGES ********************************** */
.xs {
	border: 4px solid #ccc;
}
img {
	border: 0;
}
/* ******************************************************** GESTION DES COULEURS ********************************** */
.bg_color_info {
	background-color: #900;
}
.bg_color_error {
	background-color: #900;
}
.bg_color_blanc {
	background-color: #fff;
}
.bg_color_gris {
	background-color: #e4e4e4;
}
.bg_color_beige {
	background: #f8f7f1 url(/design/images/bg_sous_menu.jpg) repeat-y top left;
}
.bg_color_0 {
	background-color: #fcfcfc; /* blanc cassé */
}
.bg_color_1 {
	background-color: #a5cbef;  /* menu bleu 1 */
}
.bg_color_2 {
	background-color: #4d7caa; /* menu bleu 2 */
}
.bg_hachure {
	font-size:9px;
	background: url(/design/images/hachure.gif) repeat;
}
.bg_trait {
	padding-bottom:10px;
	background: url(/design/images/bg_trait.gif) repeat-x bottom;
	margin-bottom:10px;
}
.bg_trait_ombre {
	padding:0 10px 10px 10px;
	background: url(/design/images/bg_trait_ombre.gif) repeat-x bottom;
	margin-bottom:10px;
}
/* ******************************************************** GESTION BACKGROUND *********************************** */
.bg {
	background: #fff;
}

/* Col Left */
.bg_part_1 {
	background: url(/design/images/bg_part_1.png) no-repeat bottom right;
}
/*.bg_part_1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/images/bg_part_1.png',sizingMethod='scale');
}*/
.bg_part_2 {
	background: url(/design/images/bg_part_2.png) repeat-y right;
}
/* Col Right */
.bg_part_b5 {
	background: url(/design/images/bg_part_5.png) repeat-y left;
}
/* Content */
.bg_content {
	background: #fff;
}
/* Bottom */
.bg_part_bl {
	background: url(/design/images/bg_part_bl.png) no-repeat top right;
}
.bg_part_bm1 {
	background: url(/design/images/bg_part_bm1.png) no-repeat top left;
}
.bg_part_bm2 {
	background: url(/design/images/bg_part_bm2.png) repeat-x top;
}
.bg_part_bm3 {
	background: url(/design/images/bg_part_bm3.png) no-repeat top right;
}
.bg_part_br {
	background: url(/design/images/bg_part_br.png) no-repeat top left;
}
/* Menu */
.bg_menu {
	background: #689ccb url(/design/images/bg_menu.jpg) repeat-x top left;
}

a.infobulle {
	position: relative;
	text-decoration: none;
	color: black;
	/*border-bottom: 1px gray dotted;*/
	cursor: help;
}
a.infobulle span {
	display: none;
}
a.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infobulle:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 1em;
	background-color: #fff;
	border: 1px dotted #ccc;
	text-align: center;
	color: #c10832;
	padding: 2px;
}
/* ******************************************************** GESTION LISTING  ********************************** */
a.menu_listing {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-color: #e6e8ef;
	padding: 2px 6px;
	width: 223px;
}
a.menu_listing_f {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-color: #e6e8ef;
	padding: 2px 6px;
	width: 223px;
	background: #e6e8ef url(/design/page_white_acrobat.gif) no-repeat right top;
}
a.menu_listing:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-color: #e0a4ae;
}
a.menu_listing_f:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background: #e0a4ae url(/design/page_white_acrobat.gif) no-repeat right top;
}
a.menu_listing_on, a.menu_listing_on:hover  {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #255da3;
	padding: 2px 6px;
	width: 223px;
}
a.menu_listing_f_on, a.menu_listing_f_on:hover  {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding: 2px 6px;
	width: 223px;
	background: #255da3 url(/design/page_white_acrobat.gif) no-repeat right top;
}
/* ******************************************************** GESTION LIENS NAVIGATION ********************************** */
#content div.barre_navigation ul {
	list-style-type: none;
}
#content div.barre_navigation li {
	float: left;
}
#content div.barre_navigation li a, #content div.barre_navigation li span.disable_lien_nav, #content div.barre_navigation li span.fleche_nav, #content div.barre_navigation li span.fleche_nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	border: 1px solid #eee;
	background-color: #fff;
	text-decoration: none;
	color: #16478a;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
}
#content div.barre_navigation li a:hover {
	border: 1px solid #16478a;
	background-color: #679bca;
}
#content div.barre_navigation li span {
	cursor: default;
}
#content div.barre_navigation li span.lien_nav_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	border: 1px solid #16478a;
	background-color: #fff;
	text-decoration: none;
	color: #16478a;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
	background-color: #679bca;
	font-weight: bold;
}
#content div.barre_navigation li a.fleche_nav, #content div.barre_navigation li span.fleche_nav {
	margin-right: 5px;
}
#content div.barre_navigation li a.fleche_nav2, #content div.barre_navigation li span.fleche_nav2 {
	margin-left: 5px;
}
#content div.barre_navigation li span.disable_lien_nav {
	color: #ccc;
}
#content div.barre_navigation .infos_nav {
	display: block;
	margin: 5px 3px;
	color: #16478a;
}

/* ******************************************************** GESTION QUICK ACCESS ********************************** */
ul.quick_access li {
	list-style: none;
	text-align: center;
}
ul.quick_access li a {
	text-decoration: none;
	filter: alpha(opacity=70);
	opacity: 0.70;
}
ul.quick_access li a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}