/*MEDIAS QUERIES*/

@media screen and (min-width:2000px) {
#page-annexe .bg-container .container .row:first-child{margin:20px 0;min-height:1023px}
#offre .new_exclu_baisse{max-width:40%;top:15px}
}
@media screen and (min-width:1200px) and (max-width:1800px) {
#page-annexe .bg-container .container .row:first-child{margin:20px 0;min-height:1023px}
#offre .new_exclu_baisse{max-width:63%;top:15px}
}
/* Large desktop */
@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>.dropdown-menu{padding-top: 5px;padding-bottom: 5px;}
.navbar-nav >li +li{padding: 0 0.65%;}
/*.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 0px;}
.navbar-nav > li:last-child{padding:0px 0px 0px 0px;}
#offre .zone-prix{margin-top: -55px; margin-right: 10px;}
#page-annexe .bg-container .container .row:first-child{margin:20px 0;min-height:450px}
#listing article {
    height: 570px;
}
}
@media screen and (min-width:1024px) and (max-width:1200px){
header{position:fixed;}
#offre header{position:absolute;}
.navbar-nav > li:first-child {  padding: 0px 0px 0px 0px;}
.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: -55px; margin-right: 10px;}
#page-annexe .bg-container .container .row:first-child{margin:20px 0;min-height:270px}
#offre .new_exclu_baisse{max-width: 82%;top:15px;}

}
/*écran normal*/ 
@media screen and (min-width:1024px){
header{height:165px;}
body{padding-top:165px;}
.cycle-pager{right:120px;}
.navbar-nav{float:left;margin:0;width:100%;}
.navbar-nav > li{float:left;}
.navbar-nav > li > a{padding:7px 35px 5px;}
/*.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:327px;}*/
#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{height:100%;}*/


#page-annexe .row .col-sm-3:first-child {margin-left: 4%}
#page-annexe #estimate.row .col-sm-3:first-child {margin-left: 0%}
#listing article {
    height: 590px;
}
}

}
/*TABLETTE portrait*/
@media screen and (min-width:1023px) and (max-width:1024px){
	.navbar-nav > li > a{padding:7px 25px 5px;}
	header .header-top form {margin-left: 15px; }	
	#offre .new_exclu_baisse { max-width: 93%;}
	#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;}
}	
@media screen and (min-width:768px) and (max-width:1023px){
#home header{height:313px;}
#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 .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 {
    height: 480px;
}
#listing article .item a img{max-width: 100%;    height: 100%;   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;}
.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: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;}
}

/* Paysage SamsungS5 Samsung S4mini */
@media (min-width:768px){
	#listing .articleslisting{
	padding-right: 15px;
	padding-left: 15px;
}
#listing .rowarticleslisting{
	margin-right: -15px;
	margin-left: -15px;
}

#listing article:hover{
    background: transparent;
}
}
@media (max-width:767px){
header{height:162px;}
header .navbar-default .navbar-nav>li>a{font-size:93%;}
.diapohome figure.fixedratio{min-height:500px;}

/*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;background: transparent;}
/*menu rechercher smartphone*/
#nav{margin-top:115px;}
#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 .rowarticleslisting{
	margin-right: 15px;
	margin-left: 15px;
}
#listing article{margin:20px 0;border-bottom: 5px solid #fff!important}
#listing article:hover{background:transparent!important;}
#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{margin-right:0;}
#listing article .item a img{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{text-transform:uppercase;font-weight:bold;}
#listing article a span+span{text-transform:lowercase;font-weight:normal;}
#listing article .description{padding: 15px 15px 10px 15px; }
#navigation{background: none}
#listing article:hover a, #listing article:hover p, #listing article:hover span{
	color:#fff!important;
}
#listing article .description span+span:first-letter{text-transform:capitalize;}
#listing article .description span+span{margin-bottom: 0;padding-bottom: 0}
#listing article .item .new_exclu_baisse{left: 5px;top:5px;}
#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{border:0;width:100%;padding:15px 0;background:#000 url(../images/bg_footer.png) repeat-x 0 0;}
}
@media screen and (min-width: 640px) and (max-width:767px){
	header{height:112px;}
}
@media (max-width:640px){
header{height: 105px;}
#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;}
#nav{margin-top:75px;}
.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{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;}
#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;} 
}