/* Definitions des polices personnalisees */ 

@font-face {
  font-family: 'Museo-300';
  src: url('/static/polices/Museo-300.eot?#iefix') format('embedded-opentype'),  url('/static/polices/Museo-300.otf')  format('opentype'),
	     url('/static/polices/Museo-300.woff') format('woff'), url('/static/polices/Museo-300.ttf')  format('truetype'), url('/static/polices/Museo-300.svg#Museo-300') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo-900';
  src: url('/static/polices/Museo-900.otf')  format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('/static/polices/Montserrat-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('/static/polices/Montserrat-Bold.ttf')  format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-light';
  src: url('/static/polices/Montserrat-light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Light';
  src: url('/static/polices/Lato-Light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Monotype Corsiva';
  src: url('/static/polices/Monotype Corsiva.TTF')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Elements principaux de la page */

body 
{
	/*background: url("../images/bg.png");*/
	font-family: 'Montserrat-light', 'Museo-300', 'Lato-Light', consolas, 'sans-serif';
    font-size: 16px;
    font-weight: normal;
    /*margin: 0px 20px;*/
    margin: 0px;
    padding-bottom: 0px;
    position: relative;
}

#bloc_page
{
	height: 100%;
	width: 100%;
	margin: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content {
  /*background: green;*/
  margin-bottom: 2em;
  margin-top: 2em;
  overflow: hidden;
  padding: 0px 20px 10px 20px;
/*  background-color: black; */
}

#content-home {
  margin-top: 2em;
  margin-bottom: 1em;
  overflow: hidden;
  font-family: 'Montserrat-Regular';
}


div.head-questions-block::after {
	content: "";
 	background: url("/static/images/main/data-center.jpeg") 0 0 repeat-x;
  	opacity: 0.25;
 	top: 250px;
  	left: 0;
  	bottom: 0;
 	right: 0;
  	width: 100%;
  	position: absolute;
  	z-index: -2;
}

#content-home .headline-1 {
  text-align: center;
  margin-bottom: 2em;
}

#content-home .headline-1 h1 {
 font-size: 3.5rem;
  line-height: 1.18;
  text-align: center;
  color: yellow;
  font-family: 'Museo-900','Montserrat-Regular';
  margin-bottom: 0;
}

#content-home .home-questions {
	text-align: center;
/*	background-color: #3f4e6b; */
	width: 100%;
	margin-bottom: 1em;
	min-height: 250px;
/*	border-bottom: 5px solid yellow;
	border-bottom-color: yellow; 
	border-bottom-width: thin; */
	position: relative;
	display: block;
}

#content-home .home-questions::after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 50%;
/*	padding-top: 20px; */
	border-bottom: 1px solid yellow;
	border-bottom-width: thin;
}

#content-home .home-questions .home-questions-title {
	font-size: 1.5em;
	color: #e46c0a;
	text-align: center;
	padding-top: 30px;
/*	padding-bottom: 20px; */
	display: block;
}

#content-home .home-questions .home-loading {
	display: inline-block;
	margin-left: 0px;
	margin-right: 20px;
	text-align: center;	
}

#content-home .home-questions .home-loading img {
	height: 256px;
	width: 256px;
	opacity: 0.7;
	padding-top: 0px;
	padding-bottom: 60px;
/*	background-color:#1F2739; */
}

#content-home .home-questions .questions-div {
	font-family: 'consolas','Montserrat-Regular','Lato-Light';
	text-align: left;
	font-size: 1.5em;
	top: 0px;
	padding: 50px;
	color: white;
	font-weight: normal;
	display: inline-block;
}


#content-home .learning-pipeline {
	text-align: center;
/*	background-color: #323C50; */
	width: 100%;
	margin-bottom: 1em;
	min-height: 250px;
	border-bottom: 5px double #e46c0a;
	position: relative;
}

#content-home .learning-pipeline .pipeline-title {
	font-size: 18px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	color: yellow;
	display: block;
	text-transform: uppercase;
}

#content-home .learning-pipeline .pipeline-div {
	text-align: center;
	padding: 50px 50px;
	margin: 20px 10px 10px 10px;
	color: black;
	font-weight: bold;
	background-color: white;
	display: inline-block;
}


#content-home .home-quote-1 {
	width: 100%;
	margin-bottom: 1em;
	min-height: 250px;
	position: relative;
	text-align: center;
	display: block;
}

#content-home .home-quote-1 .home-quote-1-title {
	text-align: center;
	font-size: 1.5em;
	padding-top: 30px;
	padding-bottom: 0px;
	color: #e46c0a;
	display: block;
}

