/*****************carousel******************/
body{
	background: #f2f2f2;
}
body p {
	color:#ffffff;
}
#icoyote {
    background-image: url("/CMS/uploads/FR/images/pages/icoyote/iCoyoteV10_fond.png");
    background-repeat: repeat;
    background-size: auto auto;
    margin-top: -5%;
    min-height: 800px;
    padding-top: 5%;
    position: relative;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: auto;
	max-height: 470px;
	margin: auto;
}
.item.active{
	background-color:transparent;
}
#myCarousel{
	background-color: none;
}

.carousel-inner {
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}
.carousel-inner > .active {
	left: 0;
}
.carousel-control{
	top:45%;
}
.carousel-indicators {
	display:none;
	}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
  display:none;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 3;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}



/*****************carousel******************/
* {
	margin: 0;
	padding: 0;
	
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.header {
	position: fixed;
	width: 100%;
	background: #222;
	z-index: 10;
}
.header .navbar-brand {
	font-weight: 900;
}
.header .navbar {
	margin: 0;
	border: none;
}
.phone {
    bottom: 0;
    float: right;
    height: 660px;
    margin-top: -8%;
    overflow: hidden;
    position: relative;
    width: 450px;
    overflow:visible;
}
#videoicoyote {
    height: auto;
    left: 27px;
    position: relative;
    top: 66px;
    width: 393px;
    z-index: 3;
}
#imageicoyote {
    background-image: url(/CMS/uploads/FR/images/pages/icoyote/phone.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 6%;
    width: 400px;
    z-index: 4;
}
.page-section {
    border-bottom: 0 none;
    padding: 50px 0 0;
	min-heigth:550px;
    width: 100%;
}
.page-section h1 {
	font-size: 4em;
	margin: 50px 0;
}
.page-section h1 span {
	font-weight: 200;
}
.page-section h2 {
	font-size: 3em;
	margin: 0 0 30px;
}
.page-section p {
	font-size: 1.2em;
	font-weight: 200;
	/*margin: 0 25% 20px 0;*/
}
.page-section p.lead {
	font-size: 1.8em;
}
.page-section p.caption {
	margin: 0;
    padding: 20px 0 0;
}
.page-section.intro {
	min-height: 600px;
}
.page-section#sect1 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/FOND.jpg) bottom center no-repeat;
	background-color: #ffffff;
	margin-top: 60px !important;
	color:#ffffff;
	padding-bottom:0;
}
.page-section#sect2 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/photo01.png) top center no-repeat;
	background-color: #1e1e23;
	text-align:center;
	color:#ffffff;
	padding:20% 0;
}
.page-section#sect3 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/FOND_02.png) center center repeat;
	background-color: #ffffff;
	color:#ffffff;
}
.page-section#sect1 .section1contentTxt{
	padding:10% 0;
}
.page-section#sect1 .section1contentTxt h3{
	line-height:35px;
}
.page-section#sect3 .section3contentTxt h3{
	margin-bottom:0.6em;
}
.page-section#sect3 .section3contentTxt {
	padding:10% 5% 20% 5%;
}
.page-section#sect6 .section6contentTxt,
.page-section#sect9 .section9contentTxt {
	padding:13% 5%;
}
.page-section#sect1 .section1contentTxt {
	padding: 0% 0 8% 2%;
}
.page-section#sect4 .section4contentTxt {
	padding:5%;
}
.page-section#sect4 {
	background: url(#) top center no-repeat;
	background-color: #ffffff;
	color:#404040;
}
.page-section#sect5 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/photo02.png) top center no-repeat;
	background-color: #1a1b20;
	color:#ffffff;
	padding:20% 0;
}
.page-section#sect6 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/FOND_02.png) center center no-repeat;
	background-color: white;
	color:#ffffff;
	padding:0 0 24px 0;
}
.page-section#sect6 img {
	margin-top:11px;
}

.page-section#sect6 .container {
    background-color: #1a1b20;
}

