a img
{
border: none;
} 

body
{
	padding: 0;
	margin: 0;
	}


div.backg
{
   width: 680px;
   height: 360px;
   margin-top: 10%;    
   margin-left: 20%; 
   background-image:url(../images/QPFondneutre1.png);
   background-repeat: no-repeat;
	}
   


	H1		{font: 24px Verdana;font-weight: bold;color: #FFCC00;}
	H2		{font: 16px Verdana;color: #000000;}
	H3		{font: 15px Verdana;
			  color=black;
			}
	H4		{font: 14px Arial;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}
	H5		{
	font: 12px verdana;
	color: #000000;
    margin-top: -5px;
	text-align: center;
	}
    H6		{
	font: 15px Verdana;
	width:100px;
	color= black ;
	margin-top: -10px;
	text-align: center;
	}
	H7	{
	font: 18px verdana;
	font-weight: bold;
	color: #008400;
    text-align: center;
	}
	
	H71	{
	font: 18px verdana;
	font-weight: bold;
	color: #ff0000;
    text-align: center;
	}
	
	H8	{
	font: 18px verdana;
	font-weight: bold;
	color: #ff0000;
    text-align: center;
	Line-Height: 2pt;
	}
	H9	{
	font: 14px verdana;
	font-weight: bold;
	color: #008400;
    text-align: center;
	Line-Height: 2pt;
	}
	
	H10	{
	font: 16px verdana;
	font-weight: bold;
	color: #ff0000;
    text-align: center;
	}
	
	
	
	
	
	
	
	
/**************      Choix projet  **********************/	
    
	
	div.milieu
{
   width: 650px;
   height: 310px;
   margin-top: 20px;    
   margin-left: 10%; 
   /*background-color:cyan;*/
   }
	
	
button.bvalid {
    margin-left: 20px;
    margin-top: -8px;
	text-align: center;
}
/**************      Présentation M2R  **********************/	
	div.mill0  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro000.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}	
	div.liste
   {
   position:absolute;
	left:360px;
	top:175px;
   width: 880px;
   height: 450px;
    }

/**************      Présentation projet  Plaisir **********************/		
	div.mill1  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro0.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}
div.bt1  
		{
   width: 320px;
   height: 195px;
   margin-left: 150px; /* Pour centrer notre page */
   padding-top: 300px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   /* background-color:green;*/
   }

div.bt2  
		{
   width: 320px;
   height: 195px;
   margin-left: 550px; /* Pour centrer notre page */
   margin-top: -195px;
   background-color:yellow;
   }





	div.mill2  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro1.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}

div.mill3  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro2.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}
div.mill4  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro3.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}
div.mill5  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro4.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}
div.mill6  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro5.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}

	div.press
   {
   width: 200px;
   height: 267px;
   padding-top: 200px;    
   padding-left: 30px; 
   }

   div.down1
   {
   width: 200px;
   height: 66px;
   padding-top: 30px;    
   padding-left: 450px; 
   
   }
	div.down2
   {
   width: 200px;
   height: 66px;
   padding-top: 660px;    
   padding-left: 500px; 
   
   }
   div.down3
   {
   width: 200px;
   height: 66px;
   padding-top: 660px;    
   padding-left: 500px; 
   
   }
   
   div.down4
   {
   width: 200px;
   height: 66px;
   padding-top: 660px;    
   padding-left: 500px; 
   
   }
   
   div.down5
   {
   width: 200px;
   height: 66px;
   padding-top: 660px;    
   padding-left: 500px; 
   
   }
   
   div.down6
   {
   width: 200px;
   height: 66px;
   padding-top: 660px;    
   padding-left: 500px; 
   
   }
	div.droit
{
   width: 500px;
   height: 400px;
   margin-top: 20px;    
   margin-left: 10%; 
   background-color:yellow;
   }
	
	
	div.gauche
  {
   width: 500px;
   height: 400px;
   margin-top: 20px;    
   margin-left: 10%; 
   background-color:green;
   background-image:url(../images/QPFondneutre.png);
   background-repeat: no-repeat;
   }
   
   
/**************      Debut MMS projet  **********************/		

