/* 
================================
Skin styles for DotNetNuke - DNN 3 & 4  pour MaxSea Time Zero
================================
*/

/* Standard HTML Tag Settings */

body {
padding-top: 0px;

background-color: #091124;}
table, tr, td, p {font-family: tahoma, arial, helvetica;font-size: 11px;line-height: 1.3em;}

/* Standard DotNetNuke Settings */

.pagemaster {background-color: transparent;}
.skinmaster {
	height: 100%;
	background-color: #010829;
	BORDER-RIGHT: #486284 1px solid; 
	BORDER-TOP: #486284 1px solid; 
	BORDER-LEFT: #486284 1px solid; 
	BORDER-BOTTOM: #486284 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}

.skinheader {}

.controlpanel {
width: 100%;
background-color: #F8F6FB;
}

.toppane {
width: 100%;
background-color: #010829;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.leftpane {
width: 450px;
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
padding-top: 2px;

}
.contentpane {
width: 100%;
background-color: transparent;
padding-left: 2px;
padding-right:2px;
padding-top: 2px;
}
.rightpane {
width: 307px;
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
padding-top: 2px;
}
.bottompane {
width: 100%;
background-color: transparent;
padding-left: 1px;
padding-right: 1px;
padding-top: 2px;

}

.SkinMenu {
background-image:  url(Img/Bg_MiddleMenu.jpg);
background-repeat:repeat-x;
height: 31px;
margin-left: 9px;
margin-right: 9px;
}


/*  Menu inline for DNN Settings */


#MXT0_Menu {
background-color: Transparent; 
height: 15px;
width : 100%;
}

#MXT0_Menu ul {
margin-top: 2px; 
padding: 2px;
}

#MXT0_Menu li 
{
display: inline;
}

#MXT0_Menu a
{ 
    text-decoration: none;
    display: block; 
    float:left;
    height: 15px;
    width: 150px;
    cursor: hand; 
    position:relative;
    color: #010829; 
    font-family: tahoma, arial, helvetica; 
    font-size: 7pt; 
    font-weight: bold; 
    font-style: normal; 
    text-transform:uppercase;
    background-image: url(Img/TopMenuSeparator.jpg);
    background-repeat: no-repeat;
    background-position: center right ;
}

#MXT0_Menu a:hover
{ 

    color: #0570be; 
}
#MXT0_Menu .active a
{ 
  
    color: #0570be; 
}




/*  Menu inline et Rollover pour menu déroulant */



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuinline {
position: relative;
color: #010829; 
font-family: tahoma, arial, helvetica; 
font-size: 7pt; 
font-style: normal; 
text-transform:uppercase;
z-index:1;
width: 100%;
height: 15px;
}
#menuinline dl {
float: left;
width: 12em;
margin: 10px 1px;
}
#menuinline dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: transparent;
border-right: 1px solid gray;
}
#menuinline dd {
position: absolute;
width: 150px;
text-align:left;
padding-left:10px;
background: #e2ecf4;
border: 1px solid gray;
}
#menuinline li {
text-align: left;
background: #fff;
}
#menuinline li a, #menuinline dt a {
color: #000;
text-decoration: none;
position:relative;
display: block;
height: 100%;
border: 0 none;

}
#menuinline li a:hover, #menuinline dt a:hover {
background: #e2ecf4;

}
#site {
	position: fixe;
	z-index: 100;
	top : 0px;
	left : 0px;
	color: #000;
	text-align:left;
	background-color: transparent;
	padding: 0px;
	border: 1px solid gray;
	margin: 0px;
}

a {text-decoration: none;
color: black;
color: #222;
}

/* End Menu Settings */





.StandardButton {
background: #467599 none; 
color: #FFFFFF;
font-family:Verdana, sans-serif; 
font-size: 11px;
font-weight: normal;
}

/* Custom lien du Header Top en blanc User - login - langue */

.Head   {
font-family: tahoma, arial, helvetica;
font-size:  10px;
font-weight:  bold;
color: #010829; 
line-height: 30px;
}


a.Head:link, a.Head:active {
text-decoration: none;
color: #c1d6e7;
font-weight: normal;
}

a.Head:link, a.Head:visited {
text-decoration: none;
color: #ffffff;
font-weight: normal;
}


