/*********************************************************************
HOMEPAGE BANNER (competition + stand-alone banner)
**********************************************************************/
/* fix for top margin of all homepage banners */
body.path-frontpage .region-highlighted .views-element-container,
body.path-frontpage .region-highlighted .block .content{
    margin: 0px;
}
/*
 * Banner content type
 */
body.path-frontpage div.view-banner{
    background: url("https://fantacycling.com/themes/fantacycling_bartik/css/images/fond-rainbow.png") top;
}
body.path-frontpage div.view-banner .course-image{
    right:150px;
}
/*
 * Homepage competition header layout
 */
div.block-views-blockcompetition-block-comp-home{
    overflow:hidden;
    position:relative;
}
body.path-frontpage .etape-du-jour{
	width:100%;
	max-width:100%;
}
div.region-inner > .block-views,
div.region-inner > .block-views .block-inner {
	margin:0px;
}
/* image bg */
div.banner-full-container{
    position:relative;
    overflow:hidden;
    text-shadow: 1px 1px 1px #999;
}
div.block-comp-home-open-preregistration .course-image{
    position:absolute;
    background:#000;
    top:0;
}
div.block-comp-home-open-preregistration .course-image img{
    opacity:0.9;
    /*max-width:none !important;*/
}
/* columns */
div#banner-col-container{
	display:table;
	margin:0px auto;
	position: relative;
	max-width:1290px;
    width:100%;
	box-sizing:border-box;
}
.banner-full-container div#banner-col-container > .banner-col{
	display:table-column;
	float:left;
	box-sizing:border-box;
}
.banner-full-container div#banner-col-container > #banner-col-1{
	width:100%;
	padding:50px 0px 10px 0px;
	box-sizing:border-box;
}
.banner-full-container .banner-bottom{
	width:100%;
	padding: 0px 25px;
    position: relative;
    overflow:hidden;
    box-sizing: border-box;
}
.banner-full-container .banner-bottom > div{
	max-width:1290px;
    width:100%;
	padding: 15px 0px;
    position: relative;
    margin:0 auto;
}
/* Title */
.banner-full-container h2,
.banner-full-container h2 a{
	font-size:65px;
	color:#fff;
	/*text-transform:lowercase;*/
	display:block;
    margin-top:0;
    margin-bottom:10px;
}
/* jeu gratuit */
.banner-full-container .jeu-gratuit{
    font-size: 22px;
	color:#fff;
	font-weight:bold;
	text-transform:lowercase;
}
/*
 * boutons
 */
/* banner intro */
.banner-intro{
	max-width: 470px;
	font-size: 20px;
	text-align: left;
	color:#fff;
	margin:5px 0px 35px 0px;
	box-sizing:border-box;
}
.banner-full-container .buttons-and-links{
    overflow: hidden;
	float:right;
	text-align:right;
}
.banner-full-container .buttons-and-links a{
    color:#000;
}
.banner-full-container div.buttons ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}
.banner-full-container div.buttons ul li{
	display:inline;
	list-style:none;
}
/*****************/
div.buttons ul li a{
	border: 1px solid #fff;
	padding: 15px 25px;
	color: #444;
	font-weight:bold;
	margin: 0px 15px 10px 0px;
	display: inline-block;
	text-align: center;
	background:#fff;
	text-transform:lowercase;
	font-size:15px;
    text-shadow: none;
}
div.buttons ul li a:hover{
	text-decoration:underline;
}
/* créer une league */
.bouton.groupe a{
	color:#fff;
	background:none;
}
/* logic to display right description and buttons per competition */
/* hide all by default */
.banner-full-container .banner-intro,
.banner-full-container .bouton.equipe,
.banner-full-container .bouton.play-button{
	display:none;
}
/* fantacup */
.banner-full-container.Fantacup .banner-intro.fantacup,
.banner-full-container.Fantacup .bouton.equipe.une{
	display:inline-block;
}
/* fantaclassics */
.banner-full-container.FantaClassics .banner-intro.fantaclassics,
.banner-full-container.FantaClassics .bouton.equipe.une,
.banner-full-container.FantaClassics .bouton.play-button{
	display:inline-block;
}
/* tours */
.banner-full-container.Giro .banner-intro.fantatours,
.banner-full-container.Giro .bouton.equipe.deux,
.banner-full-container.Giro .bouton.play-button,
.banner-full-container.Tour .banner-intro.fantatours,
.banner-full-container.Tour .bouton.equipe.deux,
.banner-full-container.Tour .bouton.play-button,
.banner-full-container.Vuelta .banner-intro.fantatours,
.banner-full-container.Vuelta .bouton.equipe.deux,
.banner-full-container.Vuelta .bouton.play-button{
	display:inline-block;
}
/* fantamundial */
.banner-full-container.FantaMundial .banner-intro.fantamundial,
.banner-full-container.FantaMundial .bouton.equipe.une{
	display:inline-block;
}
/* Banner block on homepage */
.view-banner .banner-intro{
	display:inline-block;
}
/** sublinks **/
div.sublinks ul{
    padding:10px 0;
}
div.sublinks ul li{
    list-style: none;
    padding:7px 0;
}
div.sublinks ul li a{
    font-size:16px;
    color:#fff;
    font-weight:bold;
}
div.sublinks ul li a:hover{
    text-decoration:underline;
    border:none;
}

