@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
body {
    padding-bottom: 40px;

    font-family: "open sans", Helvetica, Arial, sans-serif !important;
    font-size: 12px;


}

h1, h2, h4, h5, h6{
	font-family: open sans !important;
}
.caption p{
	margin-left : 10 !important;
}
.annonce-tablette .thumbnail p{
	margin-left : 0 !important;
}
.tablette-style .span2{
	max-width : 120px;
}
.navbar-inner{    background: #252525; border-radius:0px 0px 4px 4px}
.navbar .nav{margin: 0;}
.navbar .nav > li > a{
    color: #e5e5e5;
    text-decoration: none;
    text-transform: uppercase; text-shadow:none; padding:  17px 21px 17px;     font-size: 14px;
    font-weight: 700;}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{
    background-color: #e5e5e5;color: #111;
}
.navbar .btn-navbar,
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]{ margin-bottom: 5px; background: #000;}
.bar_diapo_bottom{ display: flex;     position: initial;}
@media (max-width: 767px){

    .thumbnails {
        margin-top:0px; 
    }}
.head_userPanel{ position: absolute;  top:0px; right:220px; z-index: 2;  background: #fff; padding: 10px 15px; text-transform: uppercase;}
.head_userPanel a{      padding: 5px 15px;
                        background-color: #e5e5e5;
                        color: #222;
                        margin: 5px;     text-transform: uppercase;
                        display: block
}
.head_userPanel a:hover{
    color: #e5e5e5;


    text-decoration: none;
    background-color: #555;}
#testimonialslider{  background-color:  #fff; padding: 40px 100px 20px 100px;}
.theading{ position:relative; background-color:  #afff11; min-height: 150px; }
.theading .carousel-control.left{  position: absolute; top:0px; border-radius:0; }
.theading .carousel-control.right{ position: absolute; top:0px; border-radius:0;  }
#testimonialslider .item{font-family: Kalam; font-size: 20px;line-height: 27px;}
a.sliderImage {margin: 0 25px 0 25px;text-align: center;display: block;}
#testimonialslider .sliderImage{ max-width: 150px;}
#slider {height:250px;}
.carousel-inner{ margin: 0;}
.loading {
    float:right;
    margin-right:115px;
    width:30px;
    height:30px;
    display:block;
    background:url('../img/loading.gif');
}

.logo_diapo{    position: absolute;
                z-index: 7;
                height: 180px;
                width: 180px;
                background-color: #fff;
                text-align: left;
                left: 100px;}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
#homeCarousel .carousel {
    margin-bottom: 60px;
}

#homeCarousel .carousel .container {
    position: relative;
    z-index: 9;
}

#homeCarousel .carousel-control {
    height: 80px;
    margin-top: 0;
    font-size: 120px;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: transparent;
    border: 0;
    z-index: 10;
}

#homeCarousel .carousel .item {
    height: 700px;
}
#homeCarousel .carousel img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 700px;
}

#homeCarousel .carousel-caption {
    position: absolute;
    z-index: 2;
    width: 550px;
    margin-top: 122px;
    padding-left: 540px;
    height: 380px;
    right:38px;
    bottom:inherit ;
    left: inherit ;
    background: none;    top: 0;
}
#homeCarousel .carousel-caption h1{
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
}
#homeCarousel .carousel-caption h2{
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 40px;
}
#homeCarousel .carousel-caption ,
#homeCarousel .carousel-caption .lead {
    position: absolute;
    z-index: 3;
    height: auto;
    width: 510px;
	background-color: rgba(175, 255, 17, 0.5);
    display: inline-block;
    float: left;
     /*font-size: 24px;*/
     /*line-height: 40px;*/
    color: #151515;
    text-align: left;
    vertical-align: middle;
    /*text-transform: capitalize;*/
    padding: 15px;
    padding-top: 10px;
    margin-left: 150px;
    padding-left: 25px;
    box-sizing: border-box;
     /*font-family: 'Roboto', sans-serif;*/
    margin: 0;
    float:right;
	margin-right: 182px;
    margin-top: 20%;
     /*font-weight: 500;*/
}
#homeCarousel .carousel-caption .lead {position: relative;

                                       z-index: 3;
                                       width: 500px;
                                       background-color: #fff;
                                       display: block;
                                       font-size: 2.5em;
                                       font-family: 'dincond-lightregular';
                                       line-height: 40px;
                                       color: #151515;
                                       text-align: left;
                                       vertical-align: middle;
                                       padding-left: 35px;
                                       padding-top: 10px;
                                       padding-right: 35px;
                                       box-sizing: border-box;
                                       float:right;
}
#homeCarousel .carousel-caption .btngo {
    position: relative;
    /*margin-left: 350px;*/
    z-index: 3;
    height: 40px;
    width: 146px;
    background-color: #0fe5ee;
    display: inline-block;
    font-size: 14px;
    /*font-family: 'dincond-lightregular';*/
	font-family: 'Roboto', sans-serif;
    line-height: 40px;
    color: #222;
    text-align: center;
    vertical-align: middle;
    float:right;
	margin-right: -15px;
}

