body { margin:0px; color:#3F5B7C;  padding:0;} 

/*définition des polices et tailles globales*/
h1, h2, h3, h4, h5, h6 { font-family:verdana,arial,helvetica,sans-serif; }
p, div, th, td, ul, ol, li, dt, dd, nobr, input, option, textarea { font-size:11px; font-family:verdana,arial,helvetica,sans-serif; }
.h1 { font-size:18px; font-weight: bold; color:#101C68;} 
.h5 { font-size:16px; font-weight: bold; color:#101C68;} 
.h4 { font-size:14px; font-weight: bold; color:#101C68;} 
/*couleur des liens par défaut*/
a:link { color:#43576F; text-decoration:underline;; } 
a:visited { color:#43576F; text-decoration:underline; }
a:hover { color:#878753; text-decoration:underline; } 
a:active { color:#43576F; text-decoration:underline; } 


/*mise en page des blocs fleet*/
#header1, #header2, #header3, #breadcrumbs, #content, #footer, #bottom {width:100%;
					text-align:center;
					clear:both;
					}

div.center {
		width:773px;
		text-align:left;
		margin:auto;
		}
					
#header1, #header2 {
				 background-color:#7C98B0;
}

/*------------------------------------------*/

#header1 .center {
				 text-align:right;
				 }
				 
#header1 { font-size:10px; }
#header1 a { }
#header1 a:link { color:#333333; text-decoration:none; }
#header1 a:visited { color:#333333; text-decoration:none; }
#header1 a:hover { color:#333333; text-decoration:underline; }
#header1 a:active { color:#333333; text-decoration:none; }

/*------------------------------------------*/
 
#header2 .center a {
		text-align:left;
		display:block;
		}

#header2 .center .login{
				 float:right;
				 width:312px;
				 height:50px;
				 margin:18px 2px 2px 0;
				 text-align:right;
				 background-image:url(../images/common/all/club_login_bkg.jpg);
				 background-repeat:no-repeat;
				 }

#header2 .center .login .title {
				 margin-right:30px;
				 color:#000033;
				 font-size:12pt;
				 font-weight: bold;
				 font-family:verdana,arial,GillSans;
				 }
				 
#header2 .center .login .title img {
				 position:relative;
				 top:5px;
				 left:5px;
				 }

#header2 .center .login  a 
				{text-align:right;
				display:inline}

#header2 .center .login .title a:link 
			{  margin-right:30px;
				 color:#000033;
				 font-size:13pt;
				 font-weight: bold;
				 font-family:verdana,arial,GillSans; 
				 text-decoration:none; }
#header2 .center .login .title a:visited { color:#ffffff; text-decoration:none; }
#header2 .center .login .title a:hover { color:#ffffff; text-decoration:underline; }
#header2 .center .login .title a:active { color:#ffffff; text-decoration:none; }

#header2 .center .login .field {
				 font-size:10px;
				 border:none;
				 width:116px;
				 height:15px;
				 }
				 
#header2 .center .login .field2 {
				 position:relative;
				 top:3px; }
	
/*LOGGIN*/
.Titlelog    {   color:#000033;
				 font-size:8pt;
				 font-weight: bold;
				 font-family: verdana,arial,GillSans; 
				 text-decoration:none; }