/*********************** bottom row ******************************/
/* hide countdown 
.coutdown-numbers{
    display:none;
}*/
/* countdown layout */
.countdown{
	text-align:center;
}
.countdown > div{
	display:block;
	box-sizing:border-box;
	margin-top: 10px;
}
/* countdown */
.jquery-countdown{
	padding:0px;
	background:none;
	border:none;
	width:auto;
	display:inline;
	overflow:hidden;
    
}
/* date-et-reglement */
.date-et-reglement{
    display:block;
    font-size:16px;
    color:#fff !important;
}
/*------------------------------ Responsive for phone portrait ----------------------------------------*/
@media only screen and (max-width: 680px){
    .banner-intro{
        font-size: 18px;
    }
    div.buttons ul li a{
        min-width:218px;
        padding: 16px 10px;
    }
    div.sublinks ul li a{
        font-weight:500;
    }
}
/******************************************************************************
Homepage Oreillette
******************************************************************************/
#block-views-etapes-block-12{
	background:#ffea72;
}
#block-views-etapes-block-12 .block-inner{
	max-width:1290px;
	margin:0px auto;
	padding:30px 0px;
}
#block-views-etapes-block-12 .view-display-id-block_12{
	display:table;
	width:100%;
	box-sizing:border-box;
}
#block-views-etapes-block-12 .view-display-id-block_12 > div{
	display:table-cell;
	vertical-align:middle;
}
/* title */
#block-views-etapes-block-12 .view-display-id-block_12 .view-header h2{
	margin:0px;
	padding:50px 0px 50px 150px;
	background:url('images/oreillette.png') no-repeat left;
	box-sizing:border-box;
	width:300px;
}
/* List */
#block-views-etapes-block-12 .view-content{
	width:700px;
	padding-left:100px;
	font-weight: bold;
}
#block-views-etapes-block-12 .view-content .views-row{
	margin:0px;
	display:table;
}
#block-views-equipes-dynamic-block-22 .view-content .views-column{
	display:table-cell;
	text-align:center;
	padding:0px 30px;
	margin:0px;
}
/* link to fantaleague page */
#block-views-equipes-dynamic-block-22 .view-footer{
	text-align:right;
}
/*------------------------------ Responsive only for desktop ----------------------------------------*/
@media only screen and (max-width: 1025px){
	#block-views-etapes-block-12 .view-display-id-block_12{
		display:block;
		width:100%;
		padding:30px;
	}
	#block-views-etapes-block-12 .view-display-id-block_12 > div{
		display:block;
	}
	/* title */
	#block-views-etapes-block-12 .view-display-id-block_12 .view-header h2{
		margin:0px;
		padding:0px 0px 30px 0px;
		background:none;
		box-sizing:border-box;
		width:100%;
		text-align:left;
	}
	/* List */
	#block-views-etapes-block-12 .view-content{
		margin:0px;
		padding:0px;
		background:none;
		box-sizing:border-box;
		width:100%;
	}
	#block-views-etapes-block-12 .view-content .views-row{
		margin:0px;
	}
	#block-views-etapes-block-12 .view-content .views-column{
		display:inline-block;
		text-align:center;
		padding:0px 25px 0px 0px ;
		margin:0px;
	}
	/* link to fantaleague page */
	#block-views-equipes-dynamic-block-22 .view-footer{
		text-align:left;
	}
}
/*********************************************************************/
/* Leader competition */
.view-competition-homepage-header .view-equipes-dynamic{
	width:100%;
}
.view-competition-homepage-header .view-equipes-dynamic > .view-content{
	display:table;
	width:100%;
}
.view-competition-homepage-header .view-equipes-dynamic > .view-content > div.views-row{
	display:table-cell;
	width:20%;
}
.view-competition-homepage-header .views-field-nothing > .field-content{
	display:table;
}
.view-competition-homepage-header .views-field-nothing > .field-content > div.view-coureurs{
	display:table-cell;
	width:33%;
}
/* fonts */
.view-competition-homepage-header .views-field-field-score{
	font-size:19px;
}
.symbol{
	font-size:25px;
}

