body {width:100%;height:100%;font-family: 'Raleway', sans-serif;background:url('img/bck-4.jpg') repeat-y top center;background-size: 100%;margin:0;}
#content {margin:0 auto;width:100%;background:url('img/moscato.png') no-repeat top right;height:100%;}
#logo {width:80%;padding:10px 0;margin:3% auto 3% auto;max-width: calc(100% - 20px);}
#logo_img {width:100%;}
#slogan { width:100%;margin:0;padding:30px 0 0 0;max-width: calc(100% - 20px);}
#slogan h1 {text-align:center;color:#d4d4d4;font-size:25x;width:60%;margin:10px 20%;font-weight:600;}
.tab {margin:2% 5%;float:left;padding:0;max-width: calc(100% - 20px);background:#FFF;border-radius:10px;width:90%;}
.btn_nom {color:#000;font-size:22px;text-align:center;margin:20px 0 10px 0;}
.btn_sound {padding:0;text-align:center;width:140px;float:left;margin:1%;}
.btn_sound img {border:01px outset #949494; border-radius: 5px;}
.no_border_right {margin-right:0!important;}
.btn_sound .btn_image {float:left;margin:0;padding:0;}
.btn_sound .btn_image img {float:left;margin:0;padding:0;}
.btn_sound .btn_image:hover {cursor:pointer;}
.btn_sound .btn_titre {float:left;margin:0;padding:5px 0 0 0;text-align:center;color:#000000;width:100%;font-size:14px;}
#fin {float:left;width:100%;text-align:center;margin:20px 0 10px 0;}
#fin h2 {font-weight:300;font-size:14px;color:#000000;margin:0;}
#footer {float:left;width:100%;text-align:center;margin:10px 0 30px 0;color:#ffffff;font-size:18px;text-decoration:none;}


@media screen and (max-width: 990px) {
	.tab{margin:2%;width:96%;}
	.btn_sound{width:30%;}
	.btn_sound .btn_image {width:100%;}
	.btn_sound .btn_image img{width:100%;}
}