/*
Theme Name: StarAfrica Foot LTR
Description: Child theme for the goodnews theme
Author: Ayeba
Template: goodnews
@import url("../goodnews/style.css");
Version 16h28
*/

/*******************************************************************
 *      paramètres thème
*******************************************************************/
body{
    background-image: url('images/broken_noise.jpg');
    background-position: top center;
}
/*******************************************************************
 *      top bar country
*******************************************************************/
.top-country-bar{
    display: block;
    background: black;
    height: 25px;
    line-height: 25px;
}
.top-country-bar ul.top-country-nav{
    margin-bottom: 0;
    height: 25px;
}
.top-country-bar ul.top-country-nav li{
    float: left;
    position: relative;
}
.top-country-bar ul.top-country-nav li a{
    color: white;
    font-size: 11px;
    margin: 0px 61px 0px 5px;
    display: block;
    text-align: center;
}
.top-country-bar ul.top-country-nav li ul{
    display: none;
    position: absolute;
    z-index: 1000;
    width: 140px;
    left: 0;
    top: 25px;
    background: black;
    border: 1px solid #3b3d41;
    border-bottom: none;
    border-top: none;
}
.top-country-bar ul.top-country-nav li ul.sub-menu{
    overflow: hidden;
    height: auto;
    padding-top: 0px;
    display: none;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 0px;
}
.top-country-bar ul.top-country-nav li:hover > ul{
    overflow: visible;
    height: auto;
    display: block;
    z-index: 10000; /* 9999 + 1 */
}
.top-country-bar ul.top-country-nav li ul li{
    display: block;
    float: none !important;
    line-height: 24px !important;
    margin-right: 0 !important;
    border-bottom: 1px solid #3b3d41;
}
.top-country-bar ul.top-country-nav li.menu-top-country-item ul.sub-menu li:first-child{
    border-top: 1px solid #3b3d41;
}
.top-country-bar ul.top-country-nav li ul.sub-menu li a {
    text-align: left;
    border-right: none;
    margin: 0px 0px 0px 5px;
}
.top-country-bar ul.top-country-nav li ul.sub-menu li:hover{
    background: #ff6600;
}
/*******************************************************************
 *      styles design v2
*******************************************************************/
.box_outer{
    margin-bottom: 10px;
}
.main{
    margin-left: 5px;
}
.ticker_widget{
    background: white;
}
.sidebar{
    margin-right: 5px;
}
.container{
    background: #f9f9f9;
}
.news_box .news_box_heading, .news_box .news_box_heading h2, .news_box .news_box_right{
    background: #f1f1f1;
}

/* Code provisoire pour centrer les MPU dans la sidebar */
.sidebar .custom_textwidget{
    margin-left: 3px;
}
/*******************************************************************
 *      recopie du custom css
*******************************************************************/