/******************************************************************************************************
Etape du jour
******************************************************************************************************/
/* 
 * header 
 */
body.path-frontpage .region-highlighted .view-course,
#block-views-block-course-block-course-header--2,
.view-display-id-block_course_header{
    overflow:hidden;
}
#block-views-block-course-block-course-header--2 > .content{
    margin-bottom:0;
}
.etape-du-jour-header{
	position:relative;
	padding-top:50px;
	padding-bottom:0px;
	/*height:450px;*/
}
.etape-du-jour-header h1{
    color:#fff;
}
.etape-du-jour-header .course-image{
	position:absolute;
	top:0;
	background:#000;
}
.etape-du-jour-header .course-image img{
	margin:0px;
	z-index:1;
	/*max-width:none !important;*/
	opacity:0.9;
}
.etape-du-jour-header > .etape-du-jour-results{
    margin-top:50px;
}
.etape-du-jour-header .view-display-id-block_course_results a p.views-field-title {
    color:#fff !important;
}
.etape-du-jour-header .container{
	max-width:1290px;
	margin:0px auto;
	position:relative;
	z-index:2;
	/*padding:80px 0px 30px 0px;*/
    text-shadow: 1px 1px 1px #999;
    /*min-height:300px;*/
}
/* design comp breadcrumb in etape and classique*/
body.page-node-type-course .view-display-id-block_comp_breadcrumb > div > .views-row.comp-color-strong,
body.page-node-type-classique .view-display-id-block_comp_breadcrumb > div > .views-row.comp-color-strong{
    opacity: 7;
    position: Absolute;
    z-index: 10;
    padding-left: 50px;
}
/* course typeicon */
div.etape-du-jour img{
	margin:0px 15px;
}
/* course title */
.etape-du-jour-header .title{
	display:inline-block;
}
.etape-du-jour-header .title,
.etape-du-jour-header .title a {
	font-size: 65px;
    color: #fff;
	padding:15px;
	padding-left:0px;
	margin-bottom:50px;
	font-weight:bold;
}
.etape-du-jour-header .title a:hover {
	text-decoration:underline;
    border-bottom:none;
}
.etape-du-jour-header .title .course-description{
    display:block;
    color:#fff;
    font-size:25px;
    margin-left:0;
	}
