@charset utf-8;
#gauche{width:50%;box-sizing:border-box;float:left;border-right:solid 1px #c2c2c2}
#droite{width:50%;box-sizing:border-box;float:right;padding:0 1%}
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}
@media screen and max-width1400px and min-width1200px {
h1{font-size:60px}
#cadre{width:40%}
}
@media screen and max-width1200px and min-width1000px {
h1{font-size:55px}
#cadre{width:50%}
}
@media screen and max-width1000px {
h1{font-size:50px}
#cadre{width:60%}
}
@media screen and max-width1000px and min-width800px {
#cadre{width:60%}
#gauche{width:100%;border-bottom:solid 1px #c2c2c2;padding-bottom:1%;border-right:none}
#droite{width:100%;margin-top:10%}
}
@media screen and max-width800px and min-width600px {
#cadre{width:70%}
#gauche{width:100%;border-bottom:solid 1px #c2c2c2;padding-bottom:1%;border-right:none}
#droite{width:100%}
}
@media screen and max-width600px and min-width400px {
#cadre{width:80%}
#gauche{width:100%;border-bottom:solid 1px #c2c2c2;padding-bottom:1%;border-right:none}
#droite{width:100%}
}
@media screen and max-width400px {
#cadre{width:90%}
#gauche{width:100%;border-bottom:solid 1px #c2c2c2;padding-bottom:1%;border-right:none}
#droite{width:100%}
}