div.mill7  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.pvpsy.org/images/Intro00.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}

	div.quest1
   {
   position:absolute;
	left:360px;
	top:175px;
   width: 880px;
   height: 450px;
   background-color: lightgreen;
   }

   div.down7
   {
   width: 200px;
   height: 66px;
   padding-top: 660px;    
   padding-left: 500px; 
   
   }

h2.titre {
    position:absolute;
	left:550px;
	top:2px;
	width: 200px;
	height: 12px;
	font-weight: bold;
    font-size: 10px;
	font-family: Arial;
    text-align: left;
    background-color: yellow;
	}

h3.sousTitre {
    position:absolute;
		left:5px;
		top:2px;
	width: 840px;
	height: 80px;
	margin-top: 20px;
	margin-left: 20px;
	font-weight: bold;
    font-size: 25px;
	font-family: Arial;
    line-height:25px; 
	text-align : center;
	color: #339900;
    background-color: yellow;
	}

 h3.slider_posDeb1 {
    margin-top: 120px;
	width: 800px;
	text-align: left;
    font-size: 25px;
	font-family: Arial;
	margin-left: 60px;
	background-color: yellow;
	 }
	h3.slider_posDeb2 {
    width: 800px;
	text-align: left;
    font-size: 25px;
	font-family: Arial;
	margin-left: 60px;
	background-color: yellow;
	 }
	h3.slider_posDeb3 {
    width: 800px;
	text-align: left;
   	font-size: 25px;
	font-family: Arial;
	margin-left: 60px;
	background-color: yellow;
	 }
h3.slider_posDeb4 {
    
	width: 800px;
	text-align: left;
    font-size: 25px;
	font-family: Arial;
	margin-left: 60px;
	background-color: yellow;
	 }
	h3.slider_posDeb5 {
    width: 800px;
	text-align: left;
    font-size: 25px;
	font-family: Arial;
	margin-left: 60px;
	background-color: yellow;
	 }
	h3.slider_posDeb6 {
    width: 800px;
	text-align: left;
    font-size: 25px;
	font-family: Arial;
	margin-left: 60px;
	background-color: yellow;
	 }

		/**************      Présentation projet  M1 **********************/	
div.millieu1  
		{
   width: 1000px;
   height: 800px;
   margin-left: 200px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.nutrietude.fr/images/EPIntro1.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  	}
	div.millieu2  
		{
   width: 1000px;
   height: 800px;
   margin-left: 200px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.nutrietude.fr/images/EPIntro1.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  	}
	div.boit1  
		{
   width: 670px;
   height: 430px;
   margin-left: 250px; /* Pour centrer notre page */
   margin-top: -380px;
  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! 
   background-color:lightgreen;*/
   }
	div.boit2  
		{
   width: 670px;
   height: 430px;
   margin-left: 250px; /* Pour centrer notre page */
   margin-top: -320px;
  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! 
   background-color:lightgreen;*/
   }






	div.down101
   {
   width: 200px;
   height: 66px;
   padding-top: 50px;    
   padding-left: 400px; 
   
   }
    div.down102
   {
   width: 200px;
   height: 66px;
   padding-top: -200px;    
   padding-left: 400px; 
   
   }
   
   
   
div.millieu3  
		{
   width: 1000px;
   height: 800px;
   margin-left: 300px; /* Pour centrer notre page */
   margin-top: 10px;  /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image:url(http://www.nutriconform.com/M1/images/M1Intro2N.png);/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: no-repeat;
  
}

div.quest2
   {
   position:absolute;
	left:360px;
	top:175px;
   width: 880px;
   height: 250px;
   background-color: lightgreen;
    }
div.quest3
   {
   position:absolute;
	left:50px;
	top:150px;
   width: 650px;
   height: 50px;
   
    }


	h3.slider_posDebutF3 {
    text-align: left;
    font-size: 15px;
	font-family: Arial;
	margin-left: 80px;
	margin-top: 70px;
	}
 
 
 h3.slider_posFinF3 {
    text-align: justify;
	font-size: 15px;
	font-family: Arial;
    margin-left: 660px;
    margin-top: -25px;
   }
   
   h2.titrebas {
    position:absolute;
	left:550px;
	top:2px;
	width: 200px;
	height: 12px;
	font-weight: bold;
    font-size: 16px;
	font-family: Arial;
    text-align: left;
    
	}