/*MEDIAS QUERIES*/
/* Large desktop */
@media screen and (min-width:1200px){
#home body{padding-top:0px;} 
body{padding-top:355px;}
 header{position:fixed;}
.container{width:1100px;} 
/*MENU HEADER NAV*/
.uk .navbar-nav >li +li{padding-left:0%;}
.dk .navbar-nav >li +li{padding-left:2.8%;}
.navbar-nav >li +li{padding-left:2.90%;}
/*.last-container .cycle-slideshow{width:386px;}*/
#page-annexe .last-container .actus .actus_item .photo{height:225px!important;}
.navbar-nav > li:first-child{padding:0px 0px 0px 155px;}
.uk .navbar-nav > li:first-child{padding:0px 0px 0px 120px;}
}
@media screen and (min-width:1024px) and (max-width:1200px){
header{position:fixed;}
.navbar-nav > li:first-child {  padding: 0px 0px 0px 160px}
.last-container .cycle-slideshow{width:373px;}
.social-media .cycle-pager{right:0px;}
.diapohome figure.fixedratio{padding-top:50%;}
#page-annexe .last-container .actus .actus_item .photo{height:195px;}
.accroche{margin-left: 140px;}
header .navbar-form {margin-left: 10px;}
}
/*écran normal*/ 
@media screen and (min-width:1023px) and (max-width:1024px){
	.navbar-nav > li:first-child {  padding: 0px 0px 0px 158px;}
	#diaporama_offre_vignette .item>a>img{height: 158px!important;}
	#home .myCarousel .item>div img,#offre .myCarousel .item>div a img, #page-annexe .myCarousel .item>div a img{height:210px;}	
	footer .nav>li>a{padding: 0 5px;font-size: 84%;}
	footer p{font-size: 84%;}
	footer small{font-size: 65%;}
}
@media screen and (min-width:1024px){
header{height:156px;}
body{padding-top:156px;}
/*RESEAUX SOCIAUX*/
.cycle-pager{right:120px;}
/*MENU HEADER NAV*/
.navbar-nav{float:left;margin:0;width:100%;}
.navbar-nav > li{float:left;}
.navbar-nav > li > a{padding:7px 18px 5px;}
.dk .last-container .cycle-slide a, .dk .last-container .cycle-slide span{font-size: 13px;}
/*.navbar-nav > li:first-child{margin-left:-15px;}*/
/*.navbar-nav.navbar-right:last-child{margin-right:-15px;}*/
.carte{width:723px;padding:10px 15px;}
#page-annexe .last-container .actus .actus_item .photo{height:195px;}
header .form-control{ height:22px;}
.desc_offre{margin-top: -32px;}
#listing article p{text-align:justify;}
#listing article p a{font-size:15px;}
.vignette_agence img {width: auto}
}
/*TABLETTE portrait*/
@media screen and (min-width:768px) and (max-width:1023px){
#home header{height:379px;}
#offre header{height:130px;}
.accroche{margin-left:130px;width: 80%}
header{height:382px;}
header .dropdown-menu{top:0%; left:30%; min-width:180px; }
header .dropdown-menu .divider{margin:5px 0;}
header h1 img{max-width:117px;margin:2px 0 0px;position: absolute;z-index: 2}

header .header-top nav div ul li a, footer .nav>li>a {padding: 0 7px;}

.col-md-5,.col-md-7{padding-left:15px;padding-right:15px;}
.container{width:750px;}
/*MENU HEADER NAV*/
.navbar-nav{float:none;margin:0;}
.navbar-nav>li{float:none;} 
.navbar-nav .caret{position:relative;margin-left:60px;margin-top:-5px;}
.navbar-nav .dropdown.open .caret{ -webkit-transform:rotate(630deg);-moz-transform:rotate(630deg);-o-transform:rotate(630deg);-ms-transform:rotate(630deg);transform:rotate(630deg);}
.social-media .cycle-pager{right:0px;}
.social-media .cycle-slide > div {width: 100%;}
.partager{top:0;left:0;margin:20px 0;}
#diaporama_offre .carousel-indicators{bottom:11%;}
#diaporama_offre .carousel-inner>.item>a>img{height:512px;}
footer p{font-size:86%;}
.carte{width:540px;padding:10px 15px;}
legend{font-size:15px;}
#page-annexe .last-container .actus .actus_item .photo{height:155px;}
.ombre{position: absolute;}
.infobulle{right: 0;left: 0;}
.alert-infobulle {  margin: 20px 15px;}
header .navbar-form {margin-left: 10px;}


}
/* Paysage SamsungS5 Samsung S4mini */
@media (max-width:767px){
header{height:157px;}
header .navbar-default .navbar-nav>li>a{font-size:100%;}
.nav-pills>li+li {     margin-left: 0px; }
.diapohome figure.fixedratio{min-height:500px;}
.col-sm-6,.col-md-6{padding-left:15px;padding-right:15px;}
/*MENU HEADER NAV*/
.navbar-nav{margin:20px 0;width:100%;}
.container .navbar-nav li{padding-bottom:0;margin:0.7% 9.1%;border-radius:5px;display:inline-block;width:81.8%;}
.container .navbar-nav li a{padding-bottom:0;padding-top:0;line-height:30px;}
.container .navbar-nav li a span{float:left;margin-right:10px;}
.container .navbar-nav li a span+span{float:none;margin-right:10px;}
.container .navbar-nav .dropdown-menu li{border:0;}
/*menu rechercher smartphone*/
#nav{margin-top:105px;}
#nav2.navbar-inverse .navbar-nav li{text-align:center;padding-bottom:0;margin:0.7% 9.1%;border-radius:5px;display:inline-block;width:81.8%;}
#nav2.navbar-inverse .navbar-nav li a{text-transform:uppercase;padding-bottom:0;padding-top:0;line-height:30px;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{border-radius:5px;}
.navbar-inverse{background:none;border:none; }
.navbar-default{background:none;border:none;margin-bottom:0;}
#navigation{margin-top:0;}
#navigation #trier>span>span{padding:3px 7px;display:inline-block;}
#diaporama_offre .carousel-indicators{bottom:12%;}
#diaporama_offre .carousel-inner>.item>a>img{height:217px;}
#listing article{margin:0;}
#listing article [class*="col-"]{height:auto;background:none;padding: 0} 
#listing article .item{padding-left:0;padding-right:0;}
#listing article .item a img{width:auto;height:auto;margin-right:0;}
#listing article .item a img{max-height:188px;right:0;left:0;margin:auto;}
#listing article h3{text-align:left;margin:8px 5px 3px 10px;}
#listing article a span{text-transform:uppercase;font-weight:bold;}
#listing article a span+span{text-transform:lowercase;font-weight:normal;}
#listing article .description span+span:first-letter{text-transform:capitalize;}
#offre .detailsoffre{text-align:center;font-size:1.5em;margin-bottom:60px;padding-left:15px;padding-right:15px;}
#offre .desc_offre{padding:0 15px 0 15px;margin-bottom:20px;}
#offre .secteur{text-transform:lowercase;}
#offre .secteur:first-letter{text-transform:capitalize;}
#offre .panel-heading a h3{text-transform:uppercase;}
#offre .panel-collapse{padding-left:15px;padding-right:15px;padding-bottom:15px;}
#offre .panel{margin-bottom:0;}
#offre .panel-default>.panel-heading{border:0} 
#offre .formulaire{background:none;margin-bottom:10px;padding:0 3% 3% 3%;}
/*#offre .formulaire button{margin:auto;right:0;position:absolute;left:0;width:91px;}*/
#offre .partager-smartphone{position:relative;}
#offre .partager-smartphone div{font-size:12px;padding:3px 0 3px 30px;height: 30px;}
#offre .partager-smartphone .share-facebook,#offre .partager-smartphone .share-twitter,#offre .partager-smartphone .share-google{padding:3px 4px;height:30px}
#offre .partager-smartphone .fb-share-button{padding:0}
#page-annexe .bg-container .container .row{margin:10px;}
.carte{width:100%;height:auto;padding:10px 15px;}
#map{min-height:280px;}
#page-annexe h1,.h1{font-size:21px;}
#page-annexe .last-container .actus .actus_item .photo{height:525px;}
.nav-footer{text-transform:uppercase;text-align:center;}
.bg-inverse{padding:5px 0;}
#home .form-group{margin-bottom:0px;}
/*.form-control { height: 24px!important;}*/
#home .form-control{display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; border-radius:4px; }
#home .btn{display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; text-align:center; background-image:none; border:0px solid transparent; border-radius:4px; }
#rechercher .input-group{margin-bottom:15px;}
.nav-footer{padding:7px;}
footer p{font-size:100%;}
footer .coordonnees-agence{padding:10px 0;}
.titre-liste{font-size: 85%;text-align: center;}
.accroche {margin-left: 140px; max-width: 80%;}
}
@media (min-width:640px) and (max-width:767px){
#listing article .item .new_exclu_baisse_bottom{max-width: 84.5%;}
}
@media (max-width:640px){
#page-annexe .last-container .actus .actus_item .photo{height:395px;}
#listing article .description .col-md-8 a{font-size: 0.85em;}
#offre .new_exclu_baisse{max-width: 99%}
}
/* Portrait SamsungS5 Samsung S4mini and down */
@media (max-width:480px){
header{height:83px;}
header h1 img { max-width: 56px; }
#nav{margin-top:45px;}
.diapohome figure.fixedratio{min-height:436px;}
#listing article h3{line-height:15px;text-align:left;margin:5px 3px 0px 10px}
#listing article h3 a span{font-size:13px;}
#page-annexe .last-container .actus .actus_item .photo{height:325px;}
#listing article .item a img{max-height:125px;right:0;left:0;margin:auto;}
#listing article h3 .prix {font-size: 12px;}
.accroche { float: left; margin-left: 80px; max-width: 70%; margin-top: 25px;}
}
@media (max-width:360px){
#page-annexe .last-container .actus .actus_item .photo{height:225px;}
}
/*portable*/
@media (max-width:320px){
header{height:70px;}
#home .myCarousel .item>div img{height:175px;}
#page-annexe .last-container .actus .actus_item .photo{height:190px;}
#listing article .description {padding:5px;}
#listing article .item a img{max-height:104px;right:0;left:0;margin:auto;}
#listing article h3 .prix {font-size: 15px;}
#listing article .description .col-xs-12 a {font-size: 12px;} 
}