/*
Theme Name: Oliviers
Theme URI: http://www.najat-vallaud-belkacem.com
Author: Jonathan Debauve
Version: 1.1
Tags: responsive, columns
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px 0;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}


html, body {
	margin: 0;
	padding: 0;
}


body {
	background: url('img/fd.png') fixed;
	font-family: 'Open Sans', Arial, san-serif;
	margin: 0;
	padding: 0;
	width: 100%;
}


p {	
	font-size: 13px;
	line-height: 1.6em;
	text-align: justify;	
}

a {color: #555; text-decoration: underline;}
a:hover {text-decoration: none;}

img {border: 0;}

.clear {clear: both; line-height: 0; margin: 0; padding: 0;}
.none {display: none;}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Arial, san-serif; font-weight: bold; text-align: left;}

.left {float: left;}
.right {float: right;}



/* MENU ---------------- */

#menu {
	background: #006099 url('img/najat-vallaud-belkacem.png') center center no-repeat;
	height: 100px;
	margin: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

.logged-in #menu {top: 31px;}

#menu a.home {
	width: 260px;
	height: 100px;
	display: block;
	margin: 0 auto;
	float: none;
}

#page {
	display: block;
	margin: 100px auto 0 auto;
	overflow: hidden;
	min-height: 500px;
}


#navigation {
	color: #fff;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#navigation .sep {
	margin: 0 0 15px 0;
}

#navigation a  {
	color: #666;
	display: block;
	text-decoration: none;
}

#navigation li.toggleSubMenu {
	color: #fff;
	float: left;
	display: inline-block;
	width: 80px;
}

#navigation li.facebook, #navigation li.twitter, #navigation li.newsletter {
	float: right;
}
	
#navigation li.toggleSubMenu a, #navigation li.toogleLink a, #navigation .toggleSubMenu span {
	background-size: cover;
	color: #fff;
	font-size: 10px;
	height: 35px;
	padding: 65px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
}

#navigation li a {
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;	
}

#navigation li.toggleSubMenu ul li a {
	color: #666;
}

#navigation li.menu a {background: url('img/menu.png') 0 0;}
#navigation li.recherche a {background: url('img/menu.png') -80px 0;}
#navigation li.facebook a {background: url('img/reseaux-sociaux.png') 0 0;}
#navigation li.twitter a {background: url('img/reseaux-sociaux.png') -80px 0;}
#navigation li.newsletter a {background: url('img/reseaux-sociaux.png') -160px 0;}

#navigation li.home a {
	background: none;
	height: 80px;
	width: 270px;
	margin: 0 auto;
}

#navigation .open a, #navigation .open span {
	background: url('img/menu.png') 0 -80px;
	background-size: cover;
}

#navigation li.toggleSubMenu li a {
	background: none;
	font-size: 12px;
	text-align: left;
	text-transform: none;
}	
	
#navigation li.toggleSubMenu a:hover, #navigation li.open a, #navigation li.toogleLink a:hover {
	background-color: #005691;
	text-decoration: none;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}

#navigation .subMenu {
	font-size: 13px;
	display: block;
	line-height: 1em;
	margin: -9px 0 0 0;
	padding: 0;
	width: 200px;
}

#navigation li.menu .subMenu {background: url('img/submenu.png') -210px 0 no-repeat;}
#navigation li.recherche .subMenu {background: url('img/submenu.png') -130px 0 no-repeat;}
#navigation li.newsletter .subMenu {background: url('img/submenu.png') -40px 0 no-repeat;}

#navigation .sous-titre {
	color: #bbb;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 20px 5px 20px;
	text-transform: uppercase;
}

#navigation li.recherche .subMenu {
	left: -80px;
	height: auto;
	padding: 30px 20px 20px 20px;
	position: relative;
	text-align: center;
	width: 280px;
}

#navigation li.newsletter .subMenu, #navigation li.recherche .subMenu {
	border-bottom: 4px solid #0b6ba8; 
	right: 170px;
	height: auto;
	padding: 30px 20px 20px 20px;
	position: relative;
	text-align: center;
	width: 210px;
}

