/* CSS Document */
/* Copyright 2007 - Marine Expert */
/* Réalisé par Activis.ca */

html, body {
    height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Verdana', 'Arial', 'Sans-serif';
	font-size: 0.9em;
	color:#36476C;
	text-align: center;
	background-image: url("../image/fond.gif");
	background-repeat: repeat;
	background-position: center;
	background-color:#6d7296;
}
h1 {
	font-size: 1.6em;
	font-weight: normal;
	line-height:1.2em;
	font-style:normal;
	text-indent: 0;
	padding: 0 0 0 0;
	text-align: left;
	color:#6b83ae;
}
h2 {
	font-size: 0.9em;
	font-weight: normal;
	line-height:1.2em;
	font-style:normal;
	text-indent: 0;
	padding: 0;
	text-align: justify;
}
h3 {
	font-size: 0.78em;
	font-weight: normal;
	line-height:1.2em;
	font-style:normal;
	text-indent: 0;
	padding: 0;
	text-align: justify;
	color:#36476C;
}
h5 {
	font-size: 0.7em;
	font-weight: normal;
	line-height:1.2em;
	font-style:normal;
	text-indent: 0;
	padding: 40px 4px 0 0;
	text-align: left;
	color:#1b2c58;
}
h6 {
	font-size: 0.6em;
	font-weight: normal;
	line-height:1.6em;
	font-style:normal;
	text-indent: 0;
	padding: 20px;
	text-align: justify;
	color:#1b2c58;
}
#conteneur {
	position: relative;
	display:block;
	text-align: center;
	width: 750px;
	top:-2px;
	margin: 0 auto;
	padding: 0;
	border:0;
	background-color: #FFF;
	z-index:0;
}
#contenu {
	position: relative;
	display:block;
	text-align: center;
	width:744px;
	height:auto;
	padding: 0;
	margin: 0 auto;
	background-color: #FFF;
	z-index:1;
}
A.contenu-box				{font-size: 10px; COLOR:  #36476C; TEXT-DECORATION: none}
A.contenu-box:visited 		{font-size: 10px; COLOR:  #36476C; TEXT-DECORATION: none}
A.contenu-box:hover 		{font-size: 10px; COLOR:  #50699F; TEXT-DECORATION: none}		
A.contenu-box:active		{font-size: 10px; COLOR:  #36476C; TEXT-DECORATION: none}
#haut {
	position: relative;
	display:block;
	text-align: center;
	width: 100%;
	height:31px;
	border-bottom:2px solid #FFF;
	padding: 0;
	margin: 0 auto;
	background-color: #081052;
	z-index:2;
}
#grossiste {
	position:relative;
	display:block;
	width:744px;
	text-align:right;
	margin:auto;
}
#haut2 {
	position: relative;
	display:block;
	text-align: center;
	width: 100%;
	height:114px;
	border-bottom:2px solid #FFF;
	padding: 0;
	margin: 0 auto;
	background-color: #081052;
	z-index:3;
}
#bandeau {
	position:relative;
	display:block;
	width:744px;
	height:114px;
	text-align:left;
	background-color: #6b83ae;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	margin:auto;
	z-index:4;
}
/* Menu vertical déroulant
----------------- */
#ssm, #ssm ul {
	position:absolute;
	list-style:none;
	display:block;
	width:108px;
	height:auto;
	top:14px;
	left:644px;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}