a.nb_recent_more{color:#ff6600;}
a:hover{color:#ff6600;}
.news_box .news_box_heading h2{text-transform:none;font-family:Arial !important;font-weight:bold;}
#crumbs{color:#a8acb1;font-family:Arial;}
#crumbs a{color:#a8acb1;}
#crumbs a:hover{color:#ff6600;}
.slider_items .slider_caption h2 a{font-family:Arial !important;}
.article_meta a:hover{color:#ff6600;}
.articles_nav .prev_article a:hover{color:#ff6600;}
.articles_nav .next_article a:hover{color:#ff6600;}
.cat_article_content .article_read_more:hover{color:#ff6600;}
.cat_article_content .article_read_more a:hover{color:#ff6600;}
#navigation ul.nav > li a{text-transform: lowercase !important;font-family:Arial !important;}
.sidebar .widget .widget_title{font-family:Arial !important;font-weight:bold;}
.sidebar .widget input.sb{font-family:Arial !important;text-transform:none;font-size:12px;}
.tabbed_widget ul.tabbed_nav li a{font-family:Arial !important;}
.lates_video_news .widget_title{font-family:Arial !important;font-weight:bold;}
.lates_video_news .widget_title a{color:#404040;font-weight:bold;}
.lates_video_news .widget_title a:hover{color:#ff6600;}
#menu-item-362 a{color:#ff6600;}
#ticker01 li a, #ticker01 li span {font-family:Arial !important;color:black !important;}
#ticker01 li a:hover{color:#ff6600 !important;}
#crumbs .delimiter{font-family:Arial;}
.news_box .news_box_heading h2 a:hover{color:#ff6600;}
.bottom_bar{
    background: url('images/broken_noise_lighter.jpg');
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    -webkit-box-shadow:none;
    moz-box-shadow:none;
    box-shadow: none;
}
.logo a, #navigation ul.nav li.home > a, .citation p, .active_flag, .bottom_bar ul.social_icons li a {
    background: url('images/sprite_globale3.png') top left no-repeat;
}
.logo a{

    background-position: -109px 0;
    width:355px;
    height:59px;
    display: block;
    text-indent: -9999px;


}
#footer .widget {
    margin-bottom:30px;
}
#footer .widget .widget_title{
    font-family: Arial;
    font-size: 13px;
    font-weight:bold;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:focus{
    color:#5E6066 !important;
}
#footer a:hover{
    text-decoration:underline;
}
/*  ON MASQUE LA NAV MOBILE */
nav.main-nav-mobile, #toggle, .boutonMobileMenu{
    display: none;
}
/*******************************************************************
 *      styles widget localisation
*******************************************************************/
.bloc_localisation {
    border-top: 2px solid #ff6600;
}

.bloc_localisation .widget{
    background: transparent;
    padding-bottom: 6px;
}
.bloc_localisation_default{
    background: url('images/sprite_globale2.png') no-repeat -789px -374px;
}
.bloc_localisation .sidebar .widget{
    border-bottom: none;
}
.bloc_localisation_default .widget{
    padding-bottom: 12px;
    border: 1px solid #E0E0E0;
    border-top: none;
    border-bottom: 2px solid #EBEBEB;
    height: 43px;
}
.bloc_localisation_default .widget .textwidget #choix_pays .showCountryLocalisationChange {
    background: url("images/arrow.png") no-repeat scroll right transparent;
    padding-right: 10px;
}
.bloc_localisation_selected .widget .textwidget #choix_pays .showCountryLocalisationChange {
    text-indent: -999999px;
    height: 32px;
    width: 54px;
    margin: -27px 0px 0px -72px;
    background-color: #cccccc!important;
    display:block;
}
#choix_pays{
    margin-left: 68px;
}
#choix_pays a{
    margin-right: 15px;
}
.listepays{
    position: absolute;
    top:51px;
    right:0px;
    display: block;
    width:978px;
    height: 378px;
    z-index:9998;
    border-bottom:1px solid #d2d2d2;
    overflow: visible;
    background-color: white;
}
.listepays ul{
    list-style-type: none;
    margin:0px !important;
    padding: 0px !important;
}
.listepays ul li{
    float:none;
    padding: 0px 0px !important;
    border: none !important;
}
.listepays a{
    line-height:20px;
    font-size:14px;
    color:#999999;
    text-decoration: none;
}
.listepays a:hover{
    color:#ff6600 !important;
    text-decoration:none;
}
.libeles_pays {
    margin-bottom:5px !important;
    clear: both;
    width: 978px;
    height: 35px;
    line-height: 35px;
    background-color: #f60;
    border-bottom: solid 1px rgba(255,255,255,.75);
    background-image: -webkit-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: -moz-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: -o-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: -ms-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: linear-gradient(to bottom, rgba(255,148,76,.77), rgba(255,102,0,.77));
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
}
.paysSelected{
    color:#ff6600 !important;
}
.afrique-australe, .libelle_australe{
    position: absolute;
    left: 15px;
}
.afrique-centrale, .libelle_centrale{
    position: absolute;
    left: 204px;
}
.afrique-est, .libelle_est{
    position: absolute;
    left: 435px;
}
.afrique-ouest, .libelle_ouest{
    position: absolute;
    left: 641px;
}
.afrique-nord, .libelle_nord{
    position: absolute;
    left: 868px;
}
.retour{
    clear: both;
}
#btn-fermer-liste-pays{
    font-size: 12px;
    font-weight: normal;
    color: black;
    margin: 8px 15px 5px 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#btn-fermer-liste-pays:hover{
    color: black!important;
    text-decoration: underline;
}
/*******************************************************************
 *      styles twoWidgets
*******************************************************************/
.twoWidgets .widget_title{
    border: 0;
    background-color: #E0E0E0;
    height: 30px;
    margin: 0px;
    text-transform: lowercase;
}
.twoWidgets .widget_title h3{
    background: none;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #ffffff;
    height: 27px;
    line-height: 27px;
    color: #40454D;
    padding: 0;
    padding-left: 10px;
    padding-right: 40px;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    overflow: hidden;
}
.twoWidgets .widget_title h3 a{
    font-size: 17px;
    font-weight: bold;
    color: #40454D;
}

/*******************************************************************
 *      styles fourWidgets
*******************************************************************/

.fourWidgets{
    width: 652px;
}
.star_idalgo_four_item {
    float:left;
    width:32%;
    margin-left: 3px;
    margin-right: 3px;
}


.star_idalgo_four_item .cat_article{
    border: 1px solid #e0e0e0;
}

/*******************************************************************
 *      styles articles
*******************************************************************/
.single_article_content h2, .single_article_content h3 .single_article_content h4{
    color: #5E6066;
    font-weight: bold;
}
.single_article_content h2{
    font-size: 15px;
}
.single_article_content h3{
    font-size: 13px;
}
.single_article_content h4{
    font-size: 12px;
}
/*******************************************************************
 *      paramètres style publicités
*******************************************************************/
.star_ad_block {
    text-align: center;
    border: none;
}
.star_ad_block .cat_article{
    background: transparent;
    padding-bottom: 0px;
    border: none;
}
/*******************************************************************
 *      paramètres style bloc réseaux sociaux
*******************************************************************/
#sharebloc {
    background-color: #F4F4F4;
}
#sharebloc .cat_article {
    padding-bottom: 0px;
    background-color: #F4F4F4;
}
#sharebloc .cat_article .single_share {
    padding: 0px;
    margin: 8px 10px 0px 10px;
    border: none;
}
#sharebloc .cat_article .single_share .single_sh_twitter {
    margin-right: 30px;
}
#sharebloc .cat_article .single_share .single_sh_gplus {
    margin-right: 30px;
}
#sharebloc .cat_article .single_share .single_sh_facebook {
    margin-right: 0px;
}
/*******************************************************************
 *      styles polldaddy
*******************************************************************/
.pds-vote-button{
    cursor:pointer;
}
.pds-vote-button:hover{
    background:#ff6600 !important;
}
.pds-view-results{
    text-decoration: underline !important;
}
.pds-total-votes{
    background: none !important;
}
/*******************************************************************
 *      styles nuage de tags
*******************************************************************/
.tagcloud a{
    padding:0 !important;
    border:none !important;
    margin: 0 5px 0 0 !important;
}
/*******************************************************************
 *      styles sub nav education
*******************************************************************/
.menu-sub-nav-container{
    margin-top: -14px;
    height: 22px;
    background-color: #f60;
    background-image: -webkit-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: -moz-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: -o-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: -ms-linear-gradient(top, rgba(255,148,76,.77), rgba(255,102,0,.77));
    background-image: linear-gradient(to bottom, rgba(255,148,76,.77), rgba(255,102,0,.77));
}
.sub_nav li{
    float: left;
    margin-left: 20px;;
    margin-right: 20px;
}
.sub_nav a{
    color: white !important;
}
.sub_nav a:hover{
    color: white !important;
}
/*******************************************************************
 *      styles tableau emploi
*******************************************************************/
.tableau_emploi{
    margin-bottom: 30px;
}
#tableemploi_wrapper{
    margin-top:10px;
}
.tableau_emploi #tableemploi_info{
    margin-top: 5px;
}
.tableau_emploi #tableemploi_paginate{
    margin-top: 7px;
}
.tableau_emploi table.dataTable tr.odd td.sorting_1{
    background-color: #fca;
}
.tableau_emploi table.dataTable tr.odd{
    background-color: #ffe0cc;
}
.tableau_emploi table.dataTable tr.even td.sorting_1{
    background-color: #ffeadd;
}
/*******************************************************************
 *      surcharge style
*******************************************************************/
#header {
    background:#FFFFFF;
    overflow: visible;
    padding: 13px 0 70px ;
    z-index: 9999;
}
.ie7 #header{
    background:#FFFFFF;
    overflow: visible;
    padding: 20px 0 10px;
    z-index: 9999;
}
#navigation ul.nav li.site > a {
    background: #282828;
    color: #FFF;
    height: 50px;
}

#navigation ul.nav li:hover > a, #navigation ul.nav > li.current-menu-item > a, #navigation ul.nav > li.current-menu-ancestor > a {
    height:50px;
    color:#ff6600;
}

