@charset "utf-8";
body { 
   
font-size:18px;
background-color:black;
color:white;
height:100%;


}

#global {
  min-height: 100%;
  text-align:center;
  margin-left: auto; 
  margin-right: auto;
   
  z-index:1;
}

a { color: white;
font-size:20px;
}

#contenu {
  position: relative;
    height:auto;
	text-align: center;
	
	
	overflow:auto;
	padding-bottom: 80px;
	
 
  }
 
#pieddepage {
	position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 65px;
	clear:both;
		text-align:center;
	 background-color:  #333;
	 color: white;
	 padding-top:15px;
	font-size: 18px;
}

#pieddepage a {
	
	 color: white;
	
	
} 

#smart-button-container{
	 	  width: 400px;
	

	
}

#contenumail {
	margin:auto;
	width:500px;
	font-size:10px;
	background-color:white;
	padding:10px;
	color:black;
	
}
#contenumail a {
	
	font-size:10px;
	color:black;
}
 
 #surbrillance {
	margin:auto;
	width:550px;
	font-size:15px;
	background-color:#808080;
	padding:10px;
	color:black;
	
}

#surbrillance  a {
	
	font-size:15px;
	color:black;
}
 
#imgbase {
	  height: 100%;
	  width: auto;
	

	
}
 
 #label{
	width:300px; 
	 
 }
 
 
 
table
{

    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
    margin:auto;
	
}
td /* Toutes les cellules des tableaux... */
{
    padding:10px;
	padding-left:50px;
	padding-right:50px;
    border: 1px solid white; /* auront une bordure de 1px */
	font-size:18px;
	text-align:center;
	

}



#but {
font-size:20px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
	
}

#info {
	font-size:20px;
}

#petit {
font-size:14px;
	
}
 
 #mail{
	 
width: 200px;	 
 }
 
  #nom{
	 
width: 200px;	 
 }
   #prenom{
	 
width: 200px;	 
 }
 
 #block1 {
	 
	display:inline-block;	
	width: 450px;
}
 
 

	#blockvente {
    display: inline-block;
    width: 400px;
    vertical-align: top;
    padding-top: 20px;
	margin-left:25px;
	margin-right:25px;
}

 #img1 {
	 
		width:450px;

	
}

 #imgtitre {
	 
		width:450px;

	
}
  
 #ml {
  position: relative;
  padding-left:75px;
  padding-right:75px;
  padding-top:20px;
  text-align: justify;
  font-size : 18px; 
 
  }
    #ml p {
 
  font-size : 18px; 
 
  }
  
@media(max-width: 900px){
    
#block1 {
	 
	width:375px;	
	
}	
#img1 {
	 
		width:375px;

	
}
   

#blockvente {

	width:375px;
}

 #imgtitre {
	 
		width:375px;

	
}
	
		

	
}