/* prono button */
.etape-du-jour-header #prono-for-logged-in{
	margin:0px;
}
.etape-du-jour-header .button a{
    padding: 15px 25px;
    font-weight: bold;
    margin: 0px;
    display: inline-block;
    text-align: center;
    background: #fff;
    text-transform: lowercase;
    font-size: 15px;
    text-shadow: none;
}
/* upcoming and past prono */
.etape-du-jour-header .view-display-id-block_user_upcoming_prono .view-coureur,
.etape-du-jour-header .view-display-id-block_user_upcoming_prono .views-field-edit-node,
.etape-du-jour-header .view-display-id-block_user_past_prono .view-coureur,
.etape-du-jour-header .view-display-id-block_user_past_prono .views-field-field-score{
    display: inline-block;
    background: #fff;
    padding: 8px 12px;
    /*border-radius: 5px;*/
}
/* modifier prono */
.etape-du-jour-header a.modifier-prono{
    padding-right:15px;
}
/************
Adaptations for homepage version with introduction of Prono des femmes and side by side courses du jour
************/
/* top margin for wrapper */
.view-display-id-block_course_home_wrapper > .view-content > .grid-flex{
    margin-top:20px;
    width:1980px;
    max-width:100%;
}
.view-display-id-block_course_home_wrapper > .view-content > .grid-flex > div{
    width:990px;
    max-width:50%;
}
/* add padding to boxes */
.view-display-id-block_course_home_wrapper .etape-du-jour-header .container,
.view-display-id-block_course_home_wrapper .etape-du-jour-results{
    padding:20px 20px 30px 20px;
}
/* resize header */
.view-display-id-block_course_home_wrapper .etape-du-jour-header{
    height:auto;
    padding-bottom: 10px;
}
/* reduce title size */
.view-display-id-block_course_home_wrapper .etape-du-jour-header .title,
.view-display-id-block_course_home_wrapper .etape-du-jour-header .title a {
	font-size: 40px;
}
/* align "modofoer" with chosen rider for UPCOMING prono du jour */
.body.path-frontpage .view-display-id-block_user_upcoming_prono .views-field-view,
.body.path-frontpage .view-display-id-block_user_upcoming_prono .views-field-nothing{
    display:inline-block;
    margin-right:20px;
}
.body.path-frontpage .view-display-id-block_user_upcoming_prono .views-field-nothing a{
    color:#fff;
}
/************
design of Pronos du jours rider dans etape banner
************/
/* layout */
.etape-du-jour-header .view-prono-du-jour > .view-content > .views-row{
    background: #fff;
    /*border-radius: 5px;*/
    display:inline-block;
}
.etape-du-jour-header .view-prono-du-jour > .view-content > .views-row > div{
    display:inline-block;
}
/************
countdown et resultats dans etape banner
************/
.etape-du-jour-results{
	padding:15px 0px;
    position:relative;
    text-shadow: 1px 1px 1px #999;
    color:#fff;
}
.etape-du-jour-results > .container .views-row{
    background: none !important;
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
    display:flex;
}
/* date size */
.etape-du-jour-results .views-field-field-date-1{
    font-size:20px;
}
/* #pronos figure */
.etape-du-jour-results span.figure{
    margin-top: 9px;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
}
.etape-du-jour-results > .container > .view-highlights-etapes-et-classiques > div > div.views-row > div{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	color:#fff;
	padding:0px 100px 0px 0px;
	background-color:none !important;
}
.etape-du-jour-results .colored-boxes .view-content .views-row .views-field-nid p{
	font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    width: auto;
    height: auto;
    display: inline-block;
    color: #fff;
    margin-bottom: 0px;
	background:none;
}
/* countdown */
.etape-du-jour-results .countdown-container{
	/*width:250px;*/
	padding-right:0px;
	overflow:hidden;
}
.etape-du-jour-results .countdown{
	width:240px;
}
/* to avoid countdown scrolling effect on mobile */
.etape-du-jour-results .countdown-container,
.etape-du-jour-results .countdown-container .field-content,
.etape-du-jour-results .countdown-container .countdown{
	overflow:hidden; 
}
/* date depart */
.etape-du-jour-results .views-field-field-date .date-depart{
	width:300px;
}
/* prono counter */
.etape-du-jour-results .prono-counter {
	font-size: 30px;
	line-height:30px;
    display: inline;
    padding-right: 10px;
    font-weight: bold;
}
/* link-course */
div.etape-du-jour .views-field-nid-1{
	padding-right:0px !important;
}
div.etape-du-jour .link-course{
	float:right;
	font-size:15px;
	line-height:50px;
	padding: 0px 15px;
    background-color: #fff !important; /* fantaclassics */
}
div.etape-du-jour .link-course a{
	color:#444;
	font-weight:bold;
}
/*
 * countdown
 */
 /* position in page course (by default) */
.colored-boxes .countdown-container{    
	width:50%;
}
.colored-boxes .countdown-container .countdown {
	/*padding:40px 0px;*/
}
 /* position in homepage */
body.front .colored-boxes .countdown-container{    
	width:40%;
}

