/* Style refonte */

/* 
#4c9fd3 bleu clair 
#125289 bleu foncé
#b1c81e vert
*/

.default_class
{
	text-align:center;
}


/************************/
/************************/
/*                      */
/* Boîte magazine + ESG */
/*                      */
/************************/
/************************/

.magazine, .esg
{
	margin-bottom: 10px;
	padding-bottom: 0;
	background-color: #FFFFFF;
}
.magazine .tick
{
	border-color: #b0ca11;
}
.esg .tick
{
	border-color: #ffffff;
}
.magazine #titre_boite, .esg #titre_boite
{
	width: 100%;	
	height: 50px;
}
.esg #titre_boite
{
	background-color:#663399;	
	padding-bottom:10px;
}
.magazine h2, .esg h2
{
	float: right;
	font-size: 17px;
	font-weight: 800;
	margin: 10px 0 0 12px;
	text-align:right;line-height:1em;
	
	color: #666;

	font-weight: 800;
	
	
}


.esg h2
{
	color:#FFFFFF;	
}
.magazine h3, .esg h3
{
	float: right;
	color: #666;
	font: 12px Raleway;
	font-weight: normal;	
	text-align:right;
}
.magazine h3
{
	margin: 6px 25px 20px 0;
}
.esg h3
{
	margin: 12px 26px 6px 0;
}
.magazine h3 a:hover, .esg h3 a:hover
{
	color:#b0ca11;
}

.magazine #date, .esg #date
{
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #a9a9a9;
}

.magazine img, .esg img
{
	float:left;
	margin: 0 4px 4px 0;
	
	
}
.magazine p, .esg p
{
	line-height: 1.5em;
	padding-bottom: .25em;
}

.magazine #tous
{
	background-color: #b0ca11;
	width: 100%;	
	height: 30px;		
}
.esg #tous
{
	background-color: #663399;	
	width: 100%;	
	height: 40px;	
	padding-top: 4px;
	clear:both;
}
.magazine #tous a
{
	display: block;
	float: right;
	color: #FFFFFF;
	margin: 3px 8px 0 0;
}
.esg #tous a
{
	display: block;
	float: right;
	clear:right;
	color: #FFFFFF;
	margin: 3px 8px 0 0;
}


/************************/
/************************/
/*                      */
/*     Boîte agenda     */
/*                      */
/************************/
/************************/

.agenda
{
	margin-bottom: 10px;
	padding-bottom: 0;
	background-color: #FFFFFF;
}
.agenda .tick
{
	border-color: #b0ca11;
}
.agenda #titre_boite
{
	width: 100%;	padding-bottom: 10px;
	height: 50px;
}


.agenda .sstitre
{
	float: right;
	color: #666;
	font: 12px Raleway;
	font-weight: normal;	
	display:inline-block;
	clear:both;/* ajout JPC 13/12 suite à modif padding H2*/
	margin: 2px 26px 12px 0;
}

.magazine .sstitre
{
	float: right;
	color: #666;
	font: 12px Raleway;
	font-weight: normal;	
	display:inline-block;
	clear:both;/* ajout JPC 13/12 suite à modif padding H2*/
	margin: 2px 26px 12px 0;
}


.agenda h3 a:hover
{
	color:#b0ca11;
}
.agenda #contenu
{
	background-color: #ffffff;
	clear:both;
	margin: 12px 10px;
	padding-bottom: 8px;
	overflow:auto;
}
.agenda #date
{
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #a9a9a9;
}

.agenda img
{
	float:left;
	margin: 0 6px 4px 0;
	border: 1px solid #CCCCCC;
	border:0;
	
}
.agenda p
{
	line-height: 1.5em;
	padding-bottom: .25em;
	margin-bottom:4px;
	clear:both;font-family: raleway;
}

.agenda hr
{
	margin:1em auto;
	width:99%;
	border-top:1px dashed #cecece;
	border-bottom:0;
	clear:both;
}

.agenda #tous
{
	width: 100%;	
	height: 30px;
	background-color: #b0ca11;	
}
.agenda #tous a
{
	display: block;
	float: right;
	color: #FFFFFF;
	margin: 6px 8px 0 0;
}


/************************/
/************************/
/*                      */
/*       Titre pub      */
/*                      */
/************************/
/************************/

.titre_pub
{
	color: #999999;
	font-size: 10px;
	text-transform:uppercase;
	text-align: center;
	letter-spacing: .5em;
}


/************************/
/************************/
/*                      */
/*     Boîte annonce    */
/*                      */
/************************/
/************************/

