/* 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;
}

.retour{clear:both; float:none;}

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;
}
	#content {
	font-family: 'Arial', 'Sans-serif';
	font-size: 11px; 
	COLOR:  #36476C; 

}
A.contenu-box {
	font-family: 'Verdana', 'Arial', 'Sans-serif';
	font-size: 9px; 
	COLOR:  #36476C; 
	TEXT-DECORATION: none
	}
	
A.contenu-box:visited {
	font-family: 'Verdana', 'Arial', 'Sans-serif';
	font-size: 9px; 
	COLOR:  #36476C; 
	TEXT-DECORATION: none
	}
	
A.contenu-box:hover {
	font-family: 'Verdana', 'Arial', 'Sans-serif';
	font-size: 9px; 
	COLOR:  #50699F; 
	TEXT-DECORATION: none
	}		
A.contenu-box:active {
	font-family: 'Verdana', 'Arial', 'Sans-serif';
	font-size: 9px; 
	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 -  Client ON
----------------- */
#ssm-client-on, #ssm-client-on ul {
	position:absolute;
	list-style:none;
	display:block;
	width:108px;
	height:auto;
	top:5px;
	left:644px;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}
#ssm-client-on a {
	display: block;
	width: 80px;
	height:auto;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	padding: 0.15em 0;
	margin:auto;
}
#ssm-client-on 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-client-on li ul {
	left: -999em;
	margin: 0;
	padding: 0;
	border:0;
}
#ssm-client-on li ul li {
	position:relative;
	top:13px; /* ajustement du sous menu province */
	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-client-on li ul li a {
	width: 50px;
	list-style:none;
	margin:0;
	color:#CCC;
	padding:1px 2px;
	border:0;
}
#ssm-client-on li ul li a:hover, #ssm-client-on li ul li a.sfhover {
	width: 50px;
	list-style:none;
	margin:0;
	padding:1px 2px;
	color:#FFF;
	border:0;
}
#ssm-client-on li:hover ul ul, #ssm-client-on li.sfhover ul ul {
	left: -999em;	
	top: 25px;
}

/* Ajustement sous menu province */
#ssm-client-on li:hover ul, #ssm-client-on li li:hover ul, #ssm-client-on li.sfhover ul, #ssm-client-on li li.sfhover ul {
	left: auto;	
	top: 25px;
}

#ssm-client-on li li:hover, #ssm-client-on li li.sfhover, #ssm-client-on li li a:hover, #ssm-client-on 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  - Client ON
----------------- */


/* Menu vertical déroulant -  Courtier ON
----------------- */
#ssm-courtier-on, #ssm-courtier-on ul {
	position:absolute;
	list-style:none;
	display:block;
	width:108px;
	height:auto;
	top:5px;
	left:644px;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}
#ssm-courtier-on a {
	display: block;
	width: 80px;
	height:auto;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	padding: 0.15em 0;
	margin:auto;
}
#ssm-courtier-on 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-courtier-on li ul {
	left: -999em;
	margin: 0;
	padding: 0;
	border:0;
}
#ssm-courtier-on li ul li {
	position:relative;
	top:0px; /* ajustement du sous menu province */
	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-courtier-on li ul li a {
	width: 50px;
	list-style:none;
	margin:0;
	color:#CCC;
	padding:1px 2px;
	border:0;
}
#ssm-courtier-on li ul li a:hover, #ssm-courtier-on li ul li a.sfhover {
	width: 50px;
	list-style:none;
	margin:0;
	padding:1px 2px;
	color:#FFF;
	border:0;
}
#ssm-courtier-on li:hover ul ul, #ssm-courtier-on li.sfhover ul ul {
	left: -999em;	
	top: 25px;
}

/* Ajustement sous menu province */
#ssm-courtier-on li:hover ul, #ssm-courtier-on li li:hover ul, #ssm-courtier-on li.sfhover ul, #ssm-courtier-on li li.sfhover ul {
	left: auto;	
	top: 25px;
}

#ssm-courtier-on li li:hover, #ssm-courtier-on li li.sfhover, #ssm-courtier-on li li a:hover, #ssm-courtier-on 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  -  Courtier ON
----------------- */

/* Menu vertical déroulant -  Client QC
----------------- */
#ssm-clien-qc, #ssm-clien-qc ul {
	position:absolute;
	list-style:none;
	display:block;
	width:108px;
	height:auto;
	top:5px;
	left:644px;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}
#ssm-clien-qc a {
	display: block;
	width: 80px;
	height:auto;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	padding: 0.15em 0;
	margin:auto;
}
#ssm-clien-qc 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-clien-qc li ul {
	left: -999em;
	margin: 0;
	padding: 0;
	border:0;
}
#ssm-clien-qc li ul li {
	position:relative;
	top:13px; /* ajustement du sous menu province */
	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-clien-qc li ul li a {
	width: 50px;
	list-style:none;
	margin:0;
	color:#CCC;
	padding:1px 2px;
	border:0;
}
#ssm-clien-qc li ul li a:hover, #ssm-clien-qc li ul li a.sfhover {
	width: 50px;
	list-style:none;
	margin:0;
	padding:1px 2px;
	color:#FFF;
	border:0;
}
#ssm-clien-qc li:hover ul ul, #ssm-clien-qc li.sfhover ul ul {
	left: -999em;	
	top: 25px;
}

/* Ajustement sous menu province */
#ssm-clien-qc li:hover ul, #ssm-clien-qc li li:hover ul, #ssm-clien-qc li.sfhover ul, #ssm-clien-qc li li.sfhover ul {
	left: auto;	
	top: 25px;
}

