/***************************************************************************************/
/******************************** GENERALITES *************************************/
/***************************************************************************************/
a{
    color:#452a77;
}
body{
	font-family: 'Roboto', Arial;
	background: #eaeaea;
}
.clear{
	clear:both;
}
.firstpb{
    margin-top: 72px;
}
#main{
	margin-top: 15px;
    margin-bottom: 15px;
}
#contenu{
    background-color: #fff;
}
#contenu h1.big_titre{
    font-weight: 900;
    text-align: center;
    font-size: 24px;
    margin: 15px 0 10px;
}
.alert{
    border-radius: 0;
    border:none;
}
.alert-connexion{
    padding: 15px;
    margin-bottom: 20px;
    color: #fff;
    background-color: #ca4111;
    font-size: 13px;
}
.alert-connexion a{
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
#sidebar.inter{
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
.transition{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
input.form-control,
select.form-control,
textarea.form-control {
    border-radius: 0;
    box-shadow: none;
}
.classement .table>tbody>tr>td, 
.classement .table>tbody>tr>th, 
.classement .table>tfoot>tr>td, 
.classement .table>tfoot>tr>th, 
.classement .table>thead>tr>td, 
.classement .table>thead>tr>th{
    padding: 4px;
}
h2.inter{
    font-weight: 700;
    font-size: 24px;
    margin: 15px 0 10px;
}


/***************************************************************************************/
/******************************** NAVBAR *************************************/
/***************************************************************************************/

.navbar-default {
    background: url(../img/croix_header.jpg) right top no-repeat #452a77;
    border: none;
    position: fixed;
    width: 100%;
    margin-bottom: 0px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0;
    background-size: 71px;
}
.navbar-toggle{
	float: left;
	margin-left: 15px;
	border:none;
	padding: 14px 10px;
}
.navbar-brand{
    padding: 9px 0 0;
    position: fixed;
    left: 50%;
    margin-left: -70px;
}
.navbar-brand img{
    width: 140px;
}
.navbar-default .navbar-toggle .icon-bar{
	background: #fff;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: #452a77;
}
.navbar-default .navbar-toggle:focus .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar{
    background-color: #9774d8;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.015em;
}
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover{
    color: #9774d8;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #9774d8;
    background:none;
}
.navbar-default .separ,
.navbar-default .chevron{
	color:#9774d8;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border: none;
}
.navbar-default form.search{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 5px;
}
.navbar-default form.search input{
    border: none;
    padding: 8px 5px 8px;
    font-size: 12px;
    width: calc(100% - 35px);
}
.navbar-default form.search button{
    border: none;
    color: #fff;
    background: #9774d8;
    font-size: 15px;
    vertical-align: bottom;
    padding: 6px 8px 6px;
    cursor: pointer;
}
.navbar-default .navbar-nav>li.sociaux{
    text-align:center;
}
.navbar-default .navbar-nav>li.sociaux>a{
    display: inline-block;
    font-size: 30px;
}
.navbar-default .dropdown-menu li{
    margin-bottom: 5px;
}
.navbar-default .dropdown-menu li.subtitle{
    display: none;
}
.navbar-default .dropdown-menu li a{
    color: #fff;
    font-size: 12px;
}
.navbar-default .dropdown-menu a i.zmdi {
    color: #9774d8;
    margin-right: 4px;
}

/***************************************************************************************/
/******************************** MAIN HOMEPAGE *************************************/
/***************************************************************************************/

#alaune{
    width: 100%;
    position: relative;
    left: 0;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
}
#alaune:hover{
    background:#452a77; 
}
#alaune.exclu:hover{
    background:#cf2c2c; 
}
#alaune.green:hover{
	background:#14711f; 
}
#alaune img{
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
}
#alaune:hover img{
	opacity: 0.8;
}
#alaune h1{
    margin: 0;
    background:#fff;
    display: inline-block;
    color:#2c2c2c;
    max-width: 80%;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 15px;
    font-size: 19px;
    font-weight: 700;
    padding: 5px 10px;
    border-right: solid 1px #452a77;
}
#alaune.exclu h1{
    color: #cf2c2c;
}
#alaune.exclu .cartouche{
    background: #cf2c2c !important;
}
#alaune.green h1{
    color: #14711f;
}
#alaune.green .cartouche{
    background: #14711f !important;
}
#alaune h1 span{
    background: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 7px;
    color: #452a77;
    margin-top: -25px;
    float: left;
    margin-left: -10px;
}
#alaune:hover h1,
#alaune:hover h1 span{
    background:#452a77;
    color:#fff;
}
#alaune.exclu:hover h1,
#alaune.exclu:hover h1 span{
    background:#cf2c2c;
    color:#fff;
}
#alaune.green:hover h1,
#alaune.green:hover h1 span{
    background:#14711f;
    color:#fff;
}
.article .cartouche{
    position: absolute;
    z-index: 2;
    background: #452a77;
    color: #fff;
    top: 15px;
    left: 15px;
    text-transform: uppercase;
    padding: 2px 5px 0px;
    font-size: 12px;
}
.article.exclu .cartouche{
    background: #cf2c2c;
}
.article.exclu h2{
    color: #cf2c2c !important;
}
.article.green .cartouche{
    background: #14711f;
}
.article.green h2{
    color: #14711f !important;
}
.article.green:hover h2,
.article.exclu:hover h2{
    color: #fff !important;
}

