@import  'https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,900italic';
@import  'https://fonts.googleapis.com/css?family=Dancing+Script';

/*
Bienvenue dans l’éditeur CSS de l’extension Design !

CSS (Cascading Style Sheets) est un langage qui fournit des informations à
votre navigateur concernant le style de la page web que vous visitez. Vous
pouvez maintenant supprimer ces commentaires et commencer à ajouter votre
propre code CSS.

Par défaut, cette feuille de style sera chargée après la feuille de
style de votre thème, ce qui veut dire que les nouvelles règles que vous
ajouterez ici pourront remplacer celles créées par le thème.

Vous pouvez donc ajouter ici les changements que vous souhaitez apporter à
votre thème, sans avoir à copier la feuille de style existante de
celui-ci, ou avoir à recréer toutes les règles de style de votre thème.
*/
/* Globals */
body {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color: #555;
	font-size: 14px;
	font-weight: 300;
	background: #fff !important;
	background-image: url('/wp-content/uploads/2015/07/fond-site.png') !important;
	background-repeat: repeat-x !important;
}

p {
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #dd9933;
}

a:visited {
	color: #dd9933;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: #dd9933;
}

b, strong {
	font-weight: 700;
}

.fil {
	font-size: x-small;
	font-weight: bold;
	color: #1E72BD;
}

blockquote {
	border-left: 3px solid #1E72BD;
	background: #c4d5de;
	margin-left: 36px;
}

.widget ul, .widget ol {
	list-style: square;
	text-align: left;
	margin-left: 0;
	font-size: 12px;
	text-transform: none;
}

.post {
	margin-bottom: 0;
	border: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6e2e8;
}

/* WordPress Core CSS  */
/* widget-title est ici pour memoire : actif uniquement dans Blog.CSS */
.widget-title {
	font-size: 22px;
	font-weight: 500;
}

.widget {
	margin-bottom: 19px;
	font-size: 12px;
}

/* h1 modifié pour titre widget */
h1 {
	color: #6b8b9d;
	font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
}

/* Navbar */
.navbar {
	margin-bottom: 15px;
}

.navbar-default {
	background-color: #c4d5de;
	font-size: 14px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

.navbar-nav>li {
	border-left: none;
	font-size: 14px;
}

.navbar-nav>li:last-child {
	border-right: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #000;
	background-color: transparent;
}

.dropdown-menu {
	font-size: 13px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #ececec;
	border-radius: 0;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-clip: none;
	border-bottom: 0;
}

/* Pagination & 404 */
.notfound {
	margin: 50px auto;
	width: 400px;
	text-align: center;
	color: #777;
}

/* Blog name and description */
.blog-title {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 40px;
	padding-top: 3vw;
	text-align: left;
	font-size: 60px;
	font-weight: 300;
}

.site-description:before, .site-description:after {
	content: '';
	display: block;
	width: 20%;
	border-bottom: none;
	margin: 12px auto;
}

/* Widgets & WordPress Styles */
img {
	max-width: 100%;
	height: auto;
	border: 1px solid #dfdfdf;
	padding: 0;
	background-color: #FFFFFF;
}

ul {
	list-style: disc outside;
	text-align: justify;
	font-size: 14px;
	margin: 0 0 15px 36px;
	padding: 0;
}

iframe {
	border: 1px #dfdfdf solid;
	padding: 5px;
}

/* habillage du widget actualités */
#text-20 {
	background-color: #c4d5de;
	padding: 10px;
}

/* habillage du widget découvrez l'Académie François Bourdon en vidéo */
#text-68 {
	background-color: #c4d5de;
	padding: 10px;
}

/* Compte à rebours */
.secondes {
	display: none !important;
}

.minutes {
	display: none !important;
}

.hourse {
	display: none !important;
}

/* Post */
.blog-post-title {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #3b3d65;
}

/* Recherche */
.hilite {
	background-color: #1e73be;
	font-weight: bold;
}

.fildariane {
	font-size: 10px;
	margin-left: 15px;
}

.blog-header {
	height: 250px;
	padding-top: 0;
}

.h-header {
	margin-top: 0;
	font-size: 24px;
}

.h-header:before {
	content: '';
	display: block;
	width: 20%;
	margin: 0 auto;
	border-top: 1px solid #6b8b9d;
	padding-bottom: 10px;
}

.h-header:after {
	content: '';
	display: block;
	width: 20%;
	border-bottom: 1px solid #6b8b9d;
	padding-top: 10px;
	margin: 0 auto;
}

#site-title a {
	font-size: 3vw;
	color: #fff;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.site-description {
	color: #fff !important;
	margin-left: 40px;
	margin-top: -20px;
	width: 100%;
	text-align: left;
	max-width: 100%;
	font-family: 'Dancing Script', cursive;
	font-size: 3vw;
}

.slider {
	margin-top: -250px;
	z-index: 1;
	position: relative;
}

.blog-header {
	z-index: 999;
	height: auto !important;
	position: relative;
	background-color: transparent !important;
	
}

.post, article {
	background-color: transparent;
}

.w4pl img {
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}

.w4pl ul {
	list-style-type: none;
}

.w4pl ul li {
	clear: both;
}

.socialmedia {
	text-align: left;
	padding-top: 50px;
}

.slider {
	margin-top: 0 !important;
}

@media (min-width: 768px) {
	.blog-header {
		position: absolute;
	}
}

/* Masque le diaporama pour les petits ecrans */
@media (max-width: 767px) {
	.slider {
		display: none;
	}
	
	.blog-header {
		background-image: url('/wp-content/uploads/2015/07/histpf74b.jpg') !important;
	}
	
	#site-title a {
		font-size: 5vw;
	}
	
	.site-description {
		font-size: 5vw;
	}
	
	.mobile-search-icon {
		display: none;
	}
}

élément {

}
.blog-title {

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 149px;
    padding-top: 6vw;
    text-align: left;
    font-size: 60px;
    font-weight: 300;

}

.site-description {

  margin-left: 145px;
}

.blog-header {

	position: relative;}