.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    overflow:hidden;
    width: 100%;
    height:500px !important;
    top: -530px;
    left: 0px;
    z-index: 1; 
}
.cb-slideshow:after { 
    content: '';

}

.cb-slideshow li
{   
    list-style-type : none;
}





.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 50px;
    padding: 0;
    
    color:#fff !important;
  //  background-color: rgba(0, 0, 0, 0.6);
    border-radius:15px 15px 15px 15px;
   
   width:55%;
	
    padding:20px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(500px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(0.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateX(500px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(0.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateX(500px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(0.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateX(500px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(0.1);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateX(500px);
	}
	8% {
	    opacity: 1;
	    transform: translateX(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(0.1);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 40px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 40px }
}
.logo-header{
    width: 130px;
    margin-top: -20px;
}

#gauche{
    float: left;
}

/*.ui.fixed.sticky{
    margin-top: 80px !important;
}*/


.ui.sticky.fixed.top{
    margin-top: 80px !important;
}

.text-center{
    color: #2078cf;
}

.why-were-magic {
    width: 400px;
    float: right;
    padding-top: 30px;
    border-radius: 3px;
}

.magic-reasons{
    display: table;
    width: 80%;
    table-layout: fixed;
    margin: 0 auto;
}

.magic-reason{
    display: table-row;
}

.magic-text{
    vertical-align: middle;
    color: inherit;
    display: table-cell;
    padding-left: 15px;
    color: #2078cf;
}

.magic-icon svg path {
    fill: rgba(32, 120, 207,0.85);
}

.magic-icon {
    width: 40px;
    vertical-align: middle;
    text-align: center;
    color: inherit;
    display: table-cell;
}

.magic-icon svg {
    width: 80%;
    height: 55px;
}

#blocSlider{
    padding-left: 0;
}

.bloqueImage{
    padding: 0;
}

.input2{
        padding-top: 15px !important; 
    }    
    
     .input1{
        padding-top: 15px !important;
    }


    #btnSearch {
    float: right !important;
}

.name-icon{
position: absolute;
top: 63%;
left: 20px;
margin-top: -9px;
color: #8C8C8C;
z-index: 4;
font-size: 15px;
}

.city-icon{
position: absolute;
top: 60%;
left: 21px;
margin-top: -9px;
font-size: 17px;
color: #8C8C8C;
z-index: 4;
}


.sous-titre-header{
    /*text-align: center;
    font-size: 20px;
    position: absolute;
    color: #fff;
    top: 160px;
    left: 0;
    right: 0;
    font-family: "Source Sans Pro";
    font-weight: normal;*/
    text-align: center;
    font-size: 20px;
    position: absolute;
    color: #fff;
    top: 190px;
    left: 0;
    right: 0;
    font-weight: 300;
    line-height: 50px;
    
}

.titre-header{
    /*text-align: center;
    font-size: 50px;
    position: absolute;
    color: #fff;
    top: 120px;
    left: 0;
    right: 0;
    letter-spacing: -2px;
    font-family: "Source Sans Pro";*/
    text-align: center;
    font-size: 50px;
    position: absolute;
    color: #fff;
    top: 160px;
    left: 0;
    right: 0;
    letter-spacing: -2px;
    font-weight: 600;
}

.ico-circle {
	margin-right: 5px;
}


/* nav bar */
     
/* on enleve le padding pour que le logo touche le bord de la page en haut*/

.btnsearch{
    background-color: #2078cf !important;
    height: 90px;
    width: 102px;
    padding: 0;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
    transition: all ease 0.2s;
}


.btnsearch:hover{
    background-color: #0199d5 !important;
    transition: all ease 0.2s;
}


.sp{
    margin-right: 10px;
}

.buttondropmenu{
     border-radius: 4px; height: 50px; width: 210px; 
     color: white; text-align: center; margin-top: 40%; 
     background-color:#bd0452 !important;
     font-family: "Avenir";
}


.titredropmenu{
      color: white; position: absolute; width: 100%; text-align: center; 
      margin-top: 25% !important; font-size:32px; font-family:"Avenir Bold";
}




#imgbutton{
 width: 100%;
 position: absolute;
 text-align: center;
}



.login{
border-radius: 4px;
height: 50px !important;
background-color: #2078cf !important;
width: 140px;
line-height: 20px !important;
margin-top: 15px;
font-family: "Avenir Bold" !important;
margin-left: 35px;
transition: all ease 0.2s;
}

.login:hover{
        background-color: #0199d5 !important;
        transition: all ease 0.2s;
        border-radius: 4px;
}


.ico{
        margin-right: 8px;
}

    #banniere{
            /*overflow:hidden;*/margin:auto;padding-top: 28px;padding-bottom: 28px;
        }

    nav .logo{
        padding-top:0 !important;

    }
    /* on centre le contenu du menu */
    .navbar .navbar-collapse,.navbar .navbar-collapse {
        text-align: center;
    }
    .navbar .navbar-nav {
        /*display: inline-block;*/
        float: none;
        vertical-align: top;
    }

    /* on diminue la taille du logo pour la tablette pour que la navbar rentre dans la largeur de l'ecran*/
    @media (max-width: 992px){
        nav .logo img{
            width:90px !important;
        }
        .nav > li > a{
            padding: 15px 10px;
        }
    }
    
 /* moteur de recherche */

 #formMoteurRecherche
    {
        margin:0;
        position: relative;
        height:440px; 
        top:0px;
        padding:15px;
        /* background-image: url({{ asset('bundles/frontOffice/images/fond-blue.png')}}) ;*/
        background-position :bottom;
    }

    #divFormMoteur
    {
        /*padding:0;
        position:relative;
        top:310px;*/
        position: absolute;
top: 350px;
background-color: rgba(80,80,80,0.30);
max-width: 917px;
margin: 0 auto;
left: 0;
right: 0;
padding: 0;
    }


    #divFormMoteur form input
    {
        width: 385px;
        height: 60px;
        margin: 0 5px;
        color: #767676;
        font-family: "Avenir";
        padding: 0 40px;
        font-size: 16px;
        border: 1px solid #d5d5d5;
        border-radius: 0 0 0 0 !important;
        box-shadow: none;
    }

  #divFormMoteur form input:focus
    {
        border: 1px solid #2078cf;
    }

  #divFormMoteur form input:hover
    {
        border: 1px solid #2078cf;
    }


    /* on diminue la taille du logo pour la tablette pour que la navbar rentre dans la largeur de l'ecran*/
    @media (min-width: 768px) and (max-width: 932px){
        #divFormMoteur form input
        {
        width: 309px;
        height: 65px;
        }

        #btnSearch a img
        {
            height: 40px;
        }

        #divFormMoteur
        {

            top:340px;
        }
    }

    /* on diminue la taille du logo pour la tablette pour que la navbar rentre dans la largeur de l'ecran*/
    @media (max-width: 767px){
        #divFormMoteur form input
        {
            width: 100%;
            height: 60px;
        }

        #btnSearch a
        {
            min-height: 95px;
            width:100%;

            position:relative;
            top:-55px;
            background:#3C7BC2;
            display:block;
            border-radius: 0 20px 20px 0;
            padding-top:34px;
            font-size:25px;
            color:#fff;
        } 

        #divFormMoteur
        {

            /*top:300px;*/
            top: 300px;
            background-color: aquamarine;
            /*padding-top: 26px;*/
            padding: 15px;
            width: 96%;
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            
            
        }
        #formMoteurRecherche
        {
            padding:0;
        }
    }    
    @media (min-width: 768px){
        #formMoteurRecherche .form-group
        {
            width:auto !important;
            padding:0px;

        }
        #formMoteurRecherche .col-xs-9, #formMoteurRecherche .col-xs-3
        {
            float:none;
        }
    }
    
    /*  bloque resultat */
    
    
    .rowResult
    {
        margin-bottom:30px;
    }
    
    .btnEnSavoirPlus button  
    {
        height:35px;
        width:90%;
        color:#fff;
        background:#183a67;
        border:none;
        border-radius:0 10px  10px 10px ;
        font-size:12px;
    }

    /* resultat */



    @media screen and (min-width: 768px) {
        .tag
        {
            border-top:20px;
            padding:0;
            padding-left: 15px;
            padding-top: 15px;
            padding-bottom: 5px;
            border-right:1px solid #aaa;
            margin-bottom: 10px;
            margin-top:-12px;
        }

        .localisationInfoResult span
        {
            font-size: 8.6pt;
        }
        .ordi
        {
            display:block;
        }
        .mobile
        {
            display:none;
        }
        .rowResult
        {
            border:#aaa solid 1px;
            /*margin-right:0px;*/
            padding-left:15px;
        }

        .rowResult .rowResult2
        {
            padding:0;
            padding-left:15px;
            padding-bottom:10px;
            margin-right:0 !important;
        }
        .titleResult
        {
            text-align:left;
        }

        .localisationInfoResult
        {
            margin-bottom:10px;
        }

        .localisationInfoResult span
        {
            text-align:left;
            margin-top:-5px;
        }
        .imgRowResult
        {
           
        }

        .imgRowResult img
        {
            padding:0;
            width:100%;
            border-radius:0 0px  0px 0px ;
        }

        .rowTitleeResult
        {
            text-align:left;
            padding-top:-10px;
            margin-top:10px;
            margin-bottom:10px;
            border-right:1px #aaa solid;
            border-radius:0 0 0 0;
        }

        .rowTitleeResult b
        {
            font-size:15pt;
        }
        .descriptionResult
        {
            color:#000;
            font-size:12px;
            text-align:justify;
            margin-top:-10px;
            font-style : normal;

        }

        .btnTag
        {
            width:19%;
            overflow:hidden;
            font-size:10px;
            padding-left:10px;
            padding-right:10px;
            color:#fff;
            background:#aaa;
            border:none;
            border-radius:0 0  0  0;
        }

        .btnTagDebutLigne1
        {
            border-radius:10px 0  0  0;
        }
        .btnTagFinLigne1
        {
            border-radius: 0 10px  0  0;
        }

        .btnTagDebutLigneFin
        {
            border-radius:0 0  0  10px;
        }
        .btnTagFinLigneFin
        {
            border-radius:0 0  10px 0;
        }
    }






    @media screen and (min-width: 992px) {


        .rowResult
        {
            border:#aaa solid 1px;

            padding-left:-15px;
        }

        .rowResult .rowResult2
        {
            padding:0;
            padding-left:-15px;
            padding-bottom:0px;
            margin-right:0 !important;
            overflow: hidden;
        }

        .imgRowResult
        {
          

        }


        .imgRowResult img
        {
            padding:0;
            width:100%;
            border-radius:0 0px  0px 0px ;
        }

        .rowTitleeResult
        {
            text-align:left;
            padding-top:-10px;
        }

        .rowTitleeResult b
        {
            font-size:22px;
            width: 388px;
            outline: none;
        }
        .descriptionResult
        {
            color:#aaa;
            font-size:11px;
            text-align:justify;
            margin-top:0px;
            font-style : italic;padding-bottom:20px;
            padding-bottom:16px;
        }

        .btnTag
        {
            width:45%;
            overflow:hidden;
            font-size:12px;
            padding-left:10px;
            padding-right:10px;
            color:#fff;
            background:#aaa;
            border:none;
            border-radius:0 0  0  0;
        }

        /*
                .btnTagDebutLigne1
                {
                    border-radius:10px 0  0  0;
                }
                .btnTagFinLigne1
                {
                    border-radius: 0 10px  0  0;
                }
        
                .btnTagDebutLigneFin
                {
                    border-radius:0 0  0  10px;
                }
                .btnTagFinLigneFin
                {
                    border-radius:0 0  10px 0;
                }
        */
    }



    .blockPrix
    {
        text-align:left;
        margin-top:10px;

        border-radius:0
    }

    .nbVu
    {
        font-size:15px;
        margin-top:0px;
    }

    .prix
    {
        font-weight:bold;
        font-size:12px;
        color:#5C83E5;
        margin-top:35px;
    }

    .prix div
    {
        margin-bottom:-6px;
        font-size:11px;
    }

    .prix span
    {
        font-size:30px;
    }

    .optionPrix
    {
        font-size:11px;;color:#1651E5;margin-top:5px;
    }

    @media screen and (min-width: 768px) and (max-width: 992px) {
        .btnEnSavoirPlus button 
        {
            height:35px;
            width:90px;
            color:#fff;
            background:#183a67;
            border:none;
            font-weight:bolb;
            border-radius:0 10px  10px 10px ;
            font-size:11px;
        }

        .prix span
        {
            font-size:20px;
        }

        .prix div
        {
            padding:0;
        }
        .prix
        {
            margin-top:10px;
        }
        .localisationInfoResult
        {
            margin-bottom:0
        }
        .rowResult
        {
            padding-left:0;
            padding-bottom:0;
        }
        .rowResult .rowResult2
        {

            padding-bottom:0;
        }
        .localisationInfoResult span
        {
            text-align:left;
            margin-bottom:5px;
        }
        .descriptionResult
        {
            margin-top:0;
        }
        .btnTag
        {
            width:46.5%;
            overflow:hidden;
            font-size:12px;
            padding-left:10px;
            padding-right:10px;
            color:#fff;
            background:#aaa;
            border:none;
            border-radius:0 0  0  0;
        }

        /*
                .btnTagDebutLigne1
                {
                    border-radius:10px 0  0  0;
                }
                .btnTagFinLigne1
                {
                    border-radius: 0 10px  0  0;
                }
        
                .btnTagDebutLigneFin
                {
                    border-radius:0 0  0  10px;
                }
                .btnTagFinLigneFin
                {
                    border-radius:0 0  10px 0;
                }
        */
    }









    .form-group a
    {
        font-size:16px;
    }
    body
    {
        margin:0;padding:0;margin-top: 80px;
    }
    @font-face {
        font-family: "Avenir";
        src: url("../bundles/allojcore/fonts/Avenir-Roman.otf")
    }

    @font-face {
        font-family: "Avenir Bold";
        src: url("../bundles/allojcore/fonts/Avenir-Heavy.otf")
    }

    @font-face {
        font-family: "Avenir Black";
        src: url("../bundles/allojcore/fonts/Avenir-Black.otf")
    }

    @font-face {
        font-family: "Avenir Light";
      /*  src: url("../fonts/Avenir-Light.otf")*/
    }


@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../bundles/allojcore/fonts/ProximaNova-Regular.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-Regular.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('../bundles/allojcore/fonts/ProximaNova-BlackIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-BlackIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Sb';
	src: url('../bundles/allojcore/fonts/ProximaNova-Semibold.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-Semibold.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../bundles/allojcore/fonts/ProximaNova-ThinIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-ThinIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../bundles/allojcore/fonts/ProximaNova-BoldIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-BoldIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../bundles/allojcore/fonts/ProximaNova-ExtrabldIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../bundles/allojcore/fonts/ProximaNova-LightIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-LightIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../bundles/allojcore/fonts/ProximaNova-SemiboldIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-SemiboldIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../bundles/allojcore/fonts/ProximaNova-Bold.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-Bold.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('../bundles/allojcore/fonts/ProximaNova-Black.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-Black.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../bundles/allojcore/fonts/ProximaNova-Light.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-Light.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../bundles/allojcore/fonts/ProximaNovaT-Thin.eot');
	src: url('../bundles/allojcore/fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNovaT-Thin.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNovaT-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../bundles/allojcore/fonts/ProximaNova-Extrabld.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-Extrabld.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../bundles/allojcore/fonts/ProximaNova-RegularIt.eot');
	src: url('../bundles/allojcore/fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('../bundles/allojcore/fonts/ProximaNova-RegularIt.woff') format('woff'),
		url('../bundles/allojcore/fonts/ProximaNova-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}



    /* smartphone */

    @media screen and (max-width: 767px) {
        
        
        .formul{
            padding-right: 0;
            padding-left: 0;
        }
        
        #btnSearch{
            margin-top: -60px;
            outline: none;
            float: right;
            position: relative;
            /*width: 8.3rem;*/
        }
        
        .rechercher{
            background-color: aqua;
            height: 110px;
            width: 65px;
            padding-top: 42px;
            font-size: 20px !important;
            outline: none;
        }
        
     
       .imgRowResult img
        {
            padding:0;
            width:100%;
            border-radius:0 0px  0px 0px ;
        }
        

     .tag{
            padding:0;
            margin-bottom: 0;
            margin-top: 10px;
            padding-bottom: 0;

        }

        .optionPrix{
            color: #183a67;
            font-family: 'Avenir'
        }

        .rowResult{
            border: 1px solid #e4e4e4;    
        }       

        .nbVu{
            font-size: 12px;
            width: 100%;
            text-align: center;
            margin-top: -5px;
        }


        .prix {
            font-weight: bold;
            font-size: 11px;
            color: #0c66c1;
            margin-top: 13px;
        }

        .prix span {
            font-size: 28px;
        }

        .titleResult, {
            font-family: "Avenir Heavey";
            color: #999999; 
        }
        
        .btnReserver button {
            height: 38px;
            width: 113px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #fbbd08;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 12px !important;
            padding: 0;
            outline: none;
        }

        .btnReserver {
            text-align: right;
        }

                .btnEnSavoirPlus button {
            height: 38px;
            width: 113px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #0c66c1;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 12px !important;
            padding: 0;
            outline: none;
        }

        .btnEnSavoirPlus {
            
        }
        
        .blockPrix {
            height: auto;
            border-left: 1px solid #e4e4e4;
            width: 100%;
            height: 165px;
            box-sizing: border-box;
            margin-top: 70px;
        }

        .rowTitleeResult{
            /*width: 333px;
            height: 165px;*/
            width: 100%;
            height: 165px;
            padding: 20px;
            text-align: center;
        }

        .rowTitleeResult b{
            font-size: 25px;        
        }




        .btnTag
        {
            width:130px;
            height: 22px;
            overflow:hidden;
            font-size:10px;
            color:#fff;
            background:#cccccc;
            border:none;
            border-radius:0 0  0  0;
            margin-top: 23px;
        }

        .btnTag:hover
        {
            color:#fff;
            background:#dddddd;

        }

        .descriptionResult{
            color: #616161;
            font-size: 8.5pt;
            font-family: "Avenir Light";
            width: 100%;
            text-align: center;
        }

        .descriptionResult2{
            color: #333;
            font-family: "Avenir Bold";
            box-sizing: border-box;
            margin-bottom: 3px;
            text-align: center;
            width: 100%;
            margin-top: 20px;
        }

        .localisationInfoResult{
            color: #0c66c1;
            font-family: "Avenir Light";
        }

        .optionPrix{
            color: #183a67;
        }
        
    }

    .titleResult, .rowTitleeResult{
        font-family:"Avenir bold";
        color:#000;
    }

    /* pour les tablette et plus */
    @media screen and (min-width: 768px) {
        .nbVu{
            font-size:10pt;
        }
        .titleResult
        {
            padding-bottom:5px;
        }
        .descriptionResult{
            color:#aaa;
            font-size:12px;
        }
        .nbVu,.prix,.optionPrix,.btnEnSavoirPlus
        {
            text-align:center;
        }

        .blockPrix{
            border-left:1px solid #aaa;
            height:190px;
            margin-bottom:10px;
        }

        .rowTitleeResult,.tag{
            border:none;
        }
        .tag
        {
            margin-top:-70px;
        }
        .btnTag
        {
            width:48%;





        }

        .btnEnSavoirPlus{
            margin-top:25px;
            text-align:center;
        }
    }

    /* pour les tablette et plus */
    @media screen and (min-width: 992px) {
        .blockPrix{
            border-left:1px solid #aaa;
            height:235px;
            margin-bottom:10px;
        }
        .tag
        {
            margin-top:-72px;
        }
        .btnTag
        {
            width:48%;





        }
    }

    /* pour les grand ecran */
    @media screen and (min-width: 1200px)
    {
        .rowTitleeResult
        {
            margin-bottom:0;
        }
        .tag
        {
            margin-top:0px;;
        }
        .blockPrix{
            border-left:1px solid #aaa;
            height:auto;
            margin-bottom:10px;
        }
        .btnTag
        {
            width:48%;





        }
    }

    /*
    yossele
    */

    @media screen and (max-width: 767px)
    {
        
        

    }
    @media screen and (min-width: 768px) and (max-width: 992px)
    {
   
        .tag{
            padding-left: 8px;
            margin-top: -18px;
            padding-top: 0;
            margin-bottom: 0;
            padding-bottom: 0;

        }

        .optionPrix{
            color: #183a67;
            font-family: 'Avenir'
        }

        .rowResult{
            border: 1px solid #e4e4e4;    
        }       

        .nbVu{
            font-size: 12px;
            width: 143px;
        }


        .prix {
            font-weight: bold;
            font-size: 11px;
            color: #0c66c1;
            margin-top: 13px;
        }

        .prix span {
            font-size: 28px;
        }

        .titleResult, {
            font-family: "Avenir Heavey";
            color: #999999; 
        }
        
        .btnReserver button {
            height: 38px;
            width: 113px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #fbbd08;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 12px !important;
            padding: 0;
            outline: none;
        }

        .btnReserver {
            margin-top: 30px;
        }

                .btnEnSavoirPlus button {
            height: 38px;
            width: 113px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #0c66c1;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase; 
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 12px !important;
            padding: 0;
            outline: none;
        }

        .btnEnSavoirPlus {
            margin-top: 2px;
        }
        
        .blockPrix {
            height: auto;
            border-left: 1px solid #e4e4e4;
            width: 130px;
            height: 165px;
            box-sizing: border-box;
            margin-left: 2px;
        }

        .rowTitleeResult{
            width: 333px;
            height: 165px;
        }

        .rowTitleeResult b{
            font-size: 20px;        
        }




        .btnTag
        {
            width:130px;
            height: 22px;
            overflow:hidden;
            font-size:10px;
            color:#fff;
            background:#cccccc;
            border:none;
            border-radius:0 0  0  0;
            margin-top: 23px;
        }

        .btnTag:hover
        {
            color:#fff;
            background:#dddddd;

        }

        .descriptionResult{
            color: #616161;
            font-size: 8.5pt;
            font-family: "Avenir Light";
        }

        .descriptionResult2{
            color: #333;
            font-family: "Avenir Bold";
            box-sizing: border-box;
            margin-bottom: 3px;
        }

        .localisationInfoResult{
            margin-top: 5px;
            color: #0c66c1;
            font-family: "Avenir Light";
        }

        .optionPrix{
            color: #183a67;
        }

    }

    @media screen and (min-width: 992px) and (max-width: 1200px)
    {
        
        
        
        #lienbox2{
            color: #b1b1b1;
        }
        
        .tag{
            padding-left: 8px;
            margin-top: -18px;
            padding-top: 0;
            margin-bottom: 1px;
            padding-bottom: 0;

        }

        .optionPrix{
            color: #183a67;
            font-family: 'Avenir'
        }

        .rowResult{
            border: 1px solid #e4e4e4;    
        }       

        .nbVu{
            font-size: 12px;
        }


        .prix {
            font-weight: bold;
            font-size: 11px;
            color: #0c66c1;
            margin-top: 13px;
        }

        .prix span {
            font-size: 28px;
        }

        .titleResult, {
            font-family: "Avenir Heavey";
            color: #999999; 
        }
        
        .btnReserver button {
            height: 38px;
            width: 113px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #fbbd08;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 12px !important;
            padding: 0;
            outline: none;
        }

        .btnReserver {
            margin-top: 30px;
            padding: 0;
            text-align: center;
        }
        

        .btnEnSavoirPlus button {
            height: 38px;
            width: 113px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #0c66c1;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 12px !important;
            padding: 0;
            outline: none;
        }

        .btnEnSavoirPlus {
            margin-top: 2px;
        }
        .blockPrix {
            height: auto;
            border-left: 1px solid #e4e4e4;
            width: 143px;
            height: 175px;
            box-sizing: border-box;
            /*margin-left: 2px;*/
        }

        .rowTitleeResult{
            width: 320px;
            height: 165px;
        }

        .rowTitleeResult b{
            font-size: 20px;
            width: 320px;
            outline: none;
        }




        .btnTag
        {
            width:130px;
            height: 22px;
            overflow:hidden;
            font-size:10px;
            color:#fff;
            background:#cccccc;
            border:none;
            border-radius:0 0  0  0;
            margin-top: 23px;
        }

        .btnTag:hover
        {
            color:#fff;
            background:#dddddd;

        }

        .descriptionResult{
            color: #616161;
            font-size: 8.5pt;
            font-family: "Avenir Light";
        }

        .descriptionResult2{
            color: #333;
            font-family: "Avenir Bold";
            box-sizing: border-box;
            margin-bottom: 3px;
        }

        .localisationInfoResult{
            margin-top: 5px;
            color: #0c66c1;
            font-family: "Avenir Light";
        }

        .optionPrix{
            color: #183a67;
        }

    }

    @media screen and (min-width: 1200px)
    {

        #lienbox2{
            color: #b1b1b1;
        }
        
        #lienbox2:hover{
            color: #333;
            text-decoration: underline;
        }
        
        
        .rowResult{
            border: 1px solid #e4e4e4;    
        } 

        .rowResult:hover{
            background-color: rgba(245, 245, 245, 1);
        }


        .prix {
            font-weight: bold;
            font-size: 12px;
            color: #0c66c1;
            margin-top: 35px;
        }

        .titleResult, {
            font-family: "Avenir Heavey";
            color: #999999; 
        }
        
        .btnReserver button {
            /*height: 50px;
    width: 80%;
    color: #fff;
    background-color: #bd1343;
    border: none;
    border-radius: 0 10px 0px 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Avenir Bold";
    padding-bottom: 0px;
    margin-left: 13px;
    margin-top: 25px;*/
    height: 42px;
    width: 135px;
    border-radius: 0.4em;
    color: #fff;
    box-shadow: none;
    background: #fbbd08;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Avenir';
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 0;
    outline: none;
        }
        
         .btnReserver button:hover {
    
            opacity: 0.75;
            transition: all 0.3s ease 0s;
   
        }
        
        .btnReserver {
            text-align: center;
            margin-top: 45px;
        }

        .btnEnSavoirPlus button {
            height: 42px;
            width: 135px;
            border-radius: 0.4em;
            color: #fff;
            box-shadow: none;
            background: #0c66c1;
            letter-spacing: 0.5px;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            font-family: 'Avenir';
            font-weight: 600 !important;
            font-size: 14px !important;
            outline: none;
        }
        
        .btnEnSavoirPlus button:hover {
    
            opacity: 0.75;
            transition: all 0.3s ease 0s;
   
        }

        .btnEnSavoirPlus {
            margin-top: 5px;
        }


        .blockPrix {
            height: 214px;
            margin-bottom: 10px;
            border-left: 1px solid #e4e4e4;
            width: 175px;
            box-sizing: border-box;
            /*margin-left: 5px;*/
        }

        .rowTitleeResult{
            /*width: 372px;*/
            width: 388px;
            height: 217px;
        }

        .descriptionResult {
            color: #aaa;
            font-size: 9pt;
            font-family: "Avenir Light";
            min-height:66px;
            height:66px;
        }


        .tag{
            padding-top: 25px;
            padding-left: 8px;
            margin: -20px 0 0 0;

        }
/*
        .btnTag
        {
            width:160px;
            height: 22px;
            overflow:hidden;
            font-size:12px;
            color:#fff;
            background:#cccccc;
            border:none;
            border-radius:0 0  0  0;
        }

        .btnTag:hover
        {
            font-size:12px;
            color:#fff;
            background:#dddddd;

        }
        */

        .descriptionResult{
            color: #616161;
            font-size: 9pt;
            font-family: "Avenir Light";
        }

        .descriptionResult2{
            color: #333;
            font-family: "Avenir Bold";
            box-sizing: border-box;
            margin-bottom: 5px;
            margin-top: 10px;
        }

        .localisationInfoResult{
            margin-top: 5px;
            color: #0c66c1;
            font-family: "Avenir Light";
        }

        .optionPrix{
            color: #183a67;
        }

    }

    .rowResult a
    {
        color:#183a67;
        text-decoration: none;
    }

     .rowResult a:hover
    {
        color:#183a67;
    }
    

/*  filtre restaurant et voyage */

 @media screen and (max-width: 767px)
    {

/*#filtre input
        {
            height: 35px;
            width: 100%;
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff;
            margin-left: -2px;
            margin-top: 5px;
            margin-bottom: 15px;
        } 

        #filtre input:hover
        {
            border: 2px solid #37296a;
        } */


        /*#filtre select
        {
            height: 35px;
            width: 100%;
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff;
            margin-left: -2px;
            margin-top: 5px;
            margin-bottom: 15px;
            display: block;
            background: url("http://alloj.org/alloj/web/bundles/frontOffice/images/arrow.svg") no-repeat center center;
            background-position: 95% 50%;
        }

        #filtre select:hover
        {
            border: 2px solid #37296a;
        } */

    }

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

/*#filtre input
        {
            height: 35px;
            width: 100%;
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff;
            margin-left: -2px;
            margin-top: 5px;
            margin-bottom: 15px;
        } 

        #filtre input:hover
        {
            border: 2px solid #37296a;
        } */


        /*#filtre select
        {
            height: 35px;
            width: 100%;
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff;
            margin-left: -2px;
            margin-top: 5px;
            margin-bottom: 15px;
            display: block;
            background: url("http://alloj.org/alloj/web/bundles/frontOffice/images/arrow.svg") no-repeat center center;
            background-position: 95% 50%;
        } 

        #filtre select:hover
        {
            border: 2px solid #37296a;
        }*/ 

    }

    @media screen and (min-width: 992px) and (max-width: 1200px)
    {
    
        
        
        /*#filtre input
        {
            max-height: 45px;
            width: 100%;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #f1f1f1;
            border-radius: 0;
            color: #a4b0bc;
            font-size: 14px;
            background-color: #fff;
            margin-left: 0;
            margin-top: 13px;
            font-weight: 300;
            box-shadow: none;
        } 

        #filtre input:hover
        {
            border: 2px solid #37296a;
        } */


        /*#filtre select
        {
            height: 35px;
            width: 100%;    
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff;
            margin-left: -2px;
            margin-top: 5px;
            margin-bottom: 15px;
            display: block;
            background: url("http://alloj.org/alloj/web/bundles/frontOffice/images/arrow.svg") no-repeat center center;
            background-position: 95% 50%;
        } 

        #filtre select:hover
        {
            border: 2px solid #37296a;
        } */

    }
    @media screen and (min-width: 1200px)
    {      
        /*#filtre input
        {
            height: 43px;
            width: 100%;
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff;
            margin-left: -2px;
            margin-top: 13px;
            margin-bottom: 15px;
        } 

        #filtre input:hover
        {
            border: 2px solid #37296a;
        } */


        /*#filtre select
        {
            height: 43px;
            width: 100%;
            margin: 0 5px;
            color: #000;
            font-family: avenir;
            padding: 0 10px;
            font-size: 15px;
            border: 2px solid #e6e6e6;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            border-radius: 0;
            color: #ababab;
            font-size: 13px;
            background-color: #fff !important;
            margin-left: -2px;
            margin-top: 13px;
            margin-bottom: 15px;
            display: block;
            background: url("http://alloj.org/alloj/web/bundles/frontOffice/images/arrow.svg") no-repeat center center;
            background-position: 190px;
            outline: none;
        } 

        #filtre select:hover
        {
            border: 2px solid #37296a;
        }*/ 
 

    }