.page-section#sect7 {
	background-color: #ffffff;
	color:#404040;
	 padding: 40px 0 20px 0;
}
.page-section#sect8 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/photo03.png) top center no-repeat;
	background-color: #ffffff;
	text-align:center;
	color:#ffffff;
	padding:20% 0;
}
.page-section#sect9 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/FOND_02.png) center center no-repeat;
	background-color: #ffffff;
	color:#ffffff;
}
.page-section#sect10 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/iCoyote/) top center no-repeat;
	background-color: #ffffff;
	color:#404040;
}
.page-section#sect10 .services{
	padding:0 2em;
}
.page-section#sect10 img{
	width:98%;
	margin-bottom:2em;
}
.page-section#sect11 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/photo06.png) top center no-repeat;
	background-color: #ffffff;
	text-align:center;
	color:#ffffff;
	padding:18% 0;
}
.page-section#sect12 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/iCoyote/) top center no-repeat;
	background-color: #ffffff;
	color:#404040;
	padding-bottom:2em;
}
.page-section#sect12 .green ul{
	font-size:18px;
	line-height:30px;
}
.txt50{
	font-size:50px;
}
.page-section#sect12 ul li{
	min-height:75px;
	line-height:24px;
}
.page-section#sect20 {
	background: url(/CMS/uploads/FR/images/pages/icoyote/FOND_04.png) top center no-repeat;
	background-size:cover;
	background-color: #ffffff;
	color:#ffffff;
	text-align:center;
	padding-bottom:2em;
}
.page-section#sect20 .formulesAbo {
	margin-top:2em;
}
.page-section#sect20 .formulesAbo p{
	font-size:14px;
	margin-top:10px;
	/*margin-left:4em;*/
}
.page-section#sect20 span.tarif {
    text-transform: uppercase;
    font-size: 20px;
    padding-top: 31px;
    /* padding: 2.5em 4em; */
    background-color: rgba(255, 255, 255, 0.1);
    font-weight: bold;
    display: inline-block;
    transition: all .3s ease;
    cursor: pointer;
    height: 200px;
    position: relative;
    width: 250px;
}

.page-section#sect20 div.pastille {
    position:absolute;
    top: -30px;
    left: -20px;
    width:150px;

    z-index:999;
}
.page-section#sect20 div.pastille img{
    width:150px;
}

.page-section#sect20 span.tarif:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
#sect1 h2,
#sect1 h3,
#sect2 h2,
#sect3 h2,
#sect5 h2,
#sect6 h2,
#sect8 h2,
#sect9 h2,
#sect11 h2,
#sect20 h2{
	color:#ffffff;
}
#sect15 {
    background:#FFF;
}
.btn {
	font-weight: 200;
}
.btn-dark {
	background: #444;
	color: #fff;
}
.btn-dark:hover {
	background: #000;
	color: #fff;
}
.back-to-top {
	display: inline-block;
	clear: both;
	background: #fff;
	color: #333;
	padding: 0 10px 5px;
	margin: 20px 0 0;
	text-shadow: none;
}
.back-to-top:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
hr {border-color: #ddd;}

.opak {
    opacity:1;
    transition:all .3s ease;
    
}
.opak:hover {
    opacity:.7;
}
.bandeauPromo {
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.1);
    padding:15px;
    box-sizing:border-box
    display:inline;
    margin-top: -50px;
    margin-bottom: 70px;
}
.bloc1 {
    display:block;
    float:left;
}
.bloc2 {
    display:block;
    margin-left:50px;
    float:left;
}
.position {
    display:table;
    margin : 0 auto;
        margin-top:10px;
}



.encartMestats {
    float:left;
    margin-top:80px
}
.tel {
    float:left;
    margin-top: 80px;
    margin-left: 20px;
}

.bgBlue {
    background: #1e1e23;
}
.page-section#mestats {
    min-height: 400px;
    background: #1e1e23;
    width:100%;
    box-sizing: border-box;
    padding-top:0;
}

.page-section#whiteSep {
    min-height: 20px;
    background: #FFF;
}

.page-section#mestats h2 {
    font-size: 3em;
    text-transform: uppercase;
}

.titre {
    background-image: url("/CMS/uploads/BEFR/images/pages/mes_stats/bgMestats.png");
    min-height: 520px;
    background-size: cover;
    width:100%;
    text-align: center;
    color: white;
    position: relative;
}
.txTitre {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
}
.txMestats{
    padding: 20px;
    box-sizing: border-box;
    color:#24282d;
    margin-top:05%;
}

