body{
    background-color:#000;
    margin:0;
    padding:0;
    color:#fff;
    font-family:verdana
}
.texteH p{
    font-size: 13px;
    line-height: 21px;
    background-color:rgba(177, 20, 118, 0.6);
    padding:5px 10px 5px 10px;
    text-align:justify;
    border-radius:5px;
    border:1px solid rgb(170, 12, 112)
}
h1{
    font-size:19px;
    color:#F0F0F0;
    text-align:center
}
header{
    height:100px;
    margin:auto;
    width:1620px;
    text-align:center;
}
.logo-head {
    height: 95px;
    width: 246px;
    display: block;
    margin: auto;
}
.promo{
    height:90px;
    width:728px;
    float:right;
    padding:5px 0
}
.logo{
    border:0;
    margin:10px 0 0 0
}
nav{
    height:41px;
    width:100%;
    background-image:url(https://www.mateurlive.com/images/mateurlive-back-menu.png);
    background-repeat:repeat-x
}
section{
    margin:auto;
    width:1620px
}
nav #menu{
    margin:auto;
    width:1620px
}
ul{
    display:inline-block;
    position:relative;
    cursor:default;
    z-index:3;
    float:left;
    margin:0;
    padding:0;
    height:41px
}
ul > li{
    display:block;
    float:left;
    list-style:none
}
ul > li a{
    font-family:Arial, Helvetica, sans-serif;
    u font-size:15px;
    color:#FFF
}
ul > li a:link{
    text-decoration:none
}
ul > li a:visited{
    text-decoration:none;
    color:#FFF
}
ul > li a:hover{
    text-decoration:none;
    color:#CCC
}
ul > li a:active{
    text-decoration:none;
    color:#FFF
}
.texte{
    float:right;
    padding:12px 25px 0 2px
}
.hotesse{
    padding:2px;
    float:left;
    height:243px
}
.hotesse img{
   z-index:1;
}
.hotesse img:hover{
   opacity:1;
   filter: alpha(opacity=100) 
}
.dessus-hotesse{
    z-index:2;
    position:relative;
    top:-23px;
    color:#fff;
    background-color:rgba(0, 0, 0, 0.48);
    height:20px
}
.noborder{
    border:0
}
.pseudo{
    float:left;
    font-weight:bold;
    font-size:13px;
    padding:2px 0 0 5px
}
.vue{
    float:right;
    font-size:12px;
    padding:4px 5px 0 0
}
.chatroulette{
    width:972px;
    height:700px;
    float:left
}
.tchat{
    width: 99%;
    height: 700px;
    float: left;
    margin: 17px 10px 10px 10px;
}
.tchat iframe{
    border:none
}
.vignette{
    width:320px;
    height:240px
}
#page{
    width:100%;
    height:auto;
    clear:both;
    padding:30px 0 50px 0
}
#page a:link,#page a:visited{
    border:1px solid #AA0C70;
    text-decoration:none;
    text-align:center;
    background-color:#880054;
    color:#fff;
    width:20px;
    height:20px;
    font-size:15px;
    font-weight:700;
    float:left;
    position:relative;
    border-radius:5px;
    margin:2px;
    padding:7px 5px 5px 5px;
    font-family:arial;
    box-sizing: initial;
}
#page a:hover{
    background-color:#fff;
    border:1px solid #fc3aec;
    color:#B51A1A;
    float:left;
    position:relative;
    border-radius:5px
}
.desactiver-page{
    border:1px solid #3C0326;
    text-decoration:none;
    text-align:center;
    background-color:#27091B;
    color:#793D74;
    width:20px;
    height:20px;
    font-size:15px;
    font-weight:700;
    float:left;
    position:relative;
    border-radius:5px;
    margin:2px;
    padding:7px 5px 5px 5px;
    font-family:arial;
    box-sizing: initial;
}
#back-to-top{
    display:none;
    height:36px;
    width:36px;
    position:fixed;
    right:10px;
    bottom:250px;
    background-image:url(https://www.mateurlive.com/images/retour-haut-de-page.png);
    background-repeat:no-repeat;
    cursor:pointer
}
footer{
    width:100%;
    height:70px;
    background-color:#1B0412;
    padding:10px 0 0 0;
    margin:30px auto 0 auto;
    text-align:center;
    color:#DBDBDB;
    font-size:11px;
    font-family:verdana;
    clear:both
}
footer a,.mentions a{
    color:#D50084;
    text-decoration:none
}
footer a:hover,.mentions a:hover{
    color:#DBDBDB;
    text-decoration:none
}
.mentions{
    width:90%;
    margin:auto;
    font-size:11px
}
.mentions h3{
    background-color:#A6076C;
    font-size:14px;
    padding:5px
}
.footer-tchat{
    font-size:11px;
    float:left;
    width:259px;
    text-align:center;
    color:#D3D3D3
}
.footer-tchat b{
    color:#DA2793
}
.error h1{
    font-size:30px;
    color:#FF3535;
    text-align:center;
    padding:100px 0 100px 0
}
.promo{
    height:90px;
    width:726px;
    float:right;
    padding:5px 0
}
.age-sexe-hotesse,
.user-female{
    position:relative;
    bottom:-16px;
    height:16px;
    color:#FF6EC5;
    z-index:3;
    background-color:rgba(0, 0, 0, 0.49);
    width:100%;
    font-size:11px;
    text-align:center
}
.age-sexe-boy,
.user-male{
    position:relative;
    bottom:-16px;
    height:16px;
    color:#51CAFF;
    z-index:3;
    background-color:rgba(0, 0, 0, 0.49);
    width:100%;
    font-size:11px;
    text-align:center
}
.age-sexe-couple,
.user-couple{
    position:relative;
    bottom:-16px;
    height:16px;
    color:#B1E79F;
    z-index:3;
    background-color:rgba(0, 0, 0, 0.49);
    width:100%;
    font-size:11px;
    text-align:center
}
.age-sexe-trans{
    position:relative;
    bottom:-16px;
    height:16px;
    color:#FFC476;
    z-index:3;
    background-color:rgba(0, 0, 0, 0.49);
    width:100%;
    font-size:11px;
    text-align:center
}
iframe{
    border:0;
    margin:0;
    padding:0;
    overflow:hidden;
}
.both{
    clear:both;
}
.sprite {
    background-image: url(https://www.mateurlive.com/images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-logo {
   width: 244px;
   height: 75px;
   background-position: -5px -5px;
   margin:10px;
}
.webcam-en-ligne {
    display: inline-block;
    float: right;
    padding: 10px 0 0 0;
}
.load-button {
    color: #fff;
    background: #d50075;
    border: 1px solid black;
    margin-top: 50px;
    padding: 10px 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.load-button:hover {
    background: #fd0e91;
}
.model-bio-wrapper {
    min-height: 40px;
    background-color: #a00267;
    color: #ffffff;
    border: 1px solid #c32887;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 10px;
    padding: 10px;
}
.model-bio-wrapper-top {
    min-height: 40px;
    background-color: #a00267;
    color: #ffffff;
    border: 1px solid #c32887;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 0px;
    padding: 10px;
}
.col-md-4 {
    width: 32.9%;
    float: left;
    padding: 0.2%;
}
.es{width:16px;height:16px;background-position:-5px -5px;float:right;margin:1px 5px 5px 5px}.fr{width:16px;height:16px;background-position:-31px -5px;float:right;margin:1px 5px 5px 5px}.por{width:16px;height:16px;background-position:-5px -31px;float:right;margin:1px 5px 5px 5px}.ang{width:16px;height:16px;background-position:-31px -31px;float:right;margin:1px 5px 5px 5px}
.drapeaux {
    background-image: url(https://www.mateurlive.com/images/drapeaux.png);
    background-repeat: no-repeat;
    display: block;
}
span.model-bio-title {
    color: #ff9ce1;
}
@media only screen and (min-width:1640px) and (max-width:1944px){
    header{height:100px;margin:auto;width:1620px}section{margin:auto;width:1620px}nav #menu{margin:auto;width:1620px}
}
@media only screen and (min-width:1296px) and (max-width:1639px){
    header{height:100px;margin:auto;width:1296px}section{margin:auto;width:1296px}nav #menu{margin:auto;width:1296px}header{height:100px;margin:auto;width:1296x}.tchat{width:99%;height:700px;float:left}
}
@media only screen and (min-width:1001px) and (max-width:1295px){
    section{width:1001px;margin:auto}.vignette{width:235px;height:180px}.hotesse{height:180px;width:235px}nav #menu{margin:auto;width:1001px}header{height:100px;margin:auto;width:1001px}.tchat{width:953px;height:534px;float:left;padding:0 0 50px 0}.promo{height:60px;width:500px;float:right;padding:20px 25px 0 0}.texteH p{width:93%}.footer-tchat{width:315px}
    .col-md-4 {
       width: 31.4%;
       float: left;
       padding: 0.2%;
   }
   .webcam-en-ligne {
    display: block;
    float: right;
    padding: 10px 0 0 0;
    position: absolute;
    top: 0;
}
}
@media only screen and (min-width:972px) and (max-width:1000px){
    section{margin:auto;width:972px}.vignette{width:310px;height:230px}.hotesse{height:230px;width:310px}nav #menu{margin:auto;width:972px}header{height:100px;margin:auto;width:972px}.tchat{width:940px;height:534px;float:left;padding:0 0 50px 0}.promo{height:60px;width:500px;float:right;padding:20px 25px 0 0}.texteH p{width:94%}.footer-tchat{width:315px}.footer-tchat{width:305px}
}
@media only screen and (min-width:651px) and (max-width:971px){
    section{margin:auto;width:640px}.vignette{width:310px;height:230px}.hotesse{height:230px;width:310px}nav #menu{margin:auto;width:640px}.texte{display:none}header{height:100px;margin:auto;width:640px}.chatroulette{width:636px;height:953px}.tchat{width:625px;height:534px;float:left;padding:0 0 50px 0}.promo{height:60px;width:320px;float:right;padding:20px 25px 0 0}.texteH p{width:94%}.footer-tchat{width:315px}.footer-tchat{width:305px}
}
@media only screen and (min-width:481px) and (max-width:650px){
    header{height:100px;margin:auto;width:480px}section{margin:auto;width:480px}.vignette{width:235px;height:180px}.hotesse{height:180px;width:235px}nav #menu{margin:auto;width:480px}.texte{display:none}ul > li{padding:0 15px 0 0}.chatroulette{width:479px;height:835px}.tchat{width:476px;height:534px;float:left;padding:0 0 50px 0}.promo{display:none}.texteH p{width:94%}.footer-tchat{width:235px}
    .webcam-en-ligne {
        display: block;
        float: right;
        padding: 3px 0 0 0;
        position: absolute;
        top: 0;
        font-size: 12px;
    }
}
@media only screen and (min-width:0px) and (max-width:480px){
    section{margin:auto;width:320px}.vignette{width:310px;height:230px}.hotesse{height:230px;width:310px}nav #menu{margin:auto;width:320px}.texte{display:none}ul > li{padding:0 5px 0 0}header{height:90px;margin:auto;width:320px}.chatroulette{width:320px;height:747px}.tchat{width:311px;height:534px;float:left;padding:0 0 70px 0}.promo{height:60px;width:320px;float:left;padding:0}.texteH p{width:94%}.footer-tchat{width:155px}
    h1 {
        font-size:16px;
    }
    .webcam-en-ligne {
       display: block;
       float: none;
       padding: 3px 0 0 0;
       position: absolute;
       top: 0;
       font-size: 12px;
       text-align:center;
       left: 0;
       right: 0;
   }
   #wrapper-cb {
    padding-bottom: 0;
}
}
@media only screen and (max-width:972px){
    .col-md-4 {
        width: 100%;
        float: left;
        padding: 10px 0 0 0;
    }
    .model-bio-wrapper,
    .model-bio-wrapper-top
    {
        font-size: 12px;
        min-height: 20px;
    }
}