/*---------------*\
  $RESET
\*---------------*/
#center {
  width: 100% !important;
}
#center_part_2_full {
  float: none !important;
  width: 100% !important;
}
#contenuhome {
  margin: 0 !important;
}
#bottomfooter {
  margin-top: 0 !important;
}
#ftr {
  margin-top: 0 !important;
}

.hub-breadcrumb {
    margin: 0 auto 10px;
    max-width: 1000px;
}

.hub-breadcrumb ol,
.hub-breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-breadcrumb ol li,
.hub-breadcrumb ul li {
    display: inline-block;
    font-size: 12px
}

@media only screen and (max-width:575.99px) {
    .hub-breadcrumb ol li:nth-last-child(n+3) a:before,
    .hub-breadcrumb ol li:nth-last-child(n+3) a:focus:before,
    .hub-breadcrumb ol li:nth-last-child(n+3) a:hover:before,
    .hub-breadcrumb ul li:nth-last-child(n+3) a:before,
    .hub-breadcrumb ul li:nth-last-child(n+3) a:focus:before,
    .hub-breadcrumb ul li:nth-last-child(n+3) a:hover:before {
        content: "..."
    }
    .hub-breadcrumb ol li:nth-last-child(n+3) span,
    .hub-breadcrumb ul li:nth-last-child(n+3) span {
        display: none
    }
}

.hub-breadcrumb ol li a,
.hub-breadcrumb ol li a:focus,
.hub-breadcrumb ol li a:hover,
.hub-breadcrumb ul li a,
.hub-breadcrumb ul li a:focus,
.hub-breadcrumb ul li a:hover {
    color: #3b3b3b;
    text-decoration: underline
}

.hub-breadcrumb ol li a:hover,
.hub-breadcrumb ul li a:hover {
    text-decoration: none
}

.hub-breadcrumb ol li span,
.hub-breadcrumb ul li span {
    color: #3b3b3b
}

.hub-breadcrumb ol li+li:before,
.hub-breadcrumb ul li+li:before {
    content: "›";
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px
}



/*---------------*\
  $WEBZINES DEFAULT
\*---------------*/
.webzine-home *,
.webzine-home *::before,
.webzine-home *::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.webzine-home .clearfix::before,
.webzine-home .clearfix::after {
  display: table;
  content: " ";
}
.webzine-home .clearfix::after {
  clear: both;
}

.webzine-home .title {
	border: 0 none;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 25px;
	text-align: center;
	text-transform: uppercase;
}

.webzine-container {
	margin: auto;
	max-width: 1030px;
	padding: 0 15px;
}

.webzine-home .tab {
	display: none;
}
.webzine-home .tab.active {
	display: block;
}



/* WEBZINE */
.webzine,
.webzine:focus,
.webzine:hover {
	background-color: #0096B1;
	display: block;
	outline: 0 none;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.webzine .webzine-top {
	left: 0;
	padding: 0 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 15px;
	width: 100%;
	z-index: 1;
}
.webzine .webzine-title {
	border-bottom: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
	padding: 0 0 7px;
}
.webzine img {
	height: auto;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.webzine img {
		height: 220px;
	  -webkit-transition: all ease .3s;
	          transition: all ease .3s;
	}
	.webzine:hover img {
		-webkit-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		        transform: scale(1.1);
	}
}



/* WEBZINE HEADER */
.webzine-header {
	background: url('../images/bkg-webzine.png') no-repeat 50% 0 #c3fceb;
	padding: 38px 0 29px;
}
.webzine-header .title {
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.webzine-header .row {
		margin: 0 -4px;
	}
	.webzine-header .col {
		float: left;
		padding: 0 4px;
	}
	.webzine-header .col-left {
		width: 66.5%;
	}
	.webzine-header .col-left img {
		height: 450px;
	}
	.webzine-header .col-right {
		width: 33.5%;
	}
	.webzine-header .webzine {
		margin-bottom: 10px;
	}
}



/* WEBZINE BODY */
.webzine-body {
	padding: 58px 0;
}
.webzine-body .title {
	color: #3e3e3e;
}
@media only screen and (min-width: 768px) {
	.webzine-body .row {
		margin: 0 -2.5px;
	}
	.webzine-body .col {
		float: left;
		padding: 0 2.5px;
		width: 33.3333%;
	}
	.webzine-body .webzine {
		margin-bottom: 6px;
	}
}



/* WEBZINE PAGINATION */
.webzine-pagination {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.webzine-pagination li,
.webzine-pagination li a,
.webzine-pagination li a:focus,
.webzine-pagination li a:hover {
	color: #3e3e3e;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.webzine-pagination li a,
.webzine-pagination li a:focus,
.webzine-pagination li a:hover {
	padding: 0 3px;
}
.webzine-pagination li a:hover {
	text-decoration: underline;
}



/* WEBZINE MORE */
.webzine-more {display: block;width: 100%;max-width: 1000px;overflow: hidden;font-size: 0px;margin: 0 auto;padding-top: 58px;}
.webzine-more .title {color: #3e3e3e;}
.webzine-more a{display: inline-block;vertical-align: top;width: 475px;margin-right: 50px;text-decoration: none;outline: none;padding-bottom: 55px;position: relative;}
.webzine-more a:after{content: "";background: url(/content/static/bcom/desktop/evenements/2017/05_accueil-duels/images/arrow.png) no-repeat center center;background-size: cover;position: absolute;bottom: 15px;right: 15px;width: 14px;height: 22px;}
.webzine-more a:first-child{background-color: #007472;}
.webzine-more a:last-child{margin-right: 0px;background-color: #b8d2e6;}
.webzine-more a .title-other{display: block;width: 100%;text-align: center;color: #FFF;}
.webzine-more a:first-child .title-other{font: 600 34px 'Open Sans',Arial,sans-serif;padding-top: 70px;color: #FFF;text-transform: uppercase;}
.webzine-more a:first-child .title-other:after{content: "";background-color: #FFF;height: 1px;width: 50px;display: block;margin:10px auto 0px;}
.webzine-more a:last-child .title-other{padding-top: 57px;}
.webzine-more a:last-child .title-other:after{content: "";background-color: #FFF;height: 1px;width: 50px;display: block;margin:10px auto 0px;}
.webzine-more a p{font: 400 16px 'Open Sans',Arial,sans-serif;padding-top: 30px;color: #FFF;text-align: center;}
@media screen and (max-width: 780px) {
	.webzine-more {margin: 0 auto 20px;}
	.webzine-more a{width: 100%;margin-right: 0px;margin-bottom: 15px;}
}
@media screen and (max-width: 780px) and (orientation:landscape){
	.webzine-more > div {display: flex;flex-flow: row wrap;justify-content: space-between;}
	.webzine-more a{width: 49%;margin-right: 0px;margin-bottom: 15px;}
}