/* @override
	http://devwp.com/blog/wp-content/themes/blogimmo/library/css/custom-css.css
	https://blog.axel-immobilier.fr/wp-content/themes/axelblog/library/css/custom-css.css */



/* --- NOTES : Style du CSS de base du thème...
Dans cette CSS, on personnalise les couleurs, les ajustements graphiques ..
la mise en forme du header.php et fopter.php se fait dans la css /custom-client.css
  ------------------ */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&display=swap');

body {
    font-family: 'Josefin Sans', sans-serif;
}

.ssba.ssba-img { margin: 0;}



.nocomments { color: #c1c1c1 !important;
font-size: 0.8em;
font-style: italic;
margin: 0 !important;
}

#inner-content a, #inner-content a:visited { color: #0060a7 !important; }

#inner-content a.comment-reply-link{
	color:white!important
}


#inner-content a.comment-reply-link:hover{ color: white !important;}

.coul1 {color: #0060a7}
.coul2 {color: #fff}



* {font-family: "JosefinSans", Arial, Helvetica, Geneva, sans-serif !important;}



#inner-content strong, #inner-content b {font-family: "LatoBold", Arial, Helvetica, Geneva, sans-serif !important; font-weight: normal !important;
}



body { background: #FFF; font-size: 13px !important;
}




/*
    // ========================================== \\
   ||                                              ||
   ||            STYLE WORDPRESS                   ||
   ||                                              ||
    \\ ========================================== //
*/

/* ------------------  Généralité  ------------------ */
.wrap {width:95%; max-width: 1100px !important;}
.back-home-blog{display: none;}


/* ---------------- Side bar  ---------------------- */

#sidebar1 {
	margin-top: 0;
}



.widget {background: #FFF; padding: 20px !important; margin-bottom: 10px;
border: 1px solid #e1e1e1;position: relative;
}

h4.widgettitle{
	font-size: 1.2em;
	border-bottom: none !important; display: inline-block; *display:inline; *zoom:1; background: #0060a7; padding: 5px 10px; margin-bottom: 0;
	color: #FFF;
	position: absolute;
	margin-top: 0;
	top: -10px;
}

#inner-content h4.widgettitle a{ color: #FFF !important;
	font-size: 1em; text-decoration: none !important;
}


/* Mise en forme des liens sidebar */
#inner-content .widget li a{ text-decoration: none;
	color: #606060 !important; display: block; padding: 5px 5px 5px 18px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: url(./custom-images/little-menu-arrow.png) 0px 8px no-repeat;
		border-bottom: 1px solid #e6e6e6;
	line-height: 1.5em;
}


#inner-content .widget li a:hover{
	color: #0060a7 !important;
	background: url(./custom-images/little-menu-arrow.png) 5px 8px no-repeat #fff;
}

/* Mise en forme des liens du Tag Cloud */

.tagcloud {padding-top: 15px;}

#tag_cloud-3 a {color: #afafaf !important;  -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}
#tag_cloud-3 a:hover {color: #777777 !important;
	background-color: #e9e9e9;
}
/* Menu Categorie Links */

li.cat-item{}

li.cat-item a{}

li.cat-item a:hover{}

/* Search bar */

.widget_search {background: #FFF; padding: 0 20px 10px !important;
	margin: 5px 0px 0px !important;
}

.widget_search #searchform {
	padding-top: 10px;
}

label.screen-reader-text{
display: none;
}
input#s {
	border: 1px solid #e2e2e2; height: 45px;
	margin-bottom: 10px;
}

#searchsubmit {background: none #707070; border: none;color: #ffffff; padding: 6px 8px !important;
	-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
	text-transform: uppercase;
}



#searchsubmit:hover {background: none #0060a7; }

/* Widgets annonces */

#widget-annonce{
	padding: 0 !important;
	margin-top: 10px;
}

#widget-annonce a { background: #f5f5f5 url('./custom-images/bg-widget-annonces.jpg') no-repeat left top; display: block; padding: 15% 0 10% 7%;
	font-size: 1.4em;
	text-decoration: none;
	background-size: cover;
}

#widget-annonce a span{
	display: inline-block;
	padding: 1% 1% 1% 2%;
}


#widget-annonce a span.widget-annonce-txt2{
	 color: #0060a7;
	 background: rgba(255, 255, 255, 0.78);
}


#widget-annonce a span.widget-annonce-txt1{
 background: rgba(81, 81, 81, 0.66); color: #FFF;
}