.last3{
	margin-top: 15px; 
}
.last3 .article{
	background: #fff;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    display: block;
}
.last3 .article .illustration{
	position: relative;
}
.last3 .article:hover .illustration{
    opacity: 0.8;
}
.last3 .article .illustration .cartouche{
	top:auto;
	bottom: 15px;
}
.last3 .article img{
	width: 100%;
}
.last3 .article:hover{
    background-color: #452a77;
}
.last3 .article.exclu:hover {
    background-color: #cf2c2c;
}
.last3 .article.green:hover {
    background-color: #14711f;
}
.last3 .article h2{
    margin: 10px 0 10px;
    color:#2c2c2c;
    font-size: 21px;
    font-weight: 700;
}
.last3 .article:hover h2{
	color:#fff !important;
}
.last3 .article .date{
	color:#8f8f8f;
	font-size: 11px;
    padding-top: 6px;
    float: left;
    margin-left: 15px;
}
.last3 .article .btn_suite{
    float: right;
    margin-right: 15px;
}
.article .btnsuite{
    color:#452a77;
    background: #eaeaea;
    border-right: solid 1px #a9a9a9;
    padding:5px 7px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
}
.article:hover .btnsuite{
    text-decoration: none;
}

.infinite_article{
	margin-top: 15px;
	position: relative;
}
.infinite_article:before {
    /*content: '';*/
    position: absolute;
    top: 14px;
    bottom: 0;
    width: 4px;
    background: #e0e0e0;
    left: 11px;
    z-index: -1;
    margin: 0;
    border-radius: 2px;
}
.infinite_article .un_article{
	margin-bottom: 15px;
}
.infinite_article .un_article .date_g{
    display: none;
    /*display: table-cell;*/
    padding-right: 10px;
    color: #8f8f8f;
    font-size: 10px;
    padding-top: 7px;
    vertical-align: top;
}
.infinite_article .un_article .article{
	position: relative;
	background: #fff;
	margin-bottom: 15px;
    display: block;
    /*display: table-cell;*/
    padding: 10px;
}
.infinite_article .un_article .article a:hover{
    text-decoration: none;
}
.infinite_article .un_article .article:hover{
    background-color: #452a77;
}
.infinite_article .un_article .article:hover .illustration{
    opacity: 0.8;
}