#navigation li.menu ul.subMenu {
	border-bottom: 4px solid #0b6ba8; 
	display: block;
	padding: 30px 0 20px 0;
}
	
#navigation ul.subMenu a {
	display: block;
	padding: 3px 20px;
	font-weight: 500;
	height: auto;
	width: 160px;
}
	
#navigation ul.subMenu a:hover {
	background: #ddd;
}


.newsletter ul li, .recherche ul li {list-style: none;}
.recherche label, .newsletter label {display: none;}

.newsletter .email, .recherche .searchform #s {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 12px;
	font-family: 'Open Sans';
	margin: 0 0 6px 0;
	padding: 5px 10px 5px 10px;
	width: 190px;
}

.newsletter .button, .recherche #searchsubmit {
	background: #006099;
	border: 0;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans';
	font-weight: bold;
	margin: 0;
	padding: 5px 20px;
}

a#nvb2017 {
	background: #ffffff url('img/nvb2017.png') 0 0 no-repeat;
	border-bottom: 1px solid #ddd;
	clear: both;
	display: block;	
	height: 40px;
	position: absolute;
	top: 100px;
	width: 100%;
}




@media all and (max-width: 960px) {
}


@media all and (max-width: 768px) {
	.facebook, .twitter {display: none;}
}


@media all and (max-width: 560px) {

	#page {margin: 80px 0 30px 0; width: 100%; padding: 0;}
	#menu {background-size: contain; height: 80px;} 
	#menu a.home {height: 80px;}
	#navigation li.recherche, #navigation li.newsletter {display: none;}
	#navigation li.toggleSubMenu a, #navigation li.toogleLink a {background-position: 0 -8px; height: 27px; padding: 53px 0 0 0;}
	#navigation ul.subMenu a {padding: 3px 20px; height: auto; width: 160px;}
	a#nvb2017 {display: none;}
}




/* Page d'accueil 
-------------------------------------------------------------------- */


/* Une ------- */

#une {
	background: url('img/px-blanc.png');
	display: block;
	overflow: hidden;
	padding: 40px 0 10px 0;
	width: 100%;
}

#une-container {
	margin: 0 auto;
	width: 95%;
	max-width: 1160px;
}

.une {
	background-size: cover;
	background-position: center center;
	display: block;
	float: left;
	height: 400px;
	margin: 0 1% 20px 1%;
	padding: 0;
	width: 64%;
}

.une header {
	background: rgba(0, 0, 0, 0.6);
	display: block;
	height: 320px;
	margin: 0;
	padding: 40px 40px 40px 30px;
	width: 30%;
	max-width: 240px;
}

.une header h2 {
	color: #fff; 
	font-family: 'Open Sans', Arial, san-serif; 
	font-size: 11px; 
	font-weight: bold; 
	margin: 0 0 10px 0; 
	padding: 0; 
	text-transform: uppercase;
}
	
.une header h1 {
	color: #fff; 
	font-family: 'Open Sans', Arial, san-serif; 
	font-size: 22px; 
	font-weight: bold; 
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.2em;
}

