/*general*/
body {
	margin:0;
	padding:0;
	background: #eee url("../images/backfade.gif") repeat-x fixed top left;
	color:#414141;
	font-size:12px;
	text-align: center;
	font: 11px/1.5em Verdana;
}
.avert{
	border: 1px solid #ff0000;
	color: #ff0000;
	font-weight: bold;
	font-size: 11px;
	margin:5px;
	padding:5px;
}
.info{
	color: Green;
}
.grise{
	background-color: #EBEBEB;
}
.hr
	{
	border: 0;
	width: 100%;
	color: #666;
	background-color: #666;
	height: 1px;
	}
h1 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
}
h1 a{ 
	display:block; 
	text-indent:-9999px; 
	position:absolute; 
}
h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
h3 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
a.box
{
	display: block;
	text-decoration: none;
	color: Black;
}
td.td1
{
	background-color: #EDEDED;
	border-bottom: 1px solid #aaa;
}
td.td2
{
	background-color: #DEDEDE;
	border-bottom: 1px solid #aaa;
}
td.td3 /* commande non validée*/
{
	background-color: #FFB1A4;
	border-bottom: 1px solid #aaa;
}
/*message*/
td.alertG
{
	position: relative;
	top: 5px;
	color: #006400;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td.alertB
{
	position: relative;
	top: 5px;
	color: #B22222;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*header*/
#header{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg2.jpg);
	background-repeat: repeat-x;
	float: none;
	height: 107px;
}
div.head{
	float: left;
}
div.decompte{
	width: 30px;
   border: 1px solid #006400;
   font-size: 10px;
   font-family: Verdana, sans-serif;
}
/*menu F */
#container{
	text-align: left;
	margin: 0;
	padding: 0;
	background:white;
	border:1px solid #666;
	border-top: none;
	margin-top:0px;
	width:95%;
	min-width: 700px;
	height: 100%;
}
#total{
	margin:2px;
	padding:2px;
	width:50px;
}
#tabsF {
   float: left;
   width: 80%;
   background:#efefef;
   font-size:93%;
   line-height:normal;
	border-bottom:1px solid #666;
}
#tabsR {
   float: right;
   background:#efefef;
   font-size:93%;
	width: 20%;
	border-bottom:1px solid #666;
	height: 36px;
	/*
	padding-right: 5px;
	*/
	text-align: right;
}
#tabsF ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#tabsF li {
	display:inline;
   margin:0;
   padding:0;
}
#tabsF a {
	float:left;
   background:url("../images/tableftF.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
	font: bold 11px/1.5em Verdana;
}
#tabsF a span {
	float:left;
   display:block;
   background:url("../images/tabrightF.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
	/* End IE5-Mac hack */
#tabsF a:hover span {
 	color:#FFF;
}
#tabsF a:hover {
 	background-position:0% -42px;
}
#tabsF a:hover span {
 	background-position:100% -42px;
}
/* selection de page */
#sel a {
	background-position:0% -42px;
}
#sel a span{
 	background-position:100% -42px;
}
/* Menu I */
#tabsI {
	float: none;	
	/*display: inline;*/
	width:100%;
	background:#efefef;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #DD740B;
}
#tabsI ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#tabsI li {
	display:inline;
   margin:0;
   padding:0;
}
#tabsI a {
	float:left;
   background:url("../images/tableftI.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 5px;
   text-decoration:none;
}
#tabsI a span {
   /*float:left;*/
   display:block;
   background:url("../images/tabrightI.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
	color:#FFF;
}
#tabsI a:hover {
	background-position:0% -42px;
}
#tabsI a:hover span {
   background-position:100% -42px;
}
/* selection onglet */
#selTab a {
	background-position:0% -42px;
}
#selTab a span{
 	background-position:100% -42px;
}
/*content*/
.connect{
	border: 1px;
	border-style: groove;
}
.clear{
	clear: both;
}

.content{
	width:98%;
	margin: 0px;
	padding: 10px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.mapcontent{
	width:100%;
	margin: 0px;
	padding: 10px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tooltip {
	font-family:verdana;
	font-size:9px;
	color:#333;
	background:url(../images/tooltip.gif) bottom #fff repeat-x;
	padding:4px;
	border:1px #999 solid;
}
.action{
	background-color: #BBCDEE ;
}
.titre{
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
	background-color: #FAFAFA;
	border-bottom-style: inset;
	border-bottom-width: 1px;
	border-right-style: inset;
	border-right-width: 1px;
}
.text
{
	color: Gray;
	background-color: #ffffff;
	border-color: #336699;
	border-style: inset;
	border-width: 1px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#BBCDEE;
	color: #696969;
}
caption {
	font-family:verdana;
	font-size:9px;
	color:#333;
	background:url(../images/tooltip.gif) bottom #fff repeat-x;
	padding:4px;
	border:1px #999 solid;
}

td, th {
	padding: 4px;
}
ul#lstupd{
	list-style: none;
	margin:0px;
	padding:10px;
}
ul#lstupd li a{
	text-decoration: none;
	padding-left:8px;
}
ul#lstupd li a:hover{
	border-left: 6px solid #FFF;
	padding-left:2px;
}
ul.sanspuces{
	list-style-type:none;
	margin:0;
}
ul.sanspuces li{
	margin:0;
}
img.img
{
	border: 0px;
}
img.demo{
	border: 0px;
	padding-left:20px;
	padding-right: 20px;
}
img.thumb{
	padding-right:5px;
}
img.icone
{
	position: relative;
	top:-2px;
	border: none;
	line-height: 0px;
	vertical-align: middle;
	text-align: right;
}
/*footer*/

#contact {
	border: solid 1px #666;
	background-color: #F0FFF0;
	text-align: center;
	padding:5px 0px 5px 0px;
	font-size:11px; 
	color:#666;
	margin-top:20px;
	margin-bottom:10px;
	width:95%;
}
#footer {
	text-align: center;
	padding:5px 0px 5px 0px;
	font-size:11px; 
	color:#666;
	margin-top:20px;
	margin-bottom:10px;
	width:95%;
}
#footer a {
	color:#666;
}
/*legend*/
#mapcolonne .bandeBleue, #mapcolonne .bandeOrange{
	display:block;
	margin:1px;
	cursor:pointer;
	height:16px;
}
.bandeOrangeTitre{
	background: White url(../images/b_orange.gif) repeat-x top;
	height:16px;
	line-height:16px;
	color:white;
	font-weight:bold;
	padding: 4px;
	font-size:14px;
}
.bandeOrange,.bandeBleue{
	color:#666;
	font-weight:bold;
	padding: 2px;
}
.bandeOrange{
	background: White url(../images/b_orange.gif) repeat-x top;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	border-top: 1px #999 solid;
}
.bandeBleue{
	background: White url(../images/b_bleue.gif) repeat-x top;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	border-top: 1px #999 solid;
}
a.bandeOrange,a.bandeBleue {
	border: none;
	text-decoration:none;
	vertical-align: middle;
	border: 1px #999 solid;
}
a.bandeOrange :hover,a.bandeBleue :hover{
	text-decoration:underline;
	background:none;
}
a.color {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	color: #349138;
	text-decoration: none;
}
a.color:HOVER {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	color: #349138;
	text-decoration: none;
	background-color: #EEEEEE;
}