.top_bar {
    background:#282828;
    height:43px;
    line-height:43px;
    margin-bottom: 1px;
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=5);*/
}
.top_bar ul.top_nav {
    height:43px;
}
.top_bar ul.top_nav li {
    margin-right:30px;
}
.top_bar ul.top_nav li a {
    color:#ff6600;
    font-size:14px;
    font-weight:normal;
}
#navigation {
    border-bottom:1px solid #282828;
    margin-bottom:0px;
    background:#282828;
}
#navigation ul.nav li.home > a {
    background-position: -57px -5px;
}
#navigation ul.nav > li a {
    padding:0 8px;
    font-size:16px;
}
#navigation ul.nav li.home:hover > a, #navigation ul.nav > li.home.current-menu-item > a, #navigation ul.nav > li.home.current-menu-ancestor > a  {
    background-color: #fff;
    height: 47px;
}
#navigation ul.nav li:hover > a, #navigation ul.nav > li.current-menu-item > a, #navigation ul.nav > li.current-menu-ancestor > a {
    height:47px;
}
#header .top_line {
    top:0px;
    left:0;
    width:100%;
    height:2px;
    background:#ff6600;
}
#header{
    overflow:visible !important;
}
.citation {
    float: left;
    height: 53px;
    width: 500px;
}
.citation p {
    background-position: -825px -110px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    margin: 0px 0 24px 50px;
    padding: 0px 50px 6px 50px;
}
.boutonPays{
    display: none;
    color:#ff6600 !important;
    font-size: 14px;
    font-family: Arial;
    float: right;
    margin-right: 75px;
    margin-top: 35px;
    padding-right: 10px;
    text-decoration:none;
    background: url("images/arrow.png") no-repeat scroll right transparent;
}
.boutonPays:hover{
    text-decoration:underline;
}
.boutonLangues{
    color:black !important;
    font-size: 14px;
    font-family: Arial;
    margin-left:50px;
    padding-right: 10px;
    text-decoration:none;
    position:absolute;
    right:12px;
    top:35px;
    background: url("images/arrow.png") no-repeat scroll right transparent;
}
.boutonLangues:hover{
    text-decoration:underline;
}
.listelangues{
    width:61px;
    position: absolute;
    top:68px;
    right:0px;
    display: none;
    z-index:9997;
    border:1px solid #cccccc;
    background-color: white;
    padding-bottom: 5px;
}
.listelangues ul{
    list-style: none;
    padding-top: 10px;
    margin-top: 0px;
}
.listelangues a{
    line-height:20px;
    font-size:14px;
    color:#282828;
    text-decoration: none;
    float: right;
    margin : 0px 14px 0px 0px;
}
.listelangues a:hover{
    color:#ff6600 !important;
    text-decoration:none;
}
#btn-fermer-liste-langues {
    font-size: 12px;
    font-weight: normal;
    color: black;
    margin-top: 8px;
    margin-bottom: 5px;
}
#btn-fermer-liste-langues:hover {
    color: black!important;
    text-decoration: underline;
}
.arabstyle {
    font-family : saudiar, arial;
    font-size: 15px;
    direction: rtl;
}
/*******************************************************************
 *      drapeaux
*******************************************************************/
.drapeaux {
    border:1px solid #e0e0e0;
    background:#fff;
}
.drapeaux .widget_title {
    display: none;
    background:#e0e0e0;
    height:30px;
    line-height:30px;
    padding:0 10px;
    font-size:17px;
    color:#404040;
    margin-bottom:2px;
    font-family:Arial;
}
.scrollableflags {
    position:relative;
    overflow:hidden;
    width: 651px;
    height:66px;
}
.scrollable .scroll_items_flags {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}
.drapeaux .navi_flags {
    height:13px;
    padding:10px 0;
    text-align:center;
    position:relative;

}
.navi_flags_links {
    overflow:hidden;
}
.scroll_items_flags{
    width:651px;
    height:66px;
    overflow:hidden;
}
.drapeaux .navi_flags a {
    width:14px;
    height:13px;
    margin-left:4px;
    cursor:pointer;
    background:#dee2ec;
    display:inline-block;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    text-indent:-9999px;
}
.drapeaux .navi_flags a:hover {
    background:#cbcfd9;
}
.drapeaux .navi_flags a.activeSlide {
    background:#798291;
}
.drapeaux_wrap {
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #ebebeb;
    overflow:hidden;
}
.lates_drapeaux_item {
    margin:18px 19px 18px 0px;
    width:44px;
    height:32px;
    float:left;
}
.lates_drapeaux_item a, .european_lates_drapeaux_item a {
    display:block;
    width:44px;
    height:32px;
    text-indent: -9999px;
    background: url('images/sprite_drapeaux.png') no-repeat top left;
}
.active_flag {
    background-position: 0px -3px;
    padding-bottom: 19px;
}
.drapeaux .first-item {
    margin-left: 20px;
}
.drapeaux .last-item {
    margin-right: 20px;
}
.ao{
    background: url("images/drapeaux/localisation/ao.png") no-repeat top left;
}
.bf{
    background: url("images/drapeaux/localisation/bf.png") no-repeat top left;
}
.bi{
    background: url("images/drapeaux/localisation/bi.png") no-repeat top left;
}
.bj{
    background: url("images/drapeaux/localisation/bj.png") no-repeat top left;
}
.bw{
    background: url("images/drapeaux/localisation/bw.png") no-repeat top left;
}
.cf{
    background: url("images/drapeaux/localisation/cf.png") no-repeat top left;
}
.cg{
    background: url("images/drapeaux/localisation/cg.png") no-repeat top left;
}
.ci{
    background: url("images/drapeaux/localisation/ci.png") no-repeat top left;
}
.cm{
    background: url("images/drapeaux/localisation/cm.png") no-repeat top left;
}
.cv{
    background: url("images/drapeaux/localisation/cv.png") no-repeat top left;
}
.dz{
    background: url("images/drapeaux/localisation/dz.png") no-repeat top left;
}
.eg{
    background: url("images/drapeaux/localisation/eg.png") no-repeat top left;
}
.er{
    background: url("images/drapeaux/localisation/er.png") no-repeat top left;
}
.et{
    background: url("images/drapeaux/localisation/et.png") no-repeat top left;
}
.ga{
    background: url("images/drapeaux/localisation/ga.png") no-repeat top left;
}
.gh{
    background: url("images/drapeaux/localisation/gh.png") no-repeat top left;
}
.gm{
    background: url("images/drapeaux/localisation/gm.png") no-repeat top left;
}
.gn{
    background: url("images/drapeaux/localisation/gn.png") no-repeat top left;
}
.gq{
    background: url("images/drapeaux/localisation/gq.png") no-repeat top left;
}
.gw{
    background: url("images/drapeaux/localisation/gw.png") no-repeat top left;
}
.ke{
    background: url("images/drapeaux/localisation/ke.png") no-repeat top left;
}
.lr{
    background: url("images/drapeaux/localisation/lr.png") no-repeat top left;
}
.ly{
    background: url("images/drapeaux/localisation/ly.png") no-repeat top left;
}
.ma{
    background: url("images/drapeaux/localisation/ma.png") no-repeat top left;
}
.mg{
    background: url("images/drapeaux/localisation/mg.png") no-repeat top left;
}
.ml{
    background: url("images/drapeaux/localisation/ml.png") no-repeat top left;
}
.mr{
    background: url("images/drapeaux/localisation/mr.png") no-repeat top left;
}
.mu{
    background: url("images/drapeaux/localisation/mu.png") no-repeat top left;
}
.na{
    background: url("images/drapeaux/localisation/na.png") no-repeat top left;
}
.ne{
    background: url("images/drapeaux/localisation/ne.png") no-repeat top left;
}
.ng{
    background: url("images/drapeaux/localisation/ng.png") no-repeat top left;
}
.rw{
    background: url("images/drapeaux/localisation/rw.png") no-repeat top left;
}
.sd{
    background: url("images/drapeaux/localisation/sd.png") no-repeat top left;
}
.sl{
    background: url("images/drapeaux/localisation/sl.png") no-repeat top left;
}
.sn{
    background: url("images/drapeaux/localisation/sn.png") no-repeat top left;
}
.ss{
    background: url("images/drapeaux/localisation/ss.png") no-repeat top left;
}
.td{
    background: url("images/drapeaux/localisation/td.png") no-repeat top left;
}
.tg{
    background: url("images/drapeaux/localisation/tg.png") no-repeat top left;
}
.tn{
    background: url("images/drapeaux/localisation/tn.png") no-repeat top left;
}
.tz{
    background: url("images/drapeaux/localisation/tz.png") no-repeat top left;
}
.ug{
    background: url("images/drapeaux/localisation/ug.png") no-repeat top left;
}
.za{
    background: url("images/drapeaux/localisation/za.png") no-repeat top left;
}
.zm{
    background: url("images/drapeaux/localisation/zm.png") no-repeat top left;
}
.zr{
    background: url("images/drapeaux/localisation/zr.png") no-repeat top left;
}
.zw{
    background: url("images/drapeaux/localisation/zw.png") no-repeat top left;
}
#bi{
    background-position: -154px -108px;
}
#bj{
    background-position: -3px -108px;
}
#cf{
    background-position: -605px -73px;
}
#cg{
    background-position: -655px -73px;
}
#cv{
    background-position: -756px -3px;
}
#dz{
    background-position: -204px -3px;
}
#eg{
    background-position: -806px -38px;
}
#er{
    background-position: -455px -73px;
}
#et{
    background-position: -53px -3px;
}
#ga{
    background-position: -555px -73px;
}
#gm{
    background-position: -53px -108px;
}
#gq{
    background-position: -706px -73px;
}
#gw{
    background-position: -103px -108px;
}
#lr{
    background-position: -806px -73px;
}
#ly{
    background-position: -53px -73px;
}
#ma{
    background-position: -655px -3px;
}
#mg{
    background-position: -204px -73px;
}
#mr{
    background-position: -3px -73px;
}
#mu{
    background-position: -154px -73px;
}
#na{
    background-position: -103px -73px;
}
#rw{
    background-position: -405px -73px;
}
#sl{
    background-position: -756px -73px;
}
#ss{
    background-position: -354px -73px;
}
#td{
    background-position: -505px -73px;
}
#tn{
    background-position: -3px -3px;
}
#tz{
    background-position: -304px -73px;
}
#ug{
    background-position: -254px -73px;
}
#bf{
    background-position: -555px -38px;
}
#ci{
    background-position: -354px -3px;
}
#ao{
    background-position: -806px -3px;
}
#gh{
    background-position: -103px -3px;
}
#gn{
    background-position: -354px -38px;
}
#ml{
    background-position: -706px -38px;
}
#ne{
    background-position: -3px -38px;
}
#ng{
    background-position: -405px -38px;
}
#sn{
    background-position: -605px -38px;
}
#tg{
    background-position: -655px -38px;
}
#cm{
    background-position: -103px -38px;
}
#zr{
    background-position: -254px -38px;
}
#ke{
    background-position: -254px -3px;
}
#sd{
    background-position: -154px -38px;
}
#bw{
    background-position: -555px -3px;
}
#za{
    background-position: -204px -38px;
}
#zm{
    background-position: -756px -38px;
}
#zw{
    background-position: -304px -38px;
}
/*******************************************************************
 *      championnats européens
*******************************************************************/
.european {
    border:1px solid #e0e0e0;
    background:#fff;
}
.european .widget_title {
    display: none;
    background:#e0e0e0;
    height:30px;
    line-height:30px;
    padding:0 10px;
    font-size:17px;
    color:#404040;
    margin-bottom:2px;
    font-family:play;
}
.european_scrollableflags {
    position:relative;
    overflow:hidden;
    width: 651px;
    height:66px;
}
.european_scrollableflags .european_scroll_items_flags {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}
.european_navi_flags {
    height:13px;
    padding:10px 0;
    text-align:center;
    position:relative;

}
.european_navi_flags_links {
    overflow:hidden;
}
.european_scroll_items_flags{
    width:651px;
    height:66px;
    overflow:hidden;
}
/* items inside navigator */
.european_navi_flags a {
    width:14px;
    height:13px;
    margin-left:4px;
    cursor:pointer;
    background:#dee2ec;
    display:inline-block;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    text-indent:-9999px;
}
/* mouseover state */
.european_navi_flags a:hover {
    background:#cbcfd9;
}
/* active state (current page state) */
.european_navi_flags a.activeSlide {
    background:#798291;
}
.european_wrap {
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #ebebeb;
    overflow:hidden;
}
.european_lates_drapeaux_item {
    margin:18px 40px 18px 0px;
    width:44px;
    height:32px;
    float:left;
}
.european .first-item {
    margin-left: 52px;
}
.european .last-item {
    margin-right: 51px;
}
.european_navi_flags {
    display:none;
}
#championsleague{
    background-position: -505px -3px;
}
#europaleague{
    background-position: -304px -3px;
}
#de{
    background-position: -154px -3px;
}
#es{
    background-position: -605px -3px;
}
#fr{
    background-position: -706px -3px;
}
#gb{
    background-position: -53px -38px;
}
#it{
    background-position: -505px -38px;
}
/*******************************************************************
 *      can 2013 et CDM 2014
*******************************************************************/
.competition_can {
    border:1px solid #e0e0e0;
    background:#fff;
}
.competition_can .widget_title {
    display: none;
    background:#e0e0e0;
    height:30px;
    line-height:30px;
    padding:0 10px;
    font-size:17px;
    color:#404040;
    margin-bottom:2px;
    font-family:Arial;
}
.competition_can_wrap {
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #ebebeb;
    overflow:hidden;
}
.scrollablecan {
    position:relative;
    /*overflow:hidden;*/
    width: 651px;
}
.can_scroll_items{
    width:651px;
    /*overflow:hidden;*/
}
.lates_can_item, .lates_competition_item {
    padding: 10px 1px;
    width:160px;
    float:left;
    border-right: 1px solid #ebebeb;
}
.lates_can_item:nth-child(4n+4), .lates_competition_item:nth-child(4n+4){
    border-right: none;
}
.lates_can_item h4, .lates_competition_item h4 {
    margin-left:24px;
    margin-bottom: 8px;
    font-size: 18px !important;
}
.lates_can_item ul, .lates_competition_item ul {
    list-style-type: none;
}
.lates_can_item li a {
    line-height: 23px;
    padding-left:21px;
    font-size: 12px;
    background: url('images/sprite_mini_drapeaux2b.png') no-repeat top left;
}