.league, .info
{
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
.league #titre_boite
{
	width: 100%;	
	height: 50px;
	background: url(http://www.cfnews.net/var/cfnews/storage/images/mediatheque/nouvelles-images-cfnews/visuels/!-boites-a-outils-obsolete/boiteaoutils-league-tables/5026607-9-fre-FR/BoiteAOutils-League-tables_large.png) 8px 4px no-repeat;
	background-color: #4c9fd3;
}

.info #titre_boite
{
	width: 100%;	
	height: 50px;
	
}

.league h2, .info h2
{
	float: right;
	color: #838383;
font-size: 18px;
font-family: Raleway;
font-weight: 800;
	margin: 10px 0px 0 12px;
}
.league #contenu, .info #contenu
{
	background-color: #ffffff;
	clear:both;
	margin: 8px;
	padding-top: 4px;
	padding-bottom: 10px;
}
.league img, .info img
{
	float:left;
	margin-right: 4px;
}
.league #date, .info #date
{
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #a9a9a9;
}
.league h3, .info h3
{
	color: #125289;
	display:block;
	margin: .3em 0;
	font: 16px Arial, Helvetica, sans-serif;
}
.league p, .info p
{
	line-height: 1.5em;
}
.league #tous, .info #tous
{
	width: 100%;	
	height: 30px;
	background-color: #4c9fd3;	
}
.league #tous a, .info #tous a
{
	
	display: block;
	float: right;
	color: #FFFFFF;
	margin: 6px 8px 0 0;
}



/************************/
/************************/
/*                      */
/* barrage - tableau 2  */
/*                      */
/************************/
/************************/

.tableau_2_abo
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #b5b58a;
	border-collapse:collapse;
}

.tableau_2_abo th, .tableau_2_abo tr.impair td
{
	background-color: #e9e9c8 ;
}

.tableau_2_abo th
{
	color: #000000;
	padding: 1em;	
}

.tableau_2_abo td
{	
	color: #000000;	
	border: 1px solid #b5b58a;
	padding: 1em;
	
}

.tableau_2_abo td
{
	vertical-align: top;
}

.texte_abo
{
	margin: 0 2em;
}



/************************/
/************************/
/*                      */
/* Revue de la semaine  */
/*  titre de rubrique   */
/*                      */
/************************/
/************************/

#entete
{
	padding: 1em;
}
#entete img
{
	float:left;
}
#entete span#slo
{
	float:right;
	margin-top: 24px;
}
#entete h1, #entete h3
{
	color: #666666;
}
#entete h1
{
	float: none;
	clear:both;
	font-size: 24px;
	margin: 1.5em 0;
	padding-top: 1.5em;
}
#entete h3
{
	font-size: 14px;
	margin: 2em 0;
}

#left-column.week_review div.rds_rubrique
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 1em;
	background-color:#b3c811 !important;
}



/************************/
/************************/
/*                      */
/*  Boîte titre le Mag  */
/*  revue de la semaine */
/*                      */
/************************/
/************************/

#left-column.week_review div.rds_mag
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 1em;
	background-color:#125289 !important;
}

p#pub
{
	color: #666666;
	font-size: 24px;
	font-weight:bold;
	padding: 1em;
	text-align:center;
}

p#pied
{
	color: #999999;
	font-size: 12px;
	padding: 1em;
	text-align:center;
}



/************************/
/************************/
/*                      */
/*   Boîte carrières    */
/*         lien         */
/*                      */
/************************/
/************************/

#left-column.week_review section#careers div.bottom-link
{
	display:none;
}



/************************/
/************************/
/*                      */
/*  Deal de le semaine  */
/*      accroche        */
/*                      */
/************************/
/************************/

div.week-operation.right-column-block.right-column-block-with-subtitle>div.wo-comment
{
	color:#333333;
	font-style:normal;
	text-align:right;
	font-weight:bold;
}



/************************/
/************************/
/*                      */
/*   Page de barrage    */ 
/*                      */
/************************/
/************************/

