/*Typography Settings*/
body {
  font-size: 13px;
  font-family: "Roboto", sans-serif !important;
  line-height: 26px !important;
  color: #6c6c6c !important;
  font-weight: normal;

}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;

  font-family: "Source Sans Pro", sans-serif !important;
  margin-bottom: 5px;
  letter-spacing: -0.3px;
}

h1 {
  font-size: 24px;
  line-height: 30px;
}

h2 {
  font-size: 21px;
  line-height: 25px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 18px;
  line-height: 23px;
}

h5 {
  font-size: 16px;
  line-height: 22px;
}

a {
  text-decoration: none !important;
}

p {
  color: #6c6c6c;
  margin-bottom: 30px;
  padding-bottom: 0px;
}

.itemRed {
	color: #c71e18;
}

.fs10 {font-size: 10px}
.fs11 {font-size: 11px}
.fs12 {font-size: 12px}
.fs13 {font-size: 13px}
.fs14 {font-size: 14px}
.fs15 {font-size: 15px}
.fs16 {font-size: 16px}
.fs18 {font-size: 18px}
.fs20 {font-size: 20px}
.fs25 {font-size: 25px}
.fs30 {font-size: 30px}
.fs40 {font-size: 40px}

/*Page Stucture Settings*/
#page {
  position: relative;
}
.header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    z-index: 99;
    transition: all 350ms ease;
    background-color: #FFF;
    border-bottom: solid 1px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.08);
}

.header {
    background: url(../imgz/bg_header.jpg) no-repeat;
        background-size: auto;
    background-size: 100% auto;
    height: 134px;			}

.header .header-title {
    position: relative;
    display: table;
    top: 35px;
}

.header .header-title img {
    width: 150px;
}