@media (max-width:545px){
    
    .sous-titre-header{
    top: 190px;
}
    
}

@media (max-width:767px){
 
    .logi{

        max-width: 140px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px; 
    }
    

    .sous-titre-header{
        font-size: 13px;
        color: #fff;
        left: 0;
        right: 0;
        font-family: "Source Sans Pro";
        font-weight: normal;
    }


    .titre-header{
        text-align: center;
        font-size: 43px;
        color: #fff;
        top: 120px;
        left: 0;
        right: 0;
        letter-spacing: -2px;
        font-family: "Source Sans Pro";
        line-height: 45px;
    }
    
    
    .city-icon {
    position: absolute;
    top: 50%;
    left: 32px;
    margin-top: -9px;
    font-size: 17px;
    color: #8C8C8C;
    z-index: 4;
    }
    
    .name-icon {
    position: absolute;
    top: 62%;
    left: 30px;
    margin-top: -9px;
    color: #8C8C8C;
    z-index: 4;
    font-size: 15px;
    }
        
    
    
    .input2{
        padding-top: 0 !important;
    }
    
     .input1{
        padding-top: 15px;
    }
    
    .col-xs-9 {
    width: 100%;
}
    
    #divFormMoteur {
    background-color: rgba(80,80,80,0.30);
    padding: 0;
    width: 90%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
    
    #divFormMoteur form input {
    margin: 0;
}
    
    
    #btnSearch {
    outline: none;
    float: right;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}
    
    
    .btnsearch {
    background-color: #2078cf !important;
    height: 70px;
    width: 100%;
    padding: 0;
    overflow: hidden;
    font-size: 30px;
    color: #fff;
    transition: all ease 0.2s;
}
    
}



.wrap{
    max-width: 1170px;
    margin: 0 auto;
}

.block-left{
    position: relative;
}

.block-right{
    max-width: 333px;
    position: fixed;
    margin-left: 650px;
    margin-top: 90px;
}

@media all and (max-width:1199px){
    .block-right{
    max-width: 315px;
    position: fixed;
    margin-left: 640px;
    margin-top: 90px;
}   
}

@media all and (max-width:992px){
    .form-headline {
    font-size: 19px;
    color: #4e4e4e;
    font-weight: 300;
    letter-spacing: 0 !important;
}
    
    .block-right{
    max-width: 280px;
    position: fixed;
    margin-left: 480px;
    margin-top: 90px;
}
    
}

#step-2 .content-ajax {
    min-height: 300px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 déc. 2016, 16:44:59
    Author     : Samama
*/