.body {
		background-image: url("");
		position fixed;
		top:0%; 
		height:100%; 
		left:0; 
		width:100%;
}

.boxmenu
{
	padding: 5px;
	background: #FFFFCC;
	border: 2px solid #F03C3C;
		border-radius: 0px;
	-moz-border-radius:  0px;
	-webkit-border-radius: 0px;
	width: ;
    margin: 0 auto;
	background-color: #FFFFCC;
	color: #333333;
	text-decoration: none;
    position: ;
    top: ;
}

.h3 {
	font-family: Verdana, Arial, "sans serif";
	color: #1100FF;
	font-size: 1.6em;
	text-align: ;
}
.h4 {
	font-family: calibri, sans-serif;
	color: #333333;
	font-style: normal;
	font-size:1.6em;
}
.flotteleft {
	float:left;
}
.flotteright {
	float:right;
}
#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
	text-decoration: none;
	color:#333333;
	}
#menu-deroulant {
/* on centre le menu dans la page */
    font-family: verdana, arial;
	font-size:1.2em;
	color:#333333;
	text-align: center;
	text-decoration: none;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;
	background-color: ;
	color:#333333;
}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
	background-color:#FFFFCC;
	padding: 5px;
	border: 2px solid #F03C3C;
	color:#333333;
	
}
#menu-deroulant a {
    text-decoration: none
	display: block;
	color:#333333;
}
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: center;
    z-index: 1000;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
	 left: auto;
}
.bleu {
	color:#0000FF;
}
.orange {
	color:#FF6600;
	text-align: right;
	font-family: Comic sans MS; Verdana, Arial;
	font-size: 1.3em;
       }
.rouge {
	color:#F03C3C;
	}
.jaune {
	color:#FFFF00;
}
.rose {
	color:#FF00FF;
}
.blanc {
	color:#FFFFFF;
}


.navtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: normal;
	color: #000000;
}

#menu a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#menu a:hover {
	color:#990000;
	background: #cdcdcd;
	text-decoration: none;
	padding: 0px; 
		  	background: ;
			border: ; 
			border-radius: 0px; 
			-moz-border-radius: 0px; 
			-webkit-border-radius: 0px ;
			width: 0px;
			
	} /* mouse over link */ 
	

.fondu
{        
    -webkit-animation-name: fadeIn; /* Chrome, Safari, Opera,Firefox */
    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera, Firefox */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: fadeIn;
    animation-delay: 0s;
    animation-duration: 2s;
}
/* Chrome, Safari, Opera, Firefox */
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
/* Standard syntax */
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.shadow
{
  -moz-box-shadow: 15px 15px 10px #333;  
  -webkit-box-shadow: 15px 15px 10px #333;  
  box-shadow:15px 15px 15px #333;
}

.zoom  {
	width:500;
}
.zoom p {
	text-align:center;
}
.zoom img {
	width: 40%;
}
.zoom img:hover {
	width:500px;
}