.cdm_mobile li a, .cdm_mobile_ar li a {
    line-height: 23px;
    font-size: 11px;
    background: url('images/sprite_mini_drapeau_cm.png') no-repeat top left;
}

.can2k15 li a, .can2k15_ar li a {
    line-height: 23px;
    font-size: 10px;
    background: url('images/sprite-mini-drapeaux-can2015.png') no-repeat top left;
}

.lates_competition_item li a {
    padding-left:25px;
}

.lates_competition_item li a:lang(ar) {
    padding-right:30px;
    padding-left: 0;
    direction: rtl;
}

.lates_competition_item .fb_like {
    margin-top: -4px;
    display: inline-block;
    height:20px;
    float:right;
}

.lates_competition_item .fb_like_ar {
    margin-top: -4px;
    margin-left: 2px;
    display: inline-block;
    height:20px;
    float:left;
}

.lates_competition_item li div div {
    width    : 40px;
    height   : 25px;
    overflow : hidden;
    position : relative;
    display: inline-block;
}

.active_team{
    color:#ff6600 !important;
}
.active_group{
    color:#ff6600 !important;
}

.can_mobile{
    display: none;
}
.competition_can_mobile {
    display: none;
}


/******* CAN 2015 *****************/

/* version écran */
#minican2k15_ca{
    background-position: -1px -120px;
}

#minican2k15_cv{
    background-position: -1px -3px;
}

#minican2k15_dz{
    background-position: -1px -81px;
}

#minican2k15_gq{
    background-position: -1px -159px;
}

#minican2k15_tn{
    background-position: -1px -62px;
}

#minican2k15_za{
    background-position: -1px -101px;
}

#minican2k15_bf{
    background-position: -1px -42px;
}

#minican2k15_ga{
    background-position: -1px -256px;
}

#minican2k15_zm{
    background-position: -1px -179px;
}

#minican2k15_sn{
    background-position: -1px -275px;
}

#minican2k15_ci{
    background-position: -1px -198px;
}

#minican2k15_gh{
    background-position: -1px -23px;
}

#minican2k15_gn{
    background-position: -1px -140px;
}

#minican2k15_cg{
    background-position: -1px -237px;
}

#minican2k15_ml{
    background-position: -1px -218px;
}

#minican2k15_cd{
    background-position: -1px -295px;
}

/* version responsive */
#can2k15_ca,#can2k15_ar_ca{
    background-position: -304px -1px;
}

#can2k15_cv,#can2k15_ar_cv{
    background-position: -4px -1px;
}