.btn {
    border-radius: 0;
    font-family: 'Gotham',Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857;
    text-transform: uppercase;
    font-weight: bold;
    height: 44px;
    padding: 12px 20px;
}

.linkEllipse.plus {
    background: url('/CMS/uploads/FR/images/pages/parcours/img/ellipsePlus.png') no-repeat right center / 33px auto transparent;
}

a.linkEllipse, span.linkEllipse {
    color: #1E1E23;
    text-transform: uppercase;
    padding-right: 50px;
    font-size: 12px;
    padding: 10px 50px 10px 00px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
/*.section1contentTxt button {*/
/*    border:solid 4px white;*/
/*    background:transparent;*/
/*    color:white;*/
/*    padding:15px;*/
/*    transition:all .3s ease;*/
/*}*/
/*.section1contentTxt button:hover {*/
/*    background:white;*/
/*    color:#9FBF25;*/
/*    padding:15px;*/
/*}*/
@media (min-width: 768px) {
	.header .navbar-brand {
		padding-left: 0;
	}
	.navbar-nav {
		float: right;
	}
}
@media (max-width: 480px) {
	.page-section h1 {
		font-size: 3em;
	}
	.page-section h2 {
		font-size: 2em;
	}
	.page-section p {
		font-size: 1em;
		margin: 0 0 20px;
	}
}
/**phone tab portrait**/
@media screen and (min-width: 0px) and (max-width: 767px) {
	.container {padding:0;}
	.container .container {padding:1em;}
	.hideVid{display:none;}
	#sect1.page-section {
		margin-top: 45px;
		padding-bottom:2em;
	}
	/*.carousel-indicators {
		bottom: 0px;
		left:7%;
		width:50px;
	}*/
	.bandeauPromo {
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.1);
    padding:15px;
    box-sizing:border-box
    display:inline;
    margin-top: -50px;
    margin-bottom: 70px;
    }
    .bloc1 {
    display:block;
    float:none;
    margin:0 auto;
    }
    .bloc2 {
    display:block;
    margin:0 auto;
    float:none;
    }
    .position {
    display:block;
    margin : 0 auto;
    text-align:center;
    }
	.page-section {
		border-bottom: 0 none;
		padding: 10px 0 0;
		width: 100%;
	}
	#sect2.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo01.png") no-repeat scroll center bottom;
		background-color: #ffffff;
		color: #1e1e23;
		padding: 32% 0;
		text-align: center;
	}
	#sect3.page-section {
		background: #13141A;
		color: #ffffff;
	}
	#sect3.page-section .section3contentTxt,
	#sect6.page-section .section6contentTxt,
	#sect9.page-section .section9contentTxt {
		padding: 5% 0;
	}
	#sect5.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo02.png") no-repeat scroll center bottom;
		background-color: #ffffff;
		color: #ffffff;
		padding: 30% 0;
	}
	#sect6.page-section {
		background: #13141A;
		color: #ffffff;
		padding: 0;
	}
	.page-section#sect6 img {
		margin-top:0px;
	}
	#sect7.page-section {
		background-color: #ffffff;
		color: #404040;
		padding: 20px 0;
	}
	#sect8.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo03.png") no-repeat scroll center bottom;
		background-color: #ffffff;
		color: #ffffff;
		padding: 22% 0;
		text-align: center;
	}
	#sect9.page-section {
		background: #13141A;
		color: #ffffff;
		padding: 20px 0;
	}
	.page-section#sect10 img {
		width: 100%;
	}
	#sect11.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo06.png") no-repeat scroll center bottom;
		background-color: #ffffff;
		color: #ffffff;
		padding: 20% 0;
		text-align: center;
	}
	#sect20.page-section span.tarif {
		background-color: rgba(255, 255, 255, 0.1);
		display: inline-block;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 40px;
		/*padding: 0.3em 4em;*/
		text-transform: uppercase;
		padding-top: 2.5em;
	}
	#sect20.page-section .formulesAbo p{
		font-size: 14px;
		margin-left: 0em;
		margin-top: 10px;
		text-align:center;
	}
	#sect20.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/FOND_04.png") repeat scroll center top;
		color: #ffffff;
	}
	/*.carousel-indicators {
		bottom: -40px;
	}*/
	#sect15 {
	    padding-top:20px;
	}
	.tarif {
	    margin-bottom:40px;
	}
}
/**tablette paysage**/
 @media screen and (min-width: 768px) and (max-width: 999px) {
	#sect1.page-section {
		margin-top: 95px;
	}
	.phone {
		bottom: 0;
		float: right;
		height: 500px;
		margin-top: -10%;
		overflow: hidden;
		position: relative;
		width: 450px;
	}
	#imageicoyote {
		width: 192px;
		top:3em;
	}
	#videoicoyote {
		height: auto;
		left: 231px;
		position: relative;
		top: 66px;
		width: 191px;
		z-index: 3;
	}
	.page-section#sect3 {
		background: #13141A;
		color:#ffffff;
		background-color: #13141A;
	}
	#sect6.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/FOND_02.png") no-repeat scroll center bottom;
		background-color: #ffffff;
		color: #ffffff;
		padding: 0;
	}
	.page-section#sect6 img {
		margin-top:0px;
	}
	.page-section h2 {
		font-size:auto;
		margin: 0 0 30px;
	}
	.page-section#sect10 img{
		width:92%;
	}
	#sect3.page-section .section3contentTxt,
	#sect9.page-section .section9contentTxt {
		padding: 14% 5%;
	}
	#sect1.page-section .section1contentTxt {
		padding: 1% 0 8% 2%;
	}
	.page-section#sect6 .section6contentTxt {
		padding:0% 5%;
	}
	#sect7.page-section {
		background-color: #ffffff;
		color: #404040;
		padding: 20px 0;
	}

	#sect9.page-section {
		background: #13141a;
		color: #ffffff;
	}
	#sect9.page-section .section9contentTxt {
		padding: 6% 5%;
	}
	#sect20.page-section span.tarif {
		padding: 2.5em 3em;
	}
	#sect20.page-section .formulesAbo p {
		font-size: 14px;
		margin-left: 0em;
		margin-top: 10px;
	}
	#sect15 {
	    padding-top:20px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px){
	.globalicoyote{background:#ffffff;width:100%;}
	/*.carousel-indicators {
		bottom: 50px;
	}
	.carousel-indicators {
		bottom: 35px;
		margin-left: 100%;
		width: 100%;
	}*/
	#sect3.page-section .section3contentTxt,
	#sect9.page-section .section9contentTxt {
		padding: 20% 5%;
	}
	.page-section#sect6 .section6contentTxt {
	padding:0% 5%;
}
	.page-section#sect10 img{
		width:94%;
	}
	#sect11.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo06.png") no-repeat scroll center top;
		background-color: #ffffff;
		color: #ffffff;
		padding: 18% 0;
		text-align: center;
	}
	#sect8.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo03.png") no-repeat scroll center top;
		background-color: #ffffff;
		color: #ffffff;
		padding: 20% 0;
		text-align: center;
	}
	#sect6.page-section {
		background: #ffffff url("/CMS/uploads/FR/images/pages/icoyote/FOND_02.png") no-repeat scroll center center;
		color: #ffffff;
		padding: 0 0;
	}
	.page-section#sect6 img {
		margin-top:0px;
	}
	#sect5.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo02.png") no-repeat scroll center top;
		background-color: #ffffff;
		color: #ffffff;
		padding: 18% 0;
	}
	#sect2.page-section {
		background: rgba(0, 0, 0, 0) url("/CMS/uploads/FR/images/pages/icoyote/photo01.png") no-repeat scroll center top;
		background-color: #1e1e23;
		color: #ffffff;
		padding: 20% 0;
		text-align: center;
	}
}

/*Pastille*/
 @media screen and (max-width: 767px) {
    .page-section#sect20 div.pastille {
        left:175px;
     }
}
 @media screen and (max-width: 680px) {
    .page-section#sect20 div.pastille {
        left:100px;
     }
}
 @media screen and (max-width: 480px) {
    .page-section#sect20 div.pastille {
        left:59px;
     }
}
 @media screen and (max-width: 400px) {
    .page-section#sect20 div.pastille {
        left:6px;
     }
}
@media (min-width: 768px) and (min-width: 1024px) {
    #videoicoyote {
        left: 80px;
        top: 58px;
        width: 341px;
    }
    
    #imageicoyote {
        width: 345px;
    }
}