#ssm a {
	display: block;
	width: 80px;
	height:auto;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	padding: 0.15em 0;
	margin:auto;
}
#ssm li {
	font-size: 0.6em;
	color:#FFF;
	background-image:url(../image/fleche.gif);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type:none;
	line-height:1em;
	margin:0;
	padding:0;
	border:0;
}
#ssm li ul {
	left: -999em;
	margin: 0;
	padding: 0;
	border:0;
}
#ssm li ul li {
	position:relative;
	top:23px;
	left:62px;
	margin: 0;
	padding: 2px;
	border:0;
	list-style:none;
	font-size: 1em;
	background-image:none;
	background-color: #081052;
	/* style alternatif ( background: transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter: alpha(opacity=60); /* Pour Internet Explorer */
    -moz-opacity: 0.6; /* Pour Mozilla */
    -khtml-opacity: 0.6; /* Pour Konqueror */
    opacity: 0.6; /* Pour les standards CSS3 */
}
#ssm li ul li a {
	width: 50px;
	list-style:none;
	margin:0;
	color:#CCC;
	padding:1px 2px;
	border:0;
}
#ssm li ul li a:hover, #ssm li ul li a.sfhover {
	width: 50px;
	list-style:none;
	margin:0;
	padding:1px 2px;
	color:#FFF;
	border:0;
}
#ssm li:hover ul ul, #ssm li.sfhover ul ul {
	left: -999em;	
}
#ssm li:hover ul, #ssm li li:hover ul, #ssm li.sfhover ul, #ssm li li.sfhover ul {
	left: auto;	
}
#ssm li li:hover, #ssm li li.sfhover, #ssm li li a:hover, #ssm li li a.sfhover {
	color:#FFFFFF;
	/* style alternatif ( background: transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter: alpha(opacity=100); /* Pour Internet Explorer */
    -moz-opacity: 1; /* Pour Mozilla */
    -khtml-opacity: 1; /* Pour Konqueror */
    opacity: 1; /* Pour les standards CSS3 */
}
/* Fin menu vertical déroulant
----------------- */
#milieu {
	position: relative;
	display:block;
	text-align: left;
	width: 746px;
	padding: 20px 0 0 0;
	margin: 2px auto;
	background-color: #FFF;
	z-index:4;
}
#gauche {
	position: relative;
	display:block;
	float:left;
	width:166px;
	background-color: #FFF;
	text-align:center;
	margin:0;
	padding:10px;
	z-index:6;
}
#gauche ul {
	position:relative;
	display:block;
	width:166px;
	height:114px;
	text-align:left;
	margin:0;
	padding:20px 0 0 0;
	border:0;
}
#gauche li {
	font-size: 0.78em;
	color:#36476C;
	background-image:url(http://www.activis.ca/dev/marineexpert/fr/image/puce/li-fleche.png);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type:none;
	line-height:1.2em;
	margin:0;
	padding:0 0 0 10px;
	border:0;
}
#gauche li a, #gauche li a:visited, #gauche li a:active {
	color:#36476C;
	font-weight:bold;
	text-decoration:none;
}
#gauche li a:hover {
	color:#E1A21A;
	font-weight:bold;
	text-decoration:none;
}
#droite {
	position: relative;
	display:block;
	float:right;
	width:524px;
	background-color: #FFF;
	margin:0;
	padding:10px;
	z-index:6;
}
#bouee {
	float:right;
}
#bas {
	position:relative;
	display:block;
	clear:both;
	width:744px;
	height:164px;
	padding:0;
	margin: 0;
	text-align:left;
	background-image: url("../image/bas.gif");
	background-repeat:repeat-x;
	background-position: center;
	background-color: #FFF;
	z-index:3;
}
#bas img {
	position:relative;
	display:block;
	left:0;
	border:0px solid #FFF;	
}
#bas h6 a, #bas h6 a:active, #bas h6 a:visited {
	color:#1b2c58;
	margin:0 auto;
	padding:0;
	text-decoration:none;
}
#bas h6 a:hover {
	text-decoration:underline;
}
/* Menu horizontal déroulant
----------------- */
#nav, #nav ul {
	position: relative;
	float: left;
	width: auto;
	list-style: none;
	line-height: 2em;
	padding: 0;
	border: 0;
	margin: 0;
	background-color: #6b83ae;
	text-align:left;
	z-index:5;
}

#nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding:0;
	margin:0;
	text-align:center;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#nav li img{
	margin:0;
	padding:0;
	border:0;
}

#nav li ul {
	position: absolute;
	display:block;
	left: -999em;
	font-size: 0.7em;
	border-top: 1px solid #FFF;
	margin: 0;
	padding: 0;
}

#nav li li {
	display:block;
	margin: 0;
	padding: 0;
	border-right:2px solid #7a8ebb;
}

#nav li ul a {
	display:block;
	color: #FFFFFF;
}

#nav li ul ul {
	margin: 0;	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	/* style alternatif ( background: transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter: alpha(opacity=90); /* Pour Internet Explorer */
    -moz-opacity: 0.9; /* Pour Mozilla */
    -khtml-opacity: 0.9; /* Pour Konqueror */
    opacity: 0.9; /* Pour les standards CSS3 */		
}

#nav li:hover, #nav li.sfhover {
	color:#FFFFFF;
	background-color: #36476C;
}
.sansbord {
	border:0;
}
#activis {
	clear:both;
	float:left;
}
/* Menu bas
----------------- */
#ssm2, #ssm2 ul {
	clear:right;
	float:left;
	position: relative;
	width: 550px;
	list-style: none;
	line-height: 1;
	padding: 0;
	border: 0;
	margin: 0;
	text-align:left;
}

