/* Generated by KompoZer */
.gradient {
	/* Anciens navigateurs */
	background: #000099 url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #000099;
	background: #000099\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF000099, endColorstr=#FF3399cc);
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: #000099 url("gradient-bg.png");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#000099),
				to(#3399cc)
			);
			background-image: -webkit-linear-gradient(
				top,
				#000099,
				#3399cc
			);
			background-image: -moz-linear-gradient(
				top,
				#000099,
				#3399cc
			);
			background-image: -o-linear-gradient(
				top,
				#000099,
				#3399cc
			);
			background-image: linear-gradient(
				top,
				#000099,
				#3399cc
			);
			-webkit-border-radius: 8px; /* Pour Chrome, Safari,... */
            -moz-border-radius: 8px; /* Pour Firefox,... */
            border-radius: 8px; /* Propriété standard */
             /* Ombre portée vers le bas et à droite */
            -webkit-box-shadow: #000000 3px 3px 5px;
            -moz-box-shadow: #000000 3px 3px 5px;
            box-shadow: #000000 3px 3px 5px;
            behavior: url(PIE.php);
		}
	}
	.gradient1 {
	/* Anciens navigateurs */
	background: #ffffcc url("gradient1-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #ffffcc;
	background: #ffffcc\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFffff99, endColorstr=#FFffffcc);
	}
	@media all and (min-width: 0px) {
		.gradient1 {
			/* Opera */
			background: #ffffcc url("gradient1-bg.svg");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#ffff99),
				to(#ffffcc)
			);
			background-image: -webkit-linear-gradient(
				top,
				#ffff99,
				#ffffcc
			);
			background-image: -moz-linear-gradient(
				top,
				#ffff99,
				#ffffcc
			);
			background-image: -o-linear-gradient(
				top,
				#ffff99,
				#ffffcc
			);
			background-image: linear-gradient(
				top,
				#ffff99,
				#ffffcc
			);
		}
	}
.Bloc {
width: 160px;
padding: 20px;
overflow: hidden;
border: 2px solid rgba(0,0,255,1);
-webkit-border-radius: 10px 0 0;
-moz-border-radius: 10px 0 0;
border-radius: 10px;
font: normal normal normal 16px/1 Arial, Helvetica, sans-serif;
color: rgba(255,255,0,1);
text-align: center;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: -webkit-linear-gradient( -90deg, rgba(0,0,153,1) 0, rgba(34,11,186,1) 24%, rgba(68,94,237,1) 69%, rgba(142,200,237,1) 95%, rgba(143,214,239,1) 100%);
background: linear-gradient( 180deg, rgba(0,0,153,1) 0, rgba(34,11,186,1) 24%, rgba(68,94,237,1) 69%, rgba(142,200,237,1) 95%, rgba(143,214,239,1) 100%);
background-position: 50% 50%;
-webkit-box-shadow: 3px 3px 3px 2px rgba(0,0,0,1) ;
box-shadow: 3px 3px 3px 2px rgba(0,0,0,1) ;
text-shadow: 2px 2px 2px rgba(40,40,40,1) ;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-webkit-perspective: 0;
perspective: 0;
}
#contenaire {
  position: relative;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  margin-top: 0px;
  border: 5px ridge #3366ff;
}
#menuD {
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 2;
}
#menu
{
	width:990px;      
	height: auto;      
	list-style-type: none;  
	margin: 0 auto;    
	padding: 0;      
	border: 0;      
	z-index: 2;
	}
#menu > li
{
	float: left;
	width: 150px;
	margin: 7px;
	padding: 0;
	border: 0;
	z-index: 2;
	
}
#menu li a{
	display: block;         
	color: #FFFF00;         
	margin: 0;
	padding: 1px 2px;
	border: 4px ridge #3333ff;
	text-decoration: none;
	z-index: 2;
}
#menu li a:hover {
         background-color: rgb(33, 60, 211);
    background-color: rgba(33, 60, 211, 0.5);
}
#menu .menuderoulant
{
	display: none;
	list-style-type: none;
	margin: 0;   
	padding: 0;
	border: 0;
	position:absolute;
	z-index: 2;
}
#menu .menuderoulant li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;  
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	z-index: 2;
}
#menu .menuderoulant li a
{
	display: block;
	color: #FFFF00;
	margin: 0;
	border: 0;
	z-index: 2;
	text-decoration: none;       
      background-color:rgb(0, 0, 153);
      background-color:rgba(0,0,153,0.5);
}
#menu .menuderoulant li a:hover
{
	background-color: rgb(33, 60, 211);
    background-color: rgba(33, 60, 211, 0.8);
	z-index: 2;
}
#menu .menuderoulant li a:visited {
    background-color:rgb(227, 22, 30);
    background-color:rgba(227, 22, 30, 0.5);
}
#menu li:hover > .menuderoulant { display: block;
}
#presentation {
color: #FFFF00;
width: 600px;
margin-top: 0%;
left: 200px;
top: 0px;
font-size: larger;
}
#slider ul, #slider li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#slider, #slider li {
width: 1024px;
height: 250px;
overflow: hidden;
}
#anniversaire {
text-align: center;
border: 1px solid black;
margin: 0px 0px 0px 55px;
left: 0px;
width: 110px;
height: 120px;
overflow: hidden;
}
#s4 img {
padding: 1px;
left: 5px;
}
#s4 {
text-align: center;
color: #FFFF00;
margin: auto;
width: 90px;
height: 100px;
overflow: hidden;
}
h4 {
color: yellow;
}