/* Widget retour à l'accueil */
#widget-back-home-blog {
	padding: 0 !important;  margin-top: 10px; background: none; -moz-box-shadow: none; margin-bottom: 10px;
	-webkit-box-shadow:none;
	box-shadow: none; border: none;
}

.home #widget-back-home-blog {display: none;}

#inner-content #widget-back-home-blog a { background: url('./custom-images/little-back-arrow.png') 5px center no-repeat #0060a7; display: block; padding: 2% 4% 2% 6%;
	font-size: 1.1em;
	text-decoration: none;	color: #fff !important;
	display: inline-block; *display:inline; *zoom:1;
}



/* ------------------ Content ------------------------ */

.blog-title {
	font-size: 2.7em;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 0;
	font-weight: bold !important;
	letter-spacing: 0;
}

#inner-content {font-size: 1.1em;}


/* Auteur */
#inner-content .byline.vcard { 	font-size: 0.9em;
	color: #939393 !important;
background: url('./custom-images/ico-author.png') left center no-repeat; padding-left: 25px;

}

#inner-content .byline.vcard a{
	color: #939393 !important;
}

#authorsure-last-updated {padding-left: 15px; border-left: 4px solid #0060a7; margin-top: 0 !important;
}

/* Tag */

.tags {
	font-size: 0.9em !important;
	line-height: 2.5em !important;
	color: #939393 !important; border-top: 1px dotted #d3d3d3;
	padding: 0 0px 0 25px;
	background: url('./custom-images/ico-tag.png') left 10px no-repeat;
	margin-top: 10px;
}

#inner-content .tags a{
	color: #939393 !important;
}

span.tags-title{

}


/* Permalink Tag */

.permalink-tag { 	font-size: 0.9em;
	color: #939393 !important; border-top: 1px dotted #d3d3d3;
	padding-top: 10px;
	padding-left: 25px;
	background: url('./custom-images/ico-link.png') left 10px no-repeat;
	margin-top: 0;
	padding-bottom: 20px;
}

.permalink-tag a{
	color: #939393 !important;
}



/* Post */


.post {background: #FFF; padding: 10px 20px;margin-bottom: 10px;
border: 1px solid #e1e1e1;
margin-top: 10px;
}




.article-header h1.h2 a,
h1.entry-title.single-title,
.article-header h3.h2 a{
	letter-spacing: -1px;
	color: #0060a7 !important;

}

h1.entry-title.single-title{
font-size: 1.9em;
}

.attachment-post-thumbnail {
	float: left; margin-right: 20px !important;
}

/* Bubble Nb Comments */

.buble-comment {
	float: right;
	line-height: 45px;
	font-size: 13px;
	height: 48px;
	width: 41px;
	text-align: center;
	color: #FFF;
	background: url('./custom-images/bubble-comment-counts.png') left center no-repeat;
}

.buble-comment:hover {
	transform:scale(1.1);
	
}



#inner-content .buble-comment a{color: #FFF !important; text-decoration: none; display: block;}

h1.archive-title.h2 {
	font-size: 2em;
	padding-left: 15px; border-left: 4px solid #0060a7;margin-bottom: 0 !important;
	margin-bottom: 20px !important;
}


.entry-content h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0060a7;
}

.entry-content h3, .entry-content h4{
	font-size: 1.2em;
	font-weight: bold;
	color: #0060a7;
		background: url(./custom-images/little-menu-arrow.png) left center no-repeat;

}


.entry-content ul {margin-left: 20px; padding-left: 10px;
}
.entry-content ul li {list-style: disc; padding-left: 0px;
margin-bottom: 10;
}

/* Gallery */


.gallery { margin-bottom: 20px;

}

dl.gallery-item{ display: inline-block; width: 25%; padding: 0 1% !important; text-align: left; margin-bottom: 0;}
dl.gallery-item img{ margin: 0;}


/* Comments */


#respond {
	margin: 60px 0 0; padding: 15px;
		background: url(./custom-images/bg-comments.png) right top no-repeat #f5f5f5;

}

#comment-form-title {

}


/* Liste des comments */
ol.commentlist { /*list-style-type: decimal !important; padding-left: 2em;*/}
ol.commentlist li{ margin: 0; border-top: 1px solid #dddddd; /*list-style-type: decimal !important;*/ padding-left: 0px; overflow: inherit;
}



/* Form comments */
#submit.button {
	background-color: #0060a7 !important;
	background-image: none; border: none;
	font-size: 14px;
	font-weight: normal !important;
	text-transform: uppercase;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
}