.une header h1 a {color: #fff; display: block; text-decoration: none;}


.une header a.morelink {
	background: url('img/puce.png') center left no-repeat;
	color: #fff;
	font-family: 'Open Sans', Arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 12px;
	text-decoration: none;
}

.une header a.morelink:hover {text-decoration: underline;}

.zoom {
	background: #fff;
	background-size: cover;
	background-position: center center;
	float: left;
	height: 185px;
	margin: 0 1% 30px 1%;
	width: 31%;	
	transition: background-size .25s ease-in-out;
	-moz-transition: background-size .25s ease-in-out;
	-webkit-transition: background-size .25s ease-in-out;	
}

.zoom h1 a {
	background-image: url('img/fd-une.png');
	background-position: center bottom;
	color: #fff;
	display: table-cell;
	font-family: 'Open Sans';
	font-size: 16px;
	height: 145px;
	padding: 20px 10%;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	width: 75%;
}

.zoom:hover { 
	transition: background-size .25s ease-in-out;
	-moz-transition: background-size .25s ease-in-out;
	-webkit-transition: background-size .25s ease-in-out;	
}


@media all and (max-width: 960px) {

	.une {
		height: 300px;
		margin: 0 1.3% 20px 1.3%;
		padding: 0;
		width: 96.6%;
	}
	
	.une header {
		padding: 40px 30px;
		height: 220px;
		margin: 0;
		width: 35%;
		max-width: 240px;
	}
	
	.zoom {
		margin: 0 1.3% 30px 1.3%;
		width: 47%;	
	}

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 560px) {

#une {width: 100%; padding: 0;}
#une-container {padding: 0; width: 100%;}
.une {width: 100%; margin: 2px 0; height: 200px;}
.une header {padding: 30px 20px 20px 20px; height: 150px; width: auto; max-width: 100%;}
.une header h1 {font-size: 20px;}
.zoom {height: 65px; margin: 0 0 2px 0; width: 100%;}
.zoom h1 a {background-image: none; background: rgba(0, 0, 0, 0.6); height: 65px; font-size: 14px; padding: 0 30px 0 20px; width: auto; text-align: left; 	vertical-align: middle;}
}



/* Agenda ------- */




/* Articles ------- */






/* CONTENU
--------------------------------------------------------------- */


.home #container, .archive #container, .search #container {
	width: 95%;
	margin: 0;
	padding: 35px 0 0 0;
	overflow: hidden;
	max-width: 1160px;
	margin: 0 auto;
}

.columns {
	display: block;
	overflow: hidden;
}

.home .article, .archive .article, .search .article { 
	background: #fff;
	border-top: 6px solid #0b6ba8; 
	display: inline-block;
	margin: 0px 1% 30px 1%;
	vertical-align: top;
	width: 31%;
}


@media all and (max-width: 960px) {
#container {padding: 30px 0 0 0;}
.home .article, .archive .article, .search .article {width: 47%; margin: 0px 1.3% 30px 1.3%;}
}

@media all and (max-width: 768px) {
#container {padding: 20px 0 0 0;}
.home .article, .archive .article, .search .article {width: 47%; margin: 0px 1.3% 20px 1.3%;}
}

@media all and (max-width: 560px) {
#container {padding: 20px 0 0 0;}
.home .article, .archive .article, .search .article {width: 100%;}
}

.home .article img, .archive .article img, .search .article img {
	border: 0;
	height: auto;
	width: 100%;
}

.home .article h1, .archive .article h1, .search .article h1 {
	display: block;
	font-family: 'Open Sans', Arial, San-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0;
}

.home .article h1 a, .archive .article h1 a, .search .article h1 a {
	color: #0b6ba8;
	display: block;
	padding: 20px 15px 10px 15px;
	text-decoration: none;
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;		
}


.home .article h1 a:hover, .archive .article h1 a:hover, .search .article h1 a:hover {
	color: #005691;
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;	
}

.home .article p, .archive .article p, .search .article p {
	font-family: Georgia;
	font-size: 13px;
	line-height: 1.6em;
	margin: 0;
	padding: 0 15px 15px 15px;
	text-align: left;
}

.home .article footer.entry-meta, .archive .article footer.entry-meta, .search .article footer.entry-meta {padding: 0 15px;}

.home .article .socialbar, .archive .article .socialbar, .search .article .socialbar {
	border-top: 1px solid #efefef;
	display: inline-block;
	list-style: none;
	list-style-position: outside;
	margin: 0;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}


.home .article .socialbar li, .archive .article .socialbar li, .search .article .socialbar li {display: inline-block; margin: 0; padding: 0;}

.home .article .socialbar li a, .archive .article .socialbar li a, .search .article .socialbar li a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

li.social.twitter {height: 20px;}

.home .article .socialbar li a span, .archive .article .socialbar li a span, .search .article .socialbar li a span {left: -9999em; position: relative;}
.home .article .socialbar li.commentaire a span, .archive .article .socialbar li.commentaire a span, .search .article .socialbar li.commentaire a span {left: 0; position: relative;}


