body{
	background-image : url(../images/bg.png);
	background-color : #636363;
	background-repeat : repeat-x;
	font-family : "Verdana", "Bitstream Vera Sans", sans-serif;
	font-size : 13px;
	margin-left : auto;
	margin-right : auto;
	width : 1000px;
	padding : 10px;
	}
	
img{
	border : 0;
	vertical-align : middle;
	}

.entete{
	height :130px;
	margin-left : auto;
	margin-right : auto;
	}

.imageagauche{
	float : left;
	border : 2px solid #ff00dc;
	margin : 5px;
	vertical-align : middle;
	}
	
.imageadroite{
	float : right;
	border : 2px solid #ff00dc;
	margin : 5px;
	vertical-align : middle;
	}

.corps{
	margin-left : 200px;
	width : 800px;
	}
	
.haut{
	height : 80px;
	padding-top : 15px;
	padding-left : 50px;
	background-image : url(../images/haut.png);
	background-repeat : no-repeat;	
	}

.haut img{
	float : left;
	}
	
.milieu{
	background-image : url(../images/milieu.png);
	background-repeat : repeat-y;
	padding-bottom : 5px;
	}
	
.bas{
	height : 130px;
	text-align : center;
	padding-left : 10px;
	padding-right : 10px;
	background-image : url(../images/bas.png);
	background-repeat : no-repeat;
	padding-top : 0;
	margin : 0;
	}

.titre{
	margin-top : 20px;
	border : 0;
	text-align : right;
	margin-right : 50px;
	margin-left : 50px;
	margin-bottom : 0;
	padding-right : 20px;
	background-image : url(../images/titre.png);
	background-repeat : no-repeat;
	height : 35px;
	font-size : 22px;
	color : #808080;
	}
	
.para{
	margin-left : 50px;
	margin-top : 0;
	/*Attention: le padding n'est pas inclu dans le width, tout comme les marges*/
	padding-top : 10px;
	padding-right: 5px;
	padding-left : 5px;
	padding-bottom : 10px;
	margin-bottom : 50px;
	width : 688px;
	background-color : #ffecfd;
	border : 1px solid #ffbef8; 
	line-height : 1.5;
	}

.para ul{
	list-style-type : none;
    padding-left : 40px;
    margin : 0;
	font-style : italic;
	}
	
.para li{
	padding-bottom : 5px;
	}
.menuhaut{
	padding : 0;
	text-align : center;
    border : 0;
	height : 15px;
	width : 640px;
	margin-left : auto;
	margin-right : auto;
	color : #528ace;
	font-size : 12px;
	font-style : italic;
	margin-bottom : 0;
	}

.menuhaut ul  {
    list-style-type : none;
    display : block;
    padding : 0;
    margin-left : auto;
	margin-right : auto;
	}
	
.menuhaut ul li{
	float : left;
	height : 20px;
	font-size : 12px;
	color : #528ace;
	}
	
.menuhaut a {
	font-size : 12px;
	color : #528ace;
	}

.menu{
	margin-top : 75px;
	float : left;
	width : 200px;
	margin-bottom : 10px;
	}
	
.menu ul {
	float : left;
	height : 480px;
	width : 200px;
	background : #636363 url(../images/menu.png) no-repeat;
	list-style: none;
	/** on supprime le padding et les margin par defaut, on rajoute un padding en haut et en bas **/
	margin-top : 20px;
	margin-bottom : 0;
	margin-right : 0;
	margin-left : 0;
	padding : 0 0 0 0;
 }
 
 
.menu li {
	float : left;
	width : 135px;
	margin-bottom : 35px;
  }
/*des paramètres persos pour chaque ligne du menu, pour suivre le décalage du vase*/
 
#li1{
	margin-left : 52px;
	}
#li2{
	margin-left : 38px;
	}
#li3{
	margin-left : 24px;
	}
#li4{
	margin-left : 14px;
	}
#li5{
	margin-left : 18px;
	}
#li6{
	margin-left : 30px;
	}
#li7{
	margin-left : 44px;
	}
	
