body
{
	/*background-image : url('newimg/fond.png');*/
	background-repeat:repeat;
	margin:0px;
	color:#f2f3f4;
	background-color:#f2f3f4;
	position:absolute;
	left:15%;

	}
	
	/*#centrer
	{
		text-align : center;
	}*/
	
	#entete
	{
    width : 930px;
	height : 150px;
	background-image : url('newimg/bandeau2.png');
	/*border : 2px solid white;*/
	}
	
	.menu
	{
    display: flex;              /* Transformation en flexbox */
    padding:0;                  /* Suppression des marges internes */
    background-color: #F6F6F5;     /* Ajout de la couleur d'arrière-plan */
	justify-content: center;
	}
	.menu li 
	{
    list-style-type: none ;       /* Suppression des puces */
	}
	.menu a 
	{
    display:block;                /* Transformation en block */
    min-width: 160px;             /* Largeur minimale des liens */
	
	margin: 0.5rem;               /* Marges externes (1 valeurs = 4 directions) */
    padding: 0.4rem 0;            /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    text-align: center;           /* Centrage du texte */   
    background-color: #2973b8;    /* Couleur d'arrière-plan */
    color: #fff;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #fff;       /* Ajout d'une bordure */
    border-radius: 4px;  
	font-family : Constantia,"Times New Roman","Arial Black",Times,sherif;
    }
	.menu a:hover 
	{
	background-color: #ccc;
	color: #000000;
	border-color: #000000;
	}
	
	#defilement
	{

	float : left; 
	margin-top : 4%;
	width: 17%;
	height: 420px;
	/*border : 1px solid black;*/
	}
	
	#defilement img
	{
	border :2px solid grey;
    border-radius : 9px;
	margin-top : 10px;
	}
  
  .titre
  {
  font-size :32px;
  font-family : Impact, "Times New Roman","Arial Black",Times,sherif;
  margin-top:3%;
  color : black;
  text-align : center;
  }
  
  /*  .salon
  {
  font-size :15px;
  font-weight : bold;
  font-family : Comic sans Ms,"Times New Roman","Arial Black",Times,sherif;
  color : black;
  margin-top : 3px;
  }
  
  .tdaccueil
  {
  font-weight :bold;
  font-size: 14px; 
  text-align : justify;
  color : black;
  height : 200px;
  width :200px;
  }
    .tdaccueil1
  {
  font-weight :bold;
  font-size: 14px; 
  text-align : justify;
  color : black;
  height : 400px;
  width :300px;
  opacity : 0.8;
  border :2px solid black;
  border-radius : 9px;
  
  }
  
  .tabletitre
  {
  }
 .tabletitre img
{
border : 0px solid black;
} */

  #corps
	{
	font-size :15px;
	font-family : Comic sans Ms,"Times New Roman","Arial Black",Times,sherif;
	color : black;
	/*background-image : url('img/corps.jpg');*/
	/*background-color : white;*/
	margin-left : 20%;
	margin-top : 5%;
	width : 80.8%;
	height : 600px;
	/*border : 1px solid Black;
	border-radius : 9px;*/
	}
  
  #corps h2
  {
  text-align : center;
  color :black;
  font-size :24px;
  font-family :Kingthings Organica,"Times New Roman","Arial Black",Times,sherif;
  }
  
  #corps a
  {
  color : black;
  text-decoration : underline;
  font-size : 16px;
  font-family :  Century Gothic,"Times New Roman","Arial Black",Times,sherif;
  }
  #corps h3
  {
  font-size : 16px;
  color : black;
  font-family : Comic sans MS,"Times New Roman","Arial Black",Times,sherif;
  }
  
  #tableau
  {
  margin-left : 10%;
  border-collapse: 12px;
  text-align : center;
  border-collapse:collapse;
  -moz-border-radius : 9px;
 }
 #tableau a
 {
 color : blue;
 }
 #tableau a:hover
 {
 color : orange;
 }
 #tableau caption
 {
  text-align : center;
  color :#2973b8;
  font-size :30px;
  font-family :Copperplate Gothic Light,"Times New Roman","Arial Black",Times,sherif;
 }
 
 #tableau td
 {
  height : 50px;
  text-align : center;
  color :black;
  font-size :15px;
  font-family :Romance Fatal Serif,"Times New Roman","Arial Black",Times,sherif;
  border : 2px solid black;
 }
 
 #tableausurpied
 {
 margin-left : 15%;
 }
  .td
  {
  font-weight :bold;
  font-size: 14px; 
  text-align : center;
  color : black;
  height : 480px;
  width :230px;
  border : 0px solid black;
  }
  
  .td a
  {
	font-family :  Copperplate Gothic Light,"Times New Roman","Arial Black",Times,sherif;
	font-size : 15px;
	color : #2973b8;
  }
    .td2
  {
  font-weight :bold;
  font-size: 14px; 
  text-align : center;
  color : black;
  height : 400px;
  width :230px;
  border : 0px solid black;
  }
    .td3
    {
  font-weight :bold;
  font-size: 14px; 
  text-align : justify;
  color : black;
  height : 300px;
  width :250px;
  border : 0px solid black;
  }
  
  .tdetabli
    {
  border : none;
  font-weight :bold;
  font-size: 14px; 
  text-align : center;
  color : black;
  height : 350px;
  width :230px;
  border : 0px solid black;
  }
  
  #tabletab
  {
  text-align : center;
  font-family : Copperplate Gothic Light,Romance Fatal Serif,"Times New Roman","Arial Black",Times,sherif;
  font-weight : bold;
  font-size :30px;
  color : #2973b8;
  margin-left : 8%;
  
  }
  .tdtab
  {
  border : none;
  height : 250px;
  width : 150px;
  border : 1px solid black;
  -moz-border-radius: 9px;
  }
  
    #tabletabetabli
  {
  text-align : center;
  font-family : Copperplate Gothic Light,"Times New Roman","Arial Black",Times,sherif;
  font-weight : bold;
  font-size :30px;
  color : #2973b8;
  margin-left : 15%;
  
  }
  .tdtab
  {
  border : none;
  height : 250px;
  width : 150px;
  border : 1px solid black;
  -moz-border-radius: 9px;
  }
  
  .imgplan
  {
  height : 300px;
  width :400px;
  }
  
  
  #lien a
  {
  margin-left : 40%;
  margin-top : 50px;
  font-family :  Comis sans MS,"Times New Roman","Arial Black",Times,sherif;
  text-decoration : none;
  text-align :center;
  font-weight : bold;
  font-size : 15px;
 }
 #lien img
 {
 height : 60px;
 width : 70px;
 border : none;
 }
 
 a.info{
position:relative;
z-index:10;
color:#000;
text-decoration:none;
}