.home .article .socialbar li.facebook a, .archive .article .socialbar li.facebook a, .search .article .socialbar li.facebook a {background: url('img/ico/reseaux-sociaux2.png') 0 0 no-repeat;}

.home .article .socialbar li.facebook a:hover, .archive .article .socialbar li.facebook a:hover, .search .article .socialbar li.facebook a:hover {background: url('img/ico/reseaux-sociaux2.png') 0 -20px no-repeat;}

.home .article .socialbar li.twitter a, .archive .article .socialbar li.twitter a, .search .article .socialbar li.twitter a {background: url('img/ico/reseaux-sociaux2.png') -20px 0 no-repeat;}
.home .article .socialbar li.twitter a:hover, .archive .article .socialbar li.twitter a:hover, .search .article .socialbar li.twitter a:hover {background: url('img/ico/reseaux-sociaux2.png') -20px -20px no-repeat;}
.home .article .socialbar li.googleplus a, .archive .article .socialbar li.googleplus a, .search .article .socialbar li.googleplus a {background: url('img/ico/reseaux-sociaux2.png') -40px 0 no-repeat;}
.home .article .socialbar li.googleplus a:hover, .archive .article .socialbar li.googleplus a:hover, .search .article .socialbar li.googleplus a:hover {background: url('img/ico/reseaux-sociaux2.png') -40px -20px no-repeat;}
.home .article .socialbar li.commentaire a, .archive .article .socialbar li.commentaire a, .search .article .socialbar li.commentaire a {background: url('img/ico/reseaux-sociaux2.png') -60px 0 no-repeat; font-size: 11px; width: 50px; float: right; height: 17px; padding: 3px 0 0 23px; text-decoration: none;}
.home .article .socialbar li.commentaire a:hover, .archive .article .socialbar li.commentaire a:hover {background: url('img/ico/reseaux-sociaux2.png') -60px -20px no-repeat;}


.home .article .socialbar li.postdate, .archive .article .socialbar li.postdate, .search .article .socialbar li.postdate {
	display: block;
	float: right;
	font-size: 8px;
	padding: 7px 0 0 0;
	text-align: right;
	text-transform: uppercase;
	overflow: hidden;
	width: auto;
}

.home .article .socialbar li.postdate a, .archive .article .socialbar li.postdate a, .search .article .socialbar li.postdate a {
	color: #999;
	font-weight: bold;
	height: auto;
	text-decoration: none;
	width: auto;
}

.home .article .socialbar li.postdate a:hover, .archive .article .socialbar li.postdate a:hover, .search .article .socialbar li.postdate a:hover {
	text-decoration: underline;
}

.home .article.format-video p, .archive .article.format-video p, .search .article.format-video p {
	padding: 0;
}

.home .article.format-video iframe, .archive .article.format-video iframe, .search .article.format-video iframe {
	max-height: 180px;
	width: 100%;
}



.home .article.format-video h1 a, .archive .article.format-video h1 a, .search .article.format-video h1 a {
	display: block;
	padding: 15px 15px 10px 15px;
	text-decoration: none;
}


.home .article.format-quote, .archive .article.format-quote, .search .article.format-quote {
	background: #fff url('img/blockquote1.png') 10px 10px no-repeat;
}


.home .article.format-quote blockquote, .archive .article.format-quote blockquote, .search .article.format-quote blockquote {
	margin: 0 0 5px 0;
	padding: 20px 15px 0 15px;
}

.home .article.format-quote blockquote p, .archive .article.format-quote blockquote p, .search .article.format-quote blockquote p {
	background: url('img/blockquote2.png') right bottom no-repeat;
	display: block;
	font-size: 13px;
	font-style: italic;
	padding: 0 0 10px 0; 
} 

.screen-reader-text {display: none;}





/* Pagination */


.wp-pagenavi {
	background: url('img/px-blanc.png');
	clear: both;
	display: block;
	overflow: hidden;
	margin: 20px 0 0 0;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}

.wp-pagenavi span.pages {display: none;}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background: #eee;
	padding: 6px 12px;
	margin: 3px;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;		
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #006099;
	color: #ffffff;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;		
}