a.Head:hover {
text-decoration: none;
color: #c1d6e7;
font-weight: normal;
}


/* Custom Classes 

.MiddleHeader {
background-image:  url(Img/Bg_Header.jpg);
background-repeat: no-repeat;
height: 103px;
}*/

/*background-image:  url(Img/Bg_LeftMenu.jpg);
background-repeat: repeat-y;
*/


.Bg_LeftHeader {

width: 9px;
background-color: transparent;
}
/*
background-image:  url(Img/Bg_RightMenu.jpg);
background-repeat: repeat-y;
*/
.Bg_RightHeader {

width: 9px;
background-color: transparent;
}

.Logo {
background-image:  url(Img/Bg_Header.jpg) ;
background-repeat: no-repeat;
height: 103px;
width: 759px;
}

.Menu_repeat {
background-image:  url(Img/Bg_MiddleMenu.jpg);
background-repeat: repeat-x;
height: 31px;
width: 759px;
}


/*
background-image:  url(Img/Bg_LeftMenu.jpg);
background-repeat: repeat-y;
*/

.MenuLeftRepeat {
height: 31px;
width: 9px;
background-color: transparent;
}


/*
background-image:   url(Img/Bg_RightMenu.jpg);
background-repeat: repeat-y;
*/

.MenuRightRepeat {
height: 31px;
width: 9px;
background-color: transparent;
}


.MenuFull {
background-image:   url(Img/Bg_MiddleMenu.jpg);
width: 100%;
height: 31px;
background-repeat: repeat-x;
}

.bodyleftFull {
background-image:  url(Img/Bg_LeftContent.jpg);
background-repeat: repeat-y;
width: 9px;
}

.bodyrightFull{
background-image:  url(Img/Bg_RightContent.jpg);
background-repeat: repeat-y;
width: 9px;
}

.bodyright {
background-image:  url(Img/Bodyleft.gif);
background-repeat: repeat-y;
width: 11px;
}

.leftPageFull {
background-repeat: repeat-y;
background-color: White;
}

.footerMenuFull {
background-color: #486284;
background-repeat: no-repeat;
width: 759px;
height: 33px;
}

.content {
background-color: #ffffff;
}

/* Search Padding - lines up text nicely */
.GoLink {padding-top: 4px;}


/* Light Background Elements */

.LightBG {
width: auto;
color: #ffffff;
}

a.LightBG:link, a.LightBG:active {
text-decoration: none;
color: #467599;
font-weight: normal;
}

a.LightBG:link, a.LightBG:visited {
text-decoration: none;
color: #467599;
font-weight: normal;
}


a.LightBG:hover {
text-decoration: none;
color: #404040;
font-weight: normal;
}

/*Footer Classes */

.FooterText {
width: auto;
color: #ffffff;
}

a.FooterText:link, a.FooterText:visited, a.FooterText:active {
text-decoration: none;
color: #ffffff;
font-weight: normal;
}

a.FooterText:hover {
text-decoration: none;
color: #fafafa;
font-weight: normal;
}

/* End Light Background Elements */

.SeparatorTop {
width: 2px;
margin: 0 1px 0 1px;
background:  url(Img/TopMenuSeparator.jpg) center top no-repeat;
}

.Logo {
	padding-left: 40px;
	padding-top: 20px;
	text-decoration: none;
}
.LogoText{
	padding-left: 40px;
	text-decoration: none;
	color: #01367c;
	font-weight: bolder;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
}
/*
================================
 Espace Styles Annonces Accueil
================================
*/ 

div#Annonces {
	width: 143px;
	height: 278px;	
	float : left;
	background-image:  url(Img/BgBannerLeft.jpg);
	background-repeat: no-repeat;
	background-color: #010829;
	}

p.Annonces
{
    text-align: left; 
    margin-left: 5px;
	margin-top: 15px;
	font-weight: bolder;
	color: #ffffff;
	font-size: 14px;
	font-variant: normal;
	text-transform: uppercase;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/*
================================
 Espace Styles Annonces Time Zero
================================
*/ 

div#AnnonceTZ {
	width: 143px;
	height: 278px;	
	float : left;
	background-image:  url(Img/BgBannerTZ.jpg);
	background-repeat: no-repeat;
	background-color: #010829;
	}