div#barrage_nonconn
{
	width: 604px;	
	/*border: 1px solid #125289;*/
	padding: 8px;
}
div#barrage_nonconn h3.orange 
{
	font-size: 15px;
	color:#f47f28;
	text-align:left;
	margin-bottom:6px;
}
div#barrage_nonconn h4.raisons 
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div#barrage_nonconn p
{
	/*margin: 8px 0;*/
}
table#barrage_nonconn_raison
{
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin-left: 10px;
}
table#barrage_nonconn_raison td
{	
}
table#barrage_nonconn_raison div
{
	padding: 6px 20px 8px 20px;
	margin: 10px 0;
	/*border: 1px solid #125289;*/
}
table#barrage_nonconn_raison h4
{
	margin: 4px 0;
	font-size: 14px;
	font-weight: bold;
	color:#125289;
}
table#barrage_nonconn_profil
{
	font-size: 11px;
	color: #000000;
	margin-top: 10px;
}
table#barrage_nonconn_profil td.profil
{

	width: 225px;

	
	
	background-color: #b3c811;
	color: #FFFFFF;	
	text-align: left;
	font-size: 14px;
}
table#barrage_nonconn_profil td.profil a
{
	color: #FFFFFF;	
}
table#barrage_nonconn_profil td.profil a:hover
{
	color: #FFFFFF;	
}
table#barrage_nonconn_profil td.profil span
{
	font-size: 18px;
	line-height: 1em;
	font-weight: bold;	
	display: block;
	margin-bottom: 6px;
	margin-top: 10px;
}

table#barrage_nonconn_profil td#contact
{
	width: 220px;
	font-size: 12px;
	color: #000000;
	text-align: left;	
}
table#barrage_nonconn_profil td#contact p
{
	border: 1px dotted #666666;
	margin: 0 24px;
	padding: 12px 8px;
	/*background: url(./images/barrage_tel.png) no-repeat 125px 30px;*/
	
}
table#barrage_nonconn_profil td#contact span
{
	font-size: 12px;
	font-weight: bold;
}



/************************/
/************************/
/*                      */
/* Sous-menu déroulant  */
/* annuaire et magazine */
/*                      */
/************************/
/************************/

div#menu-annuaire-rich, div#menu-magazine-rich
{
	width: 386px;
	color:#ffffff;
}


div#menu-magazine-rich p
{
	line-height:1.5em;
	margin: 8px 4px;
}
div#menu-annuaire-rich p
{
	line-height:1.5em;
	margin: 4px 0;
}



div#menu-annuaire-rich li a:hover, div#menu-magazine-rich li a:hover
{
	color:#b3c811;
}
div#menu-annuaire-rich p b
{
	text-transform:uppercase;
	font-size:13px;
}
div#menu-annuaire-rich li b
{
	text-transform:none;
	font-size:12px;
}
div#menu-annuaire-rich h4
{
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 2px 0;
}
div#menu-annuaire-rich p i
{
	font-size:11px;
}
div#menu-annuaire-rich li i
{
	font-size:12px;
}



/************************/
/************************/
/*                      */
/*   Tag abonné sur     */
/* fiche acteur/société */
/*                      */
/************************/
/************************/

div#tag_abonne
{
	padding:2px 3px 1px 3px;
	background-color:#FFCC00;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	border:1px solid #663300;
	border-radius:3px;
}



/************************/
/************************/
/*                      */
/*  Boîte de pub dans   */
/* les sous-rubriques   */
/*                      */
/************************/
/************************/

div.tag_open_x
{
	text-align:center;
}



/************************/
/************************/
/*                      */
/* Boîtes pilotées par  */
/*      les droits      */
/*                      */
/************************/
/************************/

/* colonne de gauche */
div.cfnews-everyday-image-container
{
	/*-moz-box-shadow: 0px 2px 4px #555; 
    -webkit-box-shadow: 0px 2px 4px #555; 
    box-shadow: 0px 2px 4px #555;*/
}

/* colonne de droite */
div.test-cfnews, div.test-cfnews div, div.test-cfnews h2
{
	background:none;
	/*background-color:#f47f28;*/
	background-color:#a0b613;
	color:#ffffff;
}
div.test-cfnews .image-container img
{
	/*-moz-box-shadow: 0px 2px 4px #555; 
    -webkit-box-shadow: 0px 2px 4px #555; 
    box-shadow: 0px 2px 4px #555;*/
}
div.test-cfnews p
{
	background-color:#dfec8b; /* vert clair */
	color:#598407;/* vert foncé */
	padding:3px 4px;
	margin:4px 2px 2px 2px;
}
div.test-cfnews div.test-cfnews-link
{
	padding:1px 4px;
	margin:1px 2px;
	background-color:#a0b613; /* vert clair */
	color:#ffffff;
	
}
div.test-cfnews-link a
{
	font-weight:bold;
	background-image:none;
	padding-left:0;
}
div.test-cfnews-link a:before
{
	content:"\00BB";
	font-size:16px;
	font-weight:normal;
}
div.test-cfnews a:hover
{
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
}
div.test-cfnews h2
{
	font-size:18px;
	/*color:#dfec8b;*/
	/*color:#598407;*/
	color:#FFFFFF;
	padding-top:8px
}