.wp-pagenavi span.current {
	font-weight: bold;
}


@media all and (max-width: 560px) {

	.wp-pagenavi a, .wp-pagenavi span {
	font-size: 13px;
	padding: 2px 6px;
	margin: 2px;
	}

}






/* FOOTER 
------------------------------------------------------------------------------------------*/

#footer {
	background: #00365e;
	padding: 32px 28px;
	display: block;
	height: auto;
	overflow: hidden;
}

#footer .menu_footer {
	float: left;
	width: 20%;
}

#footer .menu_footer li {
	margin: 0 0 2px 0;
}

#footer .menu_footer li.sous-titre {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 4px 0;
	text-decoration: none;
}

#footer .menu_footer li.sep {
	margin: 0 0 20px 0;
}


#footer .menu_footer li a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

#footer .menu_footer a:hover {
	text-decoration: underline;
}

#footer .reseaux-sociaux_footer {
	float: right;
}

#footer .reseaux-sociaux_footer li {
	display: inline;
}

#footer .reseaux-sociaux_footer li a {
	display: inline-block;
	height: 32px;
	margin: 0 3px 0 0;
	opacity: 0.9;
	width: 32px;
}

#footer .reseaux-sociaux_footer li a:hover {opacity: 1;}


#footer .reseaux-sociaux_footer li span {display: none;}
#footer .reseaux-sociaux_footer li.facebook a {background: url('img/reseaux-sociaux_footer.png') 0 0 no-repeat;}
#footer .reseaux-sociaux_footer li.twitter a {background: url('img/reseaux-sociaux_footer.png') -32px 0 no-repeat;}
#footer .reseaux-sociaux_footer li.googleplus a {background: url('img/reseaux-sociaux_footer.png') -64px 0 no-repeat;}
#footer .reseaux-sociaux_footer li.photos a {background: url('img/reseaux-sociaux_footer.png') -96px 0 no-repeat;}
#footer .reseaux-sociaux_footer li.videos a {background: url('img/reseaux-sociaux_footer.png') -128px 0 no-repeat;}
#footer .reseaux-sociaux_footer li.newsletter a {background: url('img/reseaux-sociaux_footer.png') -160px 0 no-repeat;}
#footer .reseaux-sociaux_footer li.contact a {background: url('img/reseaux-sociaux_footer.png') -192px 0 no-repeat;}


@media all and (max-width: 960px) {

#footer .menu_footer {
	float: left;
	width: 33%;
}


#footer .reseaux-sociaux_footer {
	clear: both;
	float: none;
	padding: 20px 0 0 0;
}

}


@media all and (max-width: 560px) {

#footer {margin: -30px 0 0 0;}

#footer .menu_footer {
	float: left;
	width: 100%;
}

}

/* SINGLE
--------------------------------------------------------------- */

.single #container, .page #container {
	margin: 30px auto;
	padding: 0;
	width: 100%;
	max-width: 1040px;
}

.single #container .article, .page #container .hentry {
	background: #fff;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px;
	width: auto;
}

.error404 #container, .single-format-quote #container, .single-format-image #container {
	margin: 30px auto;
	width: 100%;
	max-width: 800px;
}

.single #container h1.entry-title, .page #container h1.entry-title, .error404 #container h1.entry-title {
	color: #006099;
	font-size: 36px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 0 6%;
	text-align: center;
}

.single #container .contenu, .page #container .contenu {
	float: right;
	width: 75%;
}

.single-format-quote #container .contenu, .single-format-image #container .contenu {
	float: none;
	width: 100%;
}

.single #container .infosarticle {
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}

.single #container .infosarticle a {
	background: #006099;
	color: #fff;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0 2px;
	text-decoration: none;
}

.single #container .infosarticle a:hover {background: #3687ca;}


.single #container .hentry .keywords {
	font-size: 10px;
	text-transform: uppercase;
}

.single #container .hentry .keywords a {
	text-decoration: none;
}

.single #container .hentry .keywords a:hover {
	color: #006099;
}