Div#LienAnnonceTZ
{
    height:50px;
	width: 110px;
    text-align: left; 
	font-weight: bolder;
	color: #ffffff;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    margin-left:5px;
	margin-right : 0px;
	margin-top : 150px ;
	margin-bottom: 5px;
}

/*
================================
 Espace Banner animée
================================
*/ 

div#lienContent 
{	
	height:20px;
	width: auto;
	background-image:  url(Img/GoToArrow.gif); 
	background-repeat: no-repeat;
	font-size:14px;
	text-indent:22px;
	margin-left:10px;
	margin-right : 0px;
	margin-top : 190px ;
	margin-bottom: 5px;	
}

a.lienContent:link, a.lienContent:active {
text-decoration: none;
color: #ffffff;
font-weight: bolder;
}

a.lienContent:link, a.lienContent:visited {
text-decoration: none;
color: #ffffff;
font-weight: bolder;
}

a.lienContent:hover {
text-decoration: none;
color: #0099ff;
font-weight: bolder;
}

.Banner {
	width: 613px;
	height: 278px;	
	float : right;    
	background-image:  url(Img/BannerMaxSeaT0.jpg);
	background-repeat: no-repeat;
	background-color: #010829;
	z-index: 110;
	
	}
div#lienvideo 
{	
	height:20px;
	width: auto;
	font-size:14px;
	text-indent:15px;
	margin-left:10px;
	margin-right : 0px;
	margin-top : 250px ;
	margin-bottom: 5px;
	
}
/*	
Uniquement pour DNN
*/

/*
=========================================================
 Espace Styles  Container MXTZ
=========================================================
*/ 
.MXTZPANE
{
width: 100%;
background-color: white;
background-image:url(Img/BGMIDDLE_CONTENT.jpg);
background-repeat:repeat-x;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;}

div#Header1
{
    width:100%;
    padding: 25px 5px 0px 5px;

    }
 div#Titre
 {
    padding-bottom: 30px;
 }   
  .Titre1
  {
   font-family: Arial Black;
   font-size:18px;
   color:#efc806;
   text-transform:uppercase;
   margin-bottom: 10px;
  } 
    .Titre2
  {
   font-family: Arial;
   font-size:14px;
   color:#efc806;
   text-transform:uppercase;
   margin-bottom: 10px;
   margin-top: 50px;
  } 
.contentimg 
{
    float:left;
    margin: 0 4px 4px 0;}      
.column1
{
 width:48%;
   position:relative;
   text-align:justify;
   font-size:12px; 
   float: left;
   padding-left:10px;
   padding-right:0px;
   margin-top: 20px;
   
    }
.column2
{
    display:inline;
    float: right;
    width:47%;
    position:relative;
    text-align:justify;
    font-size:12px;
    border-left: #7994cb 1px solid; 
    margin-right:10px;
    padding-left:5px;
    margin-top: 20px;
    
    }
.columnSimple
{
    display:block;
    width:100%;
    position:relative;
    text-align:justify;
    font-size:12px;
    margin-right:10px;
    padding-left:5px;
    margin-top: 20px;
    
    }

div#HeaderRightPane
{

    width:100%;
    padding: 10px 5px 0px 5px;
   
    }
    
 div#TitreRightPane
 {
    padding-bottom: 30px;
    padding-left:5px;
    border-left: #ffffff 1px solid;
    border-left-style:dotted;     
  
 }   
div#Image
{
  margin-bottom: 10px;
    }
p.SousTitre
{
    display: block;
    float: left;
    text-align: left;
    width:100%;
    padding: 20px 5px 0px 5px; 
    }
  
    .SousTitre1
  {
   font-family: Arial Black;
   font-size:16px;
   color:#01367c;
   text-transform:uppercase;
   margin-bottom: 10px;
  } 
    .SousTitre2
  {
   font-family: Arial;
   font-size:14px;
   color:#01367c;
   text-transform:uppercase;
   margin-bottom: 10px;
  }  
  p.SousText
  {
   font-family: Arial;
   font-size:12px;
   color:#010829;
   text-align: justify; 
   margin-right:15px;
   padding-left:10px;
   margin-top: 10px;
  }
 div#container{
 float:left;
 display: inline;}           
