* {
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0;
	
	
}

body{
	width: 100%;
  
}

header{
  margin-top: 15px;
  width: 100%;
  background-color: darkred;
  height: auto;
  /*height: 80px;*/
  
}

header h2, header h3, header h4{color: white; padding: 10px;}

img{float: right; padding-right: 0;display: block; }

form{padding: 10px;}
fieldset{
	
	-moz-border-radius:8px;	
	border-radius:8px;
	margin-bottom: 10px;
}

table{
	width: 100%;
}

form fieldset table tr td{width: 50%;}
table.panneau{width: 100%;}
table.panneau tr td img{display: inline-block;float: none;width: 100%;}
table.panneau tr td{text-align: center;font-size: 0,8em;width: auto}

table.classement{
	width: 30%;
	text-align: center;
	border: all;
}
button{width: 30%; margin: 5px auto;}
p{
  padding: 10px;
  text-align: justify;
}

.bouton{
	text-align: center;
}

.bouton input[type=submit] {
  width: 100%;
  background-color: darkred;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

p.flash{text-align: center; background-color: darkgray;color: red;}

@media (max-width: 1200px) {
 
}

@media (max-width: 768px) {
  
}

/********************************************************************************************************************/
@media screen and (min-width:1285px){
 
  
}
@media screen and (max-width:1000px){
  

  
}