.infinite_article .article .illustration{
    width: 100%;
}
.infinite_article .last3 .article .illustration{
    width: 100%;
}
.infinite_article .article .infos{
    position: relative;
}
.infinite_article .article .infos .cartouche{
    left: 0;
    margin-top: 10px;
    position: static;
    display: inline-block;
}
.infinite_article .article .infos .date{
    color:#8f8f8f;
    font-size: 11px;
    padding-top: 7px;
    margin-left: 5px;
}
.infinite_article .last3 .article .infos .date{
    margin-left: 15px;
}
.infinite_article .article .infos h2{
    font-size: 21px;
    font-weight: 700;
    margin: 10px 0;
    color: #2c2c2c;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.infinite_article .article .infos .preview{
    color: #858585;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.infinite_article .un_article .article:hover h2,
.infinite_article .un_article .article:hover .preview{
    color:#fff;
}
.infinite_article .loadmore{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 15px;
    margin-top: 0px;
    position: static;
    cursor: pointer;
    margin-bottom: 15px;
    display: inline-block;
}
.infinite_article .loadmore:hover{
    background: #15082e;
}

.small_prochainmatch{
    background:#fff;
    padding: 15px;
    margin-top: 15px;
}
.small_prochainmatch .cartouche{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px 2px;
    font-size: 13px;
    display: inline-block;
}
.small_prochainmatch .compet{
    color: #2c2c2c;
    float: right;
    font-size: 11px;
}
.small_prochainmatch .infos{
    font-size: 11px;
}
.small_prochainmatch .infos b{
    font-size: 13px;
}
.small_prochainmatch .infos b.nom{
    font-size: 15px;
}

/***************************************************************************************/
/******************************** SIDEBAR *************************************/
/***************************************************************************************/

.sondage,
.connexion,
.filinfos{
    background:#fff;
    padding: 15px;
    margin-top: 15px;
}
.modal-body.connexion{
    margin-top:0;
}
#contenu .filinfos{
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    padding: 15px 0 0;
    margin-bottom: 0;
}
.filinfos{
    padding-top: 0px;
	margin-bottom: 15px;
}
.filinfos .titre_bloc{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: -15px;
    padding: 10px;
    margin-right: -15px;
}
.filinfos .cache{
    margin-top: 15px;
}
.filinfos .cache .page{
    display: none;
}
.filinfos .cache .page.active{
    display: block;
}
.filinfos .cache ul,
.eff_details .articleslies ul{
    list-style: none;
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
}
.eff_details .articleslies ul{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}
.filinfos .cache ul li{
    margin-bottom: 15px;
}
.filinfos .cache ul .date,
.eff_details .articleslies ul .date{
    color:#7d7d7d;
    font-size: 12px;
    font-weight: bold;
    float: left;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 45px;
}
.filinfos .cache ul .date:before,
.eff_details .articleslies ul .date:before{
    content: '';
    position: absolute;
    top: 7px;
    bottom: 0;
    width: 1px;
    background: #e0e0e0;
    left: 48px;
    z-index: 2;
    margin: 0;
    border-radius: 2px;
}
.eff_details .articleslies ul .date:before{
    left: 63px;
}
.filinfos .cache ul .titre,
.eff_details .articleslies ul .titre{
    color:#2c2c2c;
    font-size: 13px;
    margin-left: 60px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.filinfos .cache ul .titre:before,
.eff_details .articleslies ul .titre:before{
    content: '•';
    position: absolute;
    font-size: 27px;
    color: #452a77;
    top: 0;
    left: -16px;
    z-index: 3;
    line-height: 17px;
    font-weight: 700;
}
.filinfos .cache ul li a:hover *,
.eff_details .articleslies ul li a:hover *{
    color:#452a77;
}
.filinfos .cache ul li.exclu a *{
    color:#cf2c2c;
    font-weight: bold;
}
.filinfos .cache ul li.green a *{
    color:#14711f;
    font-weight: bold;
}
.filinfos .depla{
    line-height: 24px;
    padding-right: 0;
}
.filinfos .lien_perso{
    padding-left: 0;
    padding-right: 0;
}
.filinfos .go_archives{
    padding-left: 0;
    /*padding-right: 0;*/
}
.filinfos .chevron{
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
    padding: 0px 9px;
}
.filinfos .chevron.disable{
    opacity: 0.3;
    cursor: default;
}
.filinfos .etat{
    font-size: 14px;
    display: inline-block;
    padding: 0px 9px;
    margin-top: 0px;
    vertical-align: text-bottom;
}
.filinfos .archives,
.eff_details .archives{
    font-size: 12px;
    color:#452a77;
    text-transform: uppercase;
    margin-top: 3px;
    display: inline-block;
}
.eff_details .archives{
    margin-right: 15px;
}
.sondage .titre_bloc,
.connexion .titre_bloc{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px 2px;
    font-size: 13px;
    display: inline-block;
}
.sondage .question{
	font-size: 21px;
	font-weight: bold;
	margin:10px 0;
}
.sondage .reponse{
    color:#2c2c2c;
    background: #eaeaea;
    border-right: solid 1px #452a77;
    padding:5px 7px;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.sondage .reponse:hover{
	color:#fff;
	background: #452a77;
}
.sondage .resultat{
    color:#2c2c2c;
    font-size: 13px;
}
.sondage .resultat span{
    font-size: 10px;
    color:#8f8f8f;
}
.sondage .barre{
    width: 100%;
    height: 5px;
    background: #eaeaea;
    position: relative;
}
.sondage .barre .curseur{
    background:#452a77;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.sondage .progress{
    height: 18px;
    border-radius: 0;
    margin-bottom: 0;
}
.sondage .progress .pour{
    font-size: 12px;
    margin-right:5px;
    float: right;
}
.sondage .progress-bar {
    background-color: #452a77;
}
.connexion .welcome{
    font-size: 13px;
    margin-top:5px;
}
.connexion .welcome a{
    color: #452a77;
    font-weight: bold;
}
.connexion .oubli_mdp{
    color: #452a77;
    font-size: 12px;
    margin-top: 14px;
    display: inline-block;
}
.connexion form button,
.connexion .logout,
button.btn_purple,
a.btn_purple{
    background: #2c2c2c;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px 2px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    border:none;
    border-radius: 0;
}
button.btn_purple,
a.btn_purple{
    background: #452a77;
    padding: 5px 10px;
    color:#fff;
}
a.btn_purple:hover,
button.btn_purple:hover{
    color:#fff !important;
}
.connexion form button{
    background:#452a77;
    border: none;
    margin-top: 10px;
}
.connexion form .form-group{
    margin-bottom: 0px;
}
.connexion form label{
    font-weight: normal;
    margin-top: 10px;
    font-size: 13px;
}
.connexion form input{
    background: #eaeaea;
    color: #2c2c2c;
    padding: 2px 5px 2px;
    font-size: 13px;
    display: inline-block;
    border: none;
    border-radius: 0;
    border-right: solid 1px #452a77;
    box-shadow: none;
}
.connexion .pascompte{
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
    border-top: solid 1px #e1e1e1;
    padding-top: 15px;
}
.connexion .pascompte a{
    color:#452a77;
    text-decoration: underline;
}


#contenu .bloc_s{
    background-size: cover;
    background-position: center center;
    height: 100px;
    padding: 25px 13px;
}
#contenu .bloc_s:hover,
#sidebar .bloc_s:hover{
    text-decoration: none;
}
#sidebar .bloc_s:hover{
    opacity: 0.9;
}
#contenu .bloc_s{
    margin-top: 15px;
}
#sidebar .bloc_s h3,
#contenu .bloc_s h3{
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
#sidebar .bloc_s.rechercher,
#contenu .bloc_s.rechercher{
    background-image: url(../img/bloc_rechercher.jpg);
}
#sidebar .bloc_s.rechercher h3,
#contenu .bloc_s.rechercher h3,
#sidebar .bloc_s.newsletter h3{
    color:#fff;
}
#sidebar .bloc_s.rechercher input,
#contenu .bloc_s.rechercher input,
#sidebar .bloc_s.newsletter input{
    border:none;
    padding: 4px 5px 4px;
    font-size: 12px;
    width: 230px;
}
#contenu .bloc_s.rechercher input{
    width: calc(100% - 60px);
}
#sidebar .bloc_s.rechercher button,
#contenu .bloc_s.rechercher button,
#sidebar .bloc_s.newsletter button{
    border:none;
    color:#fff;
    background: #452a77;
    font-size: 15px;
    vertical-align: bottom;
    padding:2px 8px 2px;
    margin-left: 10px;
    cursor: pointer;
}
#sidebar .bloc_s.discussion,
#contenu .bloc_s.discussion{
    background: url(../img/bloc_discussion.jpg);
    background-size: cover;
    display: block;
}
#sidebar .bloc_s.discussion h3,
#contenu .bloc_s.discussion h3,
#sidebar .bloc_s.mytfc h3{
    color:#452a77;
}
#sidebar .bloc_s.discussion .txt,
#contenu .bloc_s.discussion .txt{
    color:#2c2c2c;
    width: calc( 100% - 60px);
    font-size: 13px;
}