@media all and (max-width: 768px) {
	.single #container .contenu, .page #container .contenu {
		float: none;
		width: 100%;
	}
	
	.single #container, .page #container {
		margin: 0 auto;
		padding: 0;
	}
	
	.single #container h1.entry-title, .page #container h1.entry-title, .error404 #container h1.entry-title {
		font-size: 28px;
		margin: 0 0 20px 0;		
		padding: 20px 10px;
	}
	
}

@media all and (max-width: 560px) {

	.single #container, .page #container {
		margin: 0 auto;
		padding: 0;
	}

	.single #container .article, .page #container .hentry {
		margin: 0;
		padding: 30px 15px;
	}

	.single #container .contenu, .page #container .contenu {
		float: none;
		width: 100%;
	}

	
	.single #container h1.entry-title, .page #container h1.entry-title, .error404 #container h1.entry-title {
		font-size: 22px;
		margin: 0 0 20px 0;
		padding: 0 5px;
	}

	.single #container .article p, .page #container .hentry p {font-size: 13px; margin: 0 0 18px 0; line-height: 1.3em;}
	
	
}


.single #container .article img.wp-post-image, .page #container .hentry img.wp-post-image {
	height: auto;
	margin: 0 0 20px 0;
	text-align: center;
	width: 100%;
}


.single #container .article img, .page #container .hentry img {
	height: auto;
	margin: 0 0 20px 0;
	text-align: center;
	width: auto;
}



.single #container .article iframe, .single #container .article embed, .page #container .hentry iframe, .page #container .hentry embed {
	max-width: 100%;
}

.single #container .contenu p, .page #container .contenu p {font-size: 15px; margin: 0 0 24px 0;}
.single #container .contenu p.excerpt, .page #container .contenu p.excerpt {font-weight: bold; text-align: left;}

.single #container .contenu ul, .page #container .contenu ul {font-size: 15px; list-style: disc; list-style-position: inside; margin: 0 0 24px 24px;}

.single #container .contenu ol, .page #container .contenu ol {font-size: 15px; list-style: decimal; list-style-position: inside; margin: 0 0 24px 24px;}


.single #container .contenu ul li, .page #container .contenu ul li, .single #container .contenu ol li, .page #container .contenu ol li {font-size: 15px; margin: 0 0 8px 0;}

.single #container .contenu blockquote, .page #container .contenu blockquote {background: url('img/blockquote1.png') left top no-repeat; font-family: Georgia; font-style: italic; text-align: left; margin: 0 0 12px 0; padding: 5px 25px 10px 75px;}

.single #container .contenu blockquote p, .page #container .contenu blockquote p {margin: 0 0 12px 0; padding: 0; text-align: left;}

.single-format-quote #container .contenu blockquote p {font-size: 18px;}

.single #container .hentry .socialbar2, .page #container .hentry .contenu .socialbar2 {
	clear: both;
	display: block;
	float: left;
	list-style: none;
	list-style-position: outside;
	margin: 0;
}

.socialbar2 li {
	display: block;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0 30px 0 0;
	width: auto;
}

.socialbar2 li a {color: #333; padding: 0; text-decoration: none;}
.socialbar2 li a:hover {text-decoration: none;}

.socialsidebar {
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-top: 4px solid #006099;
	display: block;
	margin: 0 3% 30px 0;
	overflow: hidden;
	padding: 2% 4%;
	text-align: center;
	width: 14%;	
}

.socialsidebar li {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
}


.derniersarticles {
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-top: 4px solid #006099;
	display: block;
	font-size: 13px;
	list-style: none;
	list-style-position: outside;
	margin: 0 3% 30px 0;
	padding: 0;
	overflow: hidden;
	width: 22%;	
}

.derniersarticles li h2 {
	background: #006099;
	color: #ffffff;
	font-weight: bold;
	display: block;
	font-size: 13px;	
	margin: 0;
	padding: 10px 10px 11px 10px;
	text-align: center;
	text-transform: uppercase;
}

.derniersarticles li a {
	border-top: 1px dotted #efefef;
	display: block;
	padding: 10px 15px 10px 10px;
	text-decoration: none;
}

.derniersarticles li a:hover {
	background: #efefef;
}


.sidebar .liens a {
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-top: 4px solid #006099;
	margin: 0 3% 30px 0;
	padding: 1.2%;
	display: block;
	overflow: hidden;
	width: 19.6%;	
}

.sidebar .liens a:hover {
	background: #efefef;
}

.single #container .article .sidebar .liens img, .page #container .hentry .sidebar .liens img {
	border-radius: 0;
	margin: 0;
	padding: 0;
}


