body{
background: #006193;
/*background: #06131c;*/
/*background: #d8dbe2;*/
/*background: #f2f9ff;*/
color:#000066;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.8em;
font-weight:normal;
margin:10px 0px 10px 0px;
}
IMG{border:0px;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
h1{color:#000033;font-size:20px;font-weight:bold;}
h2{color:#000033;font-size:18px;font-weight:normal;}
h3{color:#000033;font-size:16px;font-weight:bold;}
h4{color:#000033;font-size:14px;font-weight:bold;}
h5{color:#000033;font-size:12px;font-weight:bold;}
h6{color:#000033;font-size:11px;font-weight:bold;}

html>body #navlist li a{width:auto;}
.areatxt{
color:#003e1f;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
text-align:left;
}
.areatxtcenter{
color:#003e1f;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
text-align:center;
}
.areatxtright{
color:#003e1f;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.9em;
text-align:right;
}
#navlist li{display:inline;}
#navlist li a{
background-color:#9ec0e0;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#cc0000;
padding:.2em .5em;
text-decoration:none;
}
#navlist li a#flag{
background-color:transparent;
border-left:1px none #9ec0e0;
border-right:1px none #9ec0e0;
}
#navlist li a:hover{background-color:#333399;color:#ffcc00;text-decoration:none;}
#navlist li a:active{background-color:#0066cc;color:#ffcc00;text-decoration:underline;}
#navlist ul{
background-color:transparent;
font:normal normal 80% Verdana,arial,helvetica,sans-serif;
list-style-type:none;/*background-color:#c7daec*/
margin:0px;
padding:1px 0 3px;
text-align:center;
width:100%;
}

#topad{
color:#cc0000;
font-family:"Comic Sans MS","Brush Script MT",Verdana;
font-size:1.1em;
font-weight:bold;
left:5px;
position:absolute;
text-align:center;
top:5px;
}
.rubriquesurf {
	font-size: 1.1em; font-weight: bold;
}
.tablespot{
	background-color: #FFFFFF;
	border-top: 2px solid #663399;
	border-right: 2px solid #663399;
	border-bottom: 2px solid #663399;
	border-left: 2px solid #663399;
	width: 100%;
}
h3.shops{
	color:#000080;
	font-size:16px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
.tdtitle{
	background-color: #C7D6E4;
	color: #000080;
	border-bottom: 1px solid #663399; 
	height: 26px;
	background: url(/surf/images/tdtitlebck2.jpg) repeat-x;
}
.tdtitle2{
	background-color: #C7D6E4;
	color: #000080;
	border-top: 1px solid #663399; 
	border-bottom: 1px solid #663399; 
	height: 26px;
	background: url(/surf/images/tdtitlebck2.jpg) repeat-x;
}
.tdshoplink{
	background-color: #DFE0BF;
	padding: 2px 10px 2px 4px;
	border-bottom: 1px solid #c6c58e;
}
.tdshop{
	background-color: #D6D5AD;
	padding: 2px 10px 2px 4px;
	border-bottom: 1px solid #c6c58e;
}

.tdad{
	background-color: #DDDEBC; font-size: 0.9em;
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #c6c58e;
}
.tdtel{
	background-color: #EBEDD6; font-size: 0.9em;
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #c6c58e;
}
.addbiz{
	font-size: .8em;
}
.deptnav{
	font-size: .9em;
	font-weight: normal;
}
.navbar{
font-family:arial,verdana,helvetica,sans-serif;
font-size:.9em;
font-weight:normal;
margin-top:2em;
}
.copy{
background-color:transparent;
color:#808080;
font-family:sans-serif,verdana,arial,helvetica;
font-size:0.9em;
font-weight:lighter;
}
.tdfiche{
	color: #666666;
}
.pagedir{
/*color:#003e1f;*/
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.8em;
text-align:right;
margin-top: 0px;
margin-bottom: 1px;
}
TABLE#main{
	width: 750px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
TABLE#main TD{
	white-space: nowrap;
	vertical-align: top;
}
IMG.dossier{
	border: 0px;
	margin: 0px 5px 0px 0px;
	width:12px;
	height:14px;
}
.tdshoplink A:link{ 
	text-decoration: none;
}
.tdshoplink A:hover{ 
	text-decoration: underline;
}

TD.titlecell{
	background: #ffffff url(/surf/cadre/top-photo.jpg) no-repeat top left;
	height: 130px;
	text-align: right;
}
IMG.map{
	padding:0px 5px 0px 5px;
}
DIV.fiche{
	/*color: #ffffff;*/
	background-color: #efefef;
	height: 100%;
	width: 100%;
}
/* OUTER WRAPPER TABLE STYLES*/
TD.dcoin1{
	width:15px;
	height: 15px;
	background: url(/surf/cadre/dcoin1.gif) no-repeat top left;
	/*background-image: url(/surf/cadre/d-corner1.gif);*/
}
TD.dcoin2{
	width:15px;
	height: 15px;
	background: url(/surf/cadre/dcoin2.gif) no-repeat top right;
}
TD.dcoin3{
	width:15px;
	height: 15px;
	background: url(/surf/cadre/dcoin3.gif) no-repeat top right;
}
TD.dcoin4{
	width:15px;
	height: 15px;
	background: url(/surf/cadre/dcoin4.gif) no-repeat top right;
}
TD.dhori{
	height: 15px;
	background-color: #ffffff;
}
TD.dvert{
	width: 15px;
	background-color: #ffffff;
}
TD.tdblanc{
	background-color: #ffffff;
}
TD.whitecenter{
	background-color: #ffffff;
	text-align: center;
}

/* INNER WRAPPER TABLE STYLES*/
TABLE.wrappertbl{
	background-color: #ffffff;
}
TD.wrapcoin1{
	width:15px;
	height: 15px;
	background: url(/logos/boxsurf/corners_1x1.gif) no-repeat top left;
}
TD.wraptop{
	height: 15px;
	background: url(/logos/boxsurf/sidet.gif) repeat-x top left;
}
TD.wrapcoin2{
	width:15px;
	height: 15px;
	background: url(/logos/boxsurf/corners_1x2.gif) no-repeat top right;
}
TD.wrapleft{
	width: 15px;
	background: url(/logos/boxsurf/sidel.gif) repeat-y top left;
}
TD.wrapright{
	width: 15px;
	background: url(/logos/boxsurf/sider.gif) repeat-y top right;
}
TD.wrapcoin4{
	width:15px;
	height: 15px;
	background: url(/logos/boxsurf/corners_2x1.gif) no-repeat bottom left;
}
TD.wrapbottom{
	height: 15px;
	background: url(/logos/boxsurf/sideb.gif) repeat-x top left;
}
TD.wrapcoin3{
	width:15px;
	height: 15px;
	background: url(/logos/boxsurf/corners_2x2.gif) no-repeat bottom right;
}