/***************************************************************************************/
/******************************** FOOTER *************************************/
/***************************************************************************************/

#footer{
	background: #15082e;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer .liens{
	line-height: 20px;
}
#footer .liens a{
	color:#fff;
}
#footer .liens .logo{
	margin-bottom: 10px;
}
#footer .partenaires{
	margin-top: 15px;
}
#footer .partenaires .unp{
	margin-top: 10px;
    height: 80px;
    display: table;
} 
#footer .partenaires .unp a{
    display: table-cell;
    vertical-align: middle;
}

#footer .partenaires img,
#footer .since img{
    margin: auto;
}
#footer .since{
    margin-top: 15px;
}
#footer .copy{
    font-size: 12px;
    color:#452a77;
}
#footer .copy a{
    color:#452a77;
}


/***************************************************************************************/
/******************************** CONTENU PAGE INTER *************************************/
/***************************************************************************************/

#contenu .partages_mobile{
    text-align: center;
}
#contenu .partages_mobile .share{
    display: inline-block;
    height: 42px;
    color: #fff;
    line-height: 42px;
    padding-left: 7px;
    margin: 0 3px 15px;
    padding-right: 7px;
    font-size: 12px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
#contenu .partages_mobile .share:hover{
    text-decoration: none;
}
#contenu .partages_mobile .share i{
    font-size: 20px;
    width: 30px;
    vertical-align: sub;
    text-align: center;
}
#contenu .partages_mobile .share.facebook{
    background-color:#3b5998;
}
#contenu .partages_mobile .share.facebook:hover{
    background-color:#264178;
}
#contenu .partages_mobile .share.twitter{
    background-color:#5bc0de;
}
#contenu .partages_mobile .share.twitter:hover{
    background-color:#2b819b;
}
#contenu .partages_mobile .share.whatsapp{
    background-color:#25D366;
}
#contenu .partages_mobile .share.whatsapp:hover{
    background-color:#179245;
}
#contenu .partages_mobile .share.google{
    background-color:#d74d23;
}
#contenu .partages_mobile .share.google:hover{
    background-color:#913518;
}
#contenu .date_publication{
    color:#858585;
    font-size: 12px;
    margin-bottom: 10px;
}
#contenu .date_publication b,
#contenu .date_publication a{
    color:#2c2c2c;
}
#contenu .date_publication a{
    text-decoration: underline;
}
#contenu .date_publication .auteur{
    display: block;
}
#contenu img.illustration_droite{
    margin-bottom: 10px;
}
#contenu .contenu_txt{
    line-height: 21px;
}
@media (max-width: 768px) {
    #contenu .contenu_txt.article img{
        margin: 0 auto 5px;
        display: block;
        float: none !important;
    }
}
#contenu .contenu_txt.article .lireaussi img{
    margin: 0 15px 0 0 !important;
    float: none !important;
    display: inline-block;
}
#contenu div[id^=copy_l] {
    width: 100%;
}
#contenu .contenu_txt.article .sondage{
    border: solid 1px #eaeaea;
}
#contenu .contenu_txt img,
#contenu .contenu_txt blockquote{
    max-width: 100%;
    height: auto;
}
#contenu .contenu_txt iframe{
    max-width: 100%;
}
#contenu .lireaussi {
    margin-top: 10px;
    margin-bottom: 10px;
    background:#f1f1f1;
    border-bottom: solid 1px #e1e1e1;
}
#contenu .lireaussi img{
    width: 120px;
    float: left;
}
#contenu .petit_titre{
    color:#452a77;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
}
#contenu .lireaussi a h2{
    color:#2c2c2c;
    font-size: 16px;
    clear: both;
    padding: 10px;
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 5px;
}
#contenu .lireaussi .petit_titre{
    margin-top: 25px;
    margin-left: 25px;
}
#contenu .articlesautour{
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: solid 1px #e1e1e1;
    padding-bottom: 15px;
    border-bottom: solid 1px #e1e1e1;
}
#contenu .articlesautour.visible-xs{
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
#contenu .articlesautour .precedent img{
    width: 120px;
    float: left;
}
#contenu .articlesautour .suivant{
    padding-top: 15px;
}
#contenu .articlesautour .suivant img{
    width: 120px;
    float: right;
}
#contenu .articlesautour .suivant{
    text-align: right;
}
#contenu .articlesautour .precedent a h2,
#contenu .articlesautour .suivant a h2{
    color:#2c2c2c;
    font-size: 12px;
    clear: both;
    margin-top: 0;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-weight: bold;
    border-bottom: solid 1px #e1e1e1;
}
#contenu .articlesautour .suivant a h2{
    padding-bottom: 0;
    border-bottom: none;
}
#contenu .taboola{
    text-align:center;
    text-transform: uppercase;
    color:#2c2c2c;
    /*padding:50px 0;*/
    border-bottom: solid 1px #e1e1e1;
}
#contenu #commentaires .nb{
    color:#452a77;
    text-align: center;
    text-transform: uppercase;
    padding:15px 0;
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: solid 1px #e1e1e1;
}
#contenu #commentaires .comm{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #e1e1e1;
}
#contenu #commentaires .comm .infos{
    width: 50px;
    float: left;
    margin-right: 15px;
}
#contenu #commentaires .comm .infos .avatar img{
    border-radius: 50%;
}
#contenu #commentaires .comm .infos .like{
    color:#858585;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#contenu #commentaires .comm .infos .like.ilike,