#ssm-clien-qc li li:hover, #ssm-clien-qc li li.sfhover, #ssm-clien-qc li li a:hover, #ssm-clien-qc 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
----------------- */


/* Menu vertical déroulant -  Courtier QC
----------------- */
#ssm-courtier-qc, #ssm-courtier-qc ul {
	position:absolute;
	list-style:none;
	display:block;
	width:108px;
	height:auto;
	top:5px;
	left:644px;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}
#ssm-courtier-qc a {
	display: block;
	width: 80px;
	height:auto;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	padding: 0.15em 0;
	margin:auto;
}
#ssm-courtier-qc 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-courtier-qc li ul {
	left: -999em;
	margin: 0;
	padding: 0;
	border:0;
}
#ssm-courtier-qc li ul li {
	position:relative;
	top:33px; /* ajustement du sous menu province */
	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-courtier-qc li ul li a {
	width: 50px;
	list-style:none;
	margin:0;
	color:#CCC;
	padding:1px 2px;
	border:0;
}
#ssm-courtier-qc li ul li a:hover, #ssm-courtier-qc li ul li a.sfhover {
	width: 50px;
	list-style:none;
	margin:0;
	padding:1px 2px;
	color:#FFF;
	border:0;
}
#ssm-courtier-qc li:hover ul ul, #ssm-courtier-qc li.sfhover ul ul {
	left: -999em;	
	top: 25px;
}

/* Ajustement sous menu province */
#ssm-courtier-qc li:hover ul, #ssm-courtier-qc li li:hover ul, #ssm-courtier-qc li.sfhover ul, #ssm-courtier-qc li li.sfhover ul {
	left: auto;	
	top: 25px;
}

#ssm-courtier-qc li li:hover, #ssm-courtier-qc li li.sfhover, #ssm-courtier-qc li li a:hover, #ssm-courtier-qc 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:0px;
	margin:0px;
	text-align:left;
	background-image: url("../image/bas.gif");
	background-repeat:repeat-x;
	background-position: center;
	background-color: #FFF;
	
	z-index:3;
}
#bas h6 {
	margin:0px;
	padding:20px 10px 10px 10px;
	}
	
#bas img {
	position:relative;
	display:block;
	float:right;
	margin:0px;
	padding:5px;
	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 {
	position: relative;
	width:720px;
	list-style: none;
	line-height: 8px;
	margin:10px 0 0 0;
	padding: 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;
}

.hr-sobre{	
	color: #27386D;
}

.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;
}

.bg-tableau-2{	
	background-color: #E0EAFA;
}

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

.td-border-bottom{	
	border-bottom: solid 1px #6B83AE;
}

.tdbg{	
	background-color: #CCD8E4;
}

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


/* Formulaires*/

.asterisque {
	font-family: 'Verdana', 'Arial', 'Sans-serif';	
	font-size:12px;
	font-weight:normal;
	color:#ECA817;
} 

.erreur {
	font-family: 'Verdana', 'Arial', 'Sans-serif';	
	font-size:12px;
	font-weight:normal;
	color:#D30000;
} 

.input {
	font-family: 'Verdana', 'Arial', 'Sans-serif';	
	font-size:12px;
	font-weight:normal;
	height:16px;
	color:#37466C;
	margin: 0px;
	padding: 0px;
	border: 1px solid #A7A6AA;
	background-color: #F6FAFF;
}

.input-texte {
	font-family: 'Verdana', 'Arial', 'Sans-serif';	
	font-size:12px;
	font-weight:normal;
	height:16px;
	width:350px;
	color:#37466C;
	margin: 0px;
	padding: 0px;
	border: 1px solid #A7A6AA;
	background-color: #F6FAFF;
}

.input-select {
	font-family: 'Verdana', 'Arial', 'Sans-serif';	
	font-size:11px;
	height:19px;
	width:350px;
	color:#37466C;
	margin: 0px;
	padding: 0px;
	border: 1px solid #A7A6AA;
	background-color: #F6FAFF;
}

.bt-input {
	font-size:10px;
	color:#37466C;
	width:350px;
	margin: 0px;
	padding: 3px;
	background-image: url(/grafx/bt-input-degrade.png);
	border: 1px solid #A7A6AA;
	background-color: #1F2123;
}

.textarea {
	font-family: 'Verdana', 'Arial', 'Sans-serif';
	font-size:12px;
	color:#37466C;
	width:350px;
	border: 1px solid #A7A6AA;
	background-color: #F6FAFF;
	overflow: auto;
	
	scrollbar-face-color: #C0C0C0;
	scrollbar-shadow-color: #F7F8F5;
	scrollbar-highlight-color: #F7F8F5;
	scrollbar-3dlight-color: #F7F8F5;
	scrollbar-darkshadow-color: #F7F8F5;
	scrollbar-track-color: #F7F8F5;
	scrollbar-arrow-color: #434343;
}
/* Plan du site */
#plan {
	margin:0 20px 0 0;
}
#plan ul {
	margin:0;
	padding:0;
	font-weight:bold;
	list-style:square;
}
#plan li {
	margin:0 0 0 15px;
	padding:0;
	font-weight:normal;
	font-size:0.9em;
}
#plan a {
	text-decoration:none;
}
#plan li a {
	color:#36476c;
}
#plan li a:hover {
	color:#e1a21a;
}
#plan li li a, #plan li li {
	color:#6d7296;
}
#plan a:hover {
	text-decoration:underline;
}
#plan ul ul {
	list-style:circle;
}
#plan ul li {
	margin:0 0 0 15px;
	padding:0;
	font-weight:normal;
}
#plan .g {
	float:left;
}
#plan .d {
	float:right;
}