.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}

.nomargin {margin:0!important;}

.overflow-hidden {overflow:hidden;}


.uppercase {
    text-transform: uppercase;
}
.italic {font-style: italic;}
.strong {font-weight: 700;}
.font-30, .global-page-header h2.font-30 {font-size:30px;}


img {
    max-width: 100%;
}
a {
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

p.txt-gris {
    color: #414141;
}


span.atelier1, a.atelier1 {color:#186ed6;}
span.atelier2, a.atelier2 {color:#d0660f;}
span.atelier3, a.atelier3 {color:#7c8f30;}
span.atelier4, a.atelier4 {color:#cc69db;}
span.atelier5, a.atelier5 {color:#84520b;}

span.menu_petit {
    font-size: 12px;
	margin: -5px 0 15 0;
}

span.menu_petit {
    border-bottom: 1px solid #da9215;
}

.atelier2-cta {
	background: #d0660f;
	padding: 20px;
}

.atelier2-cta p, .atelier2-cta a {
	color:#fff;
}

.atelier2-cta a {
	text-decoration: underline;
}

#pub-video {
    margin: 40px;
}

#conferences .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-shadow: none;
}

#conferences .icon.atelier1 {background-color: #186ed6;}
#conferences .icon.atelier2 { background-color: #d0660f;}
#conferences .icon.atelier3 { background-color: #7c8f30;}
#conferences .icon.atelier4 { background-color: #a456b5;}
#conferences .icon.atelier5 { background-color: #84520b;}

#conferences .media {
    margin: 0px 0 30px 0;
}

#conferences .media .media-left {
    padding-right: 13px;
}

#call-to-action .block .btn-contact {
    white-space: normal;
}

.formation-vedette {
	border: 2px solid #e19a60;
	padding: 20px;
	background: #fff4ec;
}

.text-orange {color:#d46c34;}

#hero-area h1 b {
	font-size: 25px;
    height: auto;
    white-space: inherit;
    text-align: center;
}

#hero-area .btn {
    font-size: 19px;
    line-height: 1em;
}

.conferences {
  padding: 80px 0;
  background: #FCFCFC;
}

#contact-section {
    padding: 60px 0 0 0;
    min-height: 55vh;	
}

#contact-section .address,
#contact-section .email,
#contact-section .phone {
  text-align: center;
  background: #F7F7F7;
  padding: 20px 0 40px 0;
  margin-bottom: 20px;
}
#contact-section .address i,
#contact-section .email i,
#contact-section .phone i {
  font-size: 45px;
  color: #d0660f;
}
#contact-section .address h5,
#contact-section .email h5,
#contact-section .phone h5 {
  font-size: 16px;
  line-height: 1.4;
}



/*--------------------------------------------------------
	Menu mobile
--------------------------------------------------------*/
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: inherit;
}

/*--------------------------------------------------------
	Header
--------------------------------------------------------*/
.global-page-header .breadcrumb .active {
    color: #414141;
}
.global-page-header .breadcrumb li a:hover {
    color: #414141;
}
/*--------------------------------------------------------
	La formatrice
--------------------------------------------------------*/
.about-feature .block {
	height:345px;
}
.about-feature .about-feature-1 {
    background: #e28233;
}
.about-feature .about-feature-2 {
    background: #e6c31d;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;	
}
.about-feature .about-feature-3 {
    background: #96a94e;
}

#hero-area h2 {
	font-weight:500;
}

/*--------------------------------------------------------
	Les ateliers
--------------------------------------------------------*/

.top-image {
	background: #1d1d20 url(../images/slider4.jpg) center right;
	padding: 70px;
	background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
}
.top-image p {
    text-align: justify;
}

  
ol.custom-counter {
	-moz-column-count: 2;
    -moz-column-gap: 90px;
    -webkit-column-count: 2;
    -webkit-column-gap: 90px;
    column-count: 2;
    column-gap: 90px;
    
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

ol.custom-counter li {
    counter-increment: step-counter;
	margin-bottom: 15px;
	display:inline-block;
	width:100%;
}

ol.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 8px;
    margin-left: -36px;
    font-size: 20px;
    line-height: 32px;
    background-color: rgb(208, 102, 15);
    color: white;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}	