#contenu #commentaires .comm .infos .like:hover{
    color:#452a77;
}
#contenu #commentaires .comm .texte{
    margin-left: 75px;
}
#contenu #commentaires .comm .texte .auteur{
    color:#2c2c2c;
    font-size: 14px;
}
#contenu #commentaires .comm .texte .auteur span,
#contenu #commentaires .comm .texte .auteur a{
    color:#858585;
    font-size: 12px;
}
#contenu #commentaires .comm .texte .auteur a{
    color:#452a77;
}
#contenu #commentaires .comm .texte .auteur form{
    display: inline-block;
    color:#858585;
    font-size: 12px;
}
#contenu #commentaires .comm .texte .comment{
    margin-top: 10px;
    font-size: 13px;
}
#contenu #commentaires form.add{
    margin-top: 0px;
}

/***************************************************************************************/
/******************************** MYTFC *************************************/
/***************************************************************************************/

.mytfc label{
    margin-right: 10px;
}
.mytfc .form-control{
    width: auto;
    display: inline-block;
}
.mytfc .mononze h4{
    color: #452a77;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
}
.mytfc .mononze:hover{
    opacity: 0.85;
    text-decoration: none;
}

/***************************************************************************************/
/******************************** SUPPORTERS *************************************/
/***************************************************************************************/

.supporters #bigbox{
    padding-bottom:15px;
}
.supporters .item{
    width: 32% !important;
    margin-top: 10px;
    margin-right: 1%;
    position: relative;
}
.supporters .item .liens{
    background: rgba(0,0,0,0.7);
    padding: 5px ;
    width: 100%;
    font-size: 10px;
    color: #fff;
    position: absolute;
    bottom: 0;
}
.supporters .item .liens a{
    color: #fff;
}

/***************************************************************************************/
/******************************** FICHES JOUEURS *************************************/
/***************************************************************************************/

.bg_white{
    padding-bottom: 10px;
}

.eff_details .infos,
.eff_details .articleslies{
    background: #fff;
    margin-top: 15px;
    padding-bottom: 10px;
}
.eff_details .infos a{
    color:#452a77;
}
.eff_details .infos .small_titre{
    margin-bottom: 5px;
}
.eff_details #liste.table{
    margin-top: 15px;
    background:#fff;
}

.effectif_details .big_titre span{
    color:#452a77;
}
.effectif_details .photo{
    padding-right: 0;
}
.effectif_details h1.titre{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: -15px;
    padding: 10px;
    margin-right: -15px;
}
.effectif_details .stats .bloc{
    margin-top: 5px;
    margin-bottom: 5px;
}
.effectif_details .stats .bloc .fond{
    background: #eaeaea;
    padding-top: 10px;
    padding-bottom: 10px;
}
.effectif_details .stats .bloc .titre{
    text-transform: uppercase;
    font-size: 13px;
}
.effectif_details .stats .bloc .total{
    font-weight: bold;
    font-size: 30px;
    margin: 7px 0;
    color:#452a77;
}
.effectif_details .stats .bloc .row.compet{
    text-align: center;
}
.effectif_details .stats .bloc .row.compet > .col-xs-3,
.effectif_details .stats .bloc .row.compet > .col-xs-4{
    float: none;
    display: inline-block;
    text-align:center;
    padding-left: 5px;
    padding-right: 5px;
}
.effectif_details .stats .bloc .row.compet > .col-xs-3 .jaune{
    color:#caca1b;
}
.effectif_details .stats .bloc .row.compet > .col-xs-3 .rouge{
    color:#cf2c2c;
}
.effectif_details .stats .bloc .row.compet.txt,
.effectif_details .stats_date{
    color: #7d7d7d;
    font-size: 12px;
    padding-top: 15px;
}
.effectif_details ul.articles, 
#effectif_d ul.articles {
    padding-left: 0;
    list-style: none;
}
.effectif_details ul.articles li, 
#effectif_d ul.articles li{
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #ddd;
}
.effectif_details ul.articles a,
#effectif_d ul.articles a{
    color: #2c2c2c;
}
ul.pagination .active a{
    background: #452a77;
    border-color: #452a77;
}
.pagination>li>a, .pagination>li>span {
    color: #452a77;
}

/***************************************************************************************/
/******************************** CLASSEMENT *************************************/
/***************************************************************************************/