#content-home .home-quote-1 .home-quote-1-content {
	font-family: 'consolas','Montserrat-Regular';
	text-align: left;
	font-size: 1.5em;
	max-width: 70%;
	display: block;
	margin: 0 auto;
}

#content-home .home-quote-1 .home-quote-1-content blockquote {
    border:none;
    quotes: "\201C""\201D""\2018""\2019";
}

#content-home .home-quote-1 blockquote h3 {
    font-weight: normal;
    color: white;
}

#content-home .home-quote-1 blockquote h3:before { 
	content: open-quote;
	font-weight: bold;
	font-size: 50px;
	color: #e46c0a;
} 

#content-home .home-quote-1 blockquote h3:after { 
	content: close-quote;
	font-weight: bold;
	color: #e46c0a;
}

#content-home .home-quote-1 blockquote span {
	color: yellow;
}


#content-home .call-to-actions {
	width: 100%;
	border-bottom: 5px double #e46c0a;
	position: relative;
	text-align: center;
	display: block;
}

#content-home .call-to-actions a {
	border: none;
	text-decoration: none;
	font-family: 'Montserrat-light','Lato-Light','Montserrat-Regular';
	font-size: 20px;
	color: white;
	padding: 30px 32px;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
	display: inline-block;
	cursor: pointer;
}

#content-home .call-to-actions .view-courses-cta {
	background-color: #e46c0a;
	margin-right: 15px;
}

#content-home .call-to-actions .view-pricing-cta {
	background-color: green;
	margin-left: 15px;
	margin-bottom: 2em;
}

#content-home .call-to-actions a:hover {
	background-color: yellow;
	color: black;
}

#content-home .call-to-actions a:visited {
	border:none;
	text-decoration: none;
}


#content-home .home-features {
	font-family: 'Montserrat-light','Lato-Light','Montserrat-Regular';
	text-align: center;
	background-color: black;
	width: 100%;
/*	margin-bottom: 1em; */
	margin-bottom: 0;
	min-height: 250px;
	padding-bottom: 20px;
/*	border-bottom: 5px solid white;
	border-bottom-width: thin; */
	position: relative;
	display: block;
}

#content-home .home-features::after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 50%;
	padding-top: 40px;
	border-bottom: 1px solid white;
	border-bottom-width: thin;
}

#content-home .home-features .home-features-title {
	font-size: 1.5em;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	color: white;
	display: block;
}

#content-home .home-features .features-div {
	text-align: left;
	padding: 30px 20px;
	margin: 20px 10px 0px 10px;
	color: black;
	background-color: white;
	max-width: 27%;
	height: 150px;
	display: inline-block;
	overflow: auto;
}

#content-home .home-features .features-div span {
	font-family: 'Montserrat-light';
	text-align: center;
	font-weight: bold;
	color: green;
	text-transform: uppercase;
}

#content-home .home-features .div-topics {
	font-family: 'consolas';
	height: 250px;
}

#content-home .home-features .div-topics span {
	text-align: center;
	font-weight: bold;
	color: #e46c0a;
	text-transform: uppercase;
}

#content-home .home-features .div-events span {
	text-align: center;
	font-weight: bold;
	color: green;
	text-transform: uppercase;
}


#content-home .home-contactus {
	text-align: center;
	position: relative;
	width: 100%;
	margin-bottom: 2em;
	background-color: black;
	border-bottom: none;
	display: block;
}

#content-home .home-contactus .home-contactus-title {
	text-align: center;
	font-size: 1.5em;
	padding-top: 30px;
	padding-bottom: 20px;
	font-weight: normal;
	color: white;
	display: block;
}

#content-home .home-contactus .home-register-title {
	color: yellow;
	font-weight: normal;
	text-transform: uppercase;
	max-width: 50%;
	margin: 0 auto;
}

#content-home .home-contactus .color-myorange {
	background-color: #e46c0a;
}

#content-home .no-margin {
	margin-bottom: 0;
	border-bottom: 5px double #e46c0a;
}

.entry-content p {
	text-align: left;
    text-justify: inter-word;
    margin-top: 0.8em;
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 2;
    font-weight: normal;
}

.width-70per {
	width: 70%;
	margin: 0 auto;
}

.entry-content .back-to-top {
	 margin: 0 auto; 
	 text-align: center;
	 margin-top: 3em;
}

.entry-content .back-to-top a {
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	color: black;
	text-decoration: none;
}

.entry-content .back-to-top a:hover {
	background-color: #4CAF50;
}

section h2
{
	font-family: consolas,'Museo-300';
	/*font-weight: normal;*/
	color: #4CAF50;
	font-weight: bold; 
	margin-bottom: 3px;
	/*text-transform: uppercase;*/
}

#post-list
{
	list-style-type: none;

}