#can2k15_dz,#can2k15_ar_dz{
    background-position: -204px -1px;
}

#can2k15_gq,#can2k15_ar_gq{
    background-position: -4px -37px;
}

#can2k15_tn,#can2k15_ar_tn{
    background-position: -154px -1px;
}

#can2k15_za,#can2k15_ar_za{
    background-position: -254px -1px;
}

#can2k15_bf,#can2k15_ar_bf{
    background-position: -103px -1px;
}

#can2k15_ga,#can2k15_ar_ga{
    background-position: -254px -37px;
}

#can2k15_zm,#can2k15_ar_zm{
    background-position: -53px -37px;
}

#can2k15_sn,#can2k15_ar_sn{
    background-position: -304px -37px;
}

#can2k15_ci,#can2k15_ar_ci{
    background-position: -103px -37px;
}

#can2k15_gh,#can2k15_ar_gh{
    background-position: -52px -4px;
}

#can2k15_gn,#can2k15_ar_gn{
    background-position: -354px -1px;
}

#can2k15_cg,#can2k15_ar_cg{
    background-position: -204px -37px;
}

#can2k15_ml,#can2k15_ar_ml{
    background-position: -154px -37px;
}

#can2k15_cd,#can2k15_ar_cd{
    background-position: -354px -37px;
}


/* version ar desktop */

#minican2k15_ar_ca{
    background-position: 41px -120px;
}

#minican2k15_ar_cv{
    background-position: 60px -3px;
}

#minican2k15_ar_dz{
    background-position: 29px -81px;
}

#minican2k15_ar_gq{
    background-position: 67px -159px;
}

#minican2k15_ar_tn{
    background-position: 29px -62px;
}

#minican2k15_ar_za{
    background-position: 54px -101px;
}

#minican2k15_ar_bf{
    background-position: 54px -42px;
}

#minican2k15_ar_ga{
    background-position: 32px -256px;
}

#minican2k15_ar_zm{
    background-position: 27px -179px;
}

#minican2k15_ar_sn{
    background-position: 41px -275px;
}

#minican2k15_ar_ci{
    background-position: 53px -198px;
}

#minican2k15_ar_gh{
    background-position: 18px -23px;
}

#minican2k15_ar_gn{
    background-position: 23px -140px;
}

#minican2k15_ar_cg{
    background-position: 32px -237px;
}

#minican2k15_ar_ml{
    background-position: 25px -218px;
}

#minican2k15_ar_cd{
    background-position: 50px -295px;
}


/******* FIN CAN 2015 *****************/


/* CAN 2013 */

#mini_ao{
    background-position: -1px 0px;
}
#mini_bf{
    background-position: -1px -23px;
}
#mini_ci{
    background-position: -1px -46px;
}
#mini_cv{
    background-position: -1px -69px;
}
#mini_dz{
    background-position: -1px -115px;
}
#mini_et{
    background-position: -1px -138px;
}
#mini_gh{
    background-position: -1px -184px;
}
#mini_ma{
    background-position: -1px -207px;
}
#mini_ml{
    background-position: -1px -230px;
}
#mini_ne{
    background-position: -1px -253px;
}
#mini_ng{
    background-position: -1px -276px;
}
#mini_tg{
    background-position: -1px -299px;
}
#mini_tn{
    background-position: -1px -322px;
}
#mini_za{
    background-position: -1px -345px;
}
#mini_zm{
    background-position: -1px -368px;
}
#mini_zr{
    background-position: -1px -414px;
}


/* CDM */

#minicdm_br{
    background-position: -1px -3px;
}

#minicdm_ca{
    background-position: -1px -22px;
}

#minicdm_ct{
    background-position: -1px -42px;
}

#minicdm_mx{
    background-position: -1px -62px;
}

#minicdm_au{
    background-position: -1px -80px;
}

#minicdm_ch{
    background-position: -1px -100px;
}

#minicdm_es{
    background-position: -1px -119px;
}

#minicdm_pb{
    background-position: -1px -139px;
}

#minicdm_co{
    background-position: -1px -159px;
}

#minicdm_gr{
    background-position: -1px -178px;
}

#minicdm_ci{
    background-position: -1px -198px;
}

#minicdm_ja{
    background-position: -1px -218px;
}

#minicdm_ur{
    background-position: -1px -236px;
}

#minicdm_cr{
    background-position: -1px -256px;
}

#minicdm_an{
    background-position: -1px -276px;
}

#minicdm_it{
    background-position: -1px -295px;
}

#minicdm_sw{
    background-position: -1px -316px;
}

#minicdm_eq{
    background-position: -1px -335px;
}

#minicdm_fr{
    background-position: -1px -355px;
}

#minicdm_ho{
    background-position: -1px -570px;
}

#minicdm_ar{
    background-position: -1px -374px;
}

#minicdm_bo{
    background-position: -1px -394px;
}

#minicdm_ir{
    background-position: -1px -591px;
}

#minicdm_ni{
    background-position: -1px -611px;
}


#minicdm_de{
    background-position: -1px -413px;
}

#minicdm_po{
    background-position: -1px -433px;
}

#minicdm_gh{
    background-position: -1px -452px;
}

#minicdm_us{
    background-position: -1px -472px;
}


#minicdm_be{
    background-position: -1px -491px;
}

#minicdm_al{
    background-position: -1px -511px;
}

#minicdm_ru{
    background-position: -1px -530px;
}

#minicdm_cs{
    background-position: -1px -550px;
}


/* version responsive */


#cdm_br{
    background-position: -4px -2px;
}

#cdm_ca{
    background-position: -53px -2px;
}

#cdm_ct{
    background-position: -4px -37px;
}

#cdm_mx{
    background-position: -53px -37px;
}

#cdm_au{
    background-position: -154px -37px;
}

#cdm_ch{
    background-position: -154px -2px;
}

#cdm_es{
    background-position: -103px -2px;
}

#cdm_pb{
    background-position: -103px -37px;
}

#cdm_co{
    background-position: -204px -2px;
}

#cdm_gr{
    background-position: -204px -37px;
}

#cdm_ci{
    background-position: -254px -2px;
}

#cdm_ja{
    background-position: -254px -37px;
}

#cdm_ur{
    background-position: -304px -2px;
}

#cdm_cr{
    background-position: -304px -37px;
}

#cdm_an{
    background-position: -354px -2px;
}

#cdm_it{
    background-position: -354px -37px;
}

#cdm_sw{
    background-position: -404px -2px;
}

#cdm_eq{
    background-position: -404px -37px;
}

#cdm_fr{
    background-position: -454px -2px;
}

#cdm_ho{
    background-position: -454px -37px;
}

#cdm_ar{
    background-position: -504px -2px;
}

#cdm_bo{
    background-position: -504px -37px;
}

#cdm_ir{
    background-position: -554px -2px;
}

#cdm_ni{
    background-position: -554px -37px;
}


#cdm_de{
    background-position: -604px -2px;
}

#cdm_po{
    background-position: -604px -37px;
}

#cdm_gh{
    background-position: -654px -2px;
}

#cdm_us{
    background-position: -654px -37px;
}


#cdm_be{
    background-position: -704px -2px;
}

#cdm_al{
    background-position: -704px -37px;
}

#cdm_ru{
    background-position: -754px -2px;
}

#cdm_cs{
    background-position: -754px -37px;
}



/* version arabe */

#minicdm_ar_br{
    background-position: 37px -3px;
}

#minicdm_ar_ca{
    background-position: 47px -22px;
}

#minicdm_ar_ct{
    background-position: 33px -42px;
}