.classement img.logos{
    width: 20px;
    margin-right: 10px;
}
.classement tr.toulouse{background:#452a77 !important; color:#fff;}
.classement tr.green{background:#5ec14b; color:#fff;}
.classement tr.green_third{background:#98cc8e; color:#fff;}
.classement tr.orange{background:#f1a45c; color:#fff;}
.classement tr.red{background:#e44949; color:#fff;}

.classement .form-inline{
    margin-top: 15px;
    text-align:center;
    margin-bottom: 20px;
}
.classement .form-inline select.form-control{
    padding: 4px 12px;
    height: 28px;
}

/***************************************************************************************/
/******************************** EVALUATION *************************************/
/***************************************************************************************/

.evaluation{
    padding-bottom: 15px;
}
.evaluation .score{
    font-weight: bold;
    font-size: 30px;
    padding-top: 15px;
}
.evaluation .infos_match{
    text-transform: capitalize;
    line-height: 28px;
    color: #858585;
}
.evaluation .infos_match a{
    text-transform: none;
    color: #452a77;
}
.evaluation .titre_poste{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: -15px;
    padding: 10px;
    margin-right: -15px;
    margin-bottom: 10px;
}
.evaluation .joueur{
    margin-bottom: 10px;
}
.evaluation .deja{
    margin-top: 5px;
    color: #858585;
    font-size: 12px;
}
.evaluation .nom{
    font-size: 16px;
}
.evaluation .temps,
.evaluation .details{
    color: #858585;
    font-size: 12px;
}
.evaluation .details .jaune{
    color:#caca1b;
}
.evaluation .details .rouge{
    color:#cf2c2c;
}
.evaluation .rangeSlider,
.evaluation .rangeSlider__fill {
    background: #7f8c8d;
    display: block;
    height: 10px;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 0px;
}
.evaluation .rangeSlider {
    position: relative;
    margin-top: 10px;
}
.evaluation .rangeSlider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.evaluation .rangeSlider__fill {
    background: #452a77;
    position: absolute;
    top: 0;
    z-index: 2;
}
.evaluation .rangeSlider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -8px;
    z-index: 3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.evaluation .rangeSlider__handle:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.evaluation input[type="range"]:focus + .rangeSlider .rangeSlider__handle {
    -webkit-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    -moz-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
}
.evaluation .rangeSlider__buffer {
    z-index: 1;
    position: absolute;
    top: 3px;
    height: 14px;
    background: #2c3e50;
    border-radius: 10px;
}
.evaluation output {
    font-weight: bold;
    text-align:center;
}


/***************************************************************************************/
/******************************** CALENDRIER *************************************/
/***************************************************************************************/

.calendrier table.table tr th.title,
.calendrier .small_titre{
    background: #452a77;
    color:#fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}
.calendrier .small_titre{
    /*background: #b7b7b7;*/
}
.calendrier .small_titre{
    padding-top:4px;
    padding-bottom:4px;
}
.calendrier table.table tr th{
    text-align: center;
}
.calendrier table.table tr td{
    vertical-align: middle;
}
.calendrier table.table tr td.compet,
.calendrier table.table tr td.date{
    color: #858585;
    vertical-align: middle;
    font-size: 12px;
}
.calendrier table.table tr td.match{
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.calendrier table.table tr td.actions a{
    color: #452a77;
}

/***************************************************************************************/
/******************************** CALENDRIER DETAILS *************************************/
/***************************************************************************************/

.calendrier.details{
    padding-top: 15px;
}
.calendrier.details .logo{
    padding-left: 10px;
    padding-right: 10px;
    height: 80px;
    display: table;
}
.calendrier.details .affiche .color{
    background:#9e9e9e;
}
.calendrier.details .affiche .color.tfc{
    background:#452a77;
}
.calendrier.details .logo .contenu{
    display: table-cell;
    vertical-align: middle;
}
.calendrier.details .team{
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    height: 80px;
    line-height: 80px;
}
.calendrier.details .score{
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #212121;
    padding-left: 0px;
    line-height: 80px;
    padding-right: 0px;
    text-align: center;
    /*background: #eaeaea;*/
    height: 80px;
    width: 48%;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.calendrier.details .date_publication{
    margin-top: 15px;
}
.calendrier.details h1{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: -15px;
    margin-top: 0;
    padding: 10px;
    margin-right: -15px;
}
.calendrier.details #eval,
.calendrier.details .stats{
    color: #858585;
    font-size: 12px;
}
.calendrier.details #eval b,
.calendrier.details .stats .title{
    color: #2c2c2c;
    font-size: 14px;
}
.calendrier.details .stats .une{
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}
.calendrier.details .stats .title{
    font-weight: bold;
}
.calendrier.details .stats .progress{
    height: 25px;
    margin-top: 5px;
    line-height: 25px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    background: #cacaca;
    position: relative;
    margin-bottom: 0;
}
.calendrier.details .stats .progress.tfc .progress-bar{
    float: right;
}
.calendrier.details .stats .progress-bar{
    background-color: #452a77;
}
.calendrier.details .stats .pour{
    position: absolute;
    left: 5px;
}
.calendrier.details .stats .contre{
    position: absolute;
    right: 5px;
}
.calendrier.details .stats .barre{
    width: 100%;
    height: 25px;
    margin-top: 5px;
    line-height: 25px;
    color: #fff;
    font-weight: 500;
    background: #a0a0a0;
}
.calendrier.details .stats .curseur{
    height: 25px;
    text-align: right;
    background: #a0a0a0;
    float: right;
}
.calendrier.details .stats .barre.tfc,
.calendrier.details .stats .curseur.tfc{
    background: #452a77;
}
.calendrier.details #eval ul{
    list-style: none;
    padding-left: 0;
}
.calendrier.details #eval ul li{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}
.calendrier.details #eval .jaune{
    color:#eccd2b;
}
.calendrier.details #eval .rouge{
    color:#cf2c2c;
}

/***************************************************************************************/
/******************************** NOTIFS *************************************/
/***************************************************************************************/

h2.titre_notif{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: -15px;
    padding: 10px;
    margin-right: -15px;
    margin-bottom: 10px;
}
ul.list_notifs,
ul.list_notifs_lues{
    list-style: none;
    padding-left: 10px;
}
ul.list_notifs li,
ul.list_notifs_lues li{
    line-height: 40px;
    border-bottom:solid 1px #ddd;
}
.connexion .vunotifs{
    margin-top: 15px;
}
.connexion ul.list_notifs,
.connexion ul.list_notifs_lues{
    padding-left: 0;
}
.connexion ul.list_notifs li,
.connexion ul.list_notifs_lues li{
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom:solid 1px #ddd;
}
ul.list_notifs_lues{
    position: relative;
    min-height: 200px;
}
ul.list_notifs_lues .fond{
    background:url(../img/bottom_bg_notifs.png) bottom center repeat-x;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 150px;
}

/***************************************************************************************/
/******************************** ACTUS *************************************/
/***************************************************************************************/

.archives .timeline{
    padding-left: 0;
    list-style-type: none;
    padding-right: 0;
    padding-left: 0;
}
.archives .timeline:before{
    content: '';
    position: absolute;
    top: 14px;
    bottom: 0;
    width: 4px;
    background: #e0e0e0;
    left: 35px;
    margin: 0;
    border-radius: 2px;
}
.archives .timeline li.datejour{
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px;
    width: 100%;
}
.archives .timeline li.art{
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
    z-index: 1;
}
.archives .timeline li.art .cheure{
    display: table-cell;
    padding-right: 15px;
}
.archives .timeline li.art .cheure .heure{
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: #969696;
    padding: 8px 4px 4px;
    border-radius: 30px;
}
.archives .timeline li.art .littlecart,
.quizz{
    display: table-cell;
    padding: 10px;
    background: #FFFFFF;
    width: 100%;
}
.quizz{
    margin-top: 15px;
    display: block;
}
.archives .timeline li.art .littlecart a,
.quizz a{
    font-size: 16px;
    font-weight: 600;
    color: #452a77;
}
.archives .timeline li.art .littlecart a.tag{
    font-size: 14px;
    font-weight: normal;
}
.archives .timeline li.art .littlecart div.img,
.quizz div.img{
    margin: 0 auto 10px;
    text-align: center;
}

/***************************************************************************************/
/******************************** MESSAGERIE *************************************/
/***************************************************************************************/

#messagerie .msg.nonlu .author span,
#messagerie .msg.nonlu .prev,
#messagerie .msg.nonlu .objet{
    font-weight: bold;
    color: #212121;
}
#messagerie .msg {
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: solid 1px #ccc;
}
#messagerie .msg td {
    vertical-align: middle;
}
#messagerie .msg .avatar,
#messagerie .msg td.photo,
#messagerie .msg td.photoindex {
    width: 80px;
    vertical-align: top;
}
#messagerie .msg .avatar{
    float: right;
}
#messagerie .msg td .author a {
    color:#452a77;
}
#messagerie .msg .author span {
    color: #727272;
    float: right;
}
#messagerie .msg .objet {
    font-size: 16px;
    margin: 5px 0;
    font-weight: 500;
}
#messagerie .msg .prev {
    color: #727272;
}
#messagerie .msg a.more {
    color: #727272;
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
}

