body {
font-family:verdana;
margin: 0;
}


a:link {text-decoration:none;color:grey;font-family:Play;}
a:visited {color:grey;}
a:hover {color:red;}
 


H1 {
font-family:Play;
font-size:60px;
color:white;
text-align:center;
margin:0;

}

@media(max-width:500px)
{
H1{
font-size:30px;
font-family:Play;
}
}

H2 {
font-family:Play;
color:#BFB292;
font-size:30px;
padding-left:20px;
font-weight:lighter;
}

p {
font-family:Play;
font-size:15px;
text-align:justify;
line-height:25px;
padding: 0px 40px;
}

#bloc2 {
padding-top:15px;
padding-bottom:35px;
display:table;
}

@media(max-width:500px)
{
#bloc2{
width:100%;
padding:0;
margin:0;
}
}

#bloc2 li {
float:left;
color:grey;
width:250px;
}

.mybloc {
width:30%;
float:left;
padding-left:20px;
padding-right:20px;
font-family:Domine;
}


@media(max-width:1000px)
{
.mybloc{
width:100%;
margin:0;
}
}

@media(max-width:500px)
{
.mybloc{
width:auto;
margin:0;
}
}



h3 {
font-size:18px;
font-family:Play;
color:black;
padding: 0px 20px;
font-weight:bold;
}

.mybloc h3 {
font-size:18px;
}

.mybloc ul {
font-size:15px;
text-align:justify;
line-height:22px;
}

.pict {
padding-left:20px;
padding-right:40px;
}

@media(max-width:500px)
{
.pict{
display:none;
}
}

.control-label {
font-family:Play;
text-align:center;
color:#DDD1B3;
}

.button {
margin-top:10px;
background-color:white;
padding:5px;
border-radius: 5px;
text-align:center;
}

.form {
padding-top:30px;
padding-left:25px;
text-align:center;
}

.ext li {
float:left;
width:200px;
font-size:12px;
}