a:link {color:#96F;text-decoration:underline;font-family:helvetica;font-weight:bold;font-size: 1em; } 
a:visited {color:#663;text-decoration:underline;font-family:helvetica;font-weight:bold;font-size: 1em; }
a:hover {color:#F00;text-decoration:underline;font-family:helvetica;font-weight:bold ;font-size: 1em; }
a:active {color:#F3C;text-decoration:underline;font-family:helvetica;font:italic;font-weight:italic;font-size: 1em; }
a.nolien:link {color:black;text-decoration:none;font-family:helvetica} 
a.nolien:visited {color:black;text-decoration:none;font-family:helvetica }
a.nolien:hover {color:black;text-decoration:none;font-family:helvetica }
a.nolien:active {text-decoration:none;font-family:helvetica }
A.lien001:link { COLOR: #000; TEXT-DECORATION: none ;font-family:Comic sans MS;font-weight:bold ;font-size:1em;} 
A.lien001:hover { COLOR:blue; TEXT-DECORATION: none ;font-family:Comic sans MS;font-weight:bold ;font-size:1em;}
A.lien001:visited { COLOR: #663; TEXT-DECORATION: none ;font-family:Comic sans MS;font-weight:bold ;font-size:1em; }
A.lien001:active { font:italic;COLOR: #F3C; TEXT-DECORATION: none ;font-family:Comic sans MS;font-weight:bold ;font-size:1em; }
A.lien002:link { COLOR: #90F; TEXT-DECORATION: none ;font-family:Lucida Handwriting;font-weight:bold ;font-size:1em;}
A.lien002:hover { background:white;COLOR: blue; TEXT-DECORATION: none ;font-family:Lucida Handwriting;font-weight:bold ;font-size:1em;BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid;}
A.lien002:visited { COLOR: #663; TEXT-DECORATION: none ;font-family:Lucida Handwriting;font-weight:bold ;font-size:1em;}
A.lien002:active { font:italic;COLOR: #F3C; TEXT-DECORATION: none ;font-family:Comic sans MS;font-weight:bold ;font-size:1em; }
A.lientitre:link{COLOR:white;TEXT-DECORATION:none;font-family:Monotype Corsiva;font-size:4em}
A.lientitre:hover{COLOR:yellow;font:italic; TEXT-DECORATION:none;font-family:Monotype Corsiva;font-size:4em}
A.lientitre:visited{COLOR:white;TEXT-DECORATION:none;font-family:Monotype Corsiva;font-size:4em}
A.lientitre:active{COLOR:white;TEXT-DECORATION:none;font-family:Monotype Corsiva;font-size:4em}
A.logo:link {color:white;font-size:2.5em;font-family:Monotype Corsiva;font-style:bold;text-decoration:none}
A.logo:hover{color:yellow;font-size:2.5em;font-family:Monotype Corsiva;font-style:italic;text-decoration:none}
A.logo:active{background:white;color:red;font-size:2.5em;font-family:Monotype Corsiva;font-style:italic;text-decoration:none}
A.logo:visited {color:white;font-size:2.5em;font-family:Monotype Corsiva;font-style:bold;text-decoration:none}
A.lien003:link { COLOR: #90F; TEXT-DECORATION: none ;font-family:Lucida Handwriting;font-weight:bold ;font-size:1em;}
A.lien003:hover { background:white;COLOR: blue; TEXT-DECORATION: none ;font-family:Lucida Handwriting;font-weight:bold ;font-size:1em;BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid;}
A.lien003:visited { COLOR: #663; TEXT-DECORATION: none ;font-family:Lucida Handwriting;font-weight:bold ;font-size:1em;}
A.lien003:active { font:italic;COLOR: #F3C; TEXT-DECORATION: none ;font-family:Comic sans MS;font-weight:bold ;font-size:1em; }
A.lientitre1:link{COLOR:#008000;TEXT-DECORATION:none;}
A.lientitre1:hover{COLOR:#008000;font:italic; TEXT-DECORATION:none;}
A.lientitre1:visited{COLOR:#008000;TEXT-DECORATION:none;}
A.lientitre1:active{COLOR:#008000;TEXT-DECORATION:none;}

  .button {
 cursor:hand;
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 60px;
}
.button:hover {
 cursor:hand;
  color: white;
  background-color: #F00;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 60px;
}

     
body      { background-image: url("../textures/fond.jpg") ;
 background-attachment: fixed; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 1em; 
font-weight:bold; 
color: #000; 
text-decoration: none;
margin-right:0px;
margin-left:0px;
margin-top:0px;
scrolling:auto;
overflow-x:hidden;
scrollbar-face-color: #008000; 
scrollbar-shadow-color: #060;
scrollbar-highlight-color: #FFF;
scrollbar-3dlight-color: #060; 
scrollbar-darkshadow-color: #060; 
scrollbar-track-color: #9F9; 
scrollbar-arrow-color: #000;}

.title{color:red;font-size:1.5em;font-weight:bold;font-family:helvetica;text-decoration:underline;}
.text{color:#000;font-size:1em;font-weight:bold;font-family:helvetica;}
.text001{font-size:1em;font-weight:bold;}
.ttarif{font-size:1.15em;font-weight:bold;font-family:comic sans ms;color:white;}
.tphone{font-size:1em;font-family:comic sans ms;color:white;}
.starif{font-size:1.1em;font:italic;font-family:comic sans ms;color:white;}
.text1{color:#000;font-size:1em;font-weight:bold;font-family:helvetica;font-style:italic;}
.text2{color:#060;font-size:1em;font-weight:bold;font-family:Lucida handwriting;} 
.text3{color:#000;font-size:0.8em;font-weight:bold;font-family:helvetica;font-style:italic;}
.texttab {color:#Fc0;font-size:1em;font-weight:bold;font-family:helvetica;}
.titletab {color:#060;font-size:1em;font-weight:bold;font-family:helvetica;}
.tdLittle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #CCCCCC}
.titreMenu {font-weight:bold;font-family: Arial, mono;text-align:center;font-size: x-small;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px}
h1 {display:inline;font-family:Monotype Corsiva;font-size:1.95em;color:#060;margin: 0px;padding:0;}
h2 {display:inline;font-family:Comic sans MS;font-size:1em;color:black;font-weight:none;margin: 0; padding: 0;}
.dek{visibility:hidden;position:absolute;z-index:1000;top:-100}
.changer {color:#fff; background:#525C88;cursor:hand}
.changer2 {color:black; background:orange}
.changera {color:red; background:white}
.changerb {color:white; background:black;cursor:hand}
.D1 {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:100;} 
.infostexte{font-size:1em;font-family:helvetica;color:white;}
#menuC {
font color:black;
font-size:1em; 
font-style: normal; 
position:absolute;
left:-395px;
top:-395px;
line-height:0.9em;
font size:1 em;
}
.tableimg{
background-attachment: fixed; 
width:360px;
height:234px;
}
.diaptable {  
padding-top:0px;
}
.tablediap {  
border-bottom:solid 2px #000;
border-top:solid 1px gray;
border-right:solid 2px gray;
border-left:solid 1px #000;
text-align:center;
-moz-border-radius:1em  1em 2em 2em;
background-color: #390; 
color: #FFF;
font-style:italic;
font-family:Verdana;
font-size: 1em;	
padding:0px 5px 3px 10px;
}
ul {
width:100%;
list-style: none;
padding: 0;
margin: 0;
}

#nav a { 
width:100%;
color: black;
font: 1em Comic sans MS;
margin: 0;
text-align:center;
text-decoration:none;
border-top: solid 1px #000;
}

#nav a {
width:100%;
text-decoration: none;
font:black;
}

#nav li li a { 
width:100%;
display: block;
font-weight: normal;
color: black;
padding: 0.2em 0;
}

#nav li li a:hover {
width:95%;
background: lightblue;
font-style:italic;
color:grey;
padding: 0.1em ;
border-top: solid 1px green;
border-right:solid 5px green;
border-left:solid 2px green;
border-bottom:solid 1px green;
}
#nav li li#der a:hover {
width:95%;
background: lightblue;
font-style:italic;
color:grey;
padding: 0.1em 0;
border: 5px solid green;
border-width: 1px 5px;
-moz-border-radius: 0 0 1em 1em;
}
#nav li a:hover {
width:100%;
background: lightblue;
font-style:italic;
color:grey;
}
#nav li a:focus:hover { background: lightblue }

li {z-index: 100;
float: left;
position: relative;
width: 12.3%;
height:1.75em;
text-align: center;
cursor: default;
background-color: lightgreen;
border: 1px solid black;
}

li#first {
border-left-width: 1px;
}

li#last {
border-right-width: 1px; 
}

li ul {
z-index: 100;
width:100%;
display: none;
position: absolute;
top: 100%;
left: 0;
font-weight: normal;
background: lightgreen;
padding: 0 0 0 0;
border-right: solid 1px #7d6340;
border-left: solid 1px #7d6340;
border-bottom:solid 2px #000;
-moz-border-radius: 0 0 1em 1em;
}
li>ul {
top: 1.75em;
width:100%;
left: auto;
}
li li {
z-index: 100;
width:100%;
display: block;
float: none;
background-color: transparent;
border: 0;
}
li:hover ul, li.over ul {
z-index: 100;
width:100%;
display: block;
}
a.tip:hover{z-index:2; background: ; }
a.tip span{display: none;}
a.tip:hover span {	
  position: absolute;
  margin:15px 0px 0px 20px;
  width:10em;
  padding: 0px 0px 0px 0px;
  font: normal 1em Comic sans MS;
  color: #000;
  text-align:center;
  text-decoration:none; 
  border:1px solid #060;
  background-color:#3C3;
  -moz-border-radius:1em 1em 1em 1em;
  display: block;
  }
  a.tip1 {position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none;
	}
a.tip1:hover{z-index:25;
background-image: url("http://relaisdelle.com/jpg/hover.png")!important;
background: ; 
}
a.tip1 span{display: none;}
a.tip1:hover span {	
  position: absolute;
  margin:15px 0px 0px 20px;
  width:20em;
  padding: 0px 0px 0px 0px;
  font: normal 0.6em Comic sans MS;
  color: #000;
  text-align:center; 
  bottom: 50%;
  left: 60%;
  -moz-border-radius:1em 1em 1em 1em;
  display: block;
  }
#image1 {
width :500px;
height: 417px;
background: url("http://relaisdelle.com/jpg/carte.jpg") top left no-repeat;
}
#zone1 {
float: left; 
width : 60px;
height: 150px;
margin-left: 70px;
margin-top: 100px;
border: 0px dotted black;

}
#zone2 {
float: left;
width : 150px;
height: 50px;
margin-left: 2px;
margin-top: 130px;
border: 0px dotted black;
}
#zone3 {
float: left;
width : 70px;
height: 60px;
margin-left:-30px;
margin-top: 150px;
border: 0px dotted black;
}
#zone4 {
float: left;
width : 90px;
height: 180px;
margin-left:-110px;
margin-top: 200px;
border: 0px dotted black;
}
#image {
width :400px;
height: 400px;
background: url("http://relaisdelle.com/gif/france3.gif") top left no-repeat;
}
#zone5 {
float: left;
width : 150px;
height: 130px;
margin-left: 0px;
margin-top: 0px;
border: 0px dotted black;
 }
#zone6 {
float: left;
width : 257px;
height: 250px;
margin-left: 143px;
margin-top: 19px;
border: 0px dotted black;
}
#content {

}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-1 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 300px;
	visibility: hidden;
}
li img {
	display: block;
}
.caption {
float: center;
clear: both;
border-bottom:solid 2px #000;
border-top:solid 1px gray;
border-right:solid 2px gray;
border-left:solid 1px #000;
text-align:center;
-moz-border-radius:1em  1em 2em 2em;
background-color: #390; 
color: #FFF;
font-style:italic;
font-family:Verdana;
font-size: 1em;	
padding:0px 5px 3px 10px; 
width: 75%;	   
}
.example {
	position: relative;
	padding:1em;
	margin-bottom: 1em;
	width: 400px;
	height: 300px;
}

code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: absolute;
	z-index: 0;
	cursor: hand;
}
#fade-example-1-next {
	right: 8%;
	top: 90%; 
	

}
#fade-example-1-previous {
	left: 6%;
	top: 90%;
	}
.ajax {
	margin: 3em;
	padding: 1em;
}
div#show3 {
background-color:lightgreen;
width:350px;
height:280px;
margin:0 10 10 0;
}
div#show3 table td, div#show4 table td {
height:24px;
} 

#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
-moz-border-radius:1em 1em 1em 1em;
border: 1px solid red;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}