.style-title {
    font-weight: 400 !important;
	margin-top: 8px !important;
	line-height: normal !important;
}
span.style-title{
	font-weight: 400 !important;
	margin-top: 8px !important;
	line-height: normal !important;
}

.affichage_meas_specifique {
    position: absolute;
    z-index: 2;
    width: 750px;
    height: 100px; 
    bottom: 26px;
    background-color: #fff;
    display: flex;
    /*left: 32px;*/
    top:inherit;
	float: none !important;
}

.affiche-troix {
    width: 260px !important;
    text-align: left;
}

.title-post {
    max-width: 250px !important;
}

.btngo{
	display : none !important;
}

h2.text-footer {
    font-family: "open sans", Helvetica, Arial, sans-serif !important;
}
h1.title.footer {
    font-family: "open sans", Helvetica, Arial, sans-serif !important;
}
h4.text-contact {
    font-family: "open sans", Helvetica, Arial, sans-serif;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 979px) {



    #homeCarousel .carousel .item {
        height: 300px;
    }
    #homeCarousel .carousel img {
        width: auto;
        height: 300px;
    }
	#homeCarousel .carousel-caption, #homeCarousel .carousel-caption .lead{
		margin-top: 30%;
		margin-right: 65px;	
	}
	.visible-desktop {
		display: block !important;
	}
	
	.head_userPanel.visible-desktop {
		display: none !important;
	}
	.carousel-inner{
		height: 350px;
	}

}