ol.custom-counter ul.ul_cercles  li {
    counter-increment: initial;
    line-height: 20px;
    padding-left: 20px;	
	margin-bottom: 0px;
	color: #888;
}

ol.custom-counter ul.ul_cercles  li::before {
    content: '\00BB';
	background-color: transparent;
	color:#96a94e;
	margin-left: -12px;
	margin-right: 0;
}


.document-inclus {
    background: #e6c31d;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
}

/*--------------------------------------------------------
	Footer
--------------------------------------------------------*/
#hero-area .btn  {
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}
#hero-area .btn:hover  {
	background-color:#d0660f;
}

#contact-section .contact-form .btn-send {
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

#contact-section .contact-form .btn-send:hover {
	background-color:#414141;
}
/*--------------------------------------------------------
	Footer
--------------------------------------------------------*/
#call-to-action {
    margin-top: -20px;
}

#call-to-action .block .btn-contact{
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

#call-to-action .block .btn-contact:hover {
	background-color:#414141;
}

#footer {
    padding: 20px 0 25px 0;
    border-top: 1px solid #ddd;
    margin-top: -21px;
}

/*--------------------------------------------------------
	Responsive
--------------------------------------------------------*/

.wrapper_merci h1 {
    font-size: 100px;
    color: #d0660f;
    line-height: 1;
}

.wrapper_merci .btn-home, .wrapper_404 .btn-home {
    background: #414141;
    border: none;
    color: #fff;
    padding: 20px 35px;
    margin-top: 10px;
    font-size: 16px;
    font-size: 13px;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: normal;
    border-radius: 0;
    
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.wrapper_merci .btn-home:hover, .wrapper_404 .btn-home:hover {
    background: #d0660f;
}


.dropdown-menu {
	min-width: 330px;
    max-width: 100%;
}


/*--------------------------------------------------------
	Responsive
--------------------------------------------------------*/
@media (max-width: 991px) {
	#top-bar .container {
		width: 100%;
	}
	
	img.logo-header {
		width: 269px;
	}

	
	#conferences .container {
		width: 100%;
	}
	#footer .copyright {
	    text-align: center;
	}
}

@media (max-width: 900px) {
	.about-feature .about-feature-1, .about-feature .about-feature-2 {
		height:345px;
		width:50%;
	}

	.about-feature .about-feature-3 {
		width:100%;
		height:auto;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-header .navbar-brand a {
		height: auto;
		display: block;
		margin-top: -3px;
	}

	#top-bar.animated-header, #top-bar {
		padding: 20px 0 0 0;
	}
	#top-bar .dropdown-menu > ul > li > a {
		font-size: 12px;
		padding: 7px 0 2px 0px;
		border-bottom: none;
	}
	
	.dropdown-menu span {
		color: #da9215;
		padding-bottom: 11px;
		display: block;
		/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
	}

	ol.custom-counter {
		-moz-column-count: 1;
	    -moz-column-gap: 0px;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 0px;
	    column-count: 1;
	    column-gap: 0px;
	    
	}
	
	#top-bar .dropdown-menu > ul {
    	background-color: #444;
	}
	#top-bar .dropdown-menu > ul > li > a {
    	color: #fff;
	}
	.company-description .block h3 {
	    margin-top: 20px;
	}
	#hero-area .btn { 
		padding: 20px 12px;
		white-space: normal;
	}	
	
	.row {
		margin-right: 0;
		margin-left: 0;
	}	
	
}

@media (max-width: 510px) {

	.about-feature .about-feature-1, .about-feature .about-feature-2 {
		width:100%;
		height:auto;
	}
	
	
}

@media (max-width: 479px) {
	img.logo-header {
		width: 196px;
		margin-top: -14px;
	}

	.title {
		font-size: 30px;
	}	
	#hero-area {
		padding: 80px 0;
	}	
	
	#hero-area h1 {
		font-size: 28px;
		line-height: 1.3;
	}	
	
	#hero-area h1 b	{
		font-size: 23px;
	}
	
	body {
		white-space: normal;
		
	}	
	
}

@media (max-width: 300px) {
	img.logo-header {
		width: 100%;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: 0;
		margin-left: 0;
	}	
	
	.navbar-header .navbar-brand {
		float: none;
		height: auto;
		padding: 5px 0;
		display: block;
	}
	
	.navbar-toggle {
		float: none;
		margin: 10px;
	}	
	
	
}