#minicdm_ar_mx{
    background-position: 49px -62px;
}

#minicdm_ar_au{
    background-position: 42px -80px;
}

#minicdm_ar_ch{
    background-position: 43px -100px;
}

#minicdm_ar_es{
    background-position: 38px -119px;
}

#minicdm_ar_pb{
    background-position: 34px -139px;
}

#minicdm_ar_co{
    background-position: 41px -159px;
}

#minicdm_ar_gr{
    background-position: 34px -178px;
}

#minicdm_ar_ci{
    background-position: 62px -198px;
}

#minicdm_ar_ja{
    background-position: 33px -218px;
}

#minicdm_ar_ur{
    background-position: 48px -236px;
}

#minicdm_ar_cr{
    background-position: 52px -256px;
}

#minicdm_ar_an{
    background-position: 32px -276px;
}

#minicdm_ar_it{
    background-position: 32px -295px;
}

#minicdm_ar_sw{
    background-position: 45px -316px;
}

#minicdm_ar_eq{
    background-position: 40px -335px;
}

#minicdm_ar_fr{
    background-position: 34px -355px;
}

#minicdm_ar_ho{
    background-position: 53px -570px;
}

#minicdm_ar_ar{
    background-position: 47px -374px;
}

#minicdm_ar_bo{
    background-position: 42px -394px;
}

#minicdm_ar_ir{
    background-position: 25px -591px;
}

#minicdm_ar_ni{
    background-position: 34px -611px;
}


#minicdm_ar_de{
    background-position: 32px -413px;
}

#minicdm_ar_po{
    background-position: 40px -433px;
}

#minicdm_ar_gh{
    background-position: 22px -452px;
}

#minicdm_ar_us{
    background-position: 30px -472px;
}


#minicdm_ar_be{
    background-position: 37px -491px;
}

#minicdm_ar_al{
    background-position: 35px -511px;
}

#minicdm_ar_ru{
    background-position: 33px -530px;
}

#minicdm_ar_cs{
    background-position: 67px -550px;
}



/*******************************************************************
*      footer
*******************************************************************/
.bottom_bar ul.social_icons li a {
    display:inline-block;
    width:27px;
    height:27px;
    font-size:0px;
}
.bottom_bar ul.social_icons li.twitter a {
    background-position:-144px -165px;
}
.bottom_bar ul.social_icons li.facebook a {
    background-position:-177px -165px;
}
.bottom_bar ul.social_icons li.gplus a {
    background-position:-211px -165px;
}
.bottom_bar ul.social_icons li.linkedin a {
    background-position:-244px -165px;
}
.bottom_bar ul.social_icons li.youtube a {
    background-position:-277px -165px;
}
.bottom_bar ul.social_icons li.rss a {
    background-position:-310px -165px;
}
.bottom_bar ul.social_icons li.skype a {
    background-position:-343px -165px;
}
.bottom_bar ul.social_icons li.feedburner a {
    background-position:-376px -165px;
}
.bottom_bar ul.social_icons li.flickr a {
    background-position:-409px -165px;
}
.bottom_bar ul.social_icons li.picasa a {
    background-position:-442px -165px;
}
.bottom_bar ul.social_icons li.digg a {
    background-position:-475px -165px;
}
.bottom_bar ul.social_icons li.vimeo a {
    background-position:-508px -165px;
}
.bottom_bar ul.social_icons li.tumblr a {
    background-position:-541px -165px;
}
/*******************************************************************
*      Timeline
*      Structural CSS for the Timeline
*      Modify at your own risk !
*      by Wylie Hobbs
*      CSS Version 1.1
*******************************************************************/
#timeline ul{
    width:100%;
    margin:0 auto;
    position:relative;
    display:inline-block;
    list-style: none;
    background:url('images/timeline/ul-bg.png') center top repeat-y;
    padding: 0;
}
#timeline ul li{
    display: block;
    position: relative;
    width: 50%;
    clear:both;
}
#timeline ul li .timeline-text{
    width:65%;
    float:left;
    font-size:100%;
    line-height:17px;
    margin-left:2%;
}
#timeline ul li div{
//you can add a background color if you want
}

#timeline ul li:nth-child(even){
    float: right;
}
#timeline ul li:nth-child(even) > div{
    display: block;
    float:left;
    background:url('images/timeline/li-bg.png') left center no-repeat;
    margin-left:-10px;
    padding-left:30px;
    width: 100%;
}
#timeline .timeline-date,
#timeline .timeline-title{
    text-align: right;
    margin-bottom: 1%;
}
#timeline ul li:nth-child(even) > div .timeline-date,
#timeline ul li:nth-child(even) > div .timeline-title{
    text-align: left;
}
#timeline .timeline-title{
    font-weight: bold;
}

#timeline ul li:nth-child(odd){
    float: left;
    text-align: right;
}
#timeline ul li:nth-child(odd) > div{
    display:block;
    float:right;
    background:url('images/timeline/li-bg.png') right center no-repeat;
    margin-right:-10px;
    padding-right:30px;
    width: 100%;
}

#timeline ul li:nth-child(odd) > div .timeline-text{
    float:right;
    text-align: right;
    margin-right:2%;
    margin-left: 0;
}

