body.blog footer {  }

#main.blog { padding-top:4.5vw; }

body.admin-bar #main.blog { /* padding-top:calc(4.5vw + 32px); */ }

#main.blog h1 { position:relative; text-transform:uppercase; color:#000; }

#main.blog h1 strong { color:#219FBC; }

#main.blog h1:before { content:" "; position:absolute; left:-8px; top:-5px; width:10px; height:10px; background:#BA000A; }



#blog-intro { background:#f8f8f8; padding:4vw 0 1vw 0; }

#blog-intro h1 { margin-bottom:1vw; }

#blog-intro p { margin-bottom:2vw; color:#000; font-size:1vw; }

ul.search_bar { list-style-type:none; margin:0; padding:0; }

ul.search_bar > li { display:inline-block; }

ul.search_bar > li:first-child { margin-right:15px; }

.search-input { position:relative; height:40px; line-height:40px; display:inline-block; vertical-align:middle; }

.search-input input[type="text"] { height:40px; line-height:40px; padding:0 15px; border-radius:20px; border:solid 1px #ccc; padding-left:40px; }

.search-input:after { content:"\e986"; font-family:'icomoon'; position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#777; }

ul.search_bar a.category { display:block; height:40px; line-height:40px; padding:0px 20px; text-transform:uppercase; text-decoration:none !important; color:#777; font-size:1vw; }

ul.search_bar a.category:hover,

ul.search_bar li.active a.category,

ul.search_bar a.category.active { background:#219FBC; color:#fff; }

ul.search_bar ul.categories { list-style-type:none; margin:0; padding:0; white-space:nowrap; }

ul.search_bar ul.categories > li { display:inline-block; }



.columns { display:flex; }

.columns > .column { flex:1; }

.column.image { position:relative; text-align:center; }

.column img { position:relative; max-width:100%; height:auto; }

.column.image .btn-red { position:absolute; top:50%; }



article { /* flex:1; max-width:32%; margin-right:1%; */ }

article .columns { flex-direction:column; }

article h4.date { font-size:1vw; color:#888; margin:2vw 0 1.5vw 0; }

article h3 { font-weight:900; color:#000; font-size:2vw; margin-bottom:1vw; }

article p { margin-bottom:1vw; }

article a { text-decoration:none !important; }



article.highlight { max-width:100%; margin-right:0; margin-bottom:3vw; }

article.highlight .columns { flex-direction:row; }

article.highlight .columns > .column.image { min-width:60%; margin-right:3vw; }



article.preview { /* width:33.333333333%; */ padding:0.2vw; }

article.preview .columns { flex-direction:column; }

article.preview .column.image img:after { content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.4); }



ul.articles { list-style-type:none; margin:0; padding:0; display:flex; flex-wrap:wrap; flex:0 0 30%; justify-content:space-between; }

ul.articles[data-count="1"],

ul.articles[data-count="2"] { justify-content:left; }

ul.articles > li { /* flex:1; flex-grow:1; */ width:33%; }

ul.articles article .columns { flex-direction:column; }

ul.articles article .columns > .column.image { margin:0 0 0.5vw 0; }

ul.articles article h4.date { font-size:0.7vw; margin:0.5vw 0 0.5vw 0; }

ul.articles article h3 { font-size:1.5vw; margin-bottom:0.5vw; }



article .post-image { display:block; width:100%; height:0px; padding-bottom:60%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; text-align:center; overflow:hidden; }

article.preview .post-image:hover:before { content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.4); z-index:2; }

article.preview .post-image:after { display:inline-block; position:relative; content:"LIRE LA SUITE"; height:2vw; line-height:2vw; border-radius:1vw; padding:0 1vw; background:#BA000A; color:#fff; margin-top:25%; z-index:3; transition:all 0.4s ease; transform:translateY(-400%); }

article.preview .post-image:hover:after { transform:translateY(0); }



.share { }

.share h4 { margin-bottom:10px; }

.share ul.links { list-style-type:none; }

.share ul.links > li { display:inline-block; }

.share ul.links > li a { display:block; height:40px; line-height:40px; border-radius:20px; padding:0px 20px; background:#BA000A; color:#fff !important; text-decoration:none !important; outline:none !important; }





#navbar-blog { position:fixed; left:0px; top:4.5vw; right:0px; background:#f8f8f8; z-index:11; }

body.admin-bar #navbar-blog { top:calc(4.5vw + 32px); }

#navbar-blog ul { list-style-type:none; margin:0; padding:0; }

#navbar-blog ul > li { display:inline-block; height:50px; line-height:50px; vertical-align:top; margin-right:10px; }

#navbar-blog input[type="text"] { /* display:inline-block; height:34px; line-height:34px; padding:0 15px; border-radius:17px; border:solid 1px #ccc; vertical-align:middle; */ }

#navbar-blog .search-input { height:34px; line-height:34px; }

#navbar-blog .search-input input[type="text"] { height:34px; line-height:34px; border-radius:17px; padding-left:34px; font-size:14px; color:#000; }

#navbar-blog .search-input input[type="text"]::placeholder { text-transform:uppercase; color:#777; font-size:12px; }

#navbar-blog .search-input:after { width:34px; height:34px; line-height:34px; }

#navbar-blog ul > li a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 20px; text-decoration:none !important; text-transform:uppercase; color:#777; font-size:0.9vw; font-weight:500; }

#navbar-blog ul.categories > li.active a,

#navbar-blog ul.categories > li a.active { background:#219FBC; color:#fff; }



body.blog #navbar-blog,

body.archive #navbar-blog,

body.category #navbar-blog { display:none; }

body.navbar-blog #navbar-blog { display:block; }

body.navbar-sticky #navbar-blog { display:block; }



main.article { padding-top:calc(6.5vw + 50px); }

body.admin-bar main.article { padding-top:calc(6.5vw + 82px); }

main.article .container { width:76.83%; max-width:100%; }



main.article .column.post { padding-right:2vw; max-width:67.60%; }

main.article .column.sidebar { min-width:32.40%; max-width:32.40%; border-left:solid 1px #ccc; }

.column.sidebar > .sidebar-section { display:block; padding-left:1.8vw; margin-bottom:2vw; }

.column.sidebar > .sidebar-title { background:#f8f8f8; padding-top:2vw; padding-bottom:2vw; }

main.article h2 { position:relative; font-weight:900; text-transform:uppercase; font-size:1.5vw; line-height:1em; }

main.article h2 strong { color:#219FBC; font-weight:900; }

main.article h2:before { content:" "; position:absolute; left:-8px; top:-4px; width:6px; height:6px; background:#BA000A; }



main.article .post { margin-bottom:5vw; }

main.article .post h1 { color:#000; font-size:2vw; line-height:1.2em; margin-bottom:1.5vw; }

main.article .post img.wp-post-image { margin-bottom:2.5vw; }

main.article .post .date { font-size:0.8vw; margin-bottom:1.5vw; color:#777; }

main.article .post .excerpt { font-size:1vw; line-height:1.3em; font-weight:600; margin-bottom:1.5vw; color:#000; }

main.article .post .content { font-size:1vw; line-height:1.3em; margin-bottom:1.5vw; color:#000; }

main.article .post .content .container,

main.article .post .content .elementor-section,

main.article .post .content .elementor-container { max-width:100%; padding-left:0px; padding-right:0px; margin-bottom:0; }

main.article .post .categories { white-space:nowrap; }

main.article .post .categories > a { display:inline-block; height:34px; line-height:34px; padding:0 1vw; margin-right:0.5vw; background:#eee; color:#219FBC !important; text-decoration:none !important; font-size:0.7vw; }

main.article .post .column.share ul.share,

main.article .post .column.share ul.share > li { height:34px; line-height:34px; }



#articles-similaires { position:relative; padding-top:1.5vw; }

#articles-similaires:before { content:" "; position:absolute; left:0px; top:0px; right:0px; height:4.5vw; background:#f8f8f8; }

#articles-similaires h2 { margin-left:3vw; margin-bottom:3vw; }

#articles-similaires ul { list-style-type:none; padding:0; margin:0; display:flex; }

#articles-similaires ul > li { flex:1; margin-right:4vw; max-width:33.333333333%; }

#articles-similaires ul > li:last-child { margin-right:0; }

#articles-similaires ul > li > .preview { margin-bottom:2vw; }

#articles-similaires ul > li > .preview span.title { display:block; font-size:1.2vw; font-weight:900; color:#000; line-height:1.1em; text-transform:uppercase; margin-bottom:1vw; }

#articles-similaires ul > li > .preview span.image { display:block; width:100%; height:0px; padding-bottom:60%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; margin-bottom:1vw; }

#articles-similaires ul > li > .preview span.date { display:block; margin-bottom:1vw; font-size:0.7vw; color:#777; font-weight:600; }

#articles-similaires ul > li > .preview span.excerpt { display:block; font-size:0.8vw; font-weight:normal; line-height:1.2em; margin-bottom:1vw; }

#articles-similaires ul > li > .preview .btn-red { height:2.2vw; line-height:2.2vw; border-radius:1.1vw; font-size:0.7vw; padding:0 1.2vw; }



ul.share { list-style-type:none; margin:0; padding:0; }

ul.share > li { display:inline-block; margin-right:0.3vw; font-size:0.8vw; color:#000; }

ul.share > li a { position:relative; display:block; width:1.4vw; height:1.4vw; line-height:1.4vw; text-align:center; color:#000; text-decoration:none !important; border-radius:0.7vw; border:solid 1px #777; }

ul.share > li a:before { font-family:'icomoon'; color:#000; font-size:0.8vw; }

ul.share > li a.twitter:before { content:"\ea96"; }

ul.share > li a.facebook:before { content:"\ea90"; }

ul.share > li a.linkedin:before { content:"\eaca"; }



ul.last_posts { list-style-type:none; margin:0; padding:0; }

ul.last_posts > li { display:block; margin-bottom:0.5vw; padding-bottom:1vw; margin-bottom:1vw; border-bottom:solid 1px #ccc; }

ul.last_posts > li:last-child { border:none; }

ul.last_posts > li span.date { display:block; font-size:0.7vw; font-weight:600; color:#777; margin-bottom:0.3vw; }

ul.last_posts > li .column.image { max-width:40%; margin-right:1vw; }

ul.last_posts > li span.image { display:inline-block; width:100%; height:0px; padding-bottom:70%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }

ul.last_posts > li span.title { display:inline-block; font-size:0.8vw; font-weight:900; color:#777; line-height:1.1em; text-transform:uppercase; padding-top:1vw; }





@media (max-width: 640px) {

	

		#navbar-blog { top:70px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }

		body.admin-bar #navbar-blog { top:116px; }

		body.blog.navbar-sticky #navbar-blog { display:none; }

		body.blog.navbar-blog #navbar-blog { display:block; }

		#navbar-blog ul { text-align:left; }

		#navbar-blog ul > li { margin-right:0; }

		#navbar-blog ul > li.search { display:none; }

		#navbar-blog ul > li a { height:6vw; line-height:6vw; padding:0 3vw; font-size:3vw; }

		#navbar-blog ul.categories { white-space:nowrap; }

		

		body.single #navbar { transform:translateY(0); }

		body.single #navbar .logo { opacity:1; }

		body.single #navbar .btn-telephone { transform:translateX(190px); }

		body.single #navbar .btn-simulation { width:60px; }

		

		footer { padding-bottom:0; }

		footer ul.social { margin-bottom:5vw; }

		footer ul.links { text-align:center; }

		footer ul.links > li { display:inline-block; }

		

		h1 { font-size:7vw; }

		

		#blog-intro { padding:5vw 2vw 4vw 2vw; margin-bottom:7vw; }

		#blog-intro h1 { font-size:7vw; margin-bottom:3vw; }

		#blog-intro p { font-size:3vw; }

		ul.search_bar > li:first-child { width:100%; margin-bottom:3vw; }

		ul.search_bar > li .search-input { width:100%; }

		ul.search_bar a.category { height:6vw; line-height:6vw; padding:0 3vw; font-size:3vw; }

		

		article.highlight { margin-bottom:8vw; }

		article.highlight h3 { font-size:5vw; margin-bottom:3vw; }

		article.highlight .columns { flex-direction:column; }

		article.highlight .columns > .column.image { margin-right:0; margin-bottom:2vw; }

		article h4.date { font-size:3vw !important; margin-bottom:2vw; }

		article p { font-size:3vw; margin-bottom:3vw; }

		article .btn-red { height:8vw !important; line-height:8vw !important; font-size:3vw; }

		

		ul.articles { flex-direction:column; }

		ul.articles > li { width:100%; }

		ul.articles > li > article.preview { width:100%; max-width:none; padding-bottom:3vw; margin-bottom:3vw; border-bottom:solid 1px #ccc; }

		ul.articles > li:first-child > article { padding-top:3vw; border-top:solid 1px #ccc; }

		article.preview p { display:none !important; }

		ul.articles article h3 { font-size:3vw; padding-top:3vw; }

		ul.articles article h4.date { display:none !important; }

		ul.articles article .columns { flex-direction:row; }

		ul.articles article .columns > .column.image { max-width:30%; margin-right:3vw; }

		article .post-image:before { display:none !important; }

		article .post-image:after { display:none !important; }

		

		main.article .container { width:100%; margin-top:10vw; }

		main.article .column.post { max-width:none; }

		main.article .column.sidebar { display:none; }

		main.article .post .categories > a { height:6vw; line-height:6vw; padding:0 3vw; font-size:2.5vw; }

		main.article .post h1 { font-size:5vw; margin-bottom:3vw; }

		main.article .post .excerpt { font-size:3vw; margin-bottom:3vw; }

		main.article .post .date { font-size:2.7vw; margin-bottom:3vw;  }

		main.article .post ul.share { margin-bottom:3vw; }

		main.article .post ul.share > li { font-size:3vw; margin-right:1vw; }

		main.article .post ul.share > li a { width:7vw; height:7vw; line-height:7vw; border-radius:3.5vw; }

		main.article .post ul.share > li a:before { font-size:3.5vw; }

		main.article .post .content { font-size:3vw; }

		

		#articles-similaires { padding-top:4vw; }

		#articles-similaires:before { height:12vw; }

		#articles-similaires .container { margin-top:0; text-align:center; }

		#articles-similaires h2 { display:inline-block; font-size:5vw; text-align:center; margin:0 0 7vw 0; }

		#articles-similaires ul { display:block; }

		#articles-similaires ul > li { display:block; max-width:none; margin-right:0; padding-top:6vw; padding-bottom:6vw; border-bottom:solid 1px #ccc; }

		#articles-similaires ul > li:first-child { padding-top:0; }

		#articles-similaires ul > li:last-child { border-bottom:none; }

		#articles-similaires ul > li > .preview { position:relative; height:20vw; padding-left:33vw; text-align:left; margin:0; }

		#articles-similaires ul > li > .preview span.title { font-size:3vw; padding-top:2vw; }

		#articles-similaires ul > li > .preview span.image { position:absolute; left:0px; top:0px; width:30vw; height:20vw; padding-bottom:0; }

		#articles-similaires ul > li > .preview span.date,

		#articles-similaires ul > li > .preview span.excerpt,

		#articles-similaires ul > li > .preview .btn-red { display:none; }

}