/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }
table td                                                          {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}


html { overflow-y: scroll; }

/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 75%/1.6em Verdana, Geneva, sans-serif;
	background: #F8F8F8;
	border-top: 1px solid #FFF;
	color: #21599D;
}
/* ******************* LINK ************************ */


a {
	text-decoration:none;
	color: #ff6633;
	}
a:hover {
	text-decoration:underline;
	color: #21599D;
	}

.langcdcp{}

/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	color: #005282;
	margin-bottom: 10px;
	font: bold 1.4em Georgia, "Times New Roman", Times, serif;
}

h2 {
	padding:0px 0;
	color: #3399cc;
	margin-bottom: 10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
}

h3 {
	padding:0px 0;
	color: #21599D;
	margin-bottom: 10px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}

h4 {
	padding:0px 0;
	color: #21599D;
	margin-bottom: 5px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}
h5 {
	padding:0px 0;
	color: #f26a22;
	margin-bottom: 10px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}
h6 {
	padding:0px 0;
	color: #005282;
	margin-bottom: 10px;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
}

blockquote {
margin:22px 40px;
padding:0;
}

.smalltxt {
font-size:0.85em;
}

.bigtxt {
font-size:1.2em;
font-weight:bold;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}


.note{
	color: #666666;
	font-size: 1em;
}

/* ******************* GLOBAL TAGS ************************ */
/* ******************* GLOBAL TAGS ************************ */
.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
	margin:0;
	padding:0;
}




ul, ol {
	padding:0;
}

.content ul, .content ol{
margin-left: 20px; list-style-image: url("../images/li.gif");}
li    { font-size: 1em; list-style-image: url("../images/li.gif"); margin: 0; padding: 0; }

.piclist ul{
	list-style:none;
	margin-left:0px;
	}
.piclist ul li{
	display:inline;
	
	}

.piclist ul li img{
/*
	width:80px;
	height:80px;
*/
	overflow:hidden;
	}

.ulcontent ul{
	margin-left:20px;
	}
.ulcontent ul li{
	list-style: url(../images/icons/icon_level_3.gif) outside;
	}

img {
	border:0;

}
.orange {
	color: #ff6600;
	}
.black {
	color: #333333;
	
	}

.grey {
	color: #666666;
	
	
	}
/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.uppercase{
	text-transform: uppercase;
	}


.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 9px 0px 10px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space2b { padding: 0px 10px 10px 10px; }

.space3 { padding: 20px }

.bottomspace{ padding-bottom:10px;}

.bottomspace2{ padding-bottom:5px;}

.topspace{ padding-top:10px;}

.transparent_class {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper        { background-color: #fff; margin: 0 auto; padding: 0; position: relative; width: 960px }


/* ******************* TOP ************************ */

#top{
	width: 980px;
	height:70px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#logo  {
	position: absolute;
	z-index: 101;
	top: 0;
	left: 10px;
	width: 210px;
	height: 50px;
	
}
#topimg   { margin: 0; padding: 0; position: relative; z-index: 50; top: 0; left: 0; width: 960px; height: 205px; overflow: hidden }
.overlay   { background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: absolute; z-index: 51; top: 0; left: 0; width: 960px; height: 205px; overflow: hidden }





/* ******************* CONTENT *********************** */
#main   {
	background: url(../images/bg/bg_main.gif) repeat-x;
	padding: 0px;
	
}

#content   { margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.contentspace{
	margin-left:10px;
	margin-right:10px;
	}



/* ************************************************** */
/* ******************* Navigation ******************* */
/* ************************************************** */

.nav   {
	margin: 0px 0px 0px 10px;
	padding: 0px;	/*background-color:#FF9;*/
	width:940px;
	float:left;
}

.nav a {
	color: #FFFFFF;
	text-decoration: none;
}

.nav a:hover {
	color: #900;
	text-decoration: none;
}

.nav ul {
	color: #FFFFFF;
	font-size: 1.0em;
	line-height:1.4em;
	text-align: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 18px;
	display:block;
	font-weight: bold;
}

.nav ul li {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	margin: 0px 1px 0px 0px;
	background: url(../images/bg/bg_navbtn.jpg) repeat-x;
	/*font-weight: bold;*/
	padding: 4px 8px;
	height: 18px;	
}

