#header{
text-align:center;
}

#coord{
text-align:center;
}

#menu{
text-align:center;
background-color:#A92738;
padding:0 5px;
margin:5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}

button{
cursor:pointer;
}

.touche{
text-decoration:none;
color:black;
border:1px solid black;
display:inline-block;
font-size:1.2em;
font-weight:bold;
margin:5px;
background-color:white;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
.touche:hover{
background-color:#FFF67F;
}
.activ, .activ:hover{
background-color:yellow;
}
.lettractiv, .lettractiv:hover{
background-color:yellow;
}

#menu .touche{
padding:0 5px;}

#clavier{
min-height:50px;
text-align:center;
background-color:#A92738;
padding:0 5px;
margin:5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
#clavier .touche{
width:50px;
font-size:2em;
padding:auto;
}

#content{
margin:5px;

}
#contentlog{
margin:50px 0;
text-align:center;
}

#listprod{
z-index:52;
float:left;
/*-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;*/
background-color:#AA2A3A;
width:230px;
padding:10px;
/*border:1px solid black;*/
  -moz-box-shadow: 3px 3px 3px #aaa; 
  -webkit-box-shadow: 3px 3px 3px #aaa; 
  box-shadow: 3px 3px 3px #555; 
 /*max-height:575px;*/
 overflow:auto;
}

.degrade {
	/* Anciens navigateurs */
	background: #AA2A3A url("imgs/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #AA2A3A;
	background: #AA2A3A\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFAA2A3A, endColorstr=#FFF0F8FF);
}
@media all and (min-width: 0px) {
	#listprod {
		/* Opera */
		/*background: #AA2A3A url("imgs/gradient-bg.svg");*/
		/* Navigateurs récents */
		background-image: -webkit-gradient(linear,left top, left bottom,from(#AA2A3A),to(white));
		background-image: -webkit-linear-gradient(top,#AA2A3A,white);
		background-image: -moz-linear-gradient(top,#AA2A3A,white);
		background-image: -o-linear-gradient(top,#AA2A3A,white);
		background-image: linear-gradient(top,#AA2A3A,white);
	}
}

#listprod a{font-weight:bold;color:black;}
#listprod ul{padding-left:10px;}

.titrlist{
text-align:center;
color:white;
margin-top:0;
/*padding-top:10px;*/
}

#produit{
position:relative;
left:-250px;
z-index:51;
opacity:0;
filter : alpha(opacity=0);
/*height:600px;*/
margin:5px;
margin-left:255px;
text-align:center;
}

#photo img{
vertical-align: middle;
}
#photo{
display:inline-block;
margin:5px;
vertical-align:middle;
border:2px solid black;
}
#photo p{
margin:10px;
}
#chargif{margin-bottom:10px}

#description{
background-color:#A92738;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
padding:0 10px;
text-align:left;
display:inline-block;
width:300px;
margin-top:auto;
vertical-align:middle;
border:1px solid black;
}

#description p{margin:10px 5px 5px 5px;font-weight:bold;color:white;}
.textdesc{
border:1px solid black;
margin:0 5px 10px 5px;
padding:5px;
background-color:white;
}

#logform{
padding:10px;
margin:auto;
text-align:center;
width: 180px;
  -moz-box-shadow: 3px 3px 3px #aaa; 
  -webkit-box-shadow: 3px 3px 3px #aaa; 
  box-shadow: 3px 3px 3px #555; 
font-weight:bold;
}
legend {
font-size:1.2em;
}

#profilform{
margin:15px auto 0;
text-align:center;
padding:10px;
width:700px;
  -moz-box-shadow: 3px 3px 3px #aaa; 
  -webkit-box-shadow: 3px 3px 3px #aaa; 
  box-shadow: 3px 3px 3px #555; 
}

#credits{
margin-top:30px;
font-size:0.8em;
text-align:center;
}

.erreur{
background-color:red;
border:1px solid black;
margin:5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
.forminfo{
font-weight:bold;
font-size:0.8em;
}
#formerr{
font-weight:bold;
color:white;
}
.roug {color:#a20000;}
#validform{
border:1px solid black;padding:10px;
}