div#LeftBox
{
   display:block;
   width: 180px;
   height:100%;
   text-align:justify;
   color:White;
   font-size:11px;
   margin-left: 3px; 
   margin-top: 0px;
   background-color:#010829;
   padding: 2px 2x 2px 2px;
    }
 
	
 p.LeftBoxLink
 {
    background-image:  url(Img/YellowLinkArrow.gif); 
    background-repeat: no-repeat; 
    height: 20px;
    text-indent:25px; 
    text-align: justify; 
    vertical-align:bottom;
   
 }
 p.TextBoxLink
 {
    font-size: 12px;
    text-align: justify; 
    margin:10px 5px 10px 5px;  
    }
 p.YellowBoxLink
 {
    background-image:  url(Img/BlackYellowLinkArrow.gif); 
    background-repeat: no-repeat; 
    height: 20px;
    text-indent:21px; 
    text-align: left; 
    vertical-align:bottom;
    margin-bottom:20px;
   
 }
 
 a.YellowBoxLink
{
font-size: 11px;
text-transform: uppercase;

}
a.YellowBoxLink:link, a.YellowBoxLink:active 
{   
text-decoration: none;
color: #486284;
font-weight: bold;
}

a.YellowBoxLink:link, a.YellowBoxLink:visited 
{    
text-decoration: none;
color: #486284;
font-weight: bold;
}

a.YellowBoxLink:hover 
{
text-decoration: none;
color: #0099ff;
font-weight: bold;
} 
 div#YellowContainer
 {
    
	background-color: #efc906;
  	font-family: tahoma, arial, helvetica;font-size: 12px;line-height: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
	color:black;
	BORDER-RIGHT: #fff 2px solid; 
	BORDER-TOP: #fff 2px solid; 
	BORDER-LEFT: #fff 2px solid; 
	BORDER-BOTTOM: #fff 2px solid; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
   
 }
 h1.YellowContainer
 {
   font-family: tahoma, arial, helvetica;font-size: 14px;line-height: 1.3em;
	margin-top: 20px;
	margin-bottom:20px;
	color:#01367c;
	text-align:center; 
	text-transform:uppercase;
	}
 p.leftBoxVideo
 {
    height: 140px;
    font-size: 11px;
    text-align: center; 
    text-transform: capitalize;
    vertical-align:bottom;
    color: White;
    
    }
	
	p.LeftBoxVide
{
   
   height:50px;
   background-color:#010829;
   padding: 2px 2x 2px 2px;
    }
/*
=========================================================	
	tableau de fonction
=========================================================
*/ 	
	
	.BgMXT0Tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	top_padding:2;
	bottom_padding:2;
	marging-left: 171px;
	background-image:  url(Img/BgTitle.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 28px;
}
.TitlePack
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	font-size: 8px;
	text-transform: uppercase;
	color: navy;
	font-weight: bold;
text-align: center;

}
.Titlemaxsea {
	background-color: #a4a4a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
		border-top-color: #ffffff;
	border-top-style: Solid;
	border-left-color: #ffffff;
	border-left-style: Solid;
	border-bottom-color: #ffffff;
	border-bottom-style: Solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;

}
.maxsea {
	background-color: #F2F5FA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	border-left-color: #ffffff;
	border-left-style: Solid;
	border-bottom-color: #ffffff;
	border-bottom-style: Solid;
	border-bottom-width: 2px;
	border-left-width: 2px;

}	

	
	
/*
=========================================================
 Espace Styles  Container Produit mise en avant première
=========================================================
*/ 
.Produitsbis 
{  
	width: 100%;
	float : right;
	background-color: #ffffff;
	background-image:  url(Img/BG_GradientBleu.jpg); 
	background-repeat:repeat-x;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomright: 10px;

	}
div#Produits 
{  
	width: 100%;
	float : left;
	background-color: #ffffff;
	background-image:  url(Img/BG_GradientBleu.jpg); 
	background-repeat:repeat-x;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomright: 10px;

	}
	
h1.LeftTitle
{
	font-family: tahoma, arial, helvetica;font-size: 14px;line-height: 1.3em;
	margin-top: 10px;
	margin-left:10px;
	text-transform: uppercase;
	color:#efc906;
}

