body{background: #f0f0f0 no-repeat fixed;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: 250px auto;font-family: -apple-system, BlinkMacSystemFont,'avenir next', avenir,'helvetica neue', helvetica,ubuntu,roboto, noto,'segoe ui', arial,sans-serif;}
.navbarjump{margin-top: 20px;}
.noradius{border-radius: 0px;}
.noborder{border:0px;}
.innertube{margin:10px;}
.fs8{font-size:8px}.fs10{font-size:9px}.fs10{font-size:10px}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs30{font-size:30px}.fs34{font-size:34px}
.card{background-color: #fff;padding:10px;margin-bottom: 10px;border-radius: 0px;}
.largeursite{width: 100%;max-width: 970px}
.largeurmaxbillet{max-width: 970px;margin:0 auto;}
.nopointer{cursor: default;}
.onlymobile{display: none;}
.display-none{display: none;}
.no-outline{outline: 0px;}
.billet{min-height: 2200px;}
.pa2{padding:10px;}
.bg-white{background-color: white}
.socialbottom{display: block;position: fixed;bottom:0px;background: #000;color:#FFF;width:100%;height:40px;line-height:40px;vertical-align: top;opacity: 1;text-align: center;}
.socialbottom a,visited{margin-left: 10px}
.socialbottom .texte{vertical-align: top;font-size: 13px;line-height:40px;display: inline;}
.socialbottom .sites .fb-like{margin-right: 20px;}
footer{margin-top: 10px;color: #333;font-size: 12px;padding:10px 0px;}
footer a,visited{color: #000;font-weight:bold;font-size: 12px;padding:1px 3px;}
.toTop {width:70px;border:1px solid #ccc;border-radius:5px 5px 0px 0px;background:#f7f7f7;text-align:center;padding:5px;position:fixed;bottom:0px;right:10px;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:13px;font-weight:bold;text-shadow: 0pt 1px rgb(255, 255, 255);box-shadow: 0pt 0pt 0pt 1px rgb(255, 255, 255) inset, 0pt 1px 4px rgba(0, 0, 0, 0.2);}
.fakeprogressbar {z-index: 999999;position:fixed;top:0;width: 0px;height: 2px;background-color: #3d7bd3;-webkit-animation-name: fakeprogressbar;-webkit-animation-duration: 3s;animation-name: fakeprogressbar;animation-duration: 1s;animation-iteration-count: infinite;}
@keyframes fakeprogressbar {0%   {width:0%;}100%  {width:100%;}}
@-webkit-keyframes fakeprogressbar {0%   {width:0%;}100%  {width:100%;}}
.loader-overlay{position:fixed;z-index:999;top: 0;left: 0;bottom:0;right:0;overflow: hidden !important;background: #FFF;height:100%;width:100%;padding-top: 150px;text-align: center;}
.loader-overlay img{opacity: 1}
#countdown{background-color: #e5eef9;color:#2f5f9e;padding:1px 5px;margin-bottom: 5px;}
.modal-backdrop{z-index:0;}
.stretchy-wrapper {width: 100%;padding-bottom: 56.25%; /* 16:9 *//*padding-bottom: 75%;*/ /* 4:3 */position: relative;}
.stretchy-wrapper > .stretchy-wrapper-2 {position: absolute;top: 0; bottom: 0; left: 0; right: 0;color: white;font-size: 12px;text-align: center;}


/* flex cols */
#colcontainer{display: -ms-flex;display: -webkit-flex;display: flex;min-height: 1300px;}
#colgauche{width: 100%;max-width:670px;padding-right: 20px}
#coldroite{width:300px;min-width: 300px;max-width:300px;padding-left: 0px;padding-right: 0px;}


/* boucle sans espace */
.row.no-gutter{margin-left:1px;margin-right:1px}
.row.no-gutter [class*=col-]:not(:first-child),.row.no-gutter [class*=col-]:not(:last-child){padding-right:1px;padding-left:1px}

/* navbar */
.navbar{position: fixed;height:60px;background-color: #fff;width: 100%;top:0;z-index: 9;border-bottom: 0px solid #E6E6E6;}
.navbar .logo{height:40px;margin-top: 8px;margin-right:20px;/*position: absolute;left:50%;margin-left: -50px;*/}
.navbar .left-link{font-weight: bold;font-size:16px;color:#ccc;margin-right: 15px;text-transform: lowercase;outline: 0}
.navbar .left-link.active{color:#FFF;}
.navbar .menu_membre img.avatar{border-radius: 100%;height:20px;vertical-align: middle}
.navbar .menu_membre{position: relative}
.navbar .right-links{float:right;line-height: 50px}


/* followbar */
.followbar{width:100%;height:30px;line-height: 25px;background-color: #E7E5E7;display: block;margin-top: 60px;border-bottom: 1px solid #E6E6E6;}
.followbar .titre{display: inline-block;margin-right: 10px;color:#f6d9d9;font-weight: bold;text-transform: uppercase;}
.followbar img{height: 20px;width: 20px;}
.followbar .reactions{display: inline}
.followbar .reactions a,visited{display: inline-block;margin-right:10px;font-weight:normal;color:#3a3a3a;text-decoration:none;font:13px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue",Arial, Helvetica,Geneva,sans-serif;/*padding:1px 5px;border-radius: 5px;background:#F4F4F4;*/}
.followbar .reactions a:hover{text-decoration: none;color:#333;}
.followbar .social{float: right}

/* dropdown */
.dropdown{position:relative;display:inline-block}
.dropdown-content{z-index: 9;display:none;position:absolute;overflow:auto;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content.right{right:0;}
.dropdown-content.limitheight{max-height: 390px;overflow-y: auto;}
.dropdown-content{background:white;padding: 10px;}
.dropdown-content.linkslist a{font-size:15px;line-height: 30px;display: block;}
.dropdown-content.linkslist a:hover{color:red;}



.bloc_liste{overflow:auto;width:100%;max-height:130px;background: #dee5eb;border:1px solid #DDD;padding:10px;color:#333;}
.grostitre {text-transform: uppercase;font-weight: bold;color: rgb(61, 61, 61);font-size: 14px;margin-bottom: 10px;}
.grostitre a{color: rgb(115, 115, 115);text-decoration: underline;}
.grostitre .notification{background-color: #45d440;color:#fff;font-weight: bold;border-radius: 5px;padding:1px 5px;}

.menufiltres{background-color: #FFF;padding:5px 10px;}
.menufiltres a{color:#333;text-decoration: none;text-transform: uppercase;font-size:12px;}
.menufiltres a.active{font-weight: bold;color:#960007;}
/* .menufiltres a.active:before {content: "✔ ";} */

/* sidebar */
#coldroite .follow{margin-top:5px;/*background:#ccc;padding:10px;*/margin-bottom: 0px;width:100%;display:block;}
#coldroite .follow .twitter-follow-button{float:right;}
#coldroite .follow .facebook-follow-button{float:left;}
#coldroite .follow img.icone{height:30px;width:30px;}
#coldroite .nuage{color:#8c8c8c;}
#coldroite .nuage a,visited{color:#000;text-decoration:none;border-bottom:0px solid #ccc;font-size:13px}
#coldroite .nuage a:hover{color:#bf742a;}
#coldroite .blocpave{height:140px;overflow: hidden;margin-bottom: 10px;}
#coldroite .blocpave a{font-weight: bold;width: 145px;}
#coldroite .blocpave a img{width:100%;height:120px;}

/* bloc top membres */
#tabtopmembres{font-size: 10px;color:#ccc;}
#tabtopmembres a.active{text-decoration: none}
.bloc_topmembres a.item {display: block;border-bottom: 1px solid #d9d9d9;line-height: 30px;color:#333;font-size:13px;}
.bloc_topmembres a.item .classement{color:#aaa;/*display: inline-block;*/display:none;margin-right: 5px;font-size: 12px;}
.bloc_topmembres a.item img{width:23px;height:23px;border-radius: 100%;vertical-align: middle}
.bloc_topmembres a.item .points{float:right;color:#aaa;font-size: 12px;cursor: help}
.bloc_topmembres a.item:hover{text-decoration: none;color: #000}
.bloc_topmembres a.item:last-child{border:0px;}

/* modal billet */
#modalbillet .modal-dialog{width:100%;max-width:960px}
#modalbillet .modal-content{box-shadow: 0 0 0 0;}
#modalbillet .modal-content .row{margin: 0 0 0 0;}

/* btn social */
.btn-facebook{background:#3b5b9b;color:#FFF;}
.btn-facebook:hover{background: #4e72bb;color:#FFF;}
.btn-facebook img, .btn-twitter img{height:20px;border-radius: 5px;border:1px solid #FFF;margin-right: 10px;}
.btn-twitter{background:#359bed;color:#FFF;}
.btn-twitter:hover{background: #5daded;color:#FFF;}
.btn-google{background:#d44132;color:#FFF;border:1px solid #a03126;margin-right:10px;}
.btn-google:hover{background: #e16356;color:#FFF;}

/* images */
.imagesaccueil_annonce{background-color: #FFFC00;padding:5px;color:#000;font-weight: bold}
.imagesaccueil {overflow-x:hidden;overflow-y: hidden;/*height:100px;*/max-width: 100%;margin-bottom: 10px}
/*.imagesaccueil .liste{min-width: 800px;}*/
.imagesaccueil .liste a.item, .imagesaccueil .liste label{width:100px;height: 100px;margin-right: 5px;display: block;position: relative;float:left;}
.imagesaccueil .liste a.item.attente{}
.imagesaccueil .liste a.item.attente .attente_message{position: absolute;background:#f68d47;left:0px;top:0px;padding:3px 0px;font-size:11px;font-weight:bold;text-align: center;color:white;}
.imagesaccueil .liste a img.apercu{width: 100%;height:100%;}
.imagesaccueil .liste a img.avatar{position: absolute;width: 20px;height:20px;right:0px;bottom: 0px;}
.imagesaccueil .liste a img.gif{position: absolute;width: 30px;height:30px;left:50%;top: 50%;margin-left: -15px;margin-top:-15px;background-color: #de130c;border-radius: 50%;padding:5px;opacity: 0.7}
/*.imagesaccueil .liste label.poster{cursor:pointer;background-color: #f8fafd;border:3px solid #3d7bd3;font-size: 30px;line-height: 102px;color:#a6a6a6;text-align: center;}*/
.imagesaccueil .liste label.poster, .imagesaccueil .liste a.posterurl{width:auto;height:auto;padding:10px;margin-right:0px;float:none;display:block;font-weight:normal;cursor:pointer;background-color: #f8fafd;border:1px solid #ddd;font-size: 17px;line-height:20px;text-align: center;color:#333;border-radius: 5px}
.imagesaccueil .liste label.poster i{color:#333;}
.imagesaccueil .liste label.poster:hover, .imagesaccueil .liste a.posterurl:hover{background-color: #F4F4F4;text-decoration: none;}
.imagesaccueil .liste a.plus{cursor:pointer;background-color: #f8fafd;border:3px solid #CCC;font-size: 30px;line-height: 102px;color:#a6a6a6;text-align: center;}
.imagesaccueil .formpartager_overlay{background-color:#000;position: fixed;z-index: 1;opacity:0.8;width: 100%;height: 100%;text-align: center;left: 0;bottom:0;top:0px;}
.imagesaccueil form.formpartager .col-xs-8{padding-top: 0}
.imagesaccueil form.formpartager{position:fixed;z-index:9999;top: 50px;left: 0;right:0;overflow: hidden !important;background: #FFF;height:175px;padding: 10px;}
.imagesaccueil form.formpartager img.uploadpreview{width:100%;max-height: 100px;}
.imagesaccueil form.formpartager textarea{height:100px;margin-top: 0}
.imagesaccueil form.formpartager input[type=file]{opacity: 0;position: absolute;z-index: -1;}

/* memes */
.memesboucle .badges{position: absolute;bottom:5px;left:5px;text-transform: uppercase;z-index: 7}
.memesboucle .badges div{padding:3px 6px;color:#fff;font-size:11px;border-radius: 0px;font-weight: normal;margin-right: 5px;display: inline-block;}
.memesboucle .badges a{color:white;font-size: 11px;}
.memesboucle .best_reaction{background: #f64747;}
.memesboucle .nsfw{background: #dc3f9b;}
.memesboucle .likes_facebook{background: #3C5C97;}



.meme .boutonlike{color:#909090;}
.meme .boutonlike a{color:#909090;}

/* boucle */
.boucle .item .boutons_votes, .billet .boutons_votes{color:#5c5c5c;}
.boucle .item .boutons_votes a, .billet .boutons_votes a {color:#3a3a3a;outline: 0;text-decoration: none;display:inline-block;text-align: center}
.boucle .item .boutons_votes .count, .billet .boutons_votes .count{min-width: 30px;text-align: center;color:#5c5c5c;font-weight: bold;}
.boucle .item .boutons_votes .disabled, .billet .boutons_votes .disabled{cursor: default;color:#e5e5e5;}
.boucle .item .boutons_votes .count.disabled, .billet .boutons_votes .count.disabled{cursor: default;color:#e5e5e5;}
.boutonlike.disabled{}
.boutonlike.disabled i{}
.boutons_votes .positif.disabled.voted {color:#3dd33e;border-color: #3dd33e}
.boutons_votes .positif.disabled.voted i {color:#3dd33e;}
.boutons_votes .negatif.disabled.voted {color:#f64847;border-color: #f64847}
.boutons_votes .negatif.disabled.voted i {color:#f64847;}


.boucle .item{position: relative;width:100%;}
.boucle .item .texte{margin:5px 0px;/*font-size:11px;*/font-size: 12px;color:#949494;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.boucle .item .cadre_apercu{position: relative;width:240px;height:150px;float:left;margin-right:10px;}*/
.boucle .item .cadre_apercu{position: relative;width:100%;height:100%;}
.boucle .item .cadre_apercu img.apercu{width:100%;height:100%;}
.boucle .item .badges{position: absolute;bottom:5px;left:5px;text-transform: uppercase;z-index: 7}
.boucle .item .badges div{padding:3px 6px;color:#fff;font-size:11px;border-radius: 0px;font-weight: normal;margin-right: 5px;display: inline-block;}
.boucle .item .badges a{color:white;font-size: 11px;}
.boucle .item .best_reaction{background: #f64747;}
.boucle .item .nsfw{background: #dc3f9b;}
.boucle .item .likes_facebook{background: #3C5C97;}
.boucle .item .cadre_apercu .badge_media{font-size: 11px;padding:1px 10px;position:absolute;background:#fff;color:#000;opacity:0.5;top:5px;left:5px;}
.boucle .item .cadre_apercu img.play{position: absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;opacity:1}
.boucle .item .cadre_apercu:hover  img.play{opacity: 1;}
.boucle .item .extras{margin-top: 20px;color: rgb(92, 92, 92);font-size: 11px;}
.boucle .item .extras a{color: rgb(92, 92, 92);font-weight: bold}
.boucle .infos{color: rgb(92, 92, 92);font-size: 11px;margin-top: 10px;padding-top:0px;}
.boucle .infos a,visited{color: rgb(92, 92, 92);font-weight: bold;}
.boucle .infos a:hover{text-decoration: none;}
.boucle .infos img.avatar{width:25px;height:25px;border-radius:3px;display: none;}
.boucle .item h2{margin-top: 0px;line-height: 18px;}
.boucle .item h2 a,visited {margin: 0px;display: inline;font-size: 19px;line-height: 20px;color: #2a1404;text-decoration: none;font-family: 'Roboto',sans-serif;font-weight: 400;}
.boucle .item a.lirelasuite{background:#3d7bd3;color:#fff;border:1px solid #3d7bd3;border-radius:2px;padding-left: 5px;padding-right: 5px;line-height: 20px;font-weight: normal;}
.boucle .item a.lirelasuite:hover{background: #66bfdc;}
.boucle .more-videos-link a{display: block;border:1px solid #DDD;background:#F4F4F4;text-align: center;color:#333;padding:10px;}
.boucle .btn-facebook{background:#3b5b9b;color:#FFF;font-size: 12px;padding:0px 5px;}
.boucle .btn-facebook img{width:20px;height: 20px}
.boucle .btn-facebook:hover{background: #4e72bb;color:#FFF;}


/* boucle item full */
.boucle .item.full .stretchy-wrapper {width: 100%;padding-bottom: 56.25%; /* 16:9 *//*padding-bottom: 75%;*/ /* 4:3 */position: relative;background: #000;}
.boucle .item.full .stretchy-wrapper > .stretchy-wrapper-2 {position: absolute;top: 0; bottom: 0; left: 0; right: 0;color: white;font-size: 12px;text-align: center;}
.boucle .item.full img.big{width:100%;}
.boucle .item.full .boutons_votes{margin-top: 10px}
.boucle .item.full .badges{position: relative;top:auto;right:auto;left:auto;float: right;}
.boucle .item.full .badges div{margin-right: 0px;margin-left:5px;border-radius: 5px}
.boucle .item.full .badges div a{font-size: 11px;color:white;}
.boucle .item.full img.apercu{width: 100%;height:100%;}
.boucle .item.full img.play{position: absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;opacity:1}
.boucle .item.full .ouvrir{position: absolute;left:50%;bottom:10px;margin-left:-60px;width:120px;margin-top:-17px;text-align: center;font-size: 15px;line-height: 30px}
.boucle .item.full .tabs-nav{background:transparent;padding:5px;font-size: 11px;color:#333;text-align: left;text-decoration: none}
.billet .item.full .tabs-nava,visited{text-decoration: none}
.boucle .item.full .texte{margin:5px 0px;/*font-size:11px;*/font-size: 12px;color:#949494;width:90%;white-space: normal;overflow: visible;text-overflow: clip;}
.boucle .item.full .avatar{width:30px;height: 30px;border-radius: 100%;vertical-align: middle}
.boucle .item.full h2{margin-top: 0px;line-height: 18px;}
.boucle .item.full h2 a,visited {margin: 0px;display: inline;font-size: 19px;line-height: 20px;text-decoration: none;font-family: 'Roboto',sans-serif;font-weight: 500;color:#000;}

/*.boucle.sousbillet .item{display: inline-block;width:50%;border:0px solid #ddd;padding-top: 0;vertical-align: top;height:270px;margin-bottom: 0;margin-top: 0}
.boucle.sousbillet .item .cadre_apercu{width:100%;}
*/
.boucle.sousbillet .item.card{display: inline-block;/*width: 33%;*/width:50%;margin-bottom: 0px;vertical-align: top;padding: 0;border:0px solid #fff;border:5px solid #FFF;}
.boucle.sousbillet .item h2{/*display: none*/}
.boucle.sousbillet .item h2 a{font-size: 14px;/*display: none;*/font-weight: bold}
.boucle.sousbillet .texte, .boucle.sousbillet .extras{display: none}
.boucle.sousbillet .infos{border:0;display: none}
.boucle.sousbillet .badges{display:none;}
.boucle.sousbillet .item .cadre_apercu img.play{position: absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px;width:25px;height:25px;}

.boucle .item.list.card{margin-bottom: 0;border-bottom: 1px solid #ddd;padding:10px 20px}
.boucle .item.list .col-md-5{padding-right: 5px;padding-left:5px;padding-top: 0;padding-bottom: 0}
.boucle .item.list .col-md-7{padding-left: 5px;padding-right:5px;padding-top: 0;padding-bottom: 0}

/* boucle item images jour */
.boucle .item.card.postimagesjour{padding-left:10px;}
.boucle .postimagesjour .row{margin-left: 0; margin-right: 0;}
.boucle .postimagesjour .col-md-3{padding-right:0;padding-left:0;}
.boucle .postimagesjour .cadre_apercu{position: relative;width:100%;height:100px;}
.boucle .postimagesjour .cadre_apercu img.apercu{width:100%;height:100%;border:3px solid #e0e0e0;}
.boucle .postimagesjour .cadre_apercu .nsfw{position: absolute;top:5px;left:5px;background: #df4053;padding:1px 3px;color:#fff;font-size:11px;border-radius: 5px;}
.boucle .postimagesjour .cadre_apercu .likes_facebook{position: absolute;bottom:5px;left:5px;background: #3C5C97;padding:1px 3px;color:#fff;font-size:11px;border-radius: 5px;}
.boucle .postimagesjour .cadre_apercu img.play{position: absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px;width:25px;height:25px;}
.boucle .postimagesjour .cadre_apercu img.playhover{position: absolute;/*visibility:hidden;*/left:50%;top:50%;margin-left:-12px;margin-top:-12px;width:25px;height:25px;}


/* billet */
.billet .tabs-nav, .boucle .item .tabs-nav {background:#F4F4F4;padding:5px;font-size: 12px;text-align: left;text-decoration: none}
.tabs-nav a:active{text-decoration: none;}
.billet .tabs-nav a,visited, .boucle .item .tabs-nav a,visited{color:#123;margin-right: 10px;text-decoration: none;outline:0;}
.billet .tabs-nav a.active, .boucle .item .tabs-nav a.active{background-color: #c7e8f3;text-decoration: none;}
.billet .actu_people{margin-top:10px;margin-bottom: 10px;}
.billet .actu_people .titre{background: #feeef4;font-size: 16px;font-weight: bold;color: #5c5c5c;padding: 5px 10px;}
.billet .actu_people iframe{background:#fef9f9;padding:10px;}
.billet h1{margin: 0px;font-size: 19px;line-height: 20px;color: #2a1404;text-decoration: none;font-family: 'Roboto',sans-serif;font-weight: 500;margin-bottom: 5px}
.billet img.masque{display: none;}
.billet .texte{margin-top: 10px;margin-bottom:10px;/*font: 13px/20px Arial,Helvetica;*/word-spacing: 2px;color: #333;}
/*.billet .texte{margin-top: 10px;margin-bottom:10px;font: 16px "Roboto",sans-serif;word-spacing: 2px;color: #333;font-weight: 500;line-height: 1.7;}
*/.billet .texte a,visited{text-decoration: underline;color:red;font-weight: bold;background: #F4F4F4}
.billet .texte a:hover{color:#860306;}
.billet .texte .spoiler:before {color:#000; font-weight:bold; background:#e0e0e0;content: 'spoiler: ';}
.billet .texte .spoiler {background:#e0e0e0;color:#e0e0e0;}
.billet .texte .spoiler:hover {background:transparent;color:#313131;}
.billet .texte .spoiler:hover a,visited{color:#123}
.billet .texte .spoiler a,visited{color:#e0e0e0;background:transparent;}

.billet .partages_flotant_container{min-height: 50px;height: 50px;margin-bottom: 10px;margin-top:10px;padding-left:0px;padding-right:0px;background: white;}
.billet .partages_flotant{background: none repeat scroll 0% 0% #fff;padding: 0px 0px;height: 50px;line-height: 50px;text-align: left;z-index: 1;}
.billet .partages_flotant.affix{width:593px;margin-left:-10px;top:50px;background-color: white;z-index: 1029;padding-left:10px;padding-right:10px;}
.billet .partages_flotant .btn-group{margin-top:10px;}
.billet .partages_big{min-height:108px;background: none repeat scroll 0% 0% #f4f4f4;border: 1px solid #e6e6e6;padding:10px;}
.billet .partages_big table {float:left;width:180px;background: #f4f4f4;border-right: 1px solid #d6d6d6;}
.billet .partages_big table  td{vertical-align: top;width:50%;text-align: left;padding:10px 10px;}
.billet .arrow_box {margin-top:10px; position: relative; background: #F4F4F4; border: 1px solid #e6e6e6; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-bottom-color: #F4F4F4; border-width: 10px; left: 50%; margin-left: -10px; } .arrow_box:before { border-bottom-color: #e6e6e6; border-width: 13px; left: 50%; margin-left: -13px; }
.billet .texte img{width:100%;}
.billet .cadre_image_big{text-align: center;position:relative;}
.billet .cadre_image_big img,.billet .cadre_image_big video{width:auto;max-width: 100%;}
.billet .cadre_image_big .masque{bottom:0px;width:100%;background:#FFF;height: 40px;position: absolute;}
.billet .cadre_image_big .forcewidth{width: 100%;}
.billet input.embed{border:1px solid #CCC; padding:4px;margin:0px;background:#F4F4F4; color:#AAA; width:100%;font-size:10px;}
.billet input.embed:focus{background: #FFF;color:#000;}
.billet .partages_icones {margin-top:0px;text-align: left;border-top: 1px solid #DDD;margin-top: 10px;padding-top: 10px;margin-bottom: 20px;background:#F4F4F4;padding:10px;}
.billet .partages_icones img{width: 32px;height: 32px;}
.billet .partages_icones .titre{color:#000;font-weight: bold;margin-bottom: 5px;}
.billet .partages_icones input.share{width: 200px;color: rgb(102, 102, 102);font-size: 1.6em;padding: 2px;border:1px solid #d3d3d3;vertical-align: middle;}
.billet .partages_icones .fb-like{margin-right: 10px;}
.billet .partages_icones .infos{color: rgb(92, 92, 92);font-size: 11px;}
.billet .partages_icones .infos a,visited{color: rgb(92, 92, 92);font-weight: bold;}
.billet .partages_icones .infos img.avatar{width: 32px;height: 32px;border-radius:3px;}
.billet a.voirvideomobile {position: relative;}
.billet a.voirvideomobile img{width:100%;}
.billet .infos{color: rgb(92, 92, 92);border-bottom:1px solid #ddd;padding:0px;font-size: 11px;margin-bottom: 10px;height:40px;line-height: 30px;}
.billet .infos a,visited{color: rgb(92, 92, 92);font-weight: bold;}
.billet .infos a:hover{text-decoration: none;}
.billet .infos img.avatar{width:25px;height:25px;border-radius:3px;display: none;}
.billet .share{margin-top:10px;}
.billet .share a{display:block;text-align:center;width:100%;height: 44px;line-height: 43px;font-size: 15px;font-weight: bold;text-decoration: none;}
.billet .share.row{margin-left: 0;margin-right: 0}
.billet .share .col-xs-8,.billet .share .col-xs-6,.billet .share .col-xs-4,.billet .share .col-xs-2{padding-right:0;padding-left: 0;}
.billet .share .col-xs-10 a{border-radius: 3px 0 0 3px}
.billet .share .col-xs-2 a{border-radius: 0px 3px 3px 0px;background-color: #eee;border-color: #eee;color:#333;}
.billet .pub_texte{background:#feeef8;padding:5px 10px;color:#61054a;text-decoration:underline;margin-bottom:10px;font-weight:bold;font-size:16px;text-align:center;}
.billet .pub_texte a{color:#61054a;}
.billet .suivprec .itemnav{position: relative;}
.billet .suivprec .titresection{padding:3px 0px;font-size: 11px;color:#828282;text-align: left;}
.billet .suivprec .itemnav .titre{width:100%;word-wrap: break-word;overflow: hidden;margin-top: 5px;font-weight:bold;}
.billet .suivprec .itemnav .apercu{width:100%;height:100px;}
.billet .suivprec .itemnav .icone{position: absolute;left:5px;background:#fff;padding:5px;border-radius: 5px;top:5px;}
.billet .stretchy-wrapper {width: 100%;padding-bottom: 56.25%; /* 16:9 *//*padding-bottom: 75%;*/ /* 4:3 */position: relative;background: #CCC;}
.billet .stretchy-wrapper > .stretchy-wrapper-2 {position: absolute;top: 0; bottom: 0; left: 0; right: 0;color: white;font-size: 24px;text-align: center;}
.billet .medias .item {margin-bottom: 20px;}
.billet .medias .item .numero{font-weight: bold;font-size:1.3em;color:#4130cc;display: inline-block;margin-right: 10px}
.billet .medias .item .titre{font-weight: bold;font-size:1.3em;color:#333;display: inline-block;}
.billet .medias .item img{width: 100%;}
.billet .medias .item .foot{margin-top: 3px;}
.billet .medias .item .foot a.btn-facebook{background-color: transparent;color:#AAA;}
.billet .partager img{height: 32px;width: 32px}
.billet .partager input[type=text]{margin-top:10px;display:block;width:100%;height:33px;line-height: 32px;vertical-align: middle}
.billet .extras{margin-top: 20px;color: rgb(92, 92, 92);font-size: 11px;}
.billet .extras a{color: rgb(92, 92, 92);font-weight: bold}
.billet .extras .avatar{width:30px;height: 30px;border-radius: 100%;vertical-align: middle}
.billet .boutons_votes{margin-top: 10px}

/* similaires */
.similaires .titre_type{display: none;color:#F89297; text-transform: uppercase; font-weight:bold;  margin-bottom:5px;}
.similaires a,visited {display:block;min-height:70px;padding:0px;margin-bottom:5px;position: relative;}
.similaires a:hover {text-decoration: none;}
.similaires .ligne .com{color:#616161;font-size:11px;display: none;}
.similaires .ligne .extra{bottom:0px;position: absolute;right:5px;border-radius:5px;color:#b15555;font-size:11px;}
.similaires .ligne .titre{visibility: visible;color:#000;font-size:13px;}
.similaires .ligne:hover .titre{color:#d70a24;}
.similaires .ligne img{float:left;width:120px;height:70px;margin-right:10px;}
.similaires_big .titre_type{display: none;color:#F89297; text-transform: uppercase; font-weight:bold;  margin-bottom:5px;}
.similaires_big a,visited {display:block;margin-bottom:10px;}
.similaires_big a:hover {color:#FFF;text-decoration: none;}
.similaires_big .ligne .com{color:#616161;font-size:11px;display: none}
.similaires_big .ligne .extra{bottom:0px;position: absolute;right:5px;border-radius:5px;color:#b15555;font-size:11px;}
.similaires_big .ligne .titre{visibility: visible;color:#333;font-size:13px;font-weight:bold;}
.similaires_big .ligne .cadre_apercu .badges{position: absolute;bottom:5px;left:5px;text-transform: uppercase;}
.similaires_big .ligne .cadre_apercu .badges div{padding:3px 6px;color:#fff;font-size:11px;border-radius: 0px;font-weight: normal;margin-right: 5px;display: inline-block;}
.similaires_big .ligne .cadre_apercu{position: relative;width:100%;height:130px;}
.similaires_big .ligne .cadre_apercu img{width:100%;height:100%;}
.similaires_big .ligne .cadre_apercu .nsfw{background: #df4053;padding:1px 3px;color:#fff;font-size:11px;border-radius: 5px;}
.similaires_big .ligne .cadre_apercu .likes_facebook{background: #3C5C97;padding:1px 3px;color:#fff;font-size:11px;border-radius: 5px;}
.similaires_big .ligne .cadre_apercu .best_reaction{background: #f64747;}
.similaires_big .ligne .cadre_apercu img.play{position: absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;}
.similaires_big .ligne .cadre_apercu img.playhover{position: absolute;/*visibility:hidden;*/left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;}
.titre_similaires_sousbillet.vignette{font-size:16px; font-weight:bold; padding:5px;}
.similaires_big.sousbillet a {width:299px;display: inline-block;border:3px solid #FFF;background:#F4F4F4;vertical-align: top;padding: 5px;min-height: 220px;}
.similaires_big.sousbillet .ligne .infos{color:#aaa;font-size: 11px;margin:2px 0px;}
.similaires_sousbillet_titre{margin-top:10px;background: #fff6ef;font-size: 16px;font-weight: bold;color: #5c5c5c;padding: 5px 10px;}
.similaires_sousbillet.vignette{padding:0px;}
.similaires_sousbillet.vignette .item{display: inline-block;width:190px;vertical-align: top;margin-bottom: 15px;}
.similaires_sousbillet.vignette .item:nth-child(1),.similaires_sousbillet.vignette .item:nth-child(2),.similaires_sousbillet.vignette .item:nth-child(4),.similaires_sousbillet.vignette .item:nth-child(5){margin-right: 14px;}
.similaires_sousbillet.vignette .titre{color:#1F2F51;font-size:14px;line-height:19px;font-weight: normal;font-family: "Helvetica Neue",​Helvetica,​Arial,​sans-serif;}
.similaires_sousbillet.vignette .titre:hover{text-decoration: none;}
.similaires_sousbillet.vignette .apercu{width:190px;height:162px;margin-bottom: 0px;}

/* fiche */
.fiche h5{color: #fff;margin-bottom: 0px;padding: 10px}
.fiche .nav-tabs>li.active>a{background-color: transparent;border:0;color:#b63434;}
.fiche .nav-tabs>li>a{color:#777777;font-weight: bold;}
.fiche .header{margin-top: 10px;padding: 10px;}
.fiche .header img.avatar{border-radius: 100%;float: left;margin-right: 10px;}
.fiche .header .infos{font-size: 12px;color:#333;margin-top: 10px;}
/*.fiche .tab-pane{max-width: 500px}*/

/* reactions */
.boutons_reaction {overflow-x: auto;overflow-y: hidden;height:60px;max-width: 100%}
.boutons_reaction .liste{min-width: 570px;}
.boutons_reaction a{margin-right: 10px;display: block;position: relative;float:left;text-align: center;outline:none;text-transform: uppercase;width: 71px;text-decoration: none;}
.boutons_reaction a:hover{text-decoration: none;}
.boutons_reaction a.active{text-decoration: none;outline:0;}
.boutons_reaction a .count{display: block;outline: 0px;font-weight: bold;background-color: #fef1f1;color:#333;padding:5px 10px;border-radius: 5px 5px 0 0;text-decoration: none}
.boutons_reaction a .nom{display: block;outline: 0px;font-weight: bold;background-color: #F64747;color:#fff;padding:5px 10px;border-radius:0 0 5px 5px;font-size: 11px;text-decoration: none}
.boutons_reaction a .nom:hover{background-color: #f87878}
.boutons_reaction a.voted .nom{background-color: #3dd33d;color:#fff;}
.boutons_reaction a.voted .count{background-color: #baefba}
.boutons_reaction .retour{float: right;font-size:12px;}

/* commentaires */
.commentaires{/*background:#fbfcfd;border:1px solid #e0e2e3;border-radius: 5px;*/}
.top_commentaires h1 a,visited{text-decoration: underline;}
.top_commentaires h1 {padding:10px;}
.top_commentaires .ligne{min-height:180px;border-bottom:1px dashed #CCC;margin-bottom:20px;padding-bottom: 20px;}
.top_commentaires .bulle_commentaire{margin:10px 0px;border:1px solid #d4d6d7;border-radius:7px;}
.top_commentaires .bulle_commentaire .separation{border-bottom:0px;}
.top_commentaires .bulle_commentaire a.boutonlike{display: none;}
.top_commentaires a.billet_titre{color:#000;font-size:16px;display: block;}
.top_commentaires img.billet_apercu{float:left;margin-top:10px;width:135px;height:135px;border:1px solid #000;}
.top_commentaires .menu{margin-top: 10px;background:#fff;padding:5px;padding-bottom:10px;border-bottom: 1px dashed #ddd}
.top_commentaires .menu a.active{color:#b6190a;font-weight:bold;text-decoration: none;}
.top_commentaires .menu a,visited{color:#4e5a4e;text-decoration: underline;font-size: 13px}
#form_commentaire{/*padding:10px 10px;*/}
#form_commentaire form{/*display: none;*/}
#form_commentaire input[type=submit]{/*display: none;*/}
#form_commentaire form input[name=pseudo], #form_commentaire form input[name=email]{width:150px;float:right;/*display: none;*/}
#form_commentaire form textarea{width:100%;display:block;height:80px;resize:vertical;margin-bottom: 10px;}
.titre_commentaire{color:#777;font-size:16px; font-weight:bold; padding:10px 0px;}
.sous_titre_commentaire{background:#def0f7;font-weight: bold;color:#255061;margin:10px;padding:10px;border:1px solid #90c1d4;border-radius:10px;}
.sous_titre_commentaire .bulle_commentaire{background:#def0f7;padding:10px 0px;font-weight: normal;}
.commentaires .message_ferme{background:#f4f4fd;padding:10px;color:#232259;border-top:1px solid #e0e2e3;margin-top: 5px}
.titre_top_commentaires{padding:10px;font-weight: bold;font-size: 12px;}
.bulle_commentaire{/*border-top:1px solid #e0e2e3;padding:0px 5px;*/padding-top: 10px;}
.commentaires > .bulle_commentaire:first-child {border-top:0px;}
.bulle_commentaire .optionsadmin {visibility: hidden;float:right;font-size:11px; color:#808080;}
.bulle_commentaire .optionsadmin a,visited{font-size:11px; color:#808080;}
.bulle_commentaire:hover .optionsadmin{visibility: visible;}
.bulle_commentaire img{border:0px solid #DDD;}
.bulle_commentaire a,visted{color:#cc0000;background:transparent; text-decoration: none;}
.bulle_commentaire a:hover{color:red;background:transparent; text-decoration: none;}
.bulle_commentaire .avatar{width:32px; height:32px;vertical-align: middle;}
.bulle_commentaire .avatar.masque{display: none;}
.bulle_commentaire .pseudo{font-weight:bold; color:#808080;}
.bulle_commentaire .pseudo a,visited{color:#0f6582;}
.bulle_commentaire .pseudo a:hover{color:#40bfe9;}
.bulle_commentaire .left{float: left;padding-left: 5px;padding-top:3px;}
.bulle_commentaire .right{margin-left:45px;}
.bulle_commentaire .separation{ margin:0 auto; width:99%; margin-top: 10px;}
.bulle_commentaire .texte{margin:2px 0px; color:#333; font-size:11px;}
.bulle_commentaire .texte a,visted{color:#493636; text-decoration: none; background:transparent; font-weight: normal;}
.bulle_commentaire .texte a:hover{color:#493636; text-decoration: underline; background:transparent; font-weight: normal;}
.bulle_commentaire .like {margin-left:5px;font-size:11px;font-weight:bold;color:#000;opacity:0.5;}
.bulle_commentaire .like img, .bulle_commentaire a.boutonjaime img {height:12px;width:12px;vertical-align: middle;}
.bulle_commentaire .date_commentaire {font-size:10px; color:#808080;}
.bulle_commentaire .date_commentaire a,visited{color:#808080; background:transparent;}
.bulle_commentaire .date_commentaire a.boutonlike{color:#0f6592;}
.bulle_commentaire .date_commentaire a.boutonlike img{height:16px;vertical-align: top;}
.bulle_commentaire .date_commentaire a.boutonlike:hover{text-decoration: underline;}
.bulle_commentaire .texte.masque, .bulle_commentaire .zoneboutonlike.masque{display: none;}
.bulle_commentaire.masque{display:none;}
.bulle_commentaire.masque_admin{opacity: 0.5;}
.bulle_commentaire a.reply{float: right;visibility: hidden;}
.bulle_commentaire:hover a.reply{float: right;visibility: visible;}
.show_com{color:#AAA;font-size:12px;}
.show_com a,visited{color:#333;outline: 0px;}
.show_com a:hover{color:#000;}


/* adm */
.adm{top:15px;right:0px;position: fixed;z-index: 9999}
.adm a,visited{color: white;font-weight: bold;margin-right: 10px;background: #000;padding: 5px 10px;border-radius: 5px}
.adm a:hover{background:#FFF;color: #000;text-decoration: none;}

/* cookies_message */
.cookies_message{position: fixed;bottom:0;background-color: #000;color:#FFF;padding:10px;font-size: 14px;display: block;width: 100%;}
.cookies_message a#accept_cookies_button{background-color:yellow;padding:2px 5px;border-radius:5px;color:black;text-decoration:none;font-weight:bold;font-size: 16px;float: right}
.cookies_message a{color:#d1ec71;}
.cookies_message a:hover{text-decoration: none;}

/* headroom */
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -120px;}
.headroom--pinned {top: 0;}


/* mainmodal */
.noscroll{overflow: hidden !important;}
.mainmodal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;z-index: 9999}.mainmodal-wrapper{height:100%;width:0;position:fixed;z-index:11;top:0;right:0;background-color:#F4F4F4;overflow-x:hidden;transition:0s;}.mainmodal-header{z-index:11;height:50px;line-height: 50px;/*position: fixed;*/top:0;left:0;width: 100%;background-color: #fff;padding-left: 10px}.mainmodal-header a.fermer{color:#333;font-size: 20px}.mainmodal-header a.fermer:hover{text-decoration: none}.mainmodal-wrapper.opened{width:100%;}

/* pc */
@media screen and (min-width: 700px) {
    .mainmodal{padding-top: 5px;background-color:hsla(0,0%,50%,.9);}
    .mainmodal-wrapper{max-width: 700px;left:0;right:0;margin:0 auto;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);transition: 0s;overflow-x:normal;min-height:300px;height:auto;position: relative;}
    .mainmodal-wrapper.opened{width:800px;margin:0 auto;left:0;right:0;margin:0 auto;margin-top: 10px;}
}

/* loading */
@import url(https://fonts.googleapis.com/css?family=Montserrat);
.wraploader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.textloader{color:#F64747;display:inline-block;margin-left:5px;font-weight:700}.bounceball{position:relative;display:inline-block;height:37px;width:15px}.bounceball:before{position:absolute;content:'';display:block;top:0;width:15px;height:15px;border-radius:50%;background-color:#F64747;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:bounce .5s alternate infinite ease;animation:bounce .5s alternate infinite ease}@-webkit-keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;-webkit-transform:scaleX(2);transform:scaleX(2)}35%{height:15px;border-radius:50%;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{top:0}}@keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;-webkit-transform:scaleX(2);transform:scaleX(2)}35%{height:15px;border-radius:50%;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{top:0}}

/* nprogress */
#nprogress{pointer-events:none}#nprogress .bar{background:#543fd3;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #543fd3,0 0 5px #543fd3;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:absolute;z-index:1031;top:12px;left:150px;display:none;}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#fff;border-left-color:#fff;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


@-webkit-keyframes pulse {
   30% { opacity: 0.6; }
   60% { opacity: 0; }
  100% { opacity: 0.6; }
}
@keyframes pulse {
   30% { opacity: 0.6; }
   60% { opacity: 0; }
  100% { opacity: 0.6; }
}

#progress {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: -6px;
  width: 0%;
  height: 2px;
  background: alpha($purple, 0.6)
  border-radius: 1px;
  /* the following transition times are overridden by JS */
  -webkit-transition: width 150ms ease-out;
  transition: width 150ms ease-out;
}
#progress.done {
  opacity: 0;
}

#progress dd,
#progress dt {
  position: absolute;
  top: 0;
  height: 2px;
  box-shadow: #45C2FF 1px 0 6px 1px;
  border-radius: 100%;
}

/* swup transition */
.transition-fade {transition: 0.01s;opacity: 1;}
html.is-animating .transition-fade {opacity: 0;}

/* loading top pour swup */
.backgroundanime{animation: colorchange 0.1s infinite;-webkit-animation: colorchange 0.1s infinite;}
@keyframes colorchange
    {
      0%   {background: #FECB59;}
      50%  {background: #feaa59;}
      100%  {background: #fe7759;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
       0%   {background: #FECB59;}
      50%  {background: #feaa59;}
      100%  {background: #fe7759;}
    }

/* infinites croll */
.loader-ellips {
  font-size: 10px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 30px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}


/* skip link (google lighthouse) */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}

.skip-link:focus {
  top: 0;
}