
/*MEDIAS QUERIES*/
/* Large desktop */
@media screen and (min-width:1024px) and (max-width:1799px) {
	.carousel-control .icon-next{right:10%;}
	.carousel-control .icon-prev{left:10%;}
	}

@media screen and (min-width:1200px){
	#home body{padding-top:0px;} 
	body{padding-top:355px;}
	 header{position:fixed;}
	 #offre header{position:absolute;}
	.container{width:1100px;} 
	/*MENU HEADER NAV*/
	.navbar-nav >li +li{     margin-left: 3.5%;    padding-left: 33px;}
	.uk .navbar-nav >li +li{    margin-left: 4.2%;    padding-left: 42px;}
	.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 215px;}
	#offre .zone-prix{margin-top: -60px; margin-right: 10px;}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	header{position:fixed;}
	#offre header{position:absolute;}

	.navbar-nav >li +li{       margin-left: 2.5%;    padding-left: 19px;}
	.uk .navbar-nav >li +li{    margin-left: 3.2%;    padding-left: 29px;}
	.navbar-nav > li:first-child {  margin: 0px 0px 0px 200px;}
	.last-container .cycle-slideshow{width:373px;}
	.social-media .cycle-pager{right:49px;}
	.diapohome figure.fixedratio{padding-top:50%;}
	#page-annexe .last-container .actus .actus_item .photo{height:195px;}
	#offre .zone-prix{margin-top: -63px; margin-right: 10px;}
	#diaporama_offre_vignette .item>a>img{height: 150px!important;}

}
/*écran normal*/ 
@media screen and (min-width:1024px){
	header{height:165px;}
	body{padding-top:165px;}
	#home .myCarousel .item>div img {    height: 210px;    width: auto;}
	/*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+li{background: url(../images/puce.png) left no-repeat;}
	.navbar-nav > li > a{padding:9px 0 8px 12px;}
	.navbar-nav > li + li + li + li + li > a{padding:8px 0 9px 12px;}

	/*.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.row > [class*="col-"]{height:426px;}
	#listing article h3{margin:13px 0 22px 0;line-height:18px;}
	#listing article .description p{height:95px;}
	#listing article .description .col-md-12{margin-bottom: 40px;}
	#listing article p{text-align:justify;}
	#listing article p a{font-size:15px;}
	#listing article .item a img{max-width:auto;height:100%;margin-right:6.4%;width:auto} /*rajout de width auto pour photos portrait*/
}
/*TABLETTE portrait*/
@media screen and (min-width:1023px) and (max-width:1024px){
	#home .myCarousel .item>div img {    height: 210px;    width: auto;}
	#offre .myCarousel .item>div a img, #page-annexe .myCarousel .item>div a img {    height: 210px;    width: auto;}
}
@media screen and (max-width:992px){
	footer .mobile span {
    text-align: center;
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#home header{height:379px;}
	#offre header{height:127px;}
	#offre .zone-prix{margin-bottom: 10px;}
	#offre .detail_annonce_pictos .btn{margin: 0 0 10px 0;}
	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:137px;position: absolute;z-index: 2}
	header .header-top form {margin-left: 0px;}
	header .header-top nav div ul li a, footer .nav>li>a {padding: 0 7px;}
	#listing article.row > [class*="col-"] {    height: 287px;}
	#listing article .item a img{max-width: 100%;    height: 100%;  max-height: 287px;  margin-right: 0;}
	#listing article h3 .prix{padding: 0 0 5px 0}
	#listing article.row .col-sm-7 {    padding: 0}
	#listing article h3{margin:5px 0 5px 0;line-height:18px;}
	#listing article p a {    font-size: 1.05em;}
	.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:35px;}
	.partager{top:0;left:0;margin:20px 0;}
	#diaporama_offre .carousel-indicators{bottom:2%;}
	#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;}
	.last-container .cycle-slide{text-align: center;}
	.last-container .cycle-slide > div{text-align: center;}
	#actus_presse{text-align: center;}
}
/* Paysage SamsungS5 Samsung S4mini */
@media (min-width:767px){
	header .header-top .langues{width: 18%}
	header .header-top .langues li { clear: right; float: none;	}
	#navigation{    padding-bottom: 25px; }
	#listing #navigation{ margin-top:0;   padding-bottom: 0px; }
	#offre #navigation{ padding-bottom: 0px; }
	.photoagence{padding:0 30px 0px 0}
	.photoagence+.photoagence{padding:0 0 0 30px}
}
@media (max-width:767px){
	header{height:162px;}
	header h1 img {  max-width: 163px;}	
	header .navbar-default .navbar-nav>li>a{font-size:100%;}
	header .header-top .langues {    width: 44%;    float: right;}
	header .header-top .langues li {    display: table-cell;    width: 1%;    clear: right;    float: none;}
	.diapohome figure.fixedratio{min-height:500px;}
	.col-sm-6,.col-md-6{padding-left:15px;padding-right:15px;}
	article .col-sm-6,.col-md-6{padding:5px;}
	/*MENU HEADER NAV*/
	.navbar-nav{margin:46px 0 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:100px;}
	#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 h3 #secteur{font-size: 1em;}
	#listing article [class*="col-"]{height:100%!important;background:none;} 
	#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{width:100%; right:0;left:0;margin:auto;}
	#listing article h3{text-align:left;margin:8px 5px 3px 0px;}
	#listing article h3 .prix{font-size: 1.1em;}
	#listing article a span{    margin-bottom: 15px;}
	#listing article a span+span{text-transform:lowercase;font-weight:normal;}
	#listing article .description{padding: 5px 0px 0 10px; }
	#listing article .description span+span:first-letter{text-transform:capitalize;}
	#listing article .description span+span{margin-bottom: 0;padding-bottom: 0}
	.bg-container article a{position: relative;}
	#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;}
	#page-annexe h1, #page-annexe p {padding-left: 15px; padding-right: 15px}
	.photoagence{padding: 15px}
	.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{border:0;width:100%;border-top:16px solid #e2ac15;padding:15px 0;}
}
@media (max-width:640px){
	header h1 img {  max-width: 135px;}	
	header{height: 135px;}
	#page-annexe .last-container .actus .actus_item .photo{height:395px;}
	#listing article .description .col-md-8 a{font-size: 0.85em;}
}
/* Portrait SamsungS5 Samsung S4mini and down */
@media (max-width:480px){
	header{height:83px;}
	header h1 img { max-width: 86px; }
	#nav{margin-top:20px;}
	.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:0.75em;}
	#page-annexe .last-container .actus .actus_item .photo{height:325px;}
	#listing article .item a img{max-height:116px;right:0;left:0;margin:auto;}
	#listing article h3 .prix {font-size: 12px;}
}
@media (max-width:360px){
	#page-annexe .last-container .actus .actus_item .photo{height:225px;}
}
/*portable*/
@media (max-width:320px){
header{height:70px;}
	header h1 img { max-width: 73px; }
	#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;} 
}