.Textlog{ font-size:8pt; font-weight: bold;font-family: verdana,arial,GillSans; color:#4b4b4b; text-decoration:none;}
a.Textlog:link { font-size:8pt; font-weight: bold;font-family: verdana,arial,GillSans; color:#4b4b4b; text-decoration:none;}
a.Textlog:visited {font-size:8pt; font-weight: bold;font-family: verdana,arial,GillSans; color:#4b4b4b; text-decoration:none; }
a.Textlog:hover { font-size:8pt; font-weight: bold;font-family: verdana,arial,GillSans; color:#0A263E; text-decoration:none;}
a.Textlog:active { font-size:8pt; font-weight: bold;font-family: verdana,arial,GillSans; color:#4b4b4b; text-decoration:none; }
	
/*BOTTOM*/
.linkbottom    {   color:#6699CC;
				 font-size:7pt;
				 font-family: verdana,arial,GillSans; 
				 text-decoration:none; }
.Languebottom    {   color:#8CADC9;
				 font-size:7pt;
				 font-weight: bold;
				 font-family: verdana,arial,GillSans; 
				 text-decoration:none; }		
	 
/*------------------------------------------*/
				 
#header3, #footer {
				 background-color:#435770;
}

/*------------------------------------------*/

#breadcrumbs { background-color:#4C2779;height:20px; padding:2px 0px; font-size:11px; color:#FFFFFF; }
#breadcrumbs a { }
#breadcrumbs a:link { color:#FFFFFF; text-decoration:none; }
#breadcrumbs a:visited { color:#FFFFFF; text-decoration:none; }
#breadcrumbs a:hover { color:#FFFFFF; text-decoration:underline; }
#breadcrumbs a:active { color:#FFFFFF; text-decoration:none; }

/*------------------------------------------*/

#content {
				 background-color:#FFFFFF;}

#content .center {
  margin:auto;}

#content .center .left {
			float:left;
			width:386px;}

#content .center .right {
			float:right;
			width:380px;
			border:10px 0 2px 5px;}

.box3  { padding: 10px; height: auto; width: 100%; background-color:#DEE6DB; }
.box3 select {font-size:11px; width:160px;}
.box3 .label1 {padding:2px 0px 2px 0px; color:#000;}
.box3 .label2 {padding:5px 0px 2px 0px; color:#000;}

.menu1 .title { padding:4px 10px 4px 10px; background-color:#DEE6DB; display: block; width: 191px; font-weight:bold}
.menu1 .level1-inactive { padding:0px 0px 0px 0px; background-color:#DEE6DB; background-image: url(../images/common/all/layout/dot.gif); background-repeat:no-repeat; background-position:10px 4px; display: block; width: 191px}
.menu1 .level1-inactive a { padding: 4px 10px 4px 30px; display:block; color:#203240; text-decoration:none; width: 191px }
.menu1 .level1-inactive a:hover { color:#ffffff; text-decoration:underline; background-color:#818CC2; background-image:url(../images/common/all/layout/dot-hover.gif); background-repeat:no-repeat; background-position:10px 4px; display: block }

.menu1 .level1-active { padding:0px 0px 0px 0px; background-color:#78828C; background-image: url(../images/common/all/layout/dot2.gif); background-repeat:no-repeat; background-position:10px 4px; display: block; width: 191px}
.menu1 .level1-active a { padding:4px 10px 4px 30px; display: block; color:#ffffff; text-decoration:none; width:191px}
.menu1 .level1-active a:hover { color:#ffffff; text-decoration:none; background-image:url(../images/common/all/layout/dot2.gif); background-repeat:no-repeat; background-position:10px 4px; display:block}

.menu1 .level1-unaccessible { padding:4px 10px 4px 30px; background-color:#A8CFEF; background-image: url(../images/common/all/layout/dot.gif); background-repeat:no-repeat; background-position:10px 4px; display: block; width: 191px}

.menu1 .level1-completed-inactive { padding:0px; background-color:#DEE6DB; background-image: url(../images/common/all/layout/dot6.gif); background-repeat:no-repeat; background-position:10px 4px; display: block; /*width: 191px*/}
.menu1 .level1-completed-inactive a { padding:4px 10px 4px 30px;display:block; color:#203240; text-decoration:none; /*width: 191px */}
.menu1 .level1-completed-inactive a:hover { color:#ffffff; text-decoration:underline; background-color:#818CC2; background-image:url(../images/common/all/layout/dot6-hover.gif); background-repeat:no-repeat; background-position:10px 4px; display: block }


.menu1 .level1-completed-active { padding:0px 0px 0px 0px; background-color:#78828C; background-image: url(../images/common/all/layout/dot6-active.gif); background-repeat:no-repeat; background-position:10px 4px; display: block; width: 191px}
.menu1 .level1-completed-active a { padding:4px 10px 4px 30px; display: block; color:#ffffff; text-decoration:none; width:191px}
.menu1 .level1-completed-active a:hover { color:#ffffff; text-decoration:none; background-image:url(../images/common/all/layout/dot6-active.gif); background-repeat:no-repeat; background-position:10px 4px; display:block}



/*Styles for menu Niveau 2*/
.menu1 .level2-inactive { padding:2px 1px 2px 30px; background-color:#F4F4F4; font-size: 10px;}
.menu1 .level2-inactive a { color:#003366; text-decoration:none; }
.menu1 .level2-inactive a:hover { color:#003366; text-decoration:underline; }
.menu1 .level2-active { padding:2px 1px 2px 30px; background-color:#e8e8e8; background-image:url(../common/images/layout/arrow_right.gif); background-repeat:no-repeat; background-position:top right; font-size: 10px; }
.menu1 .level2-active a { color:#003366; text-decoration:none; }
.menu1 .level2-active a:hover { color:#003366; text-decoration:underline; }
.menu1 .level2-inactivefolder { padding:4px 10px 4px 40px; background-color:#F4F4F4; }
.menu1 .level2-inactivefolder a { color:#003366; text-decoration:none; }
.menu1 .level2-inactivefolder a:hover { color:#003366; text-decoration:underline; }
.menu1 .level2-activefolder { padding:4px 10px 4px 40px; background-color:#e8e8e8; background-image:url(../common/images/layout/arrow_right.gif); background-repeat:no-repeat; background-position:top right; }
.menu1 .level2-activefolder a { color:#003366; text-decoration:none; }
.menu1 .level2-activefolder a:hover { color:#003366; text-decoration:underline; }
.menu1 .level2-openfolder { padding:4px 10px 4px 40px; background-color:#F4F4F4; }
.menu1 .level2-openfolder a { color:#003366; text-decoration:none; }
.menu1 .level2-openfolder a:hover { color:#003366; text-decoration:underline; }

/*Styles for link menu*/
a.menu { font-size:11px; }
a.menu:link { color:#515151; text-decoration:none; }
a.menu:visited { color:#515151; text-decoration:none; }
a.menu:hover { color:#515151; text-decoration:underline; }
a.menu:active { color:#515151; text-decoration:none; }

.links { background-image: url(../images/common/all/links/links_bkg.gif); background-repeat:repeat; display: block; width: 191px}
.links .links-active { padding:0px 0px 0px 0px; background-image: url(../images/common/all/links/links_dot.gif); background-repeat:no-repeat; background-position:10px 4px; display: block; width: 191px}
.links .links-active a { padding:4px 10px 4px 30px; display: block; width:191px}

/*------------------------------------------*/

#footer, #bottom {
				height:65px;
				padding-top:2px;}

#footer .center .products, #bottom .center .products {
				 float:left; 
				}
				 
#footer .center .products a:link, #bottom .center .products a:link { color:#ffffff; text-decoration:none; }
#footer .center .products a:visited, #bottom .center .products a:visited { color:#ffffff; text-decoration:none; }
#footer .center .products a:hover, #bottom .center .products a:hover { color:#ffffff; text-decoration:underline; }
#footer .center .products a:active, #bottom .center .products a:active { color:#ffffff; text-decoration:none; }

#footer .center p, #bottom .center p {
				 margin:10px 0;
				 color:#69C;
				 }

#footer .center p a:link, #bottom .center p a:link { color:#69C; text-decoration:none; }
#footer .center p a:visited, #bottom .center p a:visited { color:#69C; text-decoration:none; }
#footer .center p a:hover, #bottom .center p a:hover { color:#69C; text-decoration:underline; }
#footer .center p a:active, #bottom .center p a:active { color:#69C; text-decoration:none; }
				 
#footer .center .membership, #bottom .center .membership {
				 float:right; }

/*Title Product*/
.ProductVersie { font-size:18px; font-weight: bold; color:#101C68;} 
.ProductCategorie{ font-size:16px; font-weight: bold; color:#101C68;} 
.Producttitle { font-size:14px; font-weight: bold; color:#101C68;} 
.TitleHomeproduct { font-size:11px; font-weight: bold; color:#333333; padding: 0px; font-family:verdana,arial,helvetica,sans-serif;} 

/*News*/
.Titlenews { font-size:13px; font-weight: bold; color:#003366; padding: 6px; font-family:verdana,arial,helvetica,sans-serif;} 
.Textnews{ font-size:11px; color:#333333;  font-family:verdana,arial,helvetica,sans-serif;} 

.txtwhite
{FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
 } 
 
 /*TEAM*/
.letterTeam { font-size:14pt; font-weight: bold; color:#FFFFFF;} 
.titleBlueTeam { font-size:11pt;  color:#000033;} 
   
/*MAGAZINE*/
.titlegrey12
{FONT-WEIGHT: bold; FONT-SIZE: 12px;COLOR: #ccc;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
.titleblue
{FONT-WEIGHT: bold;FONT-SIZE: 14px;COLOR: #036; FONT-STYLE: oblique;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
.magnumber
{FONT-WEIGHT: bold; FONT-SIZE: 11px;COLOR: #660;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;TEXT-DECORATION: none
}
.magtxt
{FONT-SIZE: 11px; COLOR: #330;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;TEXT-DECORATION: none
}
.titlewhite14
{FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.titleblue12
{FONT-WEIGHT: bold; FONT-SIZE: 12px;COLOR: #036;LINE-HEIGHT: 14px;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
.titlewhite12
{FONT-WEIGHT: bold;  FONT-SIZE: 12px; COLOR: #fff;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.titlewhite13
{FONT-WEIGHT: bold;FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;TEXT-DECORATION: none
}
.titlemag16
{ FONT-WEIGHT: bold; FONT-SIZE: 11px;COLOR: #003399;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.titlemag17
{ FONT-WEIGHT: bold; FONT-SIZE: 11px;COLOR: #336699; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.nummag17
{FONT-WEIGHT: bold;FONT-SIZE: 11px; COLOR: #9999cc;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;TEXT-DECORATION: none
}
.titlemag18
{ FONT-WEIGHT: bold;FONT-SIZE: 11px;COLOR: #663300; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;TEXT-DECORATION: none
}
.nummag18
{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc9966; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.titlewhite
{FONT-WEIGHT: bold;FONT-SIZE: 11px;COLOR: #ffffff;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif;TEXT-DECORATION: none
}
.titlegrey
{FONT-WEIGHT: bold;FONT-SIZE: 11px;COLOR: #333;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.titlered
{FONT-WEIGHT: bold;FONT-SIZE: 11px;COLOR: #990033;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
.txtgrey
{FONT-SIZE: 12px;COLOR: #333;LINE-HEIGHT: 13px;FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none}

/* 
Configurator - Bernard 11 2003
*/
.model-rollover {display: block; float: left; height:100%}
.model-list {display: block; float: right; height:100%; width:350px;}
.model-list p {margin:0px 0px 5px 0px;}
table.config { }
/*table.config th { padding:2px; color:#69c; background-color:#D7E9F8;}
MODYFIED BY JAF 08/01/2004 
*/ 
#config-date {float:right ; font-size:10px;}
#config-date2 {float:left ; font-size:10px;}

table.config .Header td { padding:2px; color:#69c; background-color:#D7E9F8; font-weight:bold; }

table.config td { padding:2px; background-color:#E8E8E8;}
.config .version {padding:5px;font-size:12px;font-weight: bold; background-color:#43576F; clear:both;}
.config .version a {text-decoration:none; color:#ffffff; float:left}
.config .version a:hover {text-decoration:underline; color:#A7BACB;}
.config .version a.detail {color:#8B97A6;float:right}
.config .version a.detail:hover {color:#cccccc}
#versiontitle {clear:both}
.config .version #continue {text-align:right; float:right; display:block; color:#FF0000; visibility:hidden}
.config .version #continue a {color:#FF0000}
img.result {border-left:32px solid #E8E8E8;}
table.result { }
table.result .level5 td { font-size:12px; font-weight:bold; padding:2px;  background-color:#ffffff;}
table.result .level1 td { font-size:12px; font-weight:bold; padding:2px;  background-color:#43576F;color:#ffffff;}
table.result .level2 td { font-size:12px; font-weight:bold; padding:2px;  background-color:#43576F;color:#ffffff;}
table.result .level3 td { font-size:12px; font-weight:bold; padding:2px; padding-left:10px; background-color:#F1F2F1; color:#5C6980;}
table.result .level3 td a { font-weight:normal; }
table.result .level4 td {font-weight:bold;padding-left:15px;}
table.result td { padding:2px; padding-left:20px; background-color:#DCDEE6; }
.result .version a {color:#e5f2ff;}
.result .version a:hover {color:#003366}
.specs  { padding: 10px; height: auto; width: 100%; background-color:#ffffff; font-size:9px;}
.specs h4 { margin:0px 0px 2px 0px}
table.config-options .level1 td { font-size:12px; font-weight:bold; padding:2px; background-color:#43576F;color:#ffffff;}
table.config-options .level5b td { font-size:12px; font-weight:bold; padding:2px; background-color:#ffffff;}
table.config-options .tarif  { text-align:right; padding-left:6px; padding:2px;  background-color:#CCCCCC;color:#000033;}
table.config-options td { padding:2px; padding-left:10px; background-color:#E8E8E8; }
table.financing .level1 td { font-size:12px; font-weight:bold; padding:2px;  background-color:#A8CFEF;}
table.financing .level5 td { font-size:12px; font-weight:bold; padding:2px;  background-color:#ffffff;}
table.financing .level2 td { font-size:12px; font-weight:bold; padding:2px;  background-color:#D7E9F8;}
table.financing .level3 td { font-size:11px; font-weight:bold; padding:2px; padding-left:10px; background-color:#F7F4E7;}
table.financing .level3 td a { font-weight:normal; }
table.financing .level4 td {font-weight:bold;padding-left:15px;}
table.financing td { padding:2px; padding-left:20px; background-color:#E8E8E8; }
#co2 {FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica}
.co2 {FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica}
/* Titles */

.t1 { font-size:18px; }
.t2 { font-size:16px; font-weight: bold;}
.t3 { font-size:14px; }
.t4 { font-size:12px; font-weight: bold;}
.t7 { font-size:14px; font-weight: bold;}
.t5 { font-size:10px; }
.t6 { font-size:8px; }
.small { font-size:9px; }
.blue { font-size:12px; font-weight:bold; color:#99c; padding:2px;  background-color:#D7E9F8;}
.subtitle { font-size:12px; font-weight: bold; color:##3F5B7C;} 
/* 
Dealer - Alain 10 2003
*/
.line { padding: 10px; height: auto; width: 100%; border: 1px solid #cccccc; }
.box1  { padding: 10px; height: auto; width: 100%; background-color:#e5f2ff; }
.box2  { padding: 10px; height: auto; width: 100%; background-color:#F3F4EC; }



/*needed to enclose the floats inside the container in mozilla*/
.clearfix:after, .center:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.clearfix, .center {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html .center {height: 1%;}
.clearfix, .center {display: block;}
/* End hide from IE-mac */

/* dotted table */

.dottedTable 
{
	border: 4px dotted #ccc;
	}
.dottedTD1, .dottedTD2
{
	border-bottom: 1px dotted #ccc;
	}
.dottedTD2
{
	border-right: 1px dotted #ccc;
	}
.dottedTD3
{
	border-right: 1px dotted #ccc;
	}
#alertlink  { background-color: #FFFFFF; width: 191px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; line-height: 10px; text-decoration: none; }
.alertlinktxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; margin-top: 0px; margin-bottom: 10px; padding-top: 3px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #FA0505; }