a.comment-reply-link {
	background-color: #0060a7 !important;
	background-image: none; border: none;
	font-size: 14px;
	font-weight: normal !important;
	text-transform: uppercase;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1 !important;
	color: #FFF !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


h3#comments.h2 {
	letter-spacing: -1px;
	font-size: 26px;
	color: #0060a7 !important;
}


h3#comments.h2 span{

}



.alert-solo {
	margin: 10px 0 0; padding: 15px;
		background: url(./custom-images/bg-comments.png) right top no-repeat #eeeeee;

}




.home #content.home {
	margin-top:10vh!important;
	background-image: url('https://css.versionbeta2.com/img_fr/bg-block-agence-home.jpg')!important;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat!important;
    background-attachment: fixed;
    background-position: center 10vh;
  font-family: 'Josefin Sans', sans-serif!important;
	
   
}
 .post-template-default #content {
margin-top:0!important;
	 padding-top:10vh!important;
	background-image: url('https://css.versionbeta2.com/img_fr/bg-block-agence-home.jpg')!important;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 10vh;
  font-family: 'Josefin Sans', sans-serif!important;
	
   
}

div.header-banner-title{padding-top:15vh!important}


.blog-title{
	display:none;
}


.home #top.scroll-to-fixed-fixed {
  
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.31);
}

nav li img{
	max-width:15px
}
.responsive-menu nav li img{
	max-width:15px;
	margin-left:10px
}

#top > div.header-top.clearfix.wrapper.wrapper-large > div > section > nav > ul > li:nth-child(10) > a > img{
	max-width:12px;
}
.social-menu li img{
	max-width:20px;
}
.social-menu .SocialBusinessFacebook img{
	max-width:13px!important;
}
.social-menu li{
	margin:5px 10px
}

.social-circle li img{
	max-width:13px;
}
.social-circle .SocialBusinessFacebook img{
	max-width:10px!important;
}


.infos-agence .white-btn-cust img{
	max-width:20px;
	margin-right:10px
}

#nav-open-btn{
	top:21px!important;
}


#nav-close-btn img{
	max-width:25px
}

.tagcloud a{
	font-size:15px!important
}

.header-top {
    max-width: 1600px !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



#top{width:100vw!important}



@media screen and (min-width: 2560px){
	div.wrapper, #inner-content.wrap{
		max-width:67vw!important
	}
}




/* Nav Page */
.page-numbers{
	padding: 8px 10px !important;
}

.page-numbers.current {
	background-color: #0060a7;
	color: #FFF;
}

a.page-numbers {
	background-color: #FFF;
	margin:0 5px !important;
}

.next.page-numbers {
	background: none;
}



/*-- Menu Responsive --*/
/* #nav-close-btn {display: none; }
#nav-open-btn{ display: none;} */


/* LightBox */


/* Share Post Button */
.fb_iframe_widget   {z-index: 2 !important;}


@media screen and (max-width:1024px){
	#top div.header-top, #top{
		    margin: 0!important;
    padding: 0!important;
    max-width: 100% !important;
    box-sizing: border-box;
	}
	div.header-banner-title{padding-top:10vh!important}
	.home #content.home{
		margin-top:0!important
	}
}


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


.wrap { width: 100%; padding: 0;}
.bg-header{height: 150px !important; }

	#nav-open-btn {
    top: 16px !important;
}
	
 }


/* ==========================================================================
   11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px)
   ========================================================================== */


@media (max-width: 767px) {


   /* ----- WORDPRESS ----- */
   .bg-header{height: 350px !important; background-size: cover; position: absolute !important;
   }
   .blog-title {display: none;}

	.wrap { width: 100%; padding: 0;}
   .widget {border: 1px solid #dcdcdc; margin: 20px 0;}
   #text-2 a { background-size: cover;}
   #text-2 div.textwidget a span {color: #707070 !important;}





    .nav-btn{display: block !important;} /* le bouton devient visible */


#nav-open-btn {
    top: 14px !important;
}



}








/* ==========================================================================
   11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px)
   ========================================================================== */



@media (max-width: 480px) {


     /* Share Post Button */
 	.really_simple_share_button div {width: 100% !important; float: none; padding: 0 !important;}
 	#respond {padding: 0; margin-top: 30px;}



}

.menu-deroulant ul {
  display: none;
  position: absolute;
  background: white;
    top:10px!important;
  z-index: 1000;
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

.menu-deroulant {
  position: relative;
}

.menu-deroulant:hover ul {
  display: block!important;
}

.header-menu.sf-menu ul{
	top:10px!important;
}