/* couleurs */
.rose{ color: #fb5999; }
.rose_f{ color: #EE2375;    }
.bleu{ color: #0bbbef; }
.bleu2{ color: #05cafd; }
.vert{ color: #b9e394; }
.rouge{ color: red; }
.c_blanc{ color: #fff; }
.fblanc {    background: #fff ;}
.frose {    background: #fb5999;  color:#fff}
.frose5 {    background-color: rgba(251, 89, 153, 0.2);  }
.frose10 {    background-color: rgba(251, 89, 153, 0.25);  }
.frose15 {    background-color: rgba(251, 89, 153, 0.3);  }
.frose20 {    background-color: rgba(251, 89, 153, 0.4);  }
.frose25 {    background-color: rgba(251, 89, 153, 0.5);  }
.frose30 {    background-color: rgba(251, 89, 153, 0.75);  }
.frose40 {    background-color: rgba(251, 89, 153, 0.8);  }
.frose50 {    background-color: rgba(251, 89, 153, 1);  }
.fbleu {    background: #f0f0f0; ;}
.fvert {    background: #b9e394; ;}
a {    color: #aec62c;}
a:hover {    color: #3b7137;    text-decoration: none;    outline: 0;}
.line4, footer {    color: #fff;}
.no-wrap {white-space: nowrap;} 
.section {padding-bottom:40px;}
/* alignements */
.centre, .center {text-align:center;}
.text_align_left {text-align:left;}
.nopadding {padding:0;}
.cursor_hand {	cursor:pointer;	}

.team-member h1, .team-member h2, .team-member h3, .team-member h4, .team-member  p  {    font-family: 'Lato', sans-serif;    color: #53555c; }
h3 {    font-family: 'Lato', sans-serif;    color: #53555c;    font-size: 1.5em;margin-top: 0;}


/* Publicité habillage */
.habillage {width:1400px;margin-top:50px;}
.habillage_responsive {width:100%;margin-top:50px;}
.habillage_gauche , .habillage_droite {display:inline-block;margin:0;padding:0;}
.habillage_haut {margin:0;padding:0;}
.img-responsive {     margin: 0 auto; }
@media screen and (max-width: 1400px) {/*  portable */
.habillage {width:100%;}

}
 @media screen and (max-width: 1200px) {/*  portable */
.habillage_gauche , .habillage_droite {display:inline-block;margin:0;padding:0;}
}
  @media screen and (max-width: 992px) {/*  portable */
.habillage_gauche , .habillage_droite {display:none}
.clear_background {background:#fff;}
}
/* menu */
.fixed {		transition-duration: 1s; z-index:999; position:fixed; top: 0px; padding:5px 0; width:100%; background-color: #000!important;    }


.logo{	font-family: 'Roboto', 'sans-serif';	font-size:20px;	font-weight:700;}
.logo span{	color:#1fcdff;}
.logo a{	cursor:pointer;	color:#fff;	text-decoration:none;}
.logo span.rose{ color: #fb5999; }
.logo span.bleu{ color: #0bbbef;  font-size: 1em;   margin:0px   }
.navbar-nav.navbar-right:last-child {    margin-right: 0px;}
.camera_caption h2{	font-family: 'Open Sans', sans-serif;	font-size:50px;	font-weight:700;	letter-spacing: -2px;}

.img-menu {max-height:100px;}
/* sous-menu
.sous_menu.bleu, .carousel-inner .bleu {  background: #05cafd;   }
.sous_menu.rose, .carousel-inner .rose {  background: #fb5999;    }
.sous_menu.vert, .carousel-inner .vert {  background: #b9e394;    }
 */
.dropdown-menu > li > a {white-space: normal;} 
 
/* fil d'ariane */
/* habillage .section-breadcrumbs {position:relative;top:50px; margin:0;padding: 5px 0 0 0 ; } */
.section-breadcrumbs { margin:0;padding: 5px 0 0 0 ; }
.section-breadcrumbs .container {    width: 100%;}

/* contenu page */
.page {position:relative;top:35px;margin-bottom:35px;  }
/* habillage .page2 {position:relative;top:35px;  } */
.page2 {  }
.row{ overflow: hidden; } /* permet d'avoir les colonnes de même hauteur */
.form-group {    margin: 5px;}
/* boutons */
.btn {    margin: 1px;    white-space: normal;}
.btn:hover {     box-shadow: 1px 1px 3px 4px rgba(155, 155, 178, .3);}
.btn.btn-primary {    background-color: #fb5999;    transition: box-shadow .3s, color .3s; border-color: #EE2375;}
.btn.btn-primary:hover {    background-color: #EE2375;color : #fff;  }
.btn.btn-secondary {    background-color: #0bbbef;    transition: box-shadow .3s, color .3s; border-color: #0ba1ef;color : #fff;}
.btn.btn-secondary:hover {    background-color: #0ba1ef;    box-shadow: 1px 1px 4px 4px rgba(155, 155, 178, .3);}
.btn.btn-secondaryxxx {    color: #fff;    background-color: #000;    border-radius: 5px;    padding: 2px 10px;    min-width: 80px;    font-size: 16px;    transition: background-color .3s;    cursor: inherit;}
.margin_20 {margin-bottom:20px;}
.cBtn .buy {    box-shadow: 0px 2px 0px 0px #179abf;    background: #1fcdff;} /*à finir */

/* maps */
#map_container {    height: 400px;    width: 100%;}
.line6{	position: relative;	width: 100%;	overflow: hidden;	height: 400px;}
.line6:after{	content: "";	position: absolute;	z-index: 0;	pointer-events: none;	bottom: 0;	left: 0;	width: 100%;	height: 240px; -webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	border-bottom: 100px solid #000;	border-right: 2000px solid transparent;}
.line6:before{	top: 0;	display: block;	content: "";	position: absolute;	z-index: 1;	pointer-events: none;	bottom: 0;	left: 0;	width: 100%; -webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	border-top: 100px solid #fff;	border-left: 2000px solid transparent;	//bottom: 489px;}

/*  formations pubs  */
.vignette {height:100px;}

/*  tableau  */
.even {background: #f9f9f9 ; }
.odd  a img{float:left ; }
.even  a img{float:left ; }
.tablesorter-bootstrap {font-size:0.9em;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td  {padding:2px;vertical-align:middle;}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {width: 98%;height: auto;}
.img-payant {max-width:100px;}
table tr.border_rose  {  background-color:#c1f2ff;font-size : 1.2em;}
table tr.border_bleu  {  background-color:#d9d9d9;font-size : 1.2em;}
table tr.border_vert  {  background-color:#defec1;font-size : 1.2em;}

/* accordeon */
.accordion-container {    clear: both;    margin: 0 0 20px;    width: 100%;}
.accordion-toggle {background: none repeat scroll 0 0 #00AEDB;color: #fff;display: block;font-size: 1.5em;font-weight: 300;padding: 20px;position: relative;text-decoration: none;}
.accordion-toggle span.toggle-icon {font-size: 1.5em;position: absolute;right: 20px;top: 9px;}
.accordion-toggle:hover {background: #72e2ff}
.accordion-toggle-rose {background: none repeat scroll 0 0 #EE2375;color: #fff;display: block;font-size: 1.5em;font-weight: 300;padding: 20px;position: relative;text-decoration: none;}
.accordion-toggle-rose:hover {background: #FFADCE;}
.accordion-toggle-vert {background: none repeat scroll 0 0 #AEC62C;color: #fff;display: block;font-size: 1.5em;font-weight: 300;padding: 20px;position: relative;text-decoration: none;}
.accordion-toggle-vert:hover {background: #B9E394;}
.plus_vigneron {border-color: #fff;box-shadow:none;}
.section-breadcrumbs .container {width:100%}
.menu .btn {width: 100%;}
.panel {    margin-bottom: 50px;}
.panel-default {    border: none;}

tr:hover  {  color: inset 0 1px #fff,0 0 4px #b9e394;background: #e3e3e3;padding:0;margin:0; }

a.lien3 {    color: #53555c;    display: block;    width: 100%;}
a.lien4 {    color: #fff;    display: block;    width: 100%;}

.fdate {  width: 90px;}
.cacher {display:none;}

/* accueil */
.pic1Ab{float: right;width: 100px;}
.about1{float: right;text-align: right;}
.pic2Ab{float: left;padding: 40px;padding-top: 51px;padding-right: 37px;padding-bottom: 39px;}
.about2{float: left;text-align: left;}
.horL{overflow: auto;margin: auto;position: absolute;top: -65px;left: 0;bottom: 0;right: 0;width: 1170px;height: 254px;z-index: 0;background: url(../images/horL.png) no-repeat;}
.team-member_g { float: right;    width: 100%;      margin-bottom: 20px;   }
.team-member_d { float: left;    width: 100%;      margin-bottom: 20px;   }
.team-member_g a, .team-member_d  a {    color: #000;}
.team-member_g .sous_menu_image {    float: right;}
.team-member_d .sous_menu_image {    float: left;}
.about h3{margin-top: 20px;font-size:22px;color: #000;font-weight: 300;}
.about p{font-size: 13px;line-height: 22px;color: #666666;font-family: 'Roboto', 'sans-serif';font-weight: 300;margin-top: 12px;margin-bottom: 0;}

/* progress bar */ 
/* =====[ COLORS ]============================================================================== */
.color-1-bg { background:#0bbbef!important; }
.color-1-font,.color1-price { color:#0bbbef!important; }
.color-2-bg { background:#fb5999!important; }
.color-2-font,.color-2-price { color:#fb5999!important; }
.color-3-bg { background:#b9e394!important; }
.color-3-font,.color-3-price { color:#b9e394!important; }
.color-4-bg { background:#9ca780!important; }
.color-4-font,.color-4-price { color:#9ca780!important; }
.front,.back { font-family:Lato, sans-serif; float:left; width:220px; height:220px; background:#FFF; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-box-shadow:0 0 10px 0 #dbdbdb; box-shadow:0 0 10px 0 #dbdbdb; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }


/* =====[ MAIN LIST ]============================================================================== */
.box { list-style:none; display:block; text-align:center; width:100%; margin:5px 0 0; padding:0; }
.box i { padding-right:5px; }
.box > li { width:220px; height:220px; display:inline-block; margin:5px 70px; }

/* =====[ FRONT ELEMENTS ]============================================================================== */
.chart canvas {display:none;}
.front > div { text-align:center; color:#60bad7; }
.title { text-transform:uppercase; text-align:center; padding:25px 0px 17px; font-size: 40px; }
.title2 { color : #fff; text-transform:uppercase; text-align:center; padding:65px 0px 5px; font-size: 30px; }
.title_formation, .f_formation { font-size:15px; text-transform:uppercase; text-align:center; padding:25px 0px 17px;  }
.price span { font-weight:900; vertical-align:top; margin-top:-5px; display:inline-block; }
.price .total { font-size:60px; }
.currency,.end { font-size:40px; }
.description { text-align:center; }
.front .description { color:#333!important; font-size:14px; padding:4px 45px 0; }
.back .description { color:#fff!important; font-size:14px; padding:4px 45px 0; }

/* =====[ BACK ELEMENTS ]============================================================================== */

.back .title { color:#FFF; }
.back .description ul { width:55%; margin:auto; }
.back .description ul li { color:#FFF!important; text-align:left; list-style:none; line-height:1.4; }
.popular { font-size:30px; color:#60bad7; position:absolute; left:0; top:0; opacity:0; }

/* =====[ CIRCLE PRIX ]============================================================================== */
.circle{ background: #ffffff; padding: 35px; text-align: center; height: 250px; width: 250px; border: 8px solid #39b3d7; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */  -webkit-transition: all 0.5s; /* Safari and Chrome */  -o-transition: all 0.5s; /* Opera */}
.pink{ border: 8px solid #fb5999; }
.circle h4{ margin: 0; padding: 0; }
.circle span.icon i{ font-size: 36px; }
.circle span.icon-petit i{ font-size: 25px; }
.circle span.price-large{ font-size: 38px; }
.circle span.price-large-petit{ font-size: 22px; }
.price-small{ font-size: 24px ; }

.c1:hover{ background: #0ba1ef; color: #ffffff; }
.c1 .blue{ color: #0ba1ef; }
.c1:hover .blue{ color: #ffffff; }

.c2:hover{ background: #EE2375; color: #ffffff; }
.c2 .rose{ color: #fb5999; }
.c2:hover .rose{ color: #ffffff; }

/* =====[ CIRCLE ANIMATIONS ]============================================================================== */

.circle_acc { border-radius:150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; position:relative; -webkit-transition:all 1.8s ease-in-out; -moz-transition:all 1.8s ease-in-out; -o-transition:all 1.8s ease-in-out; -ms-transition:all 1.8s ease-in-out; transition:all 1.8s ease-in-out; position: absolute; }
.info { position:absolute; border-radius:150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; opacity:0; -moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-backface-visibility:hidden; }
.circle_acc:hover .front { -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); opacity:1; }
.circle_acc:hover .info { -moz-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); opacity:1; }
.circle_acc:hover .front-popular { border-radius:10% 50% 50% 50%!important; }
.circle_acc:hover .popular { opacity:1; animation:popularAnim 2s 2; -webkit-animation:popularAnim 2s 2; }

@keyframes popularAnim
{ from {opacity:0; left:40px;} to {opacity:1; left:0;}}

@-webkit-keyframes popularAnim /* Safari and Chrome */
{ from {opacity:0; left:40px;} to {opacity:1; left:0;}}

@-moz-keyframes popularAnim { from {opacity:0; left:40px;} to {opacity:1; left:0;}}
@-ms-keyframes popularAnim { from {opacity:0; left:40px;}to {opacity:1; left:0;}}

.box > li{ *float:left; }
.circle .back{ *display:none; }
.circle .back{ z-index:0; }
.circle .front{ position:relative; z-index:1; }
.circle:hover .back{ z-index:1; }
.circle:hover .front{ position:relative; z-index:0; }
.circle:hover .back{ *display:inline; }
.circle:hover .front{ *display:none; } 
 
/* =====[ Etiquettes affiliation ]============================================================================== */

.well {    background-color: #f0f0f0; border : 0 ;     -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);}
.emerald {    background: #05cafd;} 
.midnight-blue {    background: #fb5999;}
.dl {    background: #f0f0f0;    padding: 10px 0 20px 0;    border-radius: 5px;    position: relative;}
.dl .brand {      padding: 0 15 px 10px 15px;    margin-top: 10px;    text-align: center;    }
.dl .brand  h1{       margin-top: 40px; font-size :45px;     }
.dl .discount {    min-height: 50px;    position: relative;    font-size: 50px;    line-height: 80px;    text-align: center;    font-weight: bold;    padding: 20px 15px 0;    color: #fff;}
.dl .discount:after {    content: " ";        border-right: 20px solid transparent;    border-left: 20px solid transparent;    position: absolute;    bottom: -19px;    left: 43%;}
.dl .discount.emerald:after {    border-top: 20px solid #05cafd;}
.dl .discount .type {    font-size: 20px;    letter-spacing: 1px;    text-transform: uppercase;    margin-top: -30px;}
.dl .descr {    color: #999;    margin-top: 10px;    padding: 20px 15px;  font-size:0.8em}
.fnoir {    background: #000; color:#fff ;}

.descr {	position: relative; color: #999;    margin-top: 10px;    padding: 20px 15px;  font-size:0.8em ; text-align:center;}
.descr:after, .descr:before {	top: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
.descr:after {	border-top-color: #f0f0f0;	border-width: 30px;	margin-left: -30px;}

.dl .ends {    padding: 0 15px;    color: #f1c40f;    margin-bottom: 10px;}
.dl .coupon {    min-height: 50px;    text-align: center;        text-transform: uppercase;    font-weight: bold;    font-size: 25px;    padding: 25px 0px 10px 0px; color:#fff;}
.coupon {  color:#fff;}
.coupon  p{  font-size:14px;}
.font_16{  font-size:16px;}
.dl .coupon .code {    letter-spacing: 1px;    border-radius: 4px;    margin-top: 10px;    padding: 10px 15px;    color: #f1c40f;    background: #f0f0f0;}
.coupon .petit{    font-size: 12px;}
.brand .petit{    font-size: 16px;vertical-align:top;}
.coupon a{    color: #fff; text-shadow: 0px 2px 3px #555;display:block}
.coupon a:hover { text-shadow: 0px 5px 5px #555;}

/* =====[ Réduction ]============================================================================== */
.red_5 {font-size:1.3em;}
.red_10 {font-size:1.6em;}
.red_15 {font-size:1.8em;}
.red_20 {font-size:2em;}
.red_30 {font-size:1.5em;}


.align_left {text-align:left;}
.label-text {font-weight:normal; font-size:0.8em;}
.f08 {font-weight:normal; font-size:0.8em;}
label{ position: relative; cursor: pointer;  }  
/* input[type="radio"]{ position: absolute; right: 9000px; }
input[type="radio"] + .label-text:before{ content: "\f10c"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 5px; }
input[type="radio"]:checked + .label-text:before{ content: "\f192"; color: #fb5999; animation: effect 250ms ease-in; } */
input[type="radio"]:disabled + .label-text{ color: #aaa; }
input[type="radio"]:disabled + .label-text:before{ content: "\f111"; color: #ccc; }
@keyframes effect{ 0%{transform: scale(0);} 25%{transform: scale(1.3);} 75%{transform: scale(1.4);} 100%{transform: scale(1);} }

/* admin */

.plus_bouton {    margin: 0 10px 0 -7px; }
.btn-file {    position: relative;    overflow: hidden;}
.btn-file input[type=file] {    position: absolute;    top: 0;    right: 0;    min-width: 100%;    min-height: 100%;    font-size: 100px;    text-align: right;    filter: alpha(opacity=0);    opacity: 0;    outline: none;    background: white;    cursor: inherit;    display: block;} 
.input-group[class*="col-"] {        margin-bottom: 5px;}





/* footer newsletter*/


.btn-custom-3 {color: #fff;background : #fb5999 ;transition: box-shadow .3s, color .3s;     border-color: #EE2375;}
.btn-custom-3:hover {color: #fff;background: #EE2375;border-color: #fb5999;}

/* HORIZONTAL */
@keyframes horizontal {	0%{transform:translate(0,0)}	6%{transform:translate(5px,0)}	12%{transform:translate(0,0)}	18%{transform:translate(5px,0)}	24%{transform:translate(0,0)}	30%{transform:translate(5px,0)}	36%,100%{transform:translate(0,0)}}
.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover > .faa-horizontal {	animation: horizontal 2s ease infinite;}
.faa-horizontal.animated.faa-fast,.faa-horizontal.animated-hover.faa-fast:hover,.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {	animation: horizontal 1s ease infinite;}
.faa-horizontal.animated.faa-slow,.faa-horizontal.animated-hover.faa-slow:hover,.faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {	animation: horizontal 3s ease infinite;}

.mj-popin-header  {    background: #05cafd;} 

#message {    position: fixed;    bottom: 10px;    left: 20px;    width: 100%;z-index:100}


/* footer */
/* .line4{	position: relative; width: 100%; overflow: hidden; height:100%; background: #000; top : -5px;	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}  */
.line4{	position: fixed; width: 100%; overflow: hidden; background: #000; bottom : 0px;	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;z-index:99;}
.lineBlack{	position: relative;	width: 100%;	overflow: hidden;	height: 100%;		background: url(../images/bgFooter.png)  no-repeat;	background:#101010;}
.lineBlack:before{	top: 0;	content: "";	position: absolute;	z-index: 1;	pointer-events: none;	bottom: 0;	left: 0;	width: 100%;	height: 178px;		-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;}
.downLine {    margin-bottom: 5px;    margin-top: 0px;}

/*  login*/
.login-popup-heading>h4 {    color: #fb5999;    font-size: 18px;    line-height: 30px;}
.new_reg_popup, .new_login_popup {    border-radius: 2px;    min-height: 332px;    width: 500px;    margin: 0px auto;}
.login-popup-btn {    background: #fb5999;    border: none;    border-radius: 25px;    color: #fff;    display: block;    font-size: 18px;    height: 38px;    line-height: 28px;    margin: 20px auto 5px;    width: 150px;}
.login-popup-btn:hover {    background: #05cafd;    border: none;    border-radius: 25px;    color: #fff;    display: block;    font-size: 18px;    height: 38px;    line-height: 28px;    margin: 20px auto 5px;    width: 150px;}


@media screen and (max-width: 1500px) {
.page {background : xxxred }
.line6:after{	border-bottom: 60px solid #000;	border-right: 1500px solid transparent;}
}

@media screen and (max-width: 1229px){
.page {background : xxxpink }
.line6:after{border-right: 1200px solid transparent;}
}

@media (min-width: 768px) and (max-width: 991px) {
.page {background : xxxblack ; padding-top:70px; }
.line4{	height:40px; }


}
@media screen and (max-width: 800px) {
.navbar-nav {    margin: 0;}
.camera_caption h2{	font-size: 35px;	}
.page {background : xxxyellow ; }
.page2 {top:70px;  }
.line6:after{border-right: 1000px solid transparent;}
}

@media screen and (max-width: 460px){
.navbar-brand {    padding: 5px 15px;}
.page {background : xxxpurple }
}

@media screen and (max-width: 1229px) {
.line6:after{border-bottom: 30px solid #000;	border-right: 900px solid transparent;}
}