@charset utf-8;
img{display:block;border:0;margin:auto;padding:0}
.oups{width:30%;margin:5% auto 0}
h1{color:#32ABE2;font-family:HelveticaNeueLTStd,Helvetica,Arial,sans-serif;font-size:70px;text-align:center;border:0;margin:2% 0 0;padding:0}
h2{color:#32ABE2;font-family:HelveticaNeueLTStd,Helvetica,Arial,sans-serif;font-size:30px;text-align:center;border:0;margin:2% 0 0;padding:0}
h3{color:#151638;font-family:HelveticaNeueLTStd,Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;border:0;margin:0 0 2%;padding:0}
p{font-size:12px;color:#c2c2c2;text-align:center;border:0;margin:1% 0;padding:0}
p a{color:#c2c2c2}
#cadre{border:1px solid #151638;display:block;height:auto;width:30%;text-align:center;margin:2% auto 0;padding:2%}
#cadre a{font-family:HelveticaNeueLTStd,Helvetica,Arial,sans-serif;font-size:18px;color:#151638;margin:0;padding:0}
#cadre a:hover{text-decoration:none}
#reseaux{left:50%;margin:3% 0 0}
#reseaux ul{display:block;width:35px;margin:auto;padding:0}
#reseaux li{display:inline-block;width:35px;margin:0;padding:0}
.fb{background-image:url(sprite_footer.jpg);background-position:0 0;width:35px;height:35px}
.fb:hover{background-position:0 -35px}
.tw{background-image:url(sprite_footer.jpg);background-position:-35px 0;width:35px;height:35px}
.tw:hover{background-position:-35px -35px}
.gp{background-image:url(sprite_footer.jpg);background-position:-70px 0;width:35px;height:35px}
.gp:hover{background-position:-70px -35px}
.yt{background-image:url(sprite_footer.jpg);background-position:-105px 0;width:35px;height:35px}
.yt:hover{background-position:-105px -35px}
.pi{background-image:url(sprite_footer.jpg);background-position:-140px 0;width:35px;height:35px}
.pi:hover{background-position:-140px -35px}
.in{background-image:url(sprite_footer.jpg);background-position:-175px 0;width:35px;height:35px}
.in:hover{background-position:-175px -35px}
.bl{background-image:url(sprite_footer.jpg);background-position:-210px 0;width:35px;height:35px}
.bl:hover{background-position:-210px -35px}
@media screen and max-width1400px and min-width1200px {
h1{font-size:60px}
h2{font-size:28px}
#cadre{width:40%}
}
@media screen and max-width1200px and min-width1000px {
h1{font-size:55px}
h2{font-size:26px}
#cadre{width:50%}
}
@media screen and max-width1000px {
h1{font-size:50px}
h2{font-size:24px}
#cadre{width:60%}
}
@media screen and max-width1000px and min-width800px {
#cadre{width:60%}
}
@media screen and max-width800px and min-width600px {
#cadre{width:70%}
}
@media screen and max-width600px and min-width400px {
#cadre{width:80%}
}
@media screen and max-width400px {
#cadre{width:90%}
}