.single #container .hentry .articlesrelatifs, .page #container .hentry .contenu .articlesrelatifs {
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-top: 4px solid #006099;
	clear: both;
	list-style: none;
	list-style-position: outside;
	margin: 0 0 30px 0;
	padding: 0% 2%;
	display: block;
	overflow: hidden;
	width: 96%;
}

.articlesrelatifs li h2 {
	color: #006099;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 3% 2% 1% 2%;
	width: 96%;
}

.articlesrelatifs li a {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 2% 0;
	padding: 2%;
	text-align: center;
	text-decoration: none;
	width: 29%;
}

.articlesrelatifs li a img {
	margin: 0;
	padding: 0;
}

.articlesrelatifs li a:hover {
	background: #efefef;
}


@media all and (min-width: 768px) {
	.single #container .hentry .socialbar2.topbar, .page #container .hentry .contenu .socialbar2.topbar {display: none;}
}

@media all and (max-width: 768px) {
	.sidebar {display: none;}
}


@media all and (max-width: 768px) {
	
	.articlesrelatifs li h2 {
		color: #006099;
		display: block;
		font-size: 16px;
		font-weight: bold;
		padding: 5% 2% 3% 2%;
		width: 96%;
	}


	.articlesrelatifs li a {
		display: block;
		float: none;
		font-size: 12px;
		font-weight: bold;
		line-height: 1em;
		margin: 0 0 2% 0;
		overflow: hidden;		
		padding: 2%;
		text-align: left;
		text-decoration: none;
		width: 96%;
	}
	
	.single #container .article .articlesrelatifs li a img.article-thumb, .page #container .hentry .articlesrelatifs li a img.article-thumb {
		float: left;
		height: auto;
		margin: 0 5px 0 0;
		width: 60px;
	}
	
	.socialbar2 {
		text-align: center;
	}	
}
















/* =Comments
-------------------------------------------------------------- */

#comments {
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-top: 4px solid #006099;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0% 4%;
	display: block;
	overflow: hidden;
	width: 92%;
}

#comments h2, #comments h3 {
	color: #006099;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 12px 0;
	padding: 3% 0% 1% 0%;
}

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

ol.commentlist {
	margin: 0;
	padding: 0;
}

li.comment {
	border-bottom: 1px solid #ddd; 
	margin: 0;
	padding: 10px 20px;
}

li.comment.odd {
	background: #f8f8f8;
}

/* Comment form */

#respond {
	margin: 3% 0 0 0;
}

#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}






/* Catégories et archives -------------------------------------- */



.archive-header, .page-header {
	background: url('img/px-blanc.png');
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

.archive-header h1, .page-header h1 {
	color: #006099;
	display: block;
	font-size: 24px;
	font-weight: normal;
	height: 42px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	width: 95%;
	max-width: 1160px;
	text-align: center;
}

.archive-header h1 a, .page-header h1 a {
	text-align: left;
	text-decoration: none;	
}


/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}





/* Divers */

.search #container .no-results {
	background: #fff;
	
	
	display: block;
	margin: 0 auto 30px auto;
	overflow: hidden;
	padding: 40px;
}








/* Entry content */

.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 28px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 24px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 20px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 16px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 15px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc inside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal inside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	font-size: 15px;
	margin: 0;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 13px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 13px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	font-size: 15px;
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 15px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 15px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}


/* Message d'alerte -------------------------------- */

#ie {
	background: #eb690b url('img/ie.gif') 20px 10px no-repeat;
	position: fixed;
	bottom: 0;
	height: 30px;
	padding: 18px 10px 12px 80px;
	z-index: 99;
	width: 100%;
}

#ie a {color: #fff; text-decoration: none;}