body{
font-family: Arial;
}

p{
	margin-top:8px;
	margin-bottom:8px;
}
a:hover{
	color:red;
}
a#email:link{ 
	color: white;
}
a#email:visited{ 
	color: white;
}

a#email:hover{
     color: yellow;
}



a.popup{
	text-decoration: none;
	color:black;
}

a.popup:hover{
	color:red;
}
table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
}

ul#menu {list-style-type: none;margin:0;padding:0} 

ul#menu li {margin-bottom: 5px;}

ul#menu a {
     margin: 0 2px;
     width: 120px; 
     height: 20px;
     display: block;
     text-align: center;
     text-decoration: none;
     color: white;
	 }

ul#menu a.selected {
	 color:yellow;
	 font-weight:bold;
	 }
ul#menu a:hover {
     color: yellow;
	font-weight:bold;	
height:20px;
}

div.panel{
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	font-size:11pt;
	height:400px;

    }
	 
#afnorpanel{
	
	background-color:yellow;
	border-style:solid;
	border-color:black;
	border-width: 1px;
	width:50%;
	padding:5px;
	margin-top:5px;
	margin-bottom:2px;	
	}	

a.Tooltip div{
	display: none;
}


a.Tooltip {
	border-bottom: 1px dashed brown;
	text-decoration: none;
}

a.Tooltip UL {
	margin-top:0;
}
a.Tooltip:hover #Conseil5{
	display: block;
   	
   	position: absolute; top: 0px; left: 100;width:500px;
	z-index: 100;
	/* formatting only styles */
   	padding: 5px; margin-top: 0px; 
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 1;
	xopacity: 0.9;
	font-size:9pt;
	font-weight:normal;
	text-align:justify;
	color:red;
	
	/* end formatting */
}


a.Tooltip:hover div{
	display: block;
   	
   	position: absolute; top: -270px; left: 100;width:500px;
	z-index: 100;
	/* formatting only styles */
   	padding: 5px; margin-top: 0px; 
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 1;
	xopacity: 0.9;
	font-size:9pt;
	font-weight:normal;
	text-align:justify;
	color:black;
	
	/* end formatting */
}


a.Tooltip:hover .listContainer{
	color:red;
	
	/* end formatting */
}


a.Tooltip:hover #Conseil5{
	display: block;
   	
   	position: absolute; top: 0px; left: 100;width:500px;
	z-index: 100;
	/* formatting only styles */
   	padding: 5px; margin-top: 0px; 
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 1;
	xopacity: 0.9;
	font-size:9pt;
	font-weight:normal;
	text-align:justify;
	color:red;
	
	/* end formatting */
}




H3
{
	font-size:10pt;
	margin:0;
}

#Conseil1:hover {
	position: relative;
}
#Conseil2:hover {
	position: relative;
}
#Conseil3:hover {
	position: relative;
}
#Conseil4:hover {
	position: relative;
}
#Conseil5:hover {
	position: relative;
}

#tooltipLieux:hover {
	position: relative;	
}

a.Tooltip:hover div#tooltipLieux{
	display: block;
   	
   	position: absolute; top: 0px; left: 100;width:500px;
	z-index: 50;
	/* formatting only styles */
   	padding: 5px; margin-top: 0px; 
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 1;
	xopacity: 0.9;
	font-size:9pt;
	font-weight:normal;
	text-align:justify;
	color:red;
	
	/* end formatting */
}

#tooltipBateaux:hover {
	position: relative;	
}


.listHeader {
	 font-weight:bold;
	margin-top:10px;
}



.listContainer{
	font-size:12pt;
	font-family:calibri;
	border-style: none;
}

div.listContainer td{
	border-style: none;
}
.dpt{
	margin-top:5px;
	font-weight:bold;
	text-align:center;
}



a.Tooltip2 div{
	display: none;
}


a.Tooltip2 {
	border-bottom: 1px dashed brown;
	text-decoration: none;
}

a.Tooltip2 UL {
	margin-top:0;
}


a.Tooltip2:hover div{
	display: block;
   	
   	position: absolute;
   	top: -475px;
   	left: 100;
   	width:700px;
   	height:500px;
   	overflow:auto;
	z-index: 100;
	/* formatting only styles */
   	padding: 2px; margin-top: 0px; 
   	background: #f0f0f0; xborder: 1px dotted #c0c0c0;
	xopacity: 1;
	font-size:9pt;
	font-weight:normal;
	text-align:justify;
	color:black;
	
	/* end formatting */
}

a.Tooltip3 div.listContainer{
	display: none;
}


a.Tooltip3 {
	border-bottom: 1px dashed brown;
	text-decoration: none;
}

a.Tooltip3 UL {
	margin-top:0;
}


a.Tooltip3:hover div.listContainer{
	display: block;
   	
   	position: absolute; top: -400px; left: 100;width:500px;
	z-index: 100;
	/* formatting only styles */
   	padding: 5px; margin-top: 0px; 
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 1;
	font-size:9pt;
	font-weight:normal;
	text-align:justify;
	color:black;
	
	/* end formatting */
}

.spanDpt{
	float: left;
	width: 40px;
	text-align:center;
	font-weight:bold;
}

.column1{
float: left;
xwidth: 50%;
}

.column2{
float: left;
xwidth: 50%;
}

fieldset{
margin-right:10px;
}
legend{
	text-align:center;
	font-size:9pt;
	font-family: Arial;
	color:blue

}

fieldset a img{
border:none;
}