.entry-title
{
	font-weight: bold;
	font-size: 2em;
	font-family: 'Monotype Corsiva','Museo-900','Museo-300',Arial, Helvetica, sans-serif;
/*	background-color: red; */
	margin-top: 0px;
}

.entry-title a
{
	color: #e46c0a;
	font-weight: 700; 
	margin-bottom: 3px;
}

.entry-title a:visited 
{
	color: #4CAF50;
	font-weight: 700;
	text-decoration: none;
}

nav a 
{
	font-family: 'Museo-300',consolas,Garamond,Arial;
	font-weight: bold;
	text-transform: uppercase;
}

.pushfooter {
    height: 6em;
}

#footer {
	position: relative;
	right:0px;
 	bottom:0px;
 	left:0px;
	background-color: black;
	height: 5em;
 	color: white;
 	text-align: center;
 	line-height: 1.0;
 	width: 100%;
}


#footer div
{
	margin-top: 1em;
	font-weight: normal;
	display: inline-block;
	text-align: center;
}

#footer div a
{
	color: #e46c0a;
	font-weight: bold;
}

header
{
	background-color: #e46c0a; 
	color: white;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
/*	background-color: yellow; */
}

/*#titre_principal h2 */
#banniere_image h2
{
	font-family: 'Monotype Corsiva','Lato-Light','Museo-300','consolas';
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
}
/* Css pour rendre les images responsive */

img
{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

section header
{
	background-color: white;
	padding: 0px;
} 

/* Navigation */

#menu
{
	text-align: center;
}


nav
{
	display: inline-block;
	/*border:1px solid black;*/
}

nav ul
{
	list-style-type: none;
	padding: 0px;
}

nav li 
{
	display: inline-block;
	margin-right: 15px;
}

nav a 
{
	font-size: 1.5em;
	color: white;
	padding-bottom: 3px;
	text-decoration: none;
	font-family: 'consolas','Lato-Light','Museo-300';
}

nav a:hover
{
	color: black; 
}

/* Bannière image */

#banniere_image
{
	position: relative;
	margin-top: 15px;
	height: 90px;
	text-align: center;
}

/* Blog */
.hentry 
{
  border-bottom: 1px solid #eee;
  padding: 1em 0;
/*  background-color: blue; */
  width: 70%;
  margin: 0 auto;
}

/*li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}*/
.hentry footer address {display: inline;}
#posts-list footer address {display: block;} 
.hentry .post-info * {font-style: normal;font-family: 'Monotype Corsiva';}


/* Formulaire de souscription */

.subscribe
{
	text-align: center;
}

.subscribe p {
	color: white;
	font-size: 1.5em;
}

.subscribe input
{
    height: 50px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #6c6c6c;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 0 20px 0 50px;
    outline: none;
    font-family: 'Montserrat-light','Montserrat-Regular';
}

.email-sub
{
	width: 350px;
	background: #fff
}

.btn-sub
{
	width: 180px;
    height: 50px;
    background: #e46c0a;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #e46c0a;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Montserrat-light','Montserrat-Regular';
    outline: none;
    cursor: pointer;
}
/*div {border:1px solid black;}*/

@media all and (min-width: 960px) {
	nav a 
		{
			font-size: 1.2em;
			color: white;
			padding-bottom: 3px;
			text-decoration: none;
		}
}

@media all and (max-width: 959px) and (min-width: 600px) {
	nav a 
		{
			font-size: 1em;
		}

	#banniere_image h2
		{
			font-size: 1.1em;
		}

	.hentry 
		{
  			padding: 0;
  			width: 100%;
		}
}

@media all and (max-width: 599px) and (min-width: 320px) {
	nav a 
		{
			font-size: 12px;
		}
		#banniere_image h2
		{
			font-size: 12px;
		}
	
	.entry-title
	{
	font-size: 1.5em;
	}

	.entry-title a
	{
		font-size: 15px;
		font-weight: bold;
	}

	.hentry 
		{
  			padding: 0;
  			width: 100%;
		}

	#content {
  		margin-top: 20px;
	}

	.entry-content p {
    	font-size: 18px;
    	line-height: 1.58;
	}
}

@media all and (max-width: 319px) {
	nav a 
		{
			font-size: 10px;
		}
	nav li 
		{
			display: inline-block;
			margin-right: 10px;
		}
	#banniere_image h2
		{
			font-size: 8px;
		}
	
	.entry-title
	{
	font-size: 1.5em;
	}

	.entry-title a
	{
		font-size: 15px;
		font-weight: bold;
	}

	.hentry 
	{
  		padding: 0;
  		width: 100%;
	}

	#content {
  		margin-top: 0px;
	}

	.entry-content p {
    	font-size: 18px;
    	line-height: 1.58;
	}

}