/***************************************************************************************/
/******************************** QUIZZ *************************************/
/***************************************************************************************/

.quizz_d{
    
}
.quizz_d .nb_questions{
    margin-top: 15px;
    background:#fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.quizz_d .nb_questions > span.nb{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin:0 5px;
    color:#fff;
    border-radius: 2px;
    background: #7d7d7d;
    line-height: 30px;
}
.quizz_d .nb_questions > span.nb.active{
    background: #452a77;
}
.quizz_d .nb_questions > span.nb.faux{
    background: #d05b5b;
}
.quizz_d .nb_questions > span.nb.vrai{
    background: #49a773;
}
.quizz_d .question{
    background: #fff;
    margin-top: 15px;
    padding:15px;
}
.quizz_d .question.disparait{
    padding: 0;
    height: 0;
    overflow: hidden;
    margin:0;
    width: 100%;
}
.quizz_d .question .titre h2{
    font-weight: 900;
    font-size: 24px;
    margin: 15px 0 0px;
}
.quizz_d .question .titre .num{
    /*font-size: 11px;*/
}
.quizz_d .question .reponses .rep{
    cursor: pointer;
    text-align: center;
}
.quizz_d .question .reponses .rep .fond{
    background:#eaeaea;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
}
.quizz_d .question .reponses .rep .fond:hover{
    background:#452a77;
    color:#fff;
}
.quizz_d .question .reponses .rep.vrai .fond{
    background:#49a773;
    color:#fff;
}
.quizz_d .question .reponses .rep.faux .fond{
    background:#d05b5b;
    color:#fff;
}
.quizz_d .question .reponses .countdown{
    display: block;
    width: 55px;
    height: 55px;
    background: #9d8bbd;
    border-radius: 50%;
    line-height: 55px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin:-15px auto -30px;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.quizz_d .question .reponses .countdown .count{
    position: absolute;
    top: 0;
    z-index: 4;
    color: #fff;
    width: 100%;
    text-align: center;
}
.quizz_d .question .reponses .countdown .count.suiv{
    cursor: pointer;
}
.quizz_d .question .reponses .countdown .bg{
    width: 55px;
    height: 55px;
    background: #452a77;
    position: absolute;
    top: 0;
    z-index: 3;
}
.quizz_d .question .reponses .complement{
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}



/***************************************************************************************/
/******************************** PROFIL *************************************/
/***************************************************************************************/

.fiche_profil #contenu{
    background:url(../img/bg_profil.jpg) top center no-repeat #fff;
    padding-top: 170px;
}

/***************************************************************************************/
/******************************** DISCUSSION *************************************/
/***************************************************************************************/