#ssm2 a {
	width:auto;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.25em 0;
	text-align:left;
}

#ssm2 li {
	float:left;
	margin: 0;
	padding: 0.25em 0.25em 0.25em 0;
	border: 0;
}

#ssm2 li ul {
	position: relative;
	left: -999em;
	width:40px;
	height:auto;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
}
#ssm2 li li {
	display:block;
	clear:both;
	width:60px;
	margin: 0;
	padding: 0.25em;
}

#ssm2 li ul a {
	width:60px;
	color: #1b2c58;
}

#ssm2 li ul ul {
	margin: 0;	
}

#ssm2 li:hover ul ul, #ssm2 li:hover ul ul ul, #ssm2 li.sfhover ul ul, #ssm2 li.sfhover ul ul ul {
	left: -999em;	
}

#ssm2 li:hover ul, #ssm2 li li:hover ul, #ssm2 li li li:hover ul, #ssm2 li.sfhover ul, #ssm2 li li.sfhover ul, #ssm2 li li li.sfhover ul {
	left: auto;
	/* style alternatif ( background: transparent url("../image/gris.png") repeat; ) */
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);		
}

#ssm2 li:hover, #ssm2 li.sfhover {
	color:#1b2c58;
}

.li-gouvernaille
{		

	list-style-image: url("http://www.activis.ca/dev/marineexpert/fr/image/puce/li.png");
}

.li
{	
	list-style-image: url("http://www.activis.ca/dev/marineexpert/fr/image/puce/li.png");
}

.title{	
	color: #081052;
	text-transform: uppercase;
	list-style-image: url("http://www.activis.ca/dev/marineexpert/fr/image/puce/li-fleche.png");
}

.title-leftbox{	
	color: #081052;
	font-size: 11px;
	TEXT-DECORATION: none;
	margin: 0;
	padding:0;
	list-style-image: url("http://www.activis.ca/dev/marineexpert/fr/image/puce/li-fleche.png");
}

.marqueur{	
	color: #D0A614;
}
A.marqueur 					{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: underline}
A.marqueur:visited 			{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: underline}
A.marqueur:hover 			{font-size: 11px; COLOR:  #6B83AE; TEXT-DECORATION: none}		
A.marqueur:active			{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: underline}

A.point-marqueur 			{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: underline;}	
A.point-marqueur:visited 	{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: underline;}	
A.point-marqueur:hover 		{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: none;}		
A.point-marqueur:active		{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: underline;}	

A.content 					{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: none}
A.content:visited 			{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: none}
A.content:hover 			{font-size: 11px; COLOR:  #6B83AE; TEXT-DECORATION: underline}		
A.content:active			{font-size: 11px; COLOR:  #E1A21A; TEXT-DECORATION: none}

A.news-box 					{font-size: 10px; COLOR:  #6B83AE; TEXT-DECORATION: none}
A.news-box:visited 			{font-size: 10px; COLOR:  #6B83AE; TEXT-DECORATION: none}
A.news-box:hover 			{font-size: 10px; COLOR:  #E1A21A; TEXT-DECORATION: none}		
A.news-box:active			{font-size: 10px; COLOR:  #6B83AE; TEXT-DECORATION: none}

A.box-description 			{font-size: 10px; COLOR:  #6B83AE; TEXT-DECORATION: none}
A.box-description:visited 	{font-size: 10px; COLOR:  #6B83AE; TEXT-DECORATION: none}
A.box-description:hover 	{font-size: 10px; COLOR:  #E1A21A; TEXT-DECORATION: none}		
A.box-description:active	{font-size: 10px; COLOR:  #6B83AE; TEXT-DECORATION: none}

a {
	color: #E1A21A;
	text-decoration:underline;
	}
	
a:hover {
	color: #6B83AE;
	text-decoration:none;
	}
	
.sobre{	
	color: #5C78B6;
}

.hr{	
	color: #F6C019;
}

.bordure-gauche-marqueur{	
	border-left: 1px solid #D0A614;
}

.bordure-droite-marqueur{	
	border-right: 1px solid #D0A614;
}

/* Photos */
	
.imgfx{	
	border: 2px solid #A4B2DF;
}

.bg-tableau-1{	
	background-color: #6B83AE;
}

.tableau{	
	border: solid 1px #6B83AE;
}
.td{	
	border-top: solid 1px #6B83AE;
}
.tdbg{	
	background-color: #CCD8E4;
}

.box-footer{	
	border: 1px solid #A4B2DF;
}
.img{	
	border: 1px solid #0B214A;
}