@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@import url('https://fonts.googleapis.com/css?family=Russo+One');
div{padding:0;margin:0;}
html,body{width:100%;overflow-x:hidden;}
/*Police taille et couleurs*/
body{color:dimgray;font-family: 'Varela Round', sans-serif;}
h1,h2{color:#007BFF;font-family: 'Russo One', sans-serif;text-align:left;}
h2{font-size:1.5em;}
.annonce h3{font-size:1em;}
.annonce a{color:dimgray;}
.prix{font-size:1.1em;color:green; font-weight:bold;}
.info{}
.card{text-align:justify;}
/*Fonds*/
body{
background-image:url("../img/gray-pattern.png");}

/*Ajustements*/
.card{margin:2px;padding:5px;}
.unecarte{padding:0px;}
.unecarte .card{padding:5px;}
.reference{text-align:center;}
.reference img{margin-bottom:10px;}
.prix{margin-top:10px;}
.cta{margin:10px;}
h2 img{padding-right:5px;}
p{margin:10px;}
.info{padding:5px;}
.info .btn{margin:5px;}

.img-off{max-width:100%;}

.container-fluid{margin-top:75px;}
/*ANNONCES*/
/*Bordure annonces*/
.annonce{padding:5px;}
.annonce .row{border:3px solid lightgray;
    border-radius:5px;
    margin:1px;
padding:2px;}
.annonce:nth-child(1) .row{border:3px solid lime;}
/*Bordure bloc info*/
.info{border: 3px solid #007BFF;border-radius:5px;text-align:center;}
/*Alignement du contenu*/
.titre,.photo{text-align:center;}
.annonce:nth-child(1) .titre{font-weight:bold;}
.titre{height:5em;text-overflow:hidden;}
.photo img{height:140px;}
.photo{overflow:hidden;}
.line{flex-direction:row;}
/*Texte*/

/*Tags annonces*/
.tag img{height:1em;margin-right:5px;
    -webkit-filter: drop-shadow(5px 5px 5px black);
    filter: drop-shadow(2px 2px 7px black);}
.tag{font-size:0.9em;color:white;margin:2px;padding:2px;border-radius:2px;font-weight:bold;
    text-shadow: 0 0 7px rgba(0,0,0, 0.5);}
.best{background-color:lime;}
.new{background-color:lightblue;}
.affaire{background-color:gold;}
.rare{background-color:red;}
.france{background-color:royalblue;}
.ed1{background-color:lightgray;color:black;}
.france img{height:1.2em;}



/*header*/
header{background-color:white;padding:10px;height:70px;position:fixed;top:0px;left:0px;right:0px;z-index:100;}
.logo,.menu-icon,.menu-icon img{height:100%;color:#007BFF;}
.menu-icon{float:right;}

/*Footer*/
footer{background-color:dimgray;
color:white;
font-size:0.8em;
text-align:center;}
footer a{color:white;}
footer img{height:35px;margin:5px;}


/*Menu*/
.menu-legend{margin-left:10px;}
nav{position:fixed;
width:800px;
top:0px;right:-800px;height:100vh;
background-color:lightgray;
z-index:50;
transition:all .3s;}
nav.visible{right:0px;}

nav{overflow-y:scroll;padding:10px;padding-top:70px;}
nav div{display:flex;flex-direction:row;flex-wrap:wrap;}
nav a img{max-width:200px;max-height:100px;margin:10px;}
nav p{color:#007BFF;font-family: 'Russo One', sans-serif;font-size:1.5em;margin-top:20px;display:flex;align-items:center;}
nav p img{margin-right:10px;}
nav p:after{content:'';border-bottom:2px solid #007BFF;flex:1;height:0px;margin-left:10px;
    }



/*Page d'accueil*/
.landing{min-height:100vh;
padding-top:70px;
text-align:center;}
.landing h1,.landing h2{text-align:center;margin:30px;}
.landing h2{border-top:2px solid #007BFF;border-bottom:2px solid #007BFF;}

.landing-img{max-height:100vh;overflow:hidden;}
.landing-img img{width:100%;}

.home-description{background-color:#007BFF;color:white;}
.home-description h2{color:white;}
.home-description div{padding:50px;}

/*Liste des séries*/
.liste{margin:50px;}
.liste div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;}
.liste a img, .last-series a img{max-width:200px;max-height:100px;margin:10px;}
.liste p{color:#007BFF;font-family: 'Russo One', sans-serif;font-size:1.5em;margin-top:20px;display:flex;align-items:center;}
.liste p img{margin-right:10px;}
.liste p:after{content:'';border-bottom:2px solid #007BFF;flex:1;height:0px;margin-left:10px;
    }
.liste h2{text-align:center;font-size:2em;}
footer{margin-top:0px !important;}

.last-series a{text-align:center;}

#mc_embed_signup div{padding:0px;}
#mc_embed_signup p{padding:0px;}
#mc_embed_signup input{margin-right:10px;}
#mce-EMAIL{width:100%;}

.loader{height:200px;width:200px;}

.adsense{margin:5px;}

.sitemap li{padding:5px;}
.sitemap h3{text-align:left;}


/*Popup Newsletter*/
#popup{background-color:#007BFF;position:fixed;bottom:10px;right:10px;border-radius:20px;margin:10px;color:white;min-width:30%;max-width:100%;padding-right:20px;box-shadow: 2px 2px 5px black;z-index:1000;}
    #close-popup{position:absolute;top:10px;right:10px;z-index:1200;cursor:pointer;}
    .popup-text{padding:10px 20px 10px 20px;}
    .popup-title1{font-size:1.2em;font-weight:bold;}
    .popup-title2{font-size:1em;font-weight:bold;}
    .popup-img img{height:100%;border-radius:20px 0px 0px 20px;}
    


.fb-share-button{margin-bottom:10px;}

.hide-missing{display:none;}

/*Mise à jour Avril 2019*/
/*Formulaire de recherce*/
.info, .search-form, .no-card{background-color:#007BFF;color:white;}
.search-form h1, .search-form h2, .search-form h3{color:white;}
.searc-form form input{border-radius:5px;}
.search-form form{display:flex;}
.search-form input[name="carte"]{flex:1;}
.search-form input[type="submit"]{background-color:orange;color:white;border:0px;padding:10px 20px 10px 20px;font-weight:bold;}


.info .btn, .no-card .btn{margin:10px 0px 10px 0px;background-color:orange;border-color:orange;color:white;transition:all .1s;}
.info .btn:hover, .no-card .btn:hover{transform:scale(1.05);}
.no-card{height:auto;min-height:auto;border-radius:.25rem;text-align:center;padding-top:10px;}

.reference h3{font-size:1.2em;}

.annonce .row{background-color:#f5f5f5;padding:5px;}
    .annonce .row div{padding:0px; margin:0px;}
    .annonce .prix{padding:0px;height:120px;width:120px;line-height:120px;
        color:dimgray;text-align:center;}
        .annonce:nth-child(1) .prix{background:url('../img/icones/prix-rouge.svg');background-repeat:no-repeat;background-position:center;background-size:contain;color:white;}
        .annonce .photo{padding:0px;}
.annonce:nth-child(1) .row{background-image: linear-gradient(to bottom, #007BFF, #f5f5f5);border-color:#007BFF;color:white;}
.annonce:nth-child(1) h3{color:white;}

.annonce:nth-child(1) .cta{background-color:red;color:white;border-color:red;}
.cta{margin:10px 0px 10px 0px;background-color:orange;border-color:orange;color:white;transition:all .1s;}
.cta:hover{transform:scale(1.05);color:white;}

.morecards{margin-bottom:20px;}
.annonce .cta{color:white;}

/*Note du site*/
#cadre-rating{height:25px;width:125px;position:relative;display:flex;cursor:pointer;background:rgba(0,0,0,0.5);}
#note-rating{position:absolute;top:0%;bottom:0%;left:0%;background-color:gold;z-index:0;}
.star-rating{width:25px;height:25px;position:relative;z-index:20;padding:0px;margin:0px;}
.star-rating img{width:25px;height:25px;padding:0px;margin:0px;}

/*Responsive*/


@media (max-width: 992px) {
    nav{width:750px;right:-750px;}
    .unecarte{padding:0px;}
    .annonce{padding-right:0px;padding-left:5px;}
}
@media (max-width: 768px) {
    nav{width:500px;right:-500px;}
    .img-off{display:none;}
    .landing{flex-direction:column;}
    .home-description div{padding:20px;}
    .liste{margin:20px;}
    .annonce{padding-right:0px;padding-left:10px;}
    .hideresp{display:none;}
}
@media (max-width: 576px) {
    nav{width:350px;right:-350px;}
    .container-fluid{padding:0px;}
}



/*Optimisation responsive*/
@media (max-width: 768px) {
    /*Enlève les icones*/   
    .tag img{display:none;}
    /*Supprime la hauteur fixe du titre*/
    .titre{height:auto;}
    /*Taille du titre*/
    .annonce h3{font-size:0.9em;}
    /*Taille tag*/
    .tag{font-size:0.8em;}
    /*Correction problème de marge*/
    .card .row .col-md-10{padding-right:0px;}
    /*Taille photo*/
    .photo img{height:100px;}
    /*Taille icone prix*/
    .annonce .prix{height:50px;width:100px;line-height:50px;transform:translateY(-30px);}
    /*Taille CTA*/
    .annonce .cta{margin:0px;}
    
    .annonce .row div:nth-child(4){width:40%;position:absolute;right:10px;top:100px;}
    
    }