.btn-primary {background: #021789;border-color: #021789}

.navbar {background: transparent}

.accbloc {background: #424e95;width: 100%;height: 200px;box-shadow: 0 0 5px #000;color: #fff;font-size: 14px;text-align: center;background-position: left bottom;background-size: cover;position: relative;top: -10px}

.accbloc p {color: #fff}

.accbloc h3 	{font-size: 30px;text-transform: uppercase;padding-top: 25px}
.accbloc .btn {position: absolute;bottom: 20px;left: 50%;margin-left: -70px;}

.carousel-caption {bottom: 150px;color: #fff}
.carousel-caption h5 {font-size: 35px;text-transform: uppercase}
.carousel-caption p {color: #fff}

#welcome {background: url(../imgz/fond_intro.jpg) no-repeat right bottom;background-size: 900px auto;margin-top: 25px;min-height: 700px;margin-top: 85px;}

#welcome h3 {font-size: 30px;}
#welcome h3 span {display: block;text-transform: uppercase;font-size: 35px;font-weight: bold;margin-bottom: 7px}
.color-main {color: #021789}

[role="tablist"] .card {
	background: none;
	border: none;
	border-radius: 0;
}

[role="tablist"] .card-header {
	background: none;
	border: none;
	padding: 0;
}

[role="tablist"] .card-header a {
	background-color: #f8f7f5;
	color: #242327;
	display: block;
	font-size: 20px;
	font-weight: 300;
	padding: 28px 20px 13px 61px;
	position: relative;
	text-transform: none;
}

[role="tablist"] .card-header a:before,
[role="tablist"] .card-header a:after {
	background-color: transparent;
	bottom: 0;
	color: #f4ca59;
	content: "";
	font-family: inherit;
	font-size: 19px;
	font-weight: 100;
	left: 8px;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	width: 60px;
}

[role="tablist"] .card-header a:after {
	background: none;
	bottom: auto;
	content: "-";
	height: 30px;
	line-height: 30px;
	margin-top: -7px;
	top: 50%;
	vertical-align: top;
}

[role="tablist"] .card-header a:hover {
	color: inherit;
	opacity: 0.7;
}

[role="tablist"] .card-header a.collapsed {
	background-color: #f8f7f5;
	color: #242327;
	padding-top: 13px;
}

[role="tablist"] .card-header a.collapsed:after {
	content: "+";
	margin-top: -15px;
}

[role="tablist"] .media img {
	max-width: 80px;
}

[role="tablist"] .card-header + div .card-body {
	background-color: #f8f7f5;
	padding: 6px 61px 23px;
}

[role="tablist"] .card + .card {
	margin-top: 11px;
}

[role="tablist"] > div + div {
	margin-top: 11px;
}

#Agenda {background: url(../imgz/bg_agenda.jpg) no-repeat center center;background-size: cover;padding-top: 45px;height: 370px;margin-bottom: 50px;margin-top: -45px;}

#Agenda .card {font-size: 40px;text-align: center;color: #999;line-height: 23px;padding: 35px 0;box-shadow: 0 0 5px #666;}
#Agenda .bg-brown {
    padding: 10px 30px;
    font-size: 14px;margin-top: 25px;border-radius: 5px;background: #000
}

.box {background: #fff;border-radius: 5px;box-shadow: 0 0 5px #000;padding: 15px;text-align: center;min-height: 110px;font-size: 14px;text-transform: uppercase;}

.box .fa-check {display: table;
margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
font-size: 25px;
color: #5e6dbe;
position: absolute;
margin-top: -37px;
margin-left: -12px;
left: 50%;
background: #fff;
border-radius: 50%;
padding: 8px;}

.font-40 {
    font-size: 40px !important;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.text-white {
    color: #fff !important;
}

.bg-brown {
    background: #b0906b;
    color: #fff;
}

.courses-item {width: 25%;overflow: hidden;float: left}

.courses.media:hover .media-body {
	background: rgba(0, 22, 138, 0.72);

}

.courses.media:hover .media-body .price-wrap h4, .courses.media:hover .media-body .price-wrap span {
    color: #fff;
}
.courses.media:hover .media-body h4, .description-lessons {
    color: #fff;
}

.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}


#gallery a {display: block;width: 25%;float: left;position: relative;}

#gallery a img {width: 100%;display: table;}
#gallery a i {position: absolute;left: 50%;top:45%;font-size: 40px;color: #fff;opacity: 0;z-index: 9999;margin-left: -15px;text-shadow: 0 0 5px #000;}
#gallery a:hover i {opacity: 1}

.nav-link {font-weight: normal !important;}
#navbarSupportedContent {position: relative;top:-40px}

.liste_tarif {padding-left: 0}
.liste_tarif li  {border-bottom: 1px dotted #ccc;padding: 5px;display: block;width: 100%;font-size: 14px;}
.liste_tarif li span {float: right;font-weight: bold;display: table;}

.tarifs {box-shadow: 0 0 5px #ccc;border-radius: 5px;padding: 15px;width: 100%;display: block;text-align: center;
	background: rgba(255,255,255,0.7);border-bottom: 3px solid #999;}

.tarifs h6 {font-size: 16px;color: #021789;}
.tarifs h4{color: #021789;}

span.no-float {float: none !important;}

.badge.badge-primary.tarifsinfo {background: #17a2b8;color: #fff;font-size: 14px;border-radius: 5px 5px 0 0;border: 1px solid #fff;padding: 7px 25px;
}

#Tarifs {margin-top: 90px}

.space {width: 100%;display: block;height: 25px;}

#Panel {position: fixed;right: 0;bottom:-200px;}
#Panel2 {position: fixed;right: 0;bottom:0;width: 300px}

input, textarea {width: 100%;padding: 7px 20px;background: #fff;border:1px solid #ccc;border-radius: 5px;margin-bottom: 7px;box-shadow: 0 0 5px #ccc inset;	}

.px-70 {
    padding-left: 70px;
    padding-right: 70px;
}
.py-66 {
    padding-bottom: 66px;
    padding-top: 66px;
}
.cs {
    background-color: #999;
    color: #fff;
}

.title_block span {color: #021789}

#Contact .media {min-height: 100px;}

.cs .form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.btn-white {background: #fff;color:#021789;border-color: #fff }

#Contactbanner {background: url(../imgz/Contactbanner.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;padding: 85px 0;}


#Auto .courses-item {width: 33%}
#Moto .courses-item {width: 33%}

.cadre_padding-left {padding: 55px}

#Moto .courses .media-body .courses-header .price-wrap .plan-price, 
#Auto .courses .media-body .courses-header .price-wrap .plan-price {font-size: 30px;}

.cs .btn-maincolor:hover {color:#fff !important}
.courses.media .media-body .button-section a.btn {}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
}

/*.navbar-nav {background: rgba(0,0,0,0.5);padding: 15px;}*/
.nav-link:hover {border-radius: 5px;background: rgba(5,33,115,0.7);}

footer {background: url(../imgz/tt-foter-bg.jpg);padding:90px 25px;color: #fff;font-size: 14px;line-height: 24px;}
footer a {color: #fff;}
footer a.links {color: #fff;font-size: 12px;width: 100%;line-height: 14px;display: table}

footer, .page-content {overflow: hidden;}


footer .border-left {border-color: #666 !important}

.cadre_height {min-height: 400px;}

.ongletstabs {text-align: center;
display: table;
margin: 50px auto 0;}

.text-warning {color: #caa338 !important}
.badge-warning {background: #f4ca59 !important}

#navbarSupportedContent .dropdown-menu {padding: 0}
#navbarSupportedContent .dropdown-menu a {padding: 15px;margin-top: 0}

#Moto .courses-item.courses-50 {width: 50%}

.langue {background: transparent;color: #fff;text-align: center;line-height: 30px;border: 0px solid #fff;
	display: block;margin-left: 5px;
}

.langue.active img {border: 1px solid #d00}

#SlideAcc {margin-top: 85px;}

/* Diaporama home : hauteur homogène */
#SlideAcc .carousel-item img {
	width: 100%;
	max-height: 540px;
	object-fit: cover;
	object-position: center;
}