.nav .actif{
	color: #FFF;
	text-decoration: none;
	background: url(../images/bg/bg_mydex_actif.jpg);
}

.nav .actif a {
	color: #FFF;
	text-decoration: none;
}

.nav .actif a:hover {
	color: #333;
	text-decoration: none;
}

.nav .navfleet{
	color: #FFF;
	text-decoration: none;
	background: url(../images/bg/bg_btnfleet.jpg);
}

.nav .navfleet a {
	color: #FFF;
	text-decoration: none;
}

.nav .navfleet a:hover {
	color: #333;
	text-decoration: none;
}


/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */


/* ******************* SFEERBOX ********************* */

#sfeer{
	z-index: 10;
	overflow:hidden;
	width:635px;
	height:160px;
	margin:0px;
	padding:0px;
	float:right;
	
	}
	
#sfeersub{
	z-index: 10;
	overflow:hidden;
	width:633px;
	height:160px;
	margin:0px;
	padding:0px;
		
	}

#picnav {
	margin: 0px;
	position: absolute;
	top: 125px;
	right: 10px;
	z-index: 300;
	width:auto;
	background: url(../images/imageoverlay.png) repeat;
	}
#picnav a {
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none;
	color: #FFF;
	/*background:#000;*/
	display:block;
}
#picnav a.activeSlide {
	background: #EA7F1F;
	color: #FFF;
}
#picnav a:focus { outline: none; }

/* ******************* LIST ********************* */

.half h2 a{
	color:#FFF;
	text-decoration:none;
	}

.half h2 a:hover{
	color:#ff6600;
	text-decoration:none;
	}

.cont{
	height:120px;
	overflow:hidden;
	}

.pic{
	width:100px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	}

.txt{
	width:185px;
	float:left;
	}

.txt h3{
	margin-bottom:5px;
	
	}

.date{}

.place{}

.link{}


/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */
#leftframe{
	float: left;
width: 260px;
margin-right: 20px;

	}
#rightframe{
	width: 660px; float: left; }



.leftline {
border-left:1px solid #dedede;
}

/* ******************* BREADCRUMB ******************* */

#breadcrumb{
	height:20px;
	padding:8px 25px 3px;
	color:#666;
}

#breadcrumb a{
	color:#666;
	}

#breadcrumb a:hover{
	color:#b42c33;
	}




/* ************************************************** */
/* ********************* BOXEN ********************** */
/* ************************************************** */

/* ********************* TOPBOX ********************** */

/* blue */
.bluetitle, .bluetitlenav, .topbluetitle{
	padding:4px 4px 4px 10px;
	background: #00488d;
	}	

/* ORANGE */
.orangetitle, .toporangetitle  { 
	padding:4px 4px 4px 10px;
	background: #ff6600;
}
/* GREY */
.topgreytitle  { 
	padding:4px 4px 4px 10px;
	background: #cccccc;
}