#contenu.discussion{
    background: none;
}
#contenu.discussion .bg_white{
    background: #fff;
}
.discussion .filtres span{
    color: #727272;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
}
.discussion .filtres span.active,
.discussion .filtres span.active:hover{
    color: #452a77;
    border-bottom: solid 2px #452a77;
    padding-bottom: 5px;
    text-decoration: none;
}
.discussion .filtres.sujets a{
    text-decoration: none !important;
}
.discussion .filtres.sujets a.active,
.discussion .filtres.sujets a.active:hover{
    color: #452a77;
    border-bottom: solid 1px #452a77;
    padding-bottom: 2px;
    text-decoration: none;
}
.discussion .unpost,
.discussion .loadmore{
    border-top :solid 1px #eaeaea;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    background: #fff;
}
.discussion .unpost .report,
#commentaires .texte .report {
    text-decoration: none;
    float: right;
    color: orange;
    display: none;
}
#commentaires .comm:hover .texte .report{
    display: block;
}
form.add .con_avatar,
.discussion .unpost .con_avatar{
    width: 55px;
    float: left;
}
form.add{
    margin-top: 15px;
    margin-bottom: 15px;
}
form.add .con_text{
    padding-left: 55px;
}
form.add .bouton{
    display: none;
}
form.add .countcar{
    font-size: 13px;
    color: #727272;
}
form.add .con_text textarea{
    height: 40px;
    line-height: 40px;
    border: solid 1px #eee;
    width: 100%;
    resize: none;
    padding: 0px 15px;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
form.add.big .con_text textarea{
    height: 150px;
    line-height: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}
form.add.big .bouton{
    display: block;
}
form.add .con_avatar .avatar,
.discussion .unpost .con_avatar .avatar{
    width: 40px;
    height: 40px;
    background-position: center center !important;
    background-size: cover !important;
    border-radius: 50%;
}
.discussion .unpost .con_avatar .actions{
    text-align: center;
    margin-top: 10px;
    width: 40px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.discussion .unpost .con_text{
    line-height: 20px;
    padding-left: 55px;
}
.discussion .unpost .con_text .auteur a{
    color: #452a77;
}
.discussion .unpost .con_text .date a{
    color: #727272;
    font-size: 12px;
}
.discussion .unpost .message{
    font-weight: 400;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.discussion .form_rep{
    display: none;
}
.discussion .form_rep.open{
    display: block;
}
.discussion .form_rep .message{
    margin-top: 5px;
}
.discussion .form_rep form.add_rep {
    padding-top: 10px;
    border-top: solid 1px #f2f0f0;
    margin-top: 10px;
}
.discussion .unpost .actions{
    margin-top: 5px;
    text-align: right;
    color: #727272;
    font-size: 12px;
}
.discussion .unpost .actions a{
    color: #727272;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.discussion .unpost .actions span{
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.discussion .unpost .con_avatar .actions:hover,
.discussion .unpost .actions a:hover,
.discussion .unpost .actions .likes.ilike,
.discussion .unpost .actions span:hover{
    color:#452a77;
    text-decoration: none;
}
.discussion .loadmore {
    color: #727272;
    cursor: pointer;
}
.discussion .loadmore:hover{
    color: #452a77;
}
.discussion .unpost .actions .separ{
    margin:0 10px;
}
.discussion .unpost .actions form{
    display: inline-block;
}
.discussion .form_rep .reponses .rep,
.discussion form.add_rep{
    padding-top: 10px;
    border-top: solid 1px #f2f0f0;
    margin-top: 10px;
}
.discussion form.add_rep .contenair{
    padding-left: 55px;
    padding-top: 0;
}
.discussion form.add_rep .contenair textarea{
    min-height: 40px;
    height: 40px;
    line-height: normal;
    border: solid 1px #eee;
    width: calc( 100% - 120px);
    padding: 10px 15px;
    font-size: 13px;
    overflow:  hidden;
    resize: 
}
.discussion form.add_rep .contenair button{
    vertical-align: top;
    margin: 0;
    float: right;
    background: #452a77;
    padding: 10px 30px;
    border:none;
    border-radius: 0;
}




/******************************************* ******************************************/
/******************************  RECPA MERCATO *******************************************/
/*************************************************************************************/

h2.recap_m{
    background: #452a77;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: -15px;
    padding: 10px;
    margin-right: -15px;
    text-align: center;
}
table.recap_mercato tr th,
table.recap_mercato tr td{
    vertical-align: middle;
    border-top: 1px solid #f1f1f1;
}
table.recap_mercato.arrivees tr th,
table.recap_mercato.arrivees tr td{
    background: #d4efce;
}
table.recap_mercato.departs tr th,
table.recap_mercato.departs tr td{
    background: #fbcfc9;
}
table.recap_mercato.arrivees tr.empty th,
table.recap_mercato.arrivees tr.empty td,
table.recap_mercato.departs tr.empty th,
table.recap_mercato.departs tr.empty td{
    background: none;
}
table.recap_mercato td span.nom{
    text-transform: uppercase;
    font-weight: bold;
}
table.recap_mercato td.rum{
    color:red;
}
table.recap_mercato td.contact{
    color:orange;
}
table.recap_mercato td.off{
    color:green;
    font-weight: bold;
}
table.recap_mercato td.ailleurs{
    color:#000;
}
table.recap_mercato tr.alies td{
    font-size: 11px;
    padding: 5px;
}
table.recap_mercato tr.alies td a{
    color:#727272;
}
table.recap_mercato tr.alies td a:hover{
    color:#452a77;
}