html, body {
height:100%;
}




body {
margin: 0;
padding: 0;
background:gray;
}



a{text-decoration:none;
color:#0000cc;/*#002d56;*/
}

a:hover{text-decoration:none;
color:#3333ff;/*#f79421;*/
}


h2 {color:#f79421;
text-align:center}

#global {
				position: relative;
				min-height: 100%;
				width:800px;
				left:50%;
				margin-left:-400px;
				border:3px solid;
				background-color:white;  
				font-size:12pt;     /*#FFFFF0;*/
}



*html #global {
height:750px;
}





.menu { 
z-index:100;
font: bold 12px/24px verdana,Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border-top:2px solid white;
height:25px;
background-color:black;
position:relative;
top:0px;
width:800px;
left:0px;

}
 *html .menu {width:795px;
				
				background-color:transparent;}


.menu ul {
list-style-type: none;
width: 100%; /*précision pour Opera */
background-color:black;
margin-left: auto;
margin-right: auto;

}


.menu li {
float: left;
}

.menu a {

color:white;
margin: -12px 1px;
width: 179px;
height: 25px;
display: block;
text-align: center;
text-decoration: none;          
font-size:12px;
font-weight:bold;
background-color:black;
}

*html .menu a {


margin:0px 0px;
width: 100%s; 
padding-bottom:0;


}

.menu a:hover {
text-decoration:none;
background:#0066ff;
color:black;/*#0051A8;*/
border: 0px solid #f60; 
}
/*#fd7AA6*/

.menu a:active {
background: gray;
border: 0px solid gray; 
color: #fff;

}



.menu a span {display: none;}
.menu a:hover span {display: block;
   position: absolute; top: 20px; right: 10px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px Verdana, sans-serif; text-align: center;}






.entete {
background:blue url(fond.jpg); /*#f79421*/
width:100%;
height:190px;
color:blue;
font-family:Showcard Gothic,Jokerman,Lucida Handwriting,Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
top:0;
}

* html .entete {width:795px}



.entete h1 { 
font-size:40px;
color:blue;
}

#corps {
/*padding-bottom: 48px;*/
padding:0px 10px 48px 10px;
/*background-color:#FFFFF0;*/
}


#centre {
-moz-border-radius: 10px;
position:relative;
left:10px;
top:10px;
width:550px;
font-family:verdana;
margin-bottom:23px;
border:0px solid black;
background-color:white;

}



#produit {
-moz-border-radius: 10px;
background:blue url(produit.jpg);/*#f79421*/
text-align:center;
width:150px;
height:150px;
border:0px solid #78A8FF;
position:absolute;
top:320px;
right:10px;
font-weight:bold;
color:white;
}

#recherche {
-moz-border-radius: 10px;
background:blue url(recherche.jpg);/*#f79421*/

position:absolute;
text-align:center;
width:150px;
height:80px;
color:white;
border:0px solid #78A8FF;
top:470px;
right:10px;
font-weight:bold;
}

#contact {
-moz-border-radius: 10px;
background:blue url(wavetel.jpg); /*#f79421*/
position:absolute;
font:bold 20px/40px verdana;
text-align:center;
width:150px;
height:175px;
color:#000066;
border:0px solid #78A8FF;
top:550px;
right:10px;
font-weight:bold;
}

* html #contact {
top:575px;}

#contact a {
color:white}

#contact a:hover {
color:#0000cc;}



#accueil {
-moz-border-radius: 10px;
font:bold 25px/50px verdana;
background:black url(85025-3.jpg);
position:absolute;
text-align:center;
width:150px;
height:50px;
border:0px solid #78A8FF;
top:270px;
right:10px;
font-weight:bold;

}

#accueil a {
color:white;

}
#accueil a:hover {
color:#0000cc;
}

.tab {
background-color:white;
border:1px;
text-align:center;
}

.tab1 {
background-color:white;
border:0px;
text-align:center;
width:200px
}

dt {font-weight:bold}

h3 {text-align:center}


#pied {
background:black;/*#f79421;*/
font-size:12px;
height: 25px;
position:absolute;
width:100%;
bottom:-1px;
margin-bottom:0px;
left:0;
right:0;
text-align:center;
color:white;
}



#pied a {

color:white;}

#pied a:hover {
color:#0000cc;}

.plan {
text-align:center;
position:relative;
float:left;
top:0px;
margin-top:0px;
bottom:0px;
left:0px
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:transparent;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:white;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    font-family:verdana;
    font-style:italic;
    font-size:12px;
    line-height:20px;
    color:black;
    position:absolute;
    top:-8em; left:-17em; width:12em;
    border:1px solid #002d56;
    background-color:white; 
    text-align: center}

a.wav span{display: none}
a.wav:hover span{ /*the span will display just on :hover state*/
    display:block;
    font-family:verdana;
    font-style:italic;
    font-size:12px;
    line-height:20px;
    color:black;
    position:absolute;
    top:+4em; left:-12em; width:12em;
    border:1px solid #002d56;
    background-color:white; 
    text-align: center}

a.suiv{
	font-family:verdana;
	font-size:12px;
	text-align:right;
	color:white;
	}
a.prec{
	font-family:verdana;
	font-size:12px;
	text-align:right;
	color:white;
	}
p.texte{
text-indent:20px;
font-size:12px;
text-align:justify;
line-height:18px;
}
ul.texte{
font-size:12px;
text-align:justify;
line-height:18px;
list-style-type:none;
}
il.texte{
font-size:12px;
text-align:justify;
line-height:18px;
}
a.Liens{
font-size:12px;
}
p.resume{
color:blue;
text-indent:20px;
font-size:12px;
text-align:justify;
line-height:18px;
}
p.news{
color:grey;
font-size:12px;
text-align:justify;
line-height:18px;
text-indent:20px;

}
b.news{
color:grey;
font-size:12px;
}
span.news{
color:grey;
font-size:12px;
text-align:justify;
line-height:18px;
text-indent:20px;

}
span.news{
color:grey;
font-size:12px;
text-align:justify;
line-height:18px;
text-indent:20px;

}
li.news{
color:grey;
font-size:12px;
text-align:justify;
line-height:18px;
text-indent:20px;

}