h1.prod
{
	font-family: tahoma, arial, helvetica;font-size: 12px;
	font-weight: bold;
	text-indent:5px;
	text-transform: uppercase;
	color:#ffffff;
	background-color: #a6a6a6;
	margin: 0px 0px 0px 0px;
}


p.intro
{	
    font-size: 11px;
    text-align: justify;
    padding:5px; 
}


 
p.prod
{	background-image:  url(Img/GreyLinkArrow.gif); 
    background-repeat: no-repeat; 
    font-size: 14px;
    text-indent:10px; 
    text-align: justify; 
    vertical-align:bottom;
} 
 
a.prod
{
font-size: 11px;
text-transform: uppercase;

}
a.prod:link, a.prod:active 
{   
text-decoration: none;
color: #a6a6a6;
font-weight: bolder;
}

a.prod:link, a.prod:visited 
{    
text-decoration: none;
color: #a6a6a6;
font-weight: bolder;
}

a.prod:hover 
{
text-decoration: none;
color: #486284;
font-weight: bolder;
}

div#text
{
	height:165px;	
	font-family: tahoma, arial, helvetica;font-size: 11px;	
	background-image:  url(Img/BG_GradientGris.jpg); 
    background-repeat: repeat-x; 
    padding:2px 2px 2px 2px;
    display:block;
    vertical-align:top;
}
div#lien
{
	height:30px;	
	font-family: tahoma, arial, helvetica;font-size: 11px;	
    padding:2px 2px 2px 2px;
    display:block;
    vertical-align:bottom;
}

div#produit1
{
  display:inline;
	position: relative;
	Width: 100%;
	heigh: 100%;	
	margin-top: 0px;
	margin-left: 2px;
	
}
div#produit2
{
  display:inline;
	position: relative;
	width: 100%;	
	height:100%;	
	margin-top: 0px;
	margin-left: 2px;
	
}
div#produit3
{
    display:inline;
	position: relative;
	width: 100%;	
	height:100%;	
	margin-top: 0px;
	margin-left: 2px;
	
}


p.produits{
   text-align: justify; 
   background-color: Transparent;
   font-family: tahoma, arial, helvetica;font-size: 12px;line-height: 1.3em;
   font-stretch: condensed;
   margin-right: 5px;
   margin-left: 30px;
   margin-top: 0px;
   margin-bottom: 5px;
   color: #ffffff;
 }   
 h1.produits
 {   
   text-align: left; 
   text-transform: uppercase;
   background-color: Transparent;
   font-family: tahoma, arial, helvetica;font-size: 12px;line-height: 1.3em;
   font-weight: bold;
   margin-right: 5px;
   margin-left: 30px;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #ffffff;
 }

/*
================================
 Espace Styles  MyMaxsea
================================
*/ 

div#containerMymaxsea {
	width: 307px;
	float : right;
	background-color: #486284;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
	}
	
.Mymaxseatitle
{
	width: 140px;
	height: 60px;
	background-image:  url(Img/LogoMyMaxsea.jpg); 
	background-repeat: no-repeat;
	border-left: #ffffff 2px dotted; 
	margin:0 5px 0 126px;	
	}
.Mymaxsea
{
	float : left;
	left : 126px;
	background-image:  url(Img/BgMyMaxseaHomel.jpg); 
	background-repeat: no-repeat;
	width: 307px;	
	height: 297px;
	
}

div#MymaxseaServices 
{	
	background-image:  url(Img/GoToArrow.gif); 
	background-repeat: no-repeat;
	width: 177px;	
	height: 125px;
	margin: 10px 0px 0px 126px;	
}


div#ConnexionMymaxsea 
{
	background-image:  url(Img/GoToArrow.gif); 
	background-repeat: no-repeat;
	width: 177px;	
	height: 30px;	
	margin: 10px 0px 0px 126px;
}

.popper
{
	margin: 0;
	padding: 5;
	position : absolute;
	visibility : hidden;
	overflow: auto;
	background-image:  url(Img/LogoMyMaxsea.jpg); 
	background-repeat: no-repeat;
	background-color: #486284;
	border: 4px solid #ffd400;
	border-color:#fea500;
	border-style:outset;
	color: white;
	text-align:justify;
			}
			
