:link, :visited {text-decoration:underline; font-weight: bold;}
:link 		{color: #0000CC;}
:visited 	{color: #567C8E;}
:link:hover 	{color: #CC3300; text-decoration:underline; font-weight: bold;}
:visited:hover  {color: #CC3300; text-decoration:underline; font-weight: bold;}
:link:active, :visited:active {color:green; font-weight:bold;}

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #f5f5f5;
	}

td,tr,p,div,ul,li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	color: #f5f5f5;
	text-align:right;
	/* background: #567C8E; */
	/* border-top: solid 1px #ffffff; */
	/* border-bottom: solid 1px #ffffff; */
	}

h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight : bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight : bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}



td.header {
	vertical-align:middle;
	background:#839DA7 url(images/banner-static.png);
	}

table.main {
	width:100%;
	}

td.barre {
	text-align: center;
	background: #FAFAFA;
	border-bottom: 1px dashed #E3E3E3; 
	border-top: 1px dashed #E3E3E3;
}


td.contenu {
	vertical-align: top;
	border-left: 1px dashed #E3E3E3; 
}


form {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


hr {
	background: #C0C0C0; height:2px; border: 1px inset;
	}


table.menu {
	width: 100%;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-top: solid 0px #000000;
	border-bottom: 1px solid #DFDFDF;
	}

table.menu th {
	font-weight: bold;
	color: #FFFFFF;
	background: #839DA7;
	text-align: left;
	vertical-align:middle;
	height: 14px;
	line-height: 14px;
	white-space: nowrap;
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	text-indent: 5px;
	}

table.menu td {
	background: #fafafa;
	}


div.menuspacer {width:180px; height:5px;}


table.text {
	width:99%;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-top: solid 0px #000000;
	border-bottom: 1px solid #DFDFDF;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	}

table.text th {
	font-weight: bold;
	color: #000000;
	text-align: left;
	height: 14px;
	line-height: 14px;
	white-space: nowrap;
	border-bottom: 1px dashed #E6E6E6;
	border-top: 1px dashed #E6E6E6;
	text-indent: 5px;
	background: #fafafa;
	}

table.text th.mer {
	background: #006699;
	}
	
table.text td {
	background: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	}

table.text td span.surligne {
	font-weight: bold;
	background: #CC3300;
	color: #FFFFFF;
	}

table.text td span.surligne2 {
	font-weight: bold;
	background: #336600;
	color: #ffff33;
	}

table.text td span.surligne3 {
	font-weight: bold;
	background: #99ffff;
	color: #000000;
	}

table.detail {
	width:100%;
	margin: 0px 0px 0px 0px;
	}

table.detail td {
	padding: 1px;
	border-bottom: 1px solid #DFDFDF;
	text-indent: 10px;
	}

	
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #8C8C8C;
	border-style: solid;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	background: #EBEBEB;
	height: 18px;
	}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid;
	text-indent: 5px;
	}

ul {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 1px 1px 1px 1px;
	}

li {
	list-style: inside url(images/fleche.gif) 5px;
	list-style-image: url(images/fleche.gif);
	}

li.star {
	list-style: inside url(images/etoile.gif) 5px;
	list-style-image: url(images/etoile.gif);
	}

ul.stars {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 1px 1px 1px 1px;
	background: #99ffff;
	}

ul.stars li {
	list-style: inside url(images/etoile.gif) 5px;
	list-style-image: url(images/etoile.gif);
	font-weight:bold;
	color:#cc3300;
	}




div.active {
	line-height: 14px;
	font-weight: bold;
	background: #567C8E;
	color: #FFFFFF;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 0px;
	text-indent: 10px;
	}

div.bouton {
	line-height: 14px;
	display:block;
	font-weight: bold;
	background:transparent;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 0px;
	text-indent: 10px;
	}

div.bouton :hover {
	line-height: 14px;
	display:block;
	font-weight: bold;
	background: #1B1E53;
	color: #FFFFFF;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 0px;
	text-decoration:none;
	text-indent: 10px;
	}

div.surligne {
	line-height: 14px;
	display:block;
	font-weight: bold;
	background: #cc3300;
	color: #FFFFFF;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 0px;
	text-indent: 10px;
	}

div.promo {
	text-align:center;
	font-size:16px;
	line-height: 20px;
	display:block;
	font-weight: bold;
	background: #cc3300;
	color: #FFFFFF;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 0px;
	text-indent: 0px;
	}

div.stabylo {
	text-align:center;
	font-size:16px;
	line-height: 20px;
	display:block;
	font-weight: bold;
	background: #1B1E53;
	color: #FEF127;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-indent: 0px;
	}

div.svg
{
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
padding:5px;
border: 1px #CC9933 dotted;
font-style: italic; 
background: #FFFFCC
}

div.breadcrumb {
	font-weight: bold;
	color: #000000;
	text-align: left;
	height: 20px;
	text-indent: 10px;
	background: #fafafa;
	}