#timeline ul .timeline-image{
    width: 76px;
    height: 59px;
    /*overflow-x: hidden;*/
    padding: 2px;
    border: 1px solid #EEEEEE;
}
#timeline ul li:nth-child(odd) > div .timeline-image {
    float:right;
    margin:0 0 0 1%;
}
#timeline ul li:nth-child(even) > div .timeline-image {
    float:left;
    margin: 0 1% 0 0;
}
/*******************************************************************
*        bloc pays
*******************************************************************/
#blocpaysCotedIvoire{
    width:100%;
    background: url("images/blocpays/cotedivoire2.jpg");
    color:black;
    text-align:center;
    padding:20px 0px;
    font-size:20px;
    background-size:cover;
    background-repeat:no-repeat;
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*******************************************************************
    *      bloc drapeau
    *******************************************************************/
    .scroll_items_flags{
        width:440px;
        height:66px;
        overflow:hidden;
    }
    .lates_drapeaux_item{
        margin: 18px 18px 18px 0px;
    }
    .drapeaux .first-item {
        margin-left: 12px;
    }
    .drapeaux .last-item {
        margin-right: 12px;
    }
    /*******************************************************************
    *      championnats européens
    *******************************************************************/
    .european_scroll_items_flags{
        width:440px;
        height:66px;
        overflow:hidden;
    }
    .european_lates_drapeaux_item{
        margin: 18px 18px 18px 0px;
    }
    .european .first-item {
        margin-left: 12px;
    }
    .european .last-item {
        margin-right: 12px;
    }
    /*******************************************************************
    *      can 2013
    *******************************************************************/
    .scrollablecan {
        width: 440px;
        height:260px;
    }
    .can_scroll_items{
        width:440px;
        height:260px;
    }
    .lates_can_item {
        padding:10px 43px;
        width:132px;
        height:110px;
        float:left;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
    }
}
/* Tablet to desktop for navigation 480-989 */
@media only screen and (min-width: 480px) and (max-width: 989px), (orientation: portrait) {
    body {
        -webkit-animation:bugfix infinite 1s;
    }
    @-webkit-keyframes bugfix {
        from {padding:0;}
        to {padding:0;}
    }
    .citation, a.boutonLangues, nav#navigation, #top, .top-country-bar, nav #nav-list li ul{
        display:none;
    }
    .wrapper-responsive{
        width: 100%;
        overflow: hidden;
    }
    .inner-responsive{
        float: left;
        width: 100%;
        margin-left: 0;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    #header {
        padding: 7px 0px 0px 0px;
        background: #252525;
        height: 56px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    #header .inner{
        width: 100%;
    }
    #header .logo{
        width: 270px;
        height: 39px;
        float: left;
    }
    .logo a{
        width:270px;
        height:39px;
        background: url("images/responsive/logo-starafrica-mobile.png");
        background-position: -4px -270;
    }
    #header .boutonMobileMenu {
        width: 44px;
        height: 44px;
        display: block;
        background: url("images/responsive/btn_menu.png");
        text-indent: 9999px;
        float: right;
        margin-right: 5px;
        cursor: pointer;
        user-select: none;
    }
    .changement-langue{
        height: 55px;
        border-bottom: 1px solid #777777;
        margin-bottom: 0px;
    }
    .changement-langue li{
        float: left;
        margin: 10px 6px 14px 6px;
    }
    .changement-langue li a{
        display: block;
        width: 56px;
        padding: 6px 0px 8px 0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #434343;
        font-family: Arial;
        font-size: 20px;
        color: #eaeaea;
        text-align: center;
    }
    .changement-langue: after{
        clear: both;
    }
    nav.main-nav-mobile{
        display: block;
        position: fixed;
        background: #2f2f2f;
        width: 308px;
        right: -308px;
        height: 100%;
        top:0px;
        overflow: hidden;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
        transition: right 0.5s;
    }
    nav #nav-list{
        margin-bottom: 0px;
        position: relative;
        left: 0px;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
    }
    #nav-list:target{
        left: -480px;
    }
    nav #nav-list .sub a{
        display: block;
        font-size: 16px;
        padding: 12px 20px 12px 42px;
        text-decoration: none;
        color: #eaeaea;
        border-bottom: 1px solid #777777;
        background: url('images/responsive/plus_orange_flecheb.png') no-repeat 10px 18px;
    }
    input[type=checkbox]:checked + nav.main-nav-mobile {
        right: 0;
    }
    input[type=checkbox]:checked ~ .wrapper-responsive .inner-responsive {
        margin-left: -308px;
    }
    #toggle{
        position:absolute;
        top: -9999px;
        left: -9999px;
    }
    nav.main-nav-mobile #nav-list li ul{
        position: absolute;
        top: 0px ;
        left: 480px;
        width: 100%;
        display: none;
    }
    nav #nav-list .sub ul li a{
        background-position: 10px -35px;
    }
    nav #nav-list .sub ul li.title a{
        background-color: #404040;
        color: #ffffff;
        background-position: 10px -139px ;
    }
    .fourWidgets {
        width: 642px;
    }
}
/*Mobile 320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    /*******************************************************************
    *      header
    *******************************************************************/
    body {
        -webkit-animation:bugfix infinite 1s;
    }
    @-webkit-keyframes bugfix {
        from {padding:0;}
        to {padding:0;}
    }
    .top-country-bar{
        display: none;
    }
    .inner{
        width: 100%;
        min-width: 320px;
    }
    .citation, .boutonPays, .boutonLangues, #tablette-langues, .mobileMainMenu, nav#navigation, #top, nav #nav-list li ul{
        display:none;
    }
    div.one_fourth{
        margin-left: 20px;
    }
    .wrapper-responsive{
        width: 100%;
        overflow: hidden;
    }
    .inner-responsive{
        float: left;
        width: 100%;
        margin-left: 0;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    #header {
        padding: 7px 0px 0px 0px;
        background: #252525;
        height: 56px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    #header .logo{
        width: 270px;
        height: 39px;
        float: left;
    }
    .logo a{
        width:270px;
        height:39px;
        background: url("images/responsive/logo-starafrica-mobile.png");
    }
    #header .boutonMobileMenu {
        width: 44px;
        height: 44px;
        display: block;
        background: url("images/responsive/btn_menu.png");
        text-indent: 9999px;
        float: right;
        margin-right: 5px;
        cursor: pointer;
        user-select: none;
    }
    .changement-langue{
        height: 55px;
        border-bottom: 1px solid #777777;
        margin-bottom: 0px;
    }
    .changement-langue li{
        float: left;
        margin: 10px 6px 14px 6px;
    }
    .changement-langue li a{
        display: block;
        width: 56px;
        padding: 6px 0px 8px 0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #434343;
        font-family: Arial;
        font-size: 20px;
        color: #eaeaea;
        text-align: center;
    }
    .changement-langue: after{
        clear: both;
    }
    nav.main-nav-mobile{
        display: block;
        position: fixed;
        background: #2f2f2f;
        top:0px;
        width: 80%;
        right: -80%;
        height: 100%;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
        transition: right 0.5s;
        overflow:hidden;
    }
    nav #nav-list{
        margin-bottom: 0px;
        position: relative;
        left: 0px;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
    }
    #nav-list:target{
        left: -480px;
    }
    nav #nav-list .sub a{
        display: block;
        font-size: 16px;
        padding: 12px 20px 12px 42px;
        text-decoration: none;
        color: #eaeaea;
        border-bottom: 1px solid #777777;
        background: url('images/responsive/plus_orange_flecheb.png') no-repeat 10px 18px;
    }
    input[type=checkbox]:checked + nav.main-nav-mobile {
        right: 0;
    }
    input[type=checkbox]:checked ~ .wrapper-responsive .inner-responsive {
        margin-left: -80%;
    }
    #toggle{
        position:absolute;
        top: -9999px;
        left: -9999px;
    }
    nav.main-nav-mobile #nav-list li ul{
        position: absolute;
        top: 0px ;
        left: 480px;
        width: 100%;
        display: none;
    }
    nav #nav-list .sub ul li a{
        background-position: 10px -35px;
    }
    nav #nav-list .sub ul li.title a{
        background-color: #404040;
        color: #ffffff;
        background-position: 10px -139px ;
    }

    /*******************************************************************
    *      bloc drapeau
    *******************************************************************/
    .scroll_items_flags{
        width:280px;
        height:66px;
        overflow:hidden;
    }
    .lates_drapeaux_item {
        margin-right:20px;
    }
    .drapeaux .first-item {
        margin-left: 22px;
    }
    .drapeaux .last-item {
        margin-right: 22px;
    }
    /*******************************************************************
    *      championnats européens
    *******************************************************************/
    .european_scroll_items_flags{
        width:280px;
        height:66px;
        overflow:hidden;
    }
    .european_lates_drapeaux_item {
        margin-right:20px;
    }
    .european .first-item {
        margin-left: 22px;
    }
    .european .last-item {
        margin-right: 22px;
    }
    .european_navi_flags {
        display:block;
    }
    /*******************************************************************
    *      can 2013 et CDM 2014 mobile
    *******************************************************************/
    .competition_can{
        display: none;
    }
    .can_desktop{
        display:none;
    }
    .can_mobile{
        display: block;
    }
    .competition_can_mobile {
        display: block;
        border:1px solid #e0e0e0;
        background:#fff;
    }
    .competition_can_mobile .widget_title {
        display: none;
    }
    .competition_can_wrap_mobile {
        border-top:1px solid #e6e6e6;
        border-bottom:1px solid #ebebeb;
        overflow:hidden;
    }
    .scrollablecan_mobile {
        position:relative;
        overflow:hidden;
        width: 280px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:5px;
        height:120px;
    }
    .can_scroll_items_mobile{
        width:280px;
        height:120px;
        overflow:hidden;
    }
    .lates_can_title_mobile {
        margin:10px 93px 0px;
    }
    .lates_can_title_mobile h4 a{
        font-size: 18px !important;
    }
    .lates_can_item_mobile, .lates_competition_item_mobile {
        margin:5px 20px 20px 0px;
        width:44px;
        height:32px;
        float:left;
    }

    .lates_can_item_mobile a, .lates_competition_item_mobile a{
        display:block;
        width:44px;
        height:32px;
        text-indent: -9999px;
    }

    .lates_can_item_mobile a{
        background: url('images/sprite_drapeaux.png') no-repeat top left;
    }

    .cdm_mobile a{
        background: url('images/sprite_drapeaux_cdm.png') no-repeat top left;
    }

    .can2k15_mobile a, .can2k15_ar_mobile a{
        background: url('images/sprite_drapeaux_can2015.png') no-repeat top left;
    }

    .lates_competition_item_mobile .fb_like {
        margin: 3px 0 0 -5px;
        display: inline-block;
        height:20px;
        width:100px;
    }

    .lates_competition_item_mobile .fb_like_ar {
        margin: 3px -12px 0 -5px;
        display: inline-block;
        height:20px;
        width:100px;
    }


    .lates_competition_item_mobile .fb_like div, .lates_competition_item_mobile .fb_like_ar div {
        width    : 40px;
        height   : 25px;
        overflow : hidden;
        position : relative;
        display: inline-block;
    }

    .container_can_mobile .first-item{
        margin-left: 22px;
    }
    .can_navi_mobile {
        height:13px;
        padding:10px 0;
        text-align:center;
        position:relative;
    }
    .can_navi_links_mobile {
        overflow:hidden;
    }
    .can_navi_mobile a {
        width:14px;
        height:13px;
        margin-left:4px;
        cursor:pointer;
        background:#dee2ec;
        display:inline-block;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        text-indent:-9999px;
    }
    .can_navi_mobile a:hover {
        background:#cbcfd9;
    }
    .can_navi_mobile a.activeSlide {
        background:#798291;
    }
    /***************************************************************
    *                     Slider                                   *
    *                                                              *
    ****************************************************************/
    .slider_side_wrap {
    }
    .slider_side {
        height:180px;
    }
    .slider_side_full {
        height:180px;
    }
    .slider_side_items {
        border-right:none;
        border-bottom:none;
        position:relative;
    }
    .slider_side_item {
        display:none;
    }
    .slider_side_item a {
        width:280px;
        height:180px;
    }
    .slider_side_item_full a {
        width:280px;
        height:180px;
    }
    .slider_side_items .slider_side_caption {
        position:absolute;
        bottom:-50px;
        width:280px;
        left:0;
        padding:1px;
        background:url(images/slide_cap.png);
        color:#f8f8f8;
    }
    .slider_side_item_full .slider_side_caption {
        width:200px;
    }
    .slider_side_items .slider_side_caption p {
        margin-bottom:0;
        line-height:20px;
        font-size:13px;
        color:#d8d8d8;
    }
    .slider_side_items .slider_side_caption h2 {
        margin-bottom:5px;
        font-family:play;
        font-size:18px;
        font-weight:bold;
    }
    .slider_side_items .slider_side_caption h2 a {
        font-family:play;
        font-size:18px;
        font-weight:bold;
        display:inline;
        color:#f8f8f8;
    }
    ul.slider_side_nav {
        margin-bottom:0;
        overflow:hidden;
        padding:10px;
        border:1px solid #e0e0e0;
    }
    ul.slider_side_nav li {
        height:44px;
        width:50px;
        float:left;
        margin-right:10.1px;
        position:relative;
        background:#e0e0e0;
    }
    ul.slider_side_nav_full li {
        width: 50px;
    }
    ul.slider_side_nav li:last-child {
        margin-right:0;
        margin-left: 0;
    }
    ul.slider_side_nav li a {
        filter:alpha(opacity=50);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
    ul.slider_side_nav li p {
        line-height:15px;
        margin-top:-3px;
    }
    ul.slider_side_nav li p .date {
        font-size:11px;
        color:#BDBFC5;
        margin-top:-1px;
        display:block;
    }
    /* Active / Hover */
    ul.slider_side_nav li.activeSlide a {
        filter:alpha(opacity=100) !important;
        -moz-opacity:1 !important;
        -khtml-opacity: 1!important;
        opacity: 1 !important;
    }
    ul.slider_side_nav li.activeSlide a img {
        border:4px solid  #e0e0e0;
        height:51px;
        width:68px;
    }

    .slider_side_item a {
        overflow:hidden;
        display:block;
    }
    .slider_side_item a img {
        display:block;
    }
    .feature_video_icon {
        background-position:-40px -4px;
    }
    .feature_article_icon {
        background-position:-80px -4px;
    }

    .fourWidgets{
        width: 100%;
    }

    .star_idalgo_four_item{
        width: 98%;
        margin-bottom: 5px;
        border: 1px solid #e0e0e0;
    }

}