div#LogMymaxsea
{
	background-image:  url(Img/GoToArrow.gif); 
	background-repeat: no-repeat;
	width: 177px;	
	height: 103px;
	margin: 10px 0px 0px 126px;
}


p.services{
   text-align: justify; 
   background-color: Transparent;
   font-family: tahoma, arial, helvetica;font-size: 12px;line-height: 1.3em;
   font-stretch: condensed;
   margin-right: 5px;
   margin-left: 30px;
   margin-top: 0px;
   margin-bottom: 5px;
   color: #ffffff;
 }   
 h1.services
 {   
   text-align: left; 
   text-transform: uppercase;
   background-color: Transparent;
   font-family: tahoma, arial, helvetica;font-size: 12px;line-height: 1.3em;
   font-weight: bold;
   margin-left: 25px;
   margin-bottom: 5px;
   color: #ffffff;
 }
/*=========================*/
/* Catalogue MM3D Mapmedia */
/*=========================*/
.tab
{
	
	display: inline;
	width: auto;
	cursor: pointer;
	text-decoration: none;
	background: #cccccc;
	margin-top: 50px;
	padding: 2px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.tab_hover
{
	display: inline;
	width: auto;
	text-decoration: none;
	cursor: pointer;
	background: #439faa;
	margin-top: 50px;
	padding: 2px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-color: #ffffff;
}
.tab_contentA
{
height: 530px;
width: 677px;
color: #ffffff;
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-style-left: dotted;
}

.tab_content
{
height: auto;
width: 677px;
color: #ffffff;
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-style-left: dotted;
}
p.mm3dcatalog
{
background-image:  url(Img/TurquoiseArrow.gif); 
    background-repeat: no-repeat; 
    height: 20px;
    text-indent:20px; 
    text-align: left; 
	font-color: #ffffff;
	font-size: 12px;
	font-style: bolder;
    vertical-align:bottom;
}
.TitleCatlog
{
	background-color: #a4a4a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
    height: 20px;
    text-indent:20px; 
    text-align: left; 
}
.CatalogBACK
{
    background-image:  url(Img/MapmediaMM3D/Back_Header.jpg); 
    background-repeat: no-repeat; 
	background-position:center right;
	background-color: #a4a4a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #a4a4a4;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
    height: 20px;
    text-indent:10px; 
    text-align: right; 

}
.ChartPopper
{
	margin: 0;
	padding: 5;
	position : absolute;
	visibility : hidden;
	overflow: auto;
	background-color: #ffffff;
	border: 3px solid #486284;
	border-color:#fea500;
	border-style:outset;
	text-align:justify;
			}
.mm3dDetails
{

	width: 300px;
	margin-left: 150;
	padding: 5px;
	position : relative;
	visibility : hidden;
	overflow: auto;
	background-color: #ffffff;
	border: 3px solid #486284;
	border-color:#fea500;
	border-style:outset;
	text-align:justify;
 
}
h1.mm3dtitle
{

font-size: 14px;
color:#01367c;
text-transform: capitalize;
text-shadow:5px;
}

.mm3dText
{
font-size:10px;
color: #000000;
margin-left: 20px;
}
.mm3dvector
{
Background-color: #ffffff;
font-size:11px;
font-weight: bold;
color: #044977;
vertical-align: middle;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

/* Mise en forme tableau */

.ViewDetails{
Background-color: #ff9804;
background-image:  url(Img/View_Icon.jpg.jpg); 
background-repeat: no-repeat; 
background-position:center left;

}
a.ViewDetails
{
font-size: 10px;
text-transform: uppercase;
font-weight: bolder;
color: #ffffff;

}
a.ViewDetails:link, a.ViewDetails:active 
{   
text-decoration: none;
color: #ffffff;
font-weight: bolder;
}

a.ViewDetails:link, a.ViewDetails:visited 
{    
text-decoration: none;
color: #fcd7a1;
font-weight: bolder;
}

a.ViewDetails:hover 
{
text-decoration: none;
color: #0a96cc;
font-weight: bolder;
Background-color: #fcd7a1;
}

/* pour DataCore By Navioncs */
.navionics{
color:#7D7D7D; 
text-align: center;
font:9px/12px, Verdana, Arial, Helvetica, sans-serif;
}

/*
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
*/


/* End Custom Classes */