body{
margin:0 auto;
background:none;
width: 1000px;
font-family: Verdana, sans-serif;
background-color: rgb(235,241,222);
text-align:center;
}
header{
position: relative;
top: -20px;
margin:0px auto;
background-color: rgb(90,123,205);
}
header table td{
border:none;
}
header table td p{
font-size: 10px;
}
#img-salon{
width: 80px;
float: left;
}
footer{
float: left;
width: 100%;
height: 20px;
margin: 0 auto;
margin-top: 15px;
background-color: rgb(90,123,205);
font-size: 12px;
}
footer a:visited{
color: black;
}
#logo{
width:100%;
margin : 0 auto;
}
#langues{
position: relative;
top: -10px;
text-align: left;
padding: 10px;
font-size: 14px;
font-family: arial;
}
.corps{
float:left;	
width: 100%;
}
.corps-texte1{
float:left;
width : 52%;
padding: 20px;
text-align: justify;
border-radius: 10px;
}
.corps-texte-artistes{
float:left;
width : 80%;
padding: 20px;
text-align: justify;
border-radius: 10px;
}
.texte{
width:100%;
text-align: justify;
}
.corps-texte-table{
width: 100%;
}
table td{
	border: 1px solid black;
}
#menu{
position: relative;
top: -20px;
list-style-type: none;
width : 100%;
height: 30px;
margin-bottom: 10px;
text-align:center;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#menu a{
font-size: 14px;
position: relative;
top:5px;
margin: 0 auto;
}
#menu-artistes{
list-style-type: none;
width : 10%;
float: left;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#menu-artistes li p{
width: 140px;
margin: 0 auto;
position: relative;
text-align: center;
left: -40px;
font-size: 15px;
font-weight: bold;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#menu-artistes li a{ 
position: relative;
text-align: center;
left: -20px;
}
a{
text-decoration: none;
}
a:link{
color:black;
font-weight:bold;
}
a:visited{
text-decoration: none;
color:rgb(90,123,205);
font-weight: bold;
}
li a:hover{
font-size: 20px;
-moz-transition: .8s all .1s;
-webkit-transition: .8s all .1s;
transition: .8s all .1s;
background-color: rgb(90,123,205);
border-radius: 60px;
}
li{
list-style-type : none;
line-height:2;
}
ul
{
list-style-type : none;
}
li a:hover{
font-weight: bold;
color: black;
}
h1{
font-size: 18px;
text-align: center;
}
#case-a-cocher {
  display: none; /* Hide the input */
}
#case-a-cocher:checked + label img.img1 {
position:absolute;
left:0px;
top:0px;
}
#case-a-cocher2 {
display: none; /* Hide the input */
}
#case-a-cocher2:checked + label img.img1 {
position:absolute;
left:0px;
top:0px;
}
.img1{  
width:100%;
cursor: pointer;
}
.div-image{
float:left;
width: 30%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.div-image2{
float:left;
width: 30%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.div-image-artiste{
float:left;
width: 30%;
padding: 10px;
margin-right: 40px;
margin-left: 40px;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.titre-image{
text-align: center;
padding: 10px 20px;
}
.titre-image2{
text-align: center;
padding: 10px 20px;
}
span{
font-weight: bold;

}