a.info:hover{
z-index:25;
background-color:#FFF;
}

a.info span{
display: none;
}

a.info:hover span{
display:block;
position:absolute;
top:1em; left:2em; width:70em;
border:1px solid #96bc2d;
background-color:lightgrey;
color:Black;
text-align: center;
font-family: Comic sans MS ,"Arial Black", "Times New Roman", Times, serif;
font-weight:none;
padding:10px;
width : 100px;
}

#contact
{
margin-left : 10%;
  border-collapse: 12px;
  text-align : center;
  border-collapse:collapse;
}

 #contact a
 {
 color : blue;
 }
 #contact a:hover
 {
 color : orange;
 }
 #contact caption
 {
  text-align : center;
  color :#D88B05;
  font-size :35px;
  font-family :Romance Fatal Serif,"Times New Roman","Arial Black",Times,sherif;
 }
 
 #contact td
 {
  height : 50px;
  text-align : center;
  color :black;
  font-size :15px;
  font-family :Romance Fatal Serif,"Times New Roman","Arial Black",Times,sherif;
 }


#video
{
margin-top : 1%;
margin-left : 20%;
}

  #pdp
  {
   margin-top: 1px;
   text-align : center;
   font-weight : bold;
   }
   
   #pdp a
   {
   color : black;
   font-family : Constantia,"Times New Roman","Arial Black",Times,sherif;
   font-size: 10px;
   }
   
   #pdp a:hover
   {
	   color : #2973b8;
   }