.menu li a {

	/** pour que le lien prenne toute la largeur **/
	display : block;
	font-size : 16px;
	font-weight : normal;
	text-decoration : none;
	text-align : left;
	font-style : italic;
	/** par defaut, ecrit en noir sur fond blanc, les liens restent toujours visible */
	/*color : rgba(0, 0, 0, 0.8);*/
	color: #FFFFFF;
	font-weight : bold;
	/*background : #ffffff;*/
	/* ces propriétés permettent l'effet de transparence sur la plupart des navigateurs
	cependant, si un navigateur ne les prend pas en compte, ils n'auront aucun effet mais le menu restera lisible
	filter : alpha(opacity=70);
	opacity : 0.7;
	-moz-opacity : 0.7;*/
	/* note: la valeur 0.7 peut être ajustée en fonction de l'image de fond
	plus la valeur est faible, mois le texte est visible */
	}

.menu li a:hover {
	/*filter : alpha(opacity=100);
	opacity : 1;
	-moz-opacity : 1;
	 sans image le background redevient noir, et le lien blanc, toujours lisible ! */
	/*color : rgba(0, 0, 0, 0.5);*/
	font-size: 14px;
	color: #000000;
	text-align : right;
	font-weight : bold;
	background : #ffd1ed;
}

.tip{
	font-size : 12px;
	float : right;
	font-style : italic;
	color : #000000;
	}

.textemilieu{
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	}
	
#pub{
	font-size : 14px;
	font-style : italic;
	color : #000000;
	background-color : #ffecfd;
	border : 1px solid #ffbef8; 
	width : 135px;
	padding : 2px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	}

hr{
	width : 50%;
	color : #636363;
	}
h1{
	font-family : "Verdana", "Bitstream Vera Sans", sans-serif;
	font-size : 24px;
	font-style : italic;
	font-weight :  normal;
	height : 35px;
	background-image : url(../images/fond_h1.png);
	background-repeat : no-repeat;
	margin-top : 5px;
	}
h2{
	font-style : italic;
	margin-left : 50px;
	margin-bottom : 15px;
	font-size : 16px;
	color : #528ace;
	}

.imagegauche{
	float : left;
	}	

.filtre td{
	font-size : 12px;
	padding-right : 5px;
	padding-left : 1px;
	border-right : 2px solid #dddddd;
	}

.filtre table{
	border-top : 2px solid #dddddd;
	border-bottom : 2px solid #dddddd;
	border-left : 2px solid #dddddd;
	margin-left : auto;
	margin-right : auto;
	}
	
/*La Galerie*/

#mmotioncontainer {
	margin :0 auto;  /*Uncomment this line if you wish to center the gallery on page */
	width : 680px; /* Set to gallery width, in px or percentage */
	height : 304px; /* Set to gallery height */
	border : 5px solid #dddddd;
	background-color : #f0f8ff;
	position : relative;
	overflow : hidden;
	text-align : center;
}

#mmotioncontainer img {
	border : 2px solid #f4cbf3; /* Set image border color */
}
/*------------------------------------*/


#statusdiv {
	background-color : lightyellow;
	border : 1px solid blue;
	padding : 4px;
	position : absolute; 
	left : -5%;
	visibility : hidden;
}

#tooltip {
	height : 130px;
	position : relative;
	visibility : hidden;
	text-align : center;
	font-size : 1em;
	font-weight : bold;
	width : 680px;
	margin-right : auto;
	margin-left : auto;
	/*filter : alpha(opacity=80);   /* IE */
	/*-moz-opacity : 0.8;           /* Firefox */
	/*opacity : 0.8;               /* standard CSS3 */
	/*color : rgba(0, 0, 0, 0.6);*/
  }	

#tooltip table{
	margin-left : 5px;
	}

#tooltip td{
	border : 2px solid #dddddd;
	margin : 0;
	background-color : #ffffff;
	}
 
.commentaire{
	float : right;
	font-style : italic;
	font-size : 12px;
	color : blue;
	width : 500px;
	margin-right : auto;
	margin-left : auto;
	}
	
.photo{
	text-align : center;
	width : 500px;
	margin-right : auto;
	margin-left : auto;
	}

.imagemilieu{
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	}
#recherche{
	float : right;
	margin-right : 10px;
	}