/* TITLES */
.bluetitle h1,.bluetitlenav h1,.topbluetitle h2,.orangetitle h2, .toporangetitle h2 {
	color: #fff;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}

.topgreytitle h2 {
	color: #666;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}

/* ********************* BOX SIZE ********************** */


/* HALF */
.halfbluebox {
	margin-bottom: 15px;
	padding: 0px;
	background: #e2f4fa url(../images/curve/curve_bottom_half_blue.gif) no-repeat 0 bottom;
}
.halforangebox {
	margin-bottom: 15px;
	padding: 4px 4px 25px 10px;
	background: #fee2ce url(../images/curve/curve_bottom_half_orange.gif) no-repeat 0 bottom;
}

/* FULL */
.fullbluebox {
	background-color: #e2f4fa;
	background-image: url("../images/curve/curve_bottom_full_blue.gif");
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin-bottom: 15px;
	padding: 0px
}
.fullorangebox {
	background-color: #fee2ce;
	background-image: url("../images/curve/curve_bottom_full_orange.gif");
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin-bottom: 15px;
	padding: 0px
}

.fullgreybox {
	background-color: #ebe9e9;
	background-image: url("../images/curve/curve_bottom_full_grey.gif");
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin-bottom: 15px;
	padding: 0px
}





.btn{
	background: #215984;
	padding:4px 8px;
	}

.btn a{
	color:#FFF;
	}
.btn a:hover{}

.orangebtn{
	background-color:#ff6600;
	color: #FFF;
	float:right;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	height:20px;
	font-weight:bold;
}

.orangebtn2{
	background-color:#ff6600;
	color: #FFF;
	float:left;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	height:20px;
	font-weight:bold;
}
.orangebtn a,.orangebtn2 a{
	color:#FFF;
	}



.contentline{
	background-color:#B42C33;
	
	}
.contentinner{
	background-color:#FFF;
	height:100%;
	
	}
.icon_point{
	background: url(../images/icons/icons_point.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	}
.icon_back{
	background: url(../images/icons/icon_back.gif) no-repeat 5px 5px;
	padding-left: 20px;
	vertical-align: middle;
	display: block;
	}
.iconphone{
	background: url(../images/icons/iconlive_phone.gif) no-repeat 0px 0px;
	padding-left: 30px;
	
	vertical-align: middle;
	display: block;
	}
.icon_steps{
	background: url(../images/icons/icon_steps.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_1{
	background: url(../images/icons/icon_steps_orange_1.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_1b{
	background: url(../images/icons/icon_steps_grey_1.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_2{
	background: url(../images/icons/icon_steps_orange_2.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_2b{
	background: url(../images/icons/icon_steps_grey_2.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_3{
	background: url(../images/icons/icon_steps_orange_3.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_3b{
	background: url(../images/icons/icon_steps_grey_3.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_4{
	background: url(../images/icons/icon_steps_orange_4.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:8px;
	}
.icon_step_4b{
	background: url(../images/icons/icon_steps_grey_4.gif) no-repeat 5px 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px;
	}

.txtje{
	height:55px;
	overflow:hidden;
	font-size:0.9em;
	padding-right:15px;}

.dots{
	height:20px;
	width: 30px;
	margin-right:0px;
	margin-top: -20px;
	background-color:#ffe0cc;
	text-align:right;
	}

.half{
	width:320px;
	float:left;
	}



.yellowbox{
	background-color:#f6e2c3;
	margin-bottom:10px;
	}
	.greybox{
	background-color:#f8f8f8;
	margin-bottom:10px;
	}

.whitebox{
	background-color:#fff;
	margin-bottom:10px;
	
	}

.line{
	height:1px;
	background-color:#d7d7d4;
	}

/* ************************************************** */
/* ******************* FOOTER *********************** */
/* ************************************************** */

#footer   {
	color: #FFF;
	font-size: 11px;
	margin: 15px 0px 20px;
	padding: 5px 2px 5px 15px;
	
	background-color: #00488d;
}


#footer a,#footer a:link,#footer a:visited,#footer a:active {
	text-decoration: none;
	color: #ff6900;
}

#footer a:hover {
	text-decoration: none;
	color: #ffffff;
}

.footertxt{
float: left;
width: 850px;
}
.footertop{
float: right;
width: 40px;
background-image: url("../images/icon/arrow_top.gif"); background-repeat: no-repeat; background-position: 0 2px; text-indent: 1em;
}
/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */



/* ******************* PAGES ********************* */

.pagestxt{
	text-align:right;
	width: 150px;
	float: right;
}
.pagestxt2{
	text-align:left;
	width: 150px;
	float: left;
}
.pages{
	float: right;
}

.pages2{
	
}


.pages ul, .pages2 ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

.pages ul li, .pages2 ul li {
	list-style: none;
	display: inline;
}

.pages a, .pages2 a{
	text-decoration:underline;
	color: #666;
	padding:1px 4px;
	background: #fff;
	border: 1px solid #FFF;
	}

.pages a:hover, .pages2 a:hover{
	text-decoration:none;
	color: #FFF;
	border:1px solid #666;
	padding:1px 4px;
	background: #EA7F1F;
	}

.pages .selected, .pages2 .selected{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #FFF;
}
.pages .selected a, .pages2 .selected a{
	text-decoration:none;
	color: #666;
	border:1px solid #666;
	padding:1px 4px;
	background: #fff;
	}
.pages .selected a:hover, .pages2 .selected a:hover{
	text-decoration:none;
	color: #FFF;
	border:1px solid #666;
	padding:1px 4px;
	background: #EA7F1F;
	}


/* ******************* WESTSITE ****************** */

.westsite {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
	}