/* CSS Document */



.show780, .show500 {display:none}
@media screen and (max-width: 1280px) {
.articleContainer article.large { width:48%; margin:15px 0.5%;}
	
}


@media screen and (max-width: 1023px) {
.hide1080{display:none !important}
.articleContainer article {width:32%; margin:15px 0.5%; }
.articleContainer article.num4 { display:none;}
.bloc-univ {  width:28%; margin:5px 1% 20px 1%;}
#tabs div ul, #tabs ul.sct { margin: 10px 0 ;}
.footer-tagline { width:auto; display:block; text-align:center; padding:0 20% 20px 20%}
.footer-address  { width:40% }
.menuFooter, .footer-social { width:28% }
.panel-top {margin-top:10px; display:block; width:400px}
.panel-top .gr-univ {width:55%}

.labelDate {display:block}
.start-date {margin-right:2% !important; }
.start-date, .end-date { display:inline-block !important; width:48% !important;float:none !important}
}

@media screen and (max-width: 960px) {
.product-column-right #evaluations, .product-column-right .fb-page { display:inline-block;width:48%; margin-right:1%}

}

@media screen and (max-width: 767px) {
.hide780{display:none !important}
.show780{display:1}
.articleContainer article {width:48%; margin:15px 0.5%; }
.articleContainer article.num4 { display: inline-block;}
#slider-home .panel .panel-body {padding: 20px 16px 20px 16px;}
#slider-home .form-group {display:block; width:auto}
#slider-home .title {  display: inline-block; width: 21%; vertical-align:top}
#slider-home .styled-select, #slider-home .form-group .input-group { width: 78.2%;  display: inline-block;}
#slider-home .form-group .input-group .input-group-btn { float:right; margin-top:-38px}
.infos { margin-left:21%}
#slider-home .panel .panel-body .gr-submit .btLight {padding: 14px 0; display:block; width:100%; font-size: 15px; letter-spacing:2px; height:44px; float: none; margin:22px auto 0 auto}
#slider-home .panel .panel-body .gr-submit .btLight img, #slider-home .panel .panel-body .gr-submit .btLight:hover img {display:none !important}
#slider-home select#universe {margin-bottom:20px}
#slider-home .panel {margin-top:205px}
#FAQ {margin-bottom:20px}
 .subFooter .container{ text-align:center}
.panel-top .gr-univ {width:94%}
#main-slider {  display:block; width:100%;}
#evaluations, #product-testimonies {display:block; width:100%; background:#ffffff; padding: 0 15px 10px 0;margin: 0;border-bottom: 1px solid #ebedf0;}
#product-testimonies  {padding-right:0}
#evaluations .title { text-align:left}
.producerMain .product-column-right {margin-top: 0px;padding: 6px 15px !important;}
.product-column-right #evaluations {    padding: 0 15px 0 0 !important; display:block;width:100%; margin-right:20px 0; background:#ffffff}
.product-column-right #evaluations  .panel-heading  {padding:10px 0 !important}
.producerMain #evaluations .panel-body {background:#ffffff}
.blocMap {padding-bottom:10px; margin-bottom:0; border-bottom:1px solid #ebedf0}
.rightToCenter {text-align:center !important}
.subFooter a, .subFooter span { display:block; margin:0 12px;  }
.product-info ul li, .ratingLarge, .prod-rating  {display:block; float:none !important; position:relative}
.producerHead .producerTitle { display:block; text-align:center; padding:10px 0 ; background:#ffffff;  }
.producerHead .bg {padding:40px 0 40px 0; background-size:100% auto; background-repeat:no-repeat; background-position:center center}
.search-form-side {margin-top:-20px}
.product-info ul li {margin:6px 0 6px 6px}
#filters-panel a.smallLink {margin:0 auto; float:none}
.panel-more {margin:0 }
.testimonies-content blockquote p {max-width:80% }
.panel-body h2 a {    font-size: 16px;    line-height: 22px;}
.producerLogoRight, .fb-page {display: none !important;}


@media screen and (max-width: 640px) {
#FAQ .col-sm-3 {width: 90%; max-width: none; margin-bottom:30px }

.footer-address, .menuFooter, .footer-social { width:auto; display:block; text-align:center; padding:20px 0 0 0 }
.menuFooter ul li {list-style:none}
.footer-address img {float:none; display:block; margin:0 auto 10px auto; height:80px}
.nav-social {text-align:center}
.footer-tagline { padding:10px 10% 20px 10%}
.articleContainer article, .articleContainer article.large {width:100%; margin:15px auto; }
.articleContainer article .content p { height:auto}
.local-left, #gmap {display:block; width:100%; padding:0}

.local-left .logoProducer { position:absolute; top:50px; right:0; max-width:30%; margin:0 }
.panel-body .googlemap {    height: 0;    padding-bottom: 62%;}
.producerHead .bg { background-position:center center }
.testimonies-content blockquote p {max-width:96% !important }

}

@media screen and (max-width: 500px) {
.show500 {display: inline-block}
.bloc-univ {  width:44%; margin:5px 1% 20px 1%; padding:10px 0;  }
#slider-home .title {  display: block; width: 100%; vertical-align:top}
#slider-home .styled-select, #slider-home .form-group .input-group { width: 100%;  display: block;}
.infos { margin-left:0; width:100%}
#slider-home .panel {margin-top:180px}
#FAQ {padding:40px 0;}
.advert { padding:60px 0; margin-bottom:30px}
#tabs div ul li {width: 48%;}
.local-left .logoProducer {display:none}
.producerHead .bg { padding:0; }
.producerHead .producerTitle { margin:0; text-align:left  }
.modal.in .modal-dialog, .modal.in .modal-dialog .modal-content {margin:0; width:100%; height:100%; border-radius:0}
#cart-submit-checkout {font-size:13px; padding:10px; width:auto}
}

@media screen and (max-width: 320px) {
.bloc-univ {  width:90%; margin:5px 0 20px 0; padding:10px 5%;  }

}