/************************/
/************************/
/*                      */
/*      Fil twitter     */
/*                      */
/************************/
/************************/

.fil_twitter
{
	background-color: #ffffff;
}

.fil_twitter div#titre
{
	width: 100%;
	min-height:65px;
	height:auto;
	background: #b1c81e url(http://www.cfnews.net/var/cfnews/storage/images/mediatheque/nouvelles-images-cfnews/visuels/!-illustrations-photos-icones/micro-pour-boite-conferences-live/6506169-3-fre-FR/micro-pour-boite-conferences-live.png) 0px 4px no-repeat;
}
.fil_twitter div#titre h2
{
	float: right;
	color: #FFFFFF;
	font: 21px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 26px 0 12px;
}
.fil_twitter div#titre span
{
	float: right;
	color: #FFFFFF;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 4px 26px 0 12px;
}
.fil_twitter p
{
	color:#666666;
	margin:8px 8px 8px 12px;
	padding:4px;
}



/************************/
/************************/
/*                      */
/*     Corrections      */
/*                      */
/************************/
/************************/

/* 22/12/2015 correction de l'affichage des boutons addthis à cause du décalage du tag sur les articles */
div.article-links li
{
	height:25px;
}



/************************/

.mr-3 {
    margin-right: 1.25rem;
}

/****************************************/
/************** CONNEXION ***************/
/****************************************/


#block-connexion > a {
   
    padding: 0 8px;
    display: block;
   
    font-weight: bold;
    color: white;
    position: relative;
}

#block-connexion .desktop-only {
    font-size: 13px;
    position: relative;
    top: 6px;
}

#block-connexion > a:hover {
    color: white;
}

.right-pictos {
    position: relative;
    height: 0;
    float: right;
}

.login-menu {
    right: 0;
    top: 50px;
}

.login-menu > li > a {
    color: #fff;
    font-size: 13px;
}

#block-connexion > ul {
    position: absolute;
    
    width: 260px;
    padding: 10px 20px;
    box-shadow: 0 2px 2px #b4b4b4;
    z-index: 10;
    /* display: none; */
    right: 2px;
}

.icon-home4, .icon-switch2 {
    color: #777;
}

.icon-home4::before, .icon-switch2::before, .user_gris::before {
    font-family: cfnews;
    font-size: 16px;
    font-style: normal;
    color: #777;
}

.user_gris::before {
    content: "\e82b";
}

.user_prune::before {
    content: "\e82b";
    font-family: cfnews, sans-serif;
    font-size: 17px;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    margin-right: 0.625rem;
}

.icon-switch2::before {
    content: "\e82e";
}

.icon-home4::before {
    content: "\e82d";
}

.icon-home4, .icon-switch2, .user_gris {
    color: #777;
    margin-left: 15px;
}

.dropdown-user {
    position: relative;
    top: -4px;
}

.dropdown-toggle.dropdown-user-card::after {
    font-family: "cfnews";
    display: inline-block;
    border: 0;
    vertical-align: middle;
    font-size: 0.6875rem;
    margin-left: 0.46875rem;
    line-height: 1;
    position: relative;
    top: 0;
    content: "\f107";
}

.dropdown-user > .navbar-nav-link,
.dropdown-user > .navbar-nav-link > span {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    border: 0;
    vertical-align: middle;
    font-size: 0.6875rem;
    margin-left: 0.46875rem;
    line-height: 1;
    position: relative;
}

.dropdown-toggle:empty::after {
    margin-left: 0; }



.dropdown-menu.show {
    display: block;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu:not([class*=bg-]) .dropdown-item.active:not(.disabled) .uniform-checker span {
    border-color: #fff;
    color: #fff; }

.dropdown-menu:not([class*=bg-]) .dropdown-item.active:not(.disabled) .uniform-choice span {
    border-color: #fff; }

.dropdown-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-bottom: 0;
    transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
    width: 100%;
    padding: 0.5rem 0rem;
    clear: both;
    font-weight: 400;
    color: #333;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-menu[x-placement^="bottom"] {
    right: auto;
    bottom: auto;
}

@media (prefers-reduced-motion: reduce) {
    .dropdown-item {
        transition: none; }
}

.dropdown-item + .dropdown-item{
    margin-top: 1px;
}

.dropdown-item:active {
    color: #333;
    background-color: #f5f5f5;
}

.dropdown-item.active {
    color: #fff;
    background-color: #2196F3;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}