.star_cat_article_title {
    font-size:13px;
    font-weight:bold;
    color:#40454d;
    padding:15px 20px 14px 20px;
    margin:0 -20px 0 -20px;
    border-bottom:1px solid #ebebeb;
    margin-bottom:10px;
    background:#f8f8f8;
}



.star_idalgo_main_double {
    float:center;
    width:650px;
}

.star_idalgo_double_1 {
    float:left;
    width:320px;
}

.star_idalgo_double_2 {
    float:left;
    width:320px;
    margin-left:10px;
}

.worldcup_team_title .star_idalgo_main_double {
    width:550px;
}

.worldcup_team_title .star_idalgo_double_1 {
    float:left;
    width:270px;
}

.worldcup_team_title .star_idalgo_double_2 {
    float:left;
    width:270px;
    margin-left:10px;
}

.worldcup_team_title .fb, .worldcup_team_title .twoWidgets {
    float: left;
}

/* Slideshow */

.slideshow {
    height: 340px;
}

.slideshow_items {
    border-right:none;
    border-bottom:none;
    position:relative;
}

.slideshow_item a {
    overflow: hidden;
    display: block;
    width: 615px;
    height: 340px;
}

.slideshow_item a img {
    display: block;
}

.slideshow_items .slideshow_caption {
    margin-bottom: 4px;
    position:absolute;
    width: 569px;
    left: 5px;
    padding: 15px;
    background:url(images/slide_cap.png);
    color:#f8f8f8;
}

.slideshow_items .slideshow_caption p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 13px;
    color: #d8d8d8;
}


@media only screen and (min-width: 768px) and (max-width: 989px) {

    .star_idalgo_main_double {
        float:center;
        width:650px;
    }

    .star_idalgo_double_1 {
        float:left;
        width:320px;
    }

    .star_idalgo_double_2 {
        float:left;
        width:320px;
    }


}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .star_idalgo_main_double {
        float:center;
        width:100%;
    }
    .star_idalgo_double_1 {
        float:left;
        width:100%;
    }

    .star_idalgo_double_2 {
        float:left;
        width:100%;
        margin-left:0px;
    }

    .fourWidgets {
        width: 98%;
    }

    .star_idalgo_four_item {
        float: left;
        width: 48%;
        margin-bottom: 5px;

    }

    .star_idalgo_four_item .cat_article {
        border: 1px solid #e0e0e0;
    }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .star_idalgo_main_double {
        float:center;
        width:100%;
    }
    .star_idalgo_double_1 {
        float:left;
        width:100%;
    }

    .star_idalgo_double_2 {
        float:left;
        width:100%;
        margin-left:0px;
    }
}