/* design label */
.countdown-container .views-label{
	width:100%;
	text-align:left;
	padding-left:25px;
	background:url('images/chrono.png') no-repeat left top;
}
/* remove design countdown box */
.is-countdown{
	background:none !important;
	border:none !important;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
}
/* apply max-width for homepage competition banner (when competition is OPEN) 
.view-competition-homepage-header .is-countdown{
	max-width:300px;
	padding: 50px 0px;
}*/
/* countdown et date */
div.etape-du-jour .countdown-et-prono-avant-etape .views-field-nothing-1 > span{
	display:table;
}
div.etape-du-jour .countdown-et-prono-avant-etape .views-field-nothing-1 > span > div{
	display:table-cell;
	background:none;
	padding:0px 100px 0px 0px;
	vertical-align:top;
}
div.etape-du-jour .countdown-et-prono-avant-etape .views-field-nothing-1 > span > div .prono-counter{
	display:inline-block;
	font-size:16px !important;
	padding: 13px 15px 22px 0px;
}
/* style counter */
.countdown-section{
    padding:0px 30px;
    border:none;
    margin-left:-1px;
    display:inline-block;
}
.countdown-amount,
.countdown-period,
.countdown-row{
	display:block;
	text-transform:lowercase;
	font-size:16px;
	padding:0px 5px;
    color:#fff;
}
/* countdown amount */
.countdown-amount{
	font-weight:bold;
	font-size:25px;
}
/* layout prono du jour */
.prono-du-jour > .field-content > .view-course-du-jour > .view-empty p{
	display:block;
	padding:40px 0px;
}
/*************************** highlight etape apres départ *************************************/
/* layout */

/* legends */
.etape-du-jour-results .view-highlights-etapes-et-classiques .views-label{
	margin-bottom:5px;
	display:inline-block;
	text-transform:lowercase;
}
/* images */
.etape-du-jour-results .view-highlights-etapes-et-classiques .views-field-field-maillot,
.etape-du-jour-results .view-highlights-etapes-et-classiques .views-field-field-face,
.etape-du-jour-results .view-highlights-etapes-et-classiques .face{
	width:50px;
	display:table-cell;
	vertical-align:middle;
}
div.etape-du-jour .view-highlights-etapes-et-classiques img{
	width:50px;
	height:50px;
	margin:0px;
}
/* titre */
.etape-du-jour-results .view-highlights-etapes-et-classiques .views-field-title,
.etape-du-jour-results .view-highlights-etapes-et-classiques .favori-et-cote{
	display:table-cell;
	vertical-align:middle;
	padding-left:20px;
}
.etape-du-jour-results .view-highlights-etapes-et-classiques .views-field-title a,
.etape-du-jour-results .view-highlights-etapes-et-classiques .favori-et-cote a{
	color:#fff;
	font-size:14px;
}
/* layout favori */
.etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nothing,
.etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nid-2{
	display:table-cell;
	vertical-align:middle;
}
/* exception for page etape ou classique */
.node-type-classique .etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nid-2,
.node-type-course .etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nid-2{
	display:none !important;
}
.etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nid-2{
	width:250px;
	text-align:right;
}
/* favori */
.etape-du-jour-results .view-highlights-etapes-et-classiques .views-field-view-4{
	padding:0px !important;
	min-width:400px;
}
.etape-du-jour-results .view-highlights-etapes-et-classiques .coureur-name a{
	color:#fff;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
}
/* prono count */
.etape-du-jour-results .pronos-counts .view-course-du-jour{
	display:inline-block;
}
.etape-du-jour-results .count-pronos {
	font-size:14px !important;
    line-height: 20px;
    padding-right: 0px;
}
/*************************** Résultats *************************************/
.view-display-id-block_course_results{
    max-width: 1290px;
    margin: 0 auto;
    width: 100%;
}
.view-display-id-block_course_results a{
    color:#fff;
}
/*------------------------------ Responsive only for desktop ----------------------------------------*/
@media only screen and (min-width: 1025px){
	/*
	 * Focus and twitter feed
	 */
	body.front #columns{
		max-width:1290px;
		margin:0px auto;
	}
	body.front #content-column .content-inner{
		margin-right:360px;
	}
	body.front .region-sidebar-second {
		width: 400px;
		margin-left: -400px;
		padding-left: 22px !important;
		border-left: 0px solid #000 !important;
		box-sizing: border-box !important;
	}
}
/*------------------------------ Responsive for phone portrait ----------------------------------------*/
@media only screen and (max-width: 680px){
	/* hide logo (only for desktop */
	body.front .site-logo{
		visibility:visible;
	}
	/* layout et img bg */
	body.front #messages-help-wrapper{
		width:100%;
		padding-top: 0px;
		margin: 0px auto;
		background:none;
		/* border-bottom:7px solid #000; */
	}
	body.front #messages-help-wrapper > .container{
		width:100%;
		max-width:100%;
		/*background:#DEEFD5 url('images/banner-corrige.png') no-repeat top;
		min-height:400px;*/
	}
	/*body.front .region-help{
		padding:20px;
		margin:0px auto;
		position: relative;
		max-width:1290px;
		box-sizing:border-box;
		overflow: hidden;
	}*/
	 div.banner-full-container{
		padding:0px;
		overflow:hidden;
	}
	/* layout */
	div#banner-col-container{
		display:block;
	}
	/* columns */
	div#banner-col-container > .banner-col{
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		text-align: left;
		padding: 0px;
		padding-left: 25px !important;
	}
	/* layout */
	.banner-full-container div#banner-col-container > #banner-col-1{
		padding-top:30px;
		width:100%;
		box-sizing:border-box;
	}
	div#banner-col-container > #banner-col-2{
		display:none !important;
	}
	.banner-full-container #banner-row-2{
		padding:0px;
	}
	.banner-full-container #banner-row-2 > div > div{
		display:block !important;
		text-align:left;
		padding:30px;
		margin:0px;
		box-sizing:border-box;
		width:100%;
	}
	/************************** competition banner ****************************/
	/* title */
	.banner-full-container h2,
	.banner-full-container h2	a{
		font-size:30px !important;
	}
	/* jeu gratuit */
	.banner-full-container .jeu-gratuit{
		font-size: 22px;
		color:#fff;
		font-weight:bold;
		text-transform:lowercase;
	}
	/* Prix */
	.banner-full-container #banner-row-2 > div > div.prix{
		padding:30px;
	}
	.banner-full-container #banner-row-2 > div > div.prix a{
		background:none;
		padding:0px;
	}
	/* countdown */
	.countdown,
	.date-depart{
		padding:0px;
		width:100%;
	}
	/* équipes engagées */
	.equipes-enregistrees{
		display: block !important;
		padding: 20px 30px !important;
	}
	/* 2 boutons */
	.banner-full-container .buttons-and-links{
		overflow: hidden;
		float:right;
		text-align:center;
	}
	/*body.front .region-help div.buttons ul li {
		width: 60%;
	}*/
	/*
	 * content wrapper 
	 */
	body.front #content-wrapper{
		padding:0px;
	}
	/********************************* etape-du-jour *************************/
    /* with introduction of prono des femmes */
    .view-display-id-block_course_home_wrapper > .view-content > .grid-flex > div{
        width:100%;
        max-width:100%;
    }
	/*body.front .etape-du-jour-header{
		font-size:30px;
		text-align:left;
	}*/
	.etape-du-jour-header .container {
		padding: 15px 0px 0px 0px;
		box-sizing:border-box;
	}
	.etape-du-jour-header{
		padding-top: 20px;
		padding-bottom:0px;
		margin-bottom:0px;
		height:auto;
	}
	.etape-du-jour-header .course-image{
		/*display:none;*/
	}
	/* title */
	.etape-du-jour-header .title{
		/*padding:15px 30px;*/
		margin-bottom:0px;
	}
    .view-display-id-block_course_home_wrapper .etape-du-jour-header .title, 
    .view-display-id-block_course_home_wrapper .etape-du-jour-header .title a,
    .etape-du-jour-header .title,
    .etape-du-jour-header .title h1{
		font-size:25px;
	}
	/* distnce of title from icon */
	.etape-du-jour-header .title a{
	   padding: 0 0 0 10px;
	}
	.etape-du-jour-header .title img{
		/*display:none;*/
		max-width:25px;
	}
	.etape-du-jour-header .title .course-description{
		padding:0px;
		font-size:16px;
		font-weight:normal;
	}
	/* prono */
	.etape-du-jour-header .prono{
		padding:40px 0 0 0;
	}
	.prono .prono-title{
		padding-top:15px;
	}
	.prono > .view-course-du-jour .view-header,
	.prono > .view-course-du-jour .view-content{
		padding:0px 20px;
	}
	.etape-du-jour-header .prono .button a {
		/*margin:15px 0px 30px 30px ;*/
		display:inline-block;
	}
	.etape-du-jour-header .prono .views-row-1{
		background:none;
	}
	/* results */
	.etape-du-jour-results{
		padding:0px 30px;
	}
	.etape-du-jour-results .views-field-field-date,
	.etape-du-jour-results .link-course{
		display:inline-block;
		float:none;
		clear:both;
	}
	/* layout */
	.etape-du-jour-results > .container > .view-highlights-etapes-et-classiques > div > div.views-row > div{
		width:100%;
		background:none;
		margin:15px 0px;
		box-sizing:border-box;
		padding:0px;
		display:block;
	}
	/* countdown et date */
	div.etape-du-jour .countdown-et-prono-avant-etape .views-field-nothing-1 > span > div{
		width:100%;
		display:block;
		background:none;
        font-size:20px !important;
	}
	div.etape-du-jour .countdown-et-prono-avant-etape .views-field-nothing-1 > span > div .prono-counter{
		float: left;
	}
	.count-pronos span.figure{
	    margin-top: 0px;
        display: inline-block;
        margin: 0px 5px 0 21px
	}
	/* layout favori */
	.etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nothing,
	.etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nid-2{
		display:block;
	}
	.etape-du-jour-results .view-highlights-etapes-et-classiques .favori .views-field-nid-2{
		width:100%;
		text-align:left;
		margin-top: 20px;
	}
	/* link course */
	div.etape-du-jour .link-course{
		float:left;
		margin-bottom:20px;
	}
	/* bg countdown and date 
	div.etape-du-jour .countdown-container,
	div.etape-du-jour .views-field-field-date{
		background:#4994d4 !important;
	}*/	
	/* bg prono counter 
	.etape-du-jour-results .views-field-view-1{
		background: #4994d4 !important;
	}*/

	/******************************* zone content **********************************/
	/* margins for 2 columns layout */
	body.front #content-wrapper .container {
		max-width: 100%;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	/* gazette */
	#block-views-articles-dynamic-block-11{
	}
	.view-articles-dynamic .views-responsive-grid .views-row .views-column{
		padding:0 0 40px 0 !important;
		border:none !important;
	}
	/* focus */
	#tertiary-content-wrapper{
		padding:0px;
	}
	#tertiary-content-wrapper h2{
		padding:30px;
	}
	#tertiary-content-wrapper .views-column{
		overflow:hidden;
		background:#eee;
		padding:0px!important;
		margin:0 0 40px 0px !important;
		width:100%;
	}
	#tertiary-content-wrapper .views-field-field-image{
		width:40%;
		float:left;
	}
	#tertiary-content-wrapper .views-field-title-field a{
		font-size: 17px;
		line-height: 20px;
	}
    /* design comp breadcrumb in etape and classique*/
    body.page-node-type-course .view-display-id-block_comp_breadcrumb > div > .views-row.comp-color-strong,
    body.page-node-type-classique .view-display-id-block_comp_breadcrumb > div > .views-row.comp-color-strong{
        opacity: 7;
        position: relative;
        z-index: 10;
        padding-left: 0px;
    }
    /* padding of text container */
    .etape-du-jour-header > .views-field-nothing{
        padding:0px 25px;
    }
    /* etape title in banner */
    .etape-du-jour-header .title,
    .etape-du-jour-header .title a,
    .view-display-id-block_course_header h1{
        font-size:30px;
        padding: 0px;
    }
    /* hide countdown and course description
    .field-timer-jquery-countdown, 
    .field-timer-jquery-countdown-led,
    .etape-du-jour-header .title .course-description{
        display:none !important;
    }*/
    /* results */
    .etape-du-jour-results{
        padding-bottom:20px;
    }
}