/* CSS Document */

body{

margin-top:40px;
margin-bottom:5px;
background-color:#336699;
color:black;
text-align:center;
}

p{
font-family:Raavi, "Trebuchet MS", "Lucida Sans", Georgia, Garamond, Forte, san-serif, serif;
color:#FFFFFF;
font-size:13px;
}



.lien{
width:780px;
background-color:#333333;
text-align:center;
margin:auto;
font-family:Raavi, "Trebuchet MS", "Lucida Sans", Georgia, Garamond, Forte, san-serif;
color:#FFFFFF;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
font-weight:bold;
border:3px inset #FFFFFF;
}



#google{
width:728px;
height:auto;
margin:auto;
margin-bottom:20px;

}


.gif{
position:absolute;
top:272px;
left:47px;
}

#gif1 {
	position:absolute;
	left:794px;
	top:387px;
	width:85px;
	height:46px;
	z-index:1;
}




.gif2{
position:absolute;
top:383px;
left:81px;
}


#gif3 {
	position:absolute;
	left:161px;
	top:418px;
	}

	
#giff{
width:780px;
height:85px;
margin:auto;
margin-bottom:30px;
}
	
	
	#gif5{
	float:left;
	}
	
	
	
#gif6{
float:right;
padding-top:20px;

	}
	
#gif7{
	width:160px;
	margin:auto;
	}	
	
#drapeau{
width:80px;
height:50px;
margin:auto;

}

.accueil{
text-align:center;
}


.suivant{
color:#FF6633;
font-weight:bold;
text-align:center;
font-size:14px;
}


a{
color:#FFCC00;
font-weight:bold;
text-decoration:underline;
}

a:hover{
color:#FF6633;
font-weight:bold;
text-decoration:none;
}

a img, img{
border:none;
text-align:center;
}

span{
color:#FFCC00;
font-weight:bold;
}

table{
width:780px;
height:auto;
margin:auto;
font-family:Raavi, "Trebuchet MS", "Lucida Sans", Georgia, Garamond, Forte, san-serif;
font-size:12px;
background-color:#FFFFFF;
border:3px outset black;
}

ul#menu {
width:165px;
height:150px;
margin:0 0 0 0;
float:left;
font-family:Raavi, "Trebuchet MS", "Lucida Sans", Georgia, Garamond, Forte, san-serif;
list-style-type:none;

}

ul#menu5 {
width:165px;
height:150px;
margin:0 0 0 0;
float:right;
font-family:Raavi, "Trebuchet MS", "Lucida Sans", Georgia, Garamond, Forte, san-serif;
list-style-type:none;



}

#menu1{
width:480px;
height:130px;
margin:auto;



}

#anim{
width:760px;
height:150px;
margin:auto;
}

#menu a{
display:block;
margin:0;
color:green;
text-decoration:none;
line-height:25px;
width:160px;
border:1px solid black;
background:#fc0;
text-align:center;
border-width: 1px 2px 2px 1px;
border-color:#cecece #4a4a4a #4a4a4a #cecece;
border-style:solid;
}

#menu5 a{
display:block;
margin:0;
color:green;
text-decoration:none;
line-height:25px;
width:160px;
border:1px solid black;
background:#fc0;
text-align:center;
border-width: 1px 2px 2px 1px;
border-color:#cecece #4a4a4a #4a4a4a #cecece;
border-style:solid;
}

#menu a:hover{
border-width: 2px 1px 1px 2px;
border-color:#4a4a4a #cecece #cecece #4a4a4a;
}

#menu5 a:hover{
border-width: 2px 1px 1px 2px;
border-color:#4a4a4a #cecece #cecece #4a4a4a;
}


tr{

text-align:center;
}



.fleches{
width:780px;
height:auto;
margin:auto;
margin-top:20px;
background-image:url(webmasters/beige057.jpg);
background-repeat:repeat;

}
.mails{
width:780px;
margin:auto;
margin-top:20px;
background-image:url(webmasters/beige052.gif);
background-repeat:repeat;  

}

#banniere{
width:780px;
margin:auto;
}
#chat{
width:200px;
height:36px;
margin:auto;
}

#clipart2 {
	position:absolute;
	left:41px;
	top:701px;
	width:200px;
	height:200px;
	z-index:1;
}
#clipart3 {
	position:absolute;
	right:41px;
	top:701px;
	width:200px;
	height:200px;
	z-index:2;
}