@media (max-width: 767px) {
    #testimonialslider {
        padding: 40px 20px 20px 20px;
        text-align: center;
    }
    #testimonialslider .carousel-control{
        top: inherit;
        width: 30px;
        height: 30px;
        margin-top: -20px;
        font-size: 38px;
        line-height: 21px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        bottom: 9px;
    }
    .logo_diapo {
        width: 150px !important;
        height: 150px !important;
        margin-bottom: 15px;
        margin: 0 auto;
        text-align: center;
        position: inherit;
        left:inherit;
    }

    #homeCarousel .carousel {
        margin-left: -20px;
        margin-right: -20px;
    }
    #homeCarousel .carousel .container {

    }
    #homeCarousel .carousel .item {
        height: 300px;
    }
    #homeCarousel .carousel img {
        width: auto;
        height: 300px;
    }
    #homeCarousel .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
    }
    #homeCarousel .carousel-caption h1 {
        font-size: 30px;
    }
    #homeCarousel .carousel-caption .lead,
    #homeCarousel .carousel-caption .btn {
        font-size: 18px;
    }
	.etq_cat_filtres_of{
		margin-left: 0;
		margin-right: 0;
		font-size : 10px;
	}
	.text-filter{
		float : left;
		margin-bottom: 20px;
	}

}
.social_bar{ overflow: hidden; height: auto; padding-top: 10px;}
.thumbnail .caption{ padding-top: 0;}
@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
	.caption p{
		margin-left : 5px !important;
	}
	.tablette-style{
		width : 390px !important;
	}
	.tablette-style span{
		font-size : 10px !important;
	}
	.pictos{
		padding-left: 10px !important;
	}
	.pictos span2{	
		max-width : 160px !important;
	}
	.texte-footer{
		margin-bottom : 100%;
	}
	#footer h2{
		font-size :14px !important;
	}
	
	#footer h1{
		font-size :30px !important;
	}
	
       #body_post .span3{
        width: 47.2%;
    }
	#body_rubriqueOfferPost .span3{
		width: 47.2%;
	}
	.logo_diapo {
		margin-left: 24%;
	}
	.etq_cat_offre {
		right: 20px;
	}
	.span2.aligne-slide {
		margin-left: 30%;
	}
	.auteur-slide {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.visible-phone {
		display: block !important;
	}
	
	.diapo .visible-phone {
		display: none !important;
	}
	.diapo{
		height: 500px;
	}
	.affichage_meas_specifique{
		width: 610px;
	}
	.affiche-one ,.affiche-deux ,.affiche-troix {
		float : left !important;
		width : 198px !important;
		
	}
	.affiche-troix{
		text-align : start;
	}
	.affiche-deux .affiche-text{
		padding-left: 15px !important;
	}
	.affiche-text {
		width: 70px !important;
	}
	.titre-slider-sim ,.titre-slider-ins{
		font-size : 12px !important;
	}
	.style-title{
		font-size : 11px !important;
	}
	.span3.visible-desktop.visible-tablette{
		width : 100%;
		margin-top: 20px;
		margin-bottom : 20px;
	}
	.span3.annonce-tablette{
		margin-left: 10px !important;
		width: 47.2%;
	}
	.visible-tablette .well{
		display : none;
	}
	.span9.annonce-tablette{
		width: 98% !important;
	}
	.span4{
		width : 50% !important;
	}
	
	#footer .span4{
		width: 228px !important;
	}
	
	.span3.liste-of-onnonce {
		display: none;
	}
	.span9.actu-tablette{
		width: 98% !important;
	}
	
	
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    #body_page .logo_diapo,
    #body_offerShow .logo_diapo,
    #body_listOffers .logo_diapo,
    #body_postShow .logo_diapo,
    #body_listOffers .logo_diapo,
    #body_listPosts .logo_diapo,
    #body_offerShow .logo_diapo,
    #body_contact .logo_diapo,
    #body_rechercheRente .logo_diapo,
    #body_post .logo_diapo{margin-left:0; left:inherit;}
    #body_page .span6{ width: 97%;}
    #body_page .span6 .span6{ width: 100%;}
    #body_rechercheRente .span3{ width: 30%;}
    #body_rechercheRente .span7 {width: 64.59%;}
    #body_rechercheRente .span7 select,
    #body_rechercheRente .span7 input{width: 100%;}
    /*contact*/
    #body_contact .span3{ width: 30%;}
    #body_contact .span7 {width: 64.59%;}
    #body_contact .span7 select,
    #body_contact .span7 input,
    #body_contact .span7 textarea{width: 100%;}
    /*#v*/
    #body_listOffers .row >.span3{ display: none }
    #body_listOffers .row .span9{ width: 100%;}
     #body_listOffers .span9 .thumbnail .span4{ width: 40%;}
    #body_listOffers .span9 .thumbnail .span5{ width: 60%;}
    .row{width: 100%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    #body_post .span3{
        width: 31%;
    }
    #body_post .affichage_meas_specifique{
        width: 100%;
        display: none !important;
    }
    #body_post .diapo {
        width: 100%;

        overflow: hidden;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    /*Meuu*/
    #body_offerShow .navbar .nav > li > a,
    #body_listOffers .navbar .nav > li > a,
    #body_postShow .navbar .nav > li > a,
    #body_listPosts .navbar .nav > li > a,
    #body_contact .navbar .nav > li > a,
    #body_rechercheRente .navbar .nav > li > a,
    #body_post .navbar .nav > li > a,
    #body_page .navbar .nav > li > a{
        padding: 10px 9px 10px;
        font-size: 13px;
    }
    /*Logo*/
    #body_offerShow .logo_diapo,
    #body_listOffers .logo_diapo,
    #body_postShow .logo_diapo,
    #body_listOffers .logo_diapo,
    #body_listPosts .logo_diapo,
    #body_offerShow .logo_diapo,
    #body_contact .logo_diapo,
    #body_rechercheRente .logo_diapo,
    #body_post .logo_diapo,
    #body_page .logo_diapo{margin-left:0;}
    #body_post #homeCarousel img {width:100% ;max-width:100%;}
    /*Similateur */
    #body_rechercheRente .span3{ width: 30%;}
    #body_rechercheRente .span7 {width: 64.59%;}
    #body_rechercheRente .span7 select,
    #body_rechercheRente .span7 input{width: 100%;}
    /*contact*/
    #body_contact .span3{ width: 30%;}
    #body_contact .span7 {width: 64.59%;}
    #body_contact .span7 select,
    #body_contact .span7 input{width: 100%;}
}


@media only screen and (max-width: 500px) {
    .visible-desktop {
		display: none !important;
	}
	.diapo{
		height: auto;
	}
	
	.affichage_meas_specifique.visible-desktop {
		display: none !important;
	}
	.span2.liste-picto {
		width: 50%;
		float: left;
		margin-bottom: 3px;
	}
	.bt_post{
		width : 100% !important;
		margin-bottom : 10px;
	}
	#body_listOffers .well{
		display : none;
		
	}
	

}