@charset "UTF-8";

/* Repertoire image : wgtype */


/** ===== SPRITE ===== **/

.selecteur {
	background: url('https://www.coureursdextreme.fr/default/CMS/css/tpl3/../../images/wgtype/sprite_pictos.png') no-repeat 0 0;
}



/** ===== STYLES GLOBAUX ===== **/

#menu ul {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu li {
	height: auto;
	list-style: none;
	position: relative;
}

#menu a {
	color: #FFF;
	display: block;
	text-decoration: none;
}



/** ===== menu NIVEAU 1 ===== **/

#menu {
	z-index: 50;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 740px;
	height: 74px;
	padding: 0;
	border-radius: 0 5px 0 0;
	font-weight: 100;
	background: #857456;
	background: -moz-linear-gradient(top,#857456 0,#918064 100%);
	background: -webkit-linear-gradient(top,#857456 0,#918064 100%);
	background: -o-linear-gradient(top,#857456 0,#918064 100%);
	background: -ms-linear-gradient(top,#857456 0,#918064 100%);
	background: linear-gradient(to bottom,#857456 0,#918064 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857456', endColorstr='#918064',GradientType=0 );
}

#menu > ul {
	width: 740px;
	position: relative;
}
	#menu li.niv1 {
		display: table-cell;
		vertical-align: top;
		background-position: 0 0;
	}

	#menu li.niv1.first {
		background: none;
	}
	#menu li.niv1.last {
		border-radius: 0 5px 0 0;
	}
	#menu li.niv1.les-6-12-24h-de-rennes,
	#menu li.niv1.trail-du-porteur-d-eau {
		background: #f9bf13;
		background: -moz-linear-gradient(top,  #f9bf13 0%, #ed9b0b 100%);
		background: -webkit-linear-gradient(top,  #f9bf13 0%,#ed9b0b 100%);
		background: -o-linear-gradient(top,  #f9bf13 0%,#ed9b0b 100%);
		background: -ms-linear-gradient(top,  #f9bf13 0%,#ed9b0b 100%);
		background: linear-gradient(to bottom,  #f9bf13 0%,#ed9b0b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf13', endColorstr='#ed9b0b',GradientType=0 );
	}
		#menu div.niv1 {
			position: relative;
		}
		#menu div.niv1.first {
		}
		#menu div.niv1.last {
			background: none;
			padding: 0;
		}
			#menu a.niv1 {
				text-align: center;
				font-weight: normal;
				font-size: 15px;
				line-height: 74px;
				height: 74px;
				display: table;
				color: #ffffff;
				padding: 0 15px;
				width: 100%;
				background: url('https://www.coureursdextreme.fr/default/CMS/css/tpl3/../../images/coureurs/bg_onglet.png') no-repeat top left;
			}
			#menu a.niv1.first {
				background: none;
			}
			#menu a.niv1.last {
				border-radius: 0 5px 0 0;
			}
			#menu li.niv1.on,
			#menu li.niv1:hover {
				background: #342714;
			}
			#menu li.niv1.les-6-12-24h-de-rennes.on,
			#menu li.niv1.trail-du-porteur-d-eau.on,
			#menu li.niv1.les-6-12-24h-de-rennes:hover,
			#menu li.niv1.trail-du-porteur-d-eau:hover {
				background: #5E3F00;
			}
				#menu a.niv1 > span {
					vertical-align: middle;
					line-height: 1.15;
					display: table-cell;
				}

				#menu a.niv1.home {
					width: 82px;
				}
				#menu a.niv1.home > span {
					background-position: 16px -138px;
				}
				#menu li.niv1.home:hover a.niv1.home > span,
				#menu li.niv1.home.on a.niv1.home > span {
					background-position: 16px -64px;
				}




/** ===== SOUS-MENUS ===== **/

#menu div.niv2 {
	overflow: hidden;
	position: absolute;
	top: 74px;
	width: 453px;
	z-index: 1000;
}

#menu div.niv2.to_left {
	left: auto;
	right: 0;
} #menu div.niv2.to_left div.niv2_top {
	float: right;
}
	#menu div.niv2_top {
		padding: 0;
		width: 240px;
		background: #f8b327;
		margin-top: -450px;
		-webkit-transition: all .4s ease-in-out;
		   -moz-transition: all .4s ease-in-out;
		    -ms-transition: all .4s ease-in-out;
		     -o-transition: all .4s ease-in-out;
		        transition: all .4s ease-in-out;
	}
	
	#menu li.niv1:hover div.niv2_top {
		margin-top: 0;
	}


/** ===== menu NIVEAU 2 ===== **/

#menu li.niv2 {
	padding: 0;
}
	#menu a.niv2 {
		color: white;
		font-size: 13px;
		font-weight: 100;
		line-height: 18px;
		padding: 9px 10px 9px 16px;
	}

	#menu a.niv2.on,
	#menu li.niv2:hover a.niv2 {
		background: #342714;	
	}

/** ===== menu NIVEAU 3 ===== **/


#menu li.niv2.last ul.niv3 {
	margin-bottom: 0;
}

	#menu div.niv3 {
		position: absolute;
		z-index: 1001;
		top: 0;
		left: 240px;
		overflow: hidden;
		height: 300px;
		padding: 0;
	} #menu div.niv3.to_left {
		left: inherit;
		padding: 0 5px 0 0;
		right: 240px;
	}
	#menu div.niv3_top {
		z-index: 1002;
		width: 210px;
		padding: 0;
		background: #8d7c60;
		margin-left: -406px;
		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		    -ms-transition: all .3s ease-in-out;
		     -o-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}
	
	#menu li.niv2:hover div.niv3_top {
		margin-left: 0;
	}

	#menu a.niv3 {
		color: #ffffff;
		border-bottom: 1px solid #635646;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 16px;
		padding: 10px 10px 9px 20px;
	} 
	#menu a.niv3:before {
		content: '';
		display: inline-block;
		width: 0px;
		height: 0px;
		margin: 0 -4px 0 0;
		position: relative;
		top: 0;
		left: -10px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid white;
	}
	 
	#menu a.niv3.on,
	#menu li.niv3:hover a.niv3 {

	}
	#menu a.niv3.on:before,
	#menu li.niv3.on,
	#menu li.niv3:hover a.niv3:before {
		border-left: 4px solid #ee840a;
	}
#backgroundPage {
	width: 100%;
	height: 530px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border-bottom: 5px solid #f2ad1c;
}

.recupZone2 {
	height: 0;
	width: 0;
	overflow: hidden;
}

	#backgroundPage {
		background-image: url('https://www.coureursdextreme.fr/default/CMS/css/tpl3/../../images/coureurs/bg_page_coureurs.jpg');
		-ms-behavior: url(https://www.coureursdextreme.fr/default/CMS/css/tpl3/backgroundsize.min.htc);
		background-position: center center;
		background-size: cover;
	}
/****** ACTUALITÉS ******/

.ma-container {
	background: #88775a;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height: 290px;
	overflow: hidden;
	padding: 15px;
	position: relative;
	width: 100%;
	margin-bottom: 25px;
}
.ma-container,
.ma-container a {
	color: #fff;
}

.ma-title {
	font-size: 20px;
	color: #ffffff;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 10px;
}

.ma-rss {
	font-size: 0;
	line-height: 0;
	position: absolute;
	right: 15px;
	top: 12px;
}

.ma-news-container {
	height: 205px;
}
	/** Classe servant au plugin bxSlider pour indentifier les éléments du slider.
		Ne pas lui associer de propriété dans la mesure du possible **/
	.ma-news { }

	.ma-news-content {
		font-size: 10px;
		overflow: hidden;
	}
		.ma-news-date {
			color: #f6a500;
			font-weight: bold;
			margin: 5px 0 2px 0;
		}
		.ma-news-title {
			margin: 0 0 8px 0;
		}
		.ma-news-title,
		.ma-news-title a {
			font-size: 14px;
			font-weight: bold;
			line-height: 1;
		}
		.ma-news-image {
			margin: 0 0 5px 0;
		}
		.ma-news-resume {
			color: #fff;
			font-size: 11px;
			line-height: 1.2;
		}
		.ma-know-more-link {
			display: inline-block;
			margin: 2px 0 0;
		}


.ma-container .ma-pagination {
	float: right;
	margin: 8px 0;
}
	.ma-container .ma-pagination-title,
	.ma-container .ma-pager,
	.ma-container .bx-pager {
		display: inline;
	}
		.ma-container .ma-pagination .bx-pager-item {
			display: inline-block;
		}
			.ma-container .ma-pagination .bx-pager-item a {
				color: #FFF;
				border-radius: 4px;
				display: inline-block;
				height: 16px;
				line-height: 16px;
				font-size: 11px;
				margin: 0 0 0 3px;
				overflow: hidden;
				text-decoration: none;
				width: 13px;
				text-align: center;
				font-weight: normal;
			}
			.ma-container .ma-pagination .bx-pager-item:first-child a {
				margin-left: 0;
			}
			.ma-container .ma-pagination .bx-pager-item a:hover,
			.ma-container .ma-pagination .bx-pager-item .active {
				background: #f4af0f;
			}


.ma-detail-actu .actu-date {
	font-size: 12px;
	margin: 0;
}

.ma-container .ma-all-news-link {
	float: left;
	margin: 7px 0 0 0;
}
	.ma-container .ma-all-news-link > a {
		color: #FFF;
		display: block;
		font-size: 11px;
		height: 16px;
		line-height: 16px;
		text-decoration: underline;
		-webkit-transition: all 0.2s ease-in-out;
		        transition: all 0.2s ease-in-out;
	}
	.ma-container .ma-all-news-link > a:hover {
		color: #f4af0f;
	}

#ma-all-news {
	
}
	#ma-all-news .news {
		border-top: 1px dotted #e2e2e2;
		padding: 20px 10px;
	}
	#ma-all-news .news:first-child {
		border-top: 0;
	}
	#ma-all-news .news-image {
		border: 5px solid #fff;
		float: left;
		margin: 0 10px 5px 0;
		box-shadow: 0 0 9px rgba(0,0,0,0.4);
	}

img.ma-know-more-img {
	float: left;
	margin: 0 15px 8px 0;
}
/****** ACTUALITÉS ******/

.ma-courses-container {
	background: #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #dfdcd8;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.ma-courses-container,
.ma-courses-container a {
	color: #5093C9;
}


.ma-courses-news-container {
}
	/** Classe servant au plugin bxSlider pour indentifier les éléments du slider.
		Ne pas lui associer de propriété dans la mesure du possible **/
	.ma-courses-news { }

	.ma-courses-news-content {
		font-size: 10px;
		overflow: hidden;
		padding: 18px;
		padding-bottom: 8px;
		border-bottom: 1px dashed #D3D0CB;
	}
		.ma-courses-news-image {
			margin: 0 0 5px 0;
		}
		.ma-courses-news-resume {
			color: #45351f;
			font-size: 14px;
			font-weight: bold;
			line-height: 1;
		}
		.ma-courses-news-resume:before {
			content: '';
			display: inline-block;
			width: 6px;
			height: 10px;
			background: #f2ae0f;
		}

.ma-courses-container .ma-courses-all-news-link {
		text-align: center;
		padding: 10px 0;
}
	.ma-courses-container .ma-courses-all-news-link > a {
		color: #887d6d;
		font-size: 15px;
		height: 20px;
		font-weight: bold;
		line-height: 20px;
		text-decoration: underline;
		-webkit-transition: all 0.2s ease-in-out;
		        transition: all 0.2s ease-in-out;
	}
	.ma-courses-container .ma-courses-all-news-link > a:hover {
		text-decoration: none;
	}

#ma-courses-all-news {
	
}
	#ma-courses-all-news .news {
		border-top: 1px solid #AAA;
		padding: 20px 10px;
	}
	#ma-courses-all-news .news:first-child {
		border-top: 0;
	}
	#ma-courses-all-news .news-image {
		border: 1px solid #000;
		float: left;
		margin: 0 10px 5px 0;
	}

img.ma-courses-know-more-img {
	float: left;
	margin: 0 15px 8px 0;
}
.mc-diaporama-container {
	height: 300px !important;
	width: 710px !important;
}
	.mc-diaporama-slide {
		-ms-behavior: url(https://www.coureursdextreme.fr/default/CMS/css/tpl3/backgroundsize.min.htc);
		background-position: center center;
		background-size: cover;
		height: 300px;
		width: 710px;
	}

	#diaporama {
		position: relative;
		left: -5px;
		height: 340px;
		width: 710px;
	}

	#diaporama .bx-prev,
	#diaporama .bx-next {
		position: absolute;
		z-index: 150;
		display: block;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
		width: 24px;
		top: 148px;
		box-shadow: 2px 3px 4px rgba(0,0,0,.25);
		height: 40px;
		text-indent: -999px;
		font-size: 0;
		border-radius: 3px;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #efece8 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#efece8 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#efece8 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#efece8 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#efece8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efece8',GradientType=0 );
	}

	#diaporama .bx-prev {
		left: -5px;
	}
	#diaporama .bx-next {
		right: -5px;
	}

	#diaporama .bx-prev:hover {
		left: -8px;
	}
	#diaporama .bx-next:hover {
		right: -8px;
	}

	#diaporama .bx-prev:after,
	#diaporama .bx-next:after {
		content: '';
		display: block;
		position: absolute;
		top: 15px;
		width: 0;
		height: 0;
	}

	#diaporama .bx-prev:after {
		left: 9px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 5px solid #f5a527;
	}
	#diaporama .bx-next:after {
		right: 9px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #f5a527;
	}
	#diaporama:before {
		content: '';
		display: block;
		height: 20px;
		width: 740px;
		position: relative;
		left: 0;
	}
	#diaporama:after {
		content: '';
		display: block;
		width: 100%;
		height: 42px;
		margin-top: 10px;
		background: url('https://www.coureursdextreme.fr/default/CMS/css/tpl3/../../images/coureurs/ombre_diapo.png') no-repeat center top;
	}