/****************** GLOBAL STYLE *****************/
/*************************************************/
html,body {width: 100%; height: 100%; font-size:100%;}

body {font-family: 'Lato', sans-serif; background-color: #fff; color:#243750; font-size: 1em;}

.container {overflow: hidden;}
.container-fluid {overflow: hidden;}
#mainNav .container-fluid {overflow: visible;}

.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}

hr {max-width: 80%; border-color: #243750; border-width: 2px; margin-top: 2em; margin-bottom: 2em;}

h1, h2, h3, h4, h5, h6 {margin: 0; line-height: normal;}

h1 {font-size:2em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-shadow:1px 1px 1px rgba(18, 25, 35, 1); margin-bottom: 1.5em; }
h2 {font-size:1.7em; font-weight: 700; margin-bottom: 1em;}
h3 {font-size:1.4em; font-weight:bold; margin:1em 0;}
h4 {font-size: 1.2em; margin-bottom: 1.5em;}

p {line-height: 1.5em;}

.vertical-align {display: flex; align-items: center; justify-content: center; flex-direction: row; padding:3em 0;}

a {color: #fff; text-decoration: none; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
a:hover, a:focus {color: #fff; text-decoration: none; cursor: pointer;}

a.bleu {color: #243750; text-decoration: none; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-weight:600;}
a.bleu:hover, a.bleu:focus {color:black ; text-decoration: underline; cursor: pointer;}

section {padding:4em 0;}

ul {padding:0; list-style: none;}

.no-padding{padding:0;}
.nopaddingleft {padding-left: 0;}
.nomargin {margin-left: 0; margin-right: 0;}

.bigmargin_top {margin-top: 4em;}
.margin_top {margin-top: 2em;}
.margin_bottom {margin-bottom: 2em;}

#scrollup {width:40px; height:40px; opacity:1; position:fixed; bottom:100px; right:20px; text-align: center; color:#fff;
    font-size: 25px; background-color:#243750; border-radius: 4px; display:none;}

#scrollup:hover {background-color:#999;}
#scrollup i {color:#fff;}

.videocontainer {width:100%; height:0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
.videocontainer iframe {width:100% !important; height:100% !important; position: absolute; top:0; left:0;}

div.col-lg-4.col-md-4.hidden-sm.hidden-xs  {background-color: black;}
.videocontainer.margintest {margin:43px 0;}


/********************** TOP **********************/
/*************************************************/
.top {background-color: #999999; height:40px; position:relative;}
.top ul.social {margin-top:5px;}

.top .social i {color: #999999; -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out;}

.social li i:hover {color:#fff;}

.lang {padding-right:20px;}
ul.lang {margin-top: 9px;}
.lang li {display:inline; color:#fff; font-weight: 400; margin-right: 5px;}


/********************** NAV **********************/
/*************************************************/
.navbar-default {position:relative; background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;
  min-height: 139px;}
.navbar {margin-bottom: 0; border:none;}
.navbar-right {margin-right: 0;}

.nav>li>a {padding:10px 10px;}

.logo {background: url('../img/logo-miniox.png') no-repeat; width:250px; height:73px; margin:33px 0 33px 20px !important;}

ul.nav.navbar-nav.navbar-right {margin:55px 0 0 0;}

.dropdown-menu {border: none;}
.dropdown:hover .dropdown-menu {display: block;}

.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus {text-transform: uppercase; font-size: 13px; font-weight: 900; color: #243750;}
.dropdown-menu>li>a {color: #243750 !important; font-weight: 700; text-transform: uppercase; font-size: 13px;}
.dropdown-menu>li>a:hover {color: #fff !important; background-color:#243750;}
.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {color: #fff; background-color: #243750;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#fff;
  background-color: #243750;}

.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}

li.eshop {
  background-color:#243750;
}

li.eshop>a{
 color: #FFF !important;
}

li.eshop>a:hover {
  background-color:#8cc63f !important;
}


/*ul.dropdown-menu {right:inherit !important;}

.navbar-header {height:50px; padding:10px 0;}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0;}*/


/******************** HEADER *********************/
/*************************************************/
.header-barre .container-fluid {padding-left: 0; padding-right: 0;}


/****************** HOME SLIDER ******************/
/*************************************************/
.carousel-control {display: none;}
.carousel-indicators li {width:15px; height:15px; border:none; margin:0 5px; background-color:#fff;}
.carousel-indicators li:hover {background-color:#243750;}
.carousel-indicators .active {width:15px; height:15px; background-color:#243750; margin:0 5px;}
.carousel-indicators {bottom:0px;}
#carousel ol {margin-bottom:0px;}

.carousel-caption {width:35%; left:60%; height:40%; top:15%; bottom:0; padding:2%; text-align: right; text-shadow:inherit; background-color: rgba(36, 55, 80, 0.7);}
.text-slide p {padding:3px 0; font-size: 18px; color:#fff; text-transform: uppercase;}
#carousel h1 {margin-bottom: 15px;}
.slide1.carousel-caption  {height:45%;}
.slide2.carousel-caption  {height:40%;}
.slide3.carousel-caption  {height:40%;}


/****************** BACKGROUNDS ******************/
/*************************************************/
.bg-gris {background: #e6e6e6;}


/********************** BTN **********************/
/*************************************************/
.btn {border: none; border-radius:3px; font-weight: 700; cursor: pointer;}

.btn-bleu {background-color: #243750; color: #fff;}
.btn-bleu:hover, .btn-bleu:focus, .btn-bleu:active {background-color: #999999; color: #fff;}


/******************** SIDEBAR *********************/
/*************************************************/
.border {border:solid 1px #243750; padding-left:0; padding-right:0;}
.sidebar .row {margin-bottom: 50px;}
.sidebar h3 {text-align: center; text-transform: uppercase; font-weight: bold; background-color:#243750; color:#fff; margin:0; line-height: 1.5em;;}
.sidebar p {text-align: center; font-weight: bold;}

.sidebar .caption-bg p {color:#fff; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; padding: 10px 0; margin-bottom:0;}
.sidebar .caption-bg {background-color:rgba(36, 55, 80, 0.5); position:absolute; z-index:100; width:100%; top:85px; height:auto; text-align: center;}
.sidebar .caption-bg .btn-bleu {margin-bottom: 10px;}


/******************** FOOTER *********************/
/*************************************************/
footer {background-color: #243750;}

.footer-top {background: url('../img/footer-small.jpg') center no-repeat;}

.footer-top .container {padding:2em 0;}

footer h4, footer p {color:#fff;}
footer h4 {text-transform: uppercase; font-weight: 600;}

.miniox li a, .contact li a {color:#fff;}
.miniox li a:hover, .contact li a:hover {color:#999;}

footer .btn-bleu {width:151px;}
img.enveloppe {margin-left: 41px;}

.bxl img {margin:auto;}
.bxl img.bxl {margin-left:-20px !important;}

.footer-top ul.social {margin-top:2em;}

.social li {background-color: #fff; border-radius: 100%; display: inline-block; height: 30px; width: 30px; margin-right: 10px; text-align: center;
    -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; padding:4px 0 0 1px;}

.social i {color: #243750; -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out;}

.social li i:hover {color:#fff;}

.social li.facebook:hover {background: #3b5998;}
.social li.twitter:hover {background: #28a9e2;}
.social li.youtube:hover {background: #e22c29;}

.footer-bottom {background-color:#999999; height:40px;}
.footer-bottom p {padding:5px 0; margin:0;}


/********************* INDEX *********************/
/*************************************************/
#index-general img {width:120px; margin:auto;}
#index-general h3 {font-size:1.1em; margin-bottom: 0;}

#details h2, #temoignages h2, #presentation h2 {text-transform:uppercase;}

#encart, #encart img {margin:auto;}
#encart p {color:#fff; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; padding: 10px 0;}
.caption-bg {background-color:rgba(36, 55, 80, 0.5); position:absolute; z-index:100; top:79px; width:calc(100% - 30px); height:131px; text-align: center;}

.temoignage {font-weight:bold; font-style: italic; font-size: 1.3em; margin-bottom: 1em;}

.annonce_index p {font-size: 1.2em;}
.annonce_index {margin:0 auto 2.5em auto; border:2px solid #243750; width:80%; float:none; padding-top:8px;}
.annonce_index ul li {font-size:1.2em;}

.btnhome {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: #222;
  padding: 17px 60px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btnhome span {
  position: relative;
  z-index: 1;
}

.btnhome:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #78c7d2;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btnhome:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

/******************* HISTORIQUE ******************/
/*************************************************/
#historique .img-center {margin:2em -15px;}


/******************* SERVICES *******************/
/************************************************/
#services ul, #ecocheques ul {list-style: disc; padding-left: 20px;}

#pub p:first-child {font-size: 1.7em; font-weight: bold; text-transform: uppercase;}
#pub p {font-weight: bold; font-size: 1.4em;}


/******************* PRODUITS *******************/
/************************************************/
#peinture .img-center, #mur .img-center, #sol .img-center, #fenetre .img-center, #materiels .img-center {margin:2em -15px;}
#produits .margin_bottom {margin-bottom: 4em;}

#peinture ul, #mur ul, #sol ul, #materiels ul, #trucs ul, #privacy ul {list-style: disc; padding-left: 30px;}

.marques .col-lg-3.col-md-3.col-sm-3.col-xs-6 {margin-top:2em;}

section#marques h2 {margin-bottom: 0;}


/****************** IDEES DECO ******************/
/************************************************/
.ideesgrid a {display: block;}
.ideesgrid .overlay {background-color: rgba(0, 0, 0, 0.2); position:absolute; z-index:50; width:calc(100% - 30px); top:0; height:100%; transition: all .35s;}
.ideesgrid .overlay:hover {background-color: rgba(0, 0, 0, 0); -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
section#idees .caption-bg-dark {width:100%; background-color:#243750; text-align: center; padding:5px 0; margin-top:40%;}
section#idees .caption-bg-dark p {margin-bottom: 0; font-weight: bold; font-size:1.1em;}

.grid .overlay {background-color: rgba(0, 0, 0, 0); position:absolute; z-index:50; width:calc(100% - 30px); top:0; height:100%; cursor:pointer; transition: all .35s;}
.grid .overlay:hover {background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}

.grid .caption {opacity:0; color:#fff; text-align: center; padding:20% 2% 0 2%; font-size: 1em;}
.grid .caption:hover {opacity:1;}

/*.grid .col-lg-3.col-md-3.col-sm-3.col-xs-6 {padding-left:0; padding-right: 0;}*/
/*.grid [class^="col-"], .grid [class*=" col-"] {padding-left:0; padding-right: 0;}*


/*************** TRUCS & ASTUCES ****************/
/************************************************/
section#trucs .reponse {padding: 1em;}
section#trucs .reponse i {margin-right: 10px;}
section#trucs .reponse h4 {margin-bottom: 0.5em;}
section#trucs .reponse p {font-size:0.9em;}
section#trucs .reponse li {margin-top: 10px; font-size: 0.9em;}


/******************* MAGASINS *******************/
/************************************************/
section#magasins h2 {margin-bottom: 10px;}
section#magasins .magdetails p {margin-bottom: 0;}
section#magasins .magdetails p:nth-child(3) {margin-top: 10px;}
section#magasins .magdetails p:nth-child(2) {margin-bottom: 10px;}


/*********** PAGES INTERNES MAGASINS ************/
/************************************************/
#magasin h3 {margin-top: 3em;}
.google-maps {position: relative; height: 300px; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important;}
table {margin-top: 3em;}


/****************** PROMOTIONS ******************/
/************************************************/
section#promotions h1 {margin-bottom: 1em; line-height: 1.5em;}
.green {color:#91c945 !important;}
section#promotions h2 {color:#404040; margin-bottom: 1em;}
section#promotions h4 {color:#404040; margin-bottom: 3em;}

section#promotions img {margin:auto;}
section#promotions .longimg img {max-width:400px;}
section#promotions .shortimg {margin-top:4em;}

.produit-promo {margin-top:2em;}
.produit-promo-img {border:1px solid #243750; text-align: center;}

.produit-desc h3 {margin:0 0 0.5em 0;}
.produit-desc p {margin-bottom: 25px; color:#404040;}

.produit-ref .ref p {background-color: #eceded; margin-bottom: 0; font-size:0.95em;}
.produit-ref .ref .nom {color:#404040;}

span.smaller {font-size:0.8em; font-weight:normal;}
.produit-ref .pxpromo {font-size:1.1em; font-weight:bold; color:#db4638; background-color: #eceded; text-align:center;}
.produit-ref .pxpromo p {margin-bottom: 0;}
.produit-ref .brut {font-size:1em; font-weight:bold; text-align:center; text-decoration: line-through;}
.pourcentage {text-align:center; font-weight:bold; font-size:1em;}

.super-promo {background-color: #fff; padding:10px; font-weight: 500; font-size:1.3em; color:#243750; border-radius:10px; margin:0 25px;}
.super-promo ul li {list-style-type: disc;}
.super-promo ul {padding-left:25px;}
span.free {font-size:1.5em;}
span.red {font-weight:bold; color:#db4638; font-size:1.5em;}


/******************** CONTACT *******************/
/************************************************/
section#contact h2 {margin-bottom: 10px;}
section#contact .magdetails p {margin-bottom: 0;}
section#contact .magdetails p:nth-child(3) {margin-top: 10px;}
section#contact .magdetails p:nth-child(2) {margin-bottom: 10px;}

section#contact i, section#rdv i {width:14px;}

.form-control:focus {border-color: rgba(36, 55, 80, 0.5); box-shadow: 0 0 5px rgba(36, 55, 80, 0.6);}

textarea.form-control {height: 140px; resize: vertical;}


/****************** DECO DAYS *******************/
/************************************************/


/**************** ACTIONS PROMO *****************/
/************************************************/
.promo.carousel-caption  {height:40%; top:14%;}
section#promo_printemps p {font-size: 1.2em; line-height: 1.6em;}
section#promo_printemps li {font-size: 1.1em; line-height: 1.6em;}
section#promo_printemps ul {padding-left:20px; list-style: disc;}
section#promo_printemps h1 {font-size: 2.5em; text-shadow:none; text-transform: inherit;}
section#promo_printemps h2 {font-size: 1.8em; line-height: 1.4em}
.call2action {font-size: 1.1em; letter-spacing: 1px;border-radius: 3px; padding:6px 12px;}
.chroma .call2action {margin-top: 1.1em;}
.smallsc {display:none;}
.dailly .call2action {margin-top: 3.3em;}
.dailly {margin-top: 4em;}
.annonce {margin:3em 0 4em 0;}
section#promo_printemps .annonce p {font-size: 1.9em; font-weight: bold; padding:1em;}
.action-printemps img {margin:auto;}

.style h3 {margin:0.7em 0;}

.promo.carousel-caption  {height:40%; top:14%;}
section#semainede p {font-size: 1.2em; line-height: 1.6em;}
section#semainede ul li {font-size: 1.2em; line-height: 1.6em;}
section#semainede ul li ul li {font-size: 1em; line-height: 1.6em;}
section#semainede ul {padding-left:20px; list-style: disc;}
section#semainede h1 {font-size: 2.5em; text-shadow:none; text-transform: inherit;}
section#semainede h2 {font-size: 1.8em; line-height: 1.4em}
.call2action {font-size: 1.1em; letter-spacing: 1px;border-radius: 3px; padding:6px 12px;}
section#semainede .catalogue img {float:right;}
section#semainede .promotions .call2action {margin-top: 3.5em;}
.annonce {margin:4em 0 4em 0;}
section#semainede .annonce p {font-size: 1.5em; font-weight: bold; padding:1em;}

.annonce-atelier {margin:1em 0 1em 0;}
section#semainede .annonce-atelier p {font-size: 1.1em; font-weight: bold; padding:1em;}
.btn-lg.call2action {padding:15px 25px}

.smallsc {display:none;}

.concours .call2action {margin-top: 1.2em;}
.style .call2action {margin-top: 0.7em;}
.decorer {margin-top: 4em;}
.concours {margin-top: 3em;}
.atelier {margin-top:4em;}
.semainelogos {margin:25px 0;}

section#semainedefenetre p {font-size: 1.1em; line-height: 1.5em;}
section#semainedefenetre h1 {font-size: 2.5em; text-shadow:none; text-transform: inherit;}
section#semainedefenetre h2 {font-size: 1.8em; line-height: 1.4em}
section#semainedefenetre .promotions .call2action {margin-top: 1em;}
section#semainedefenetre .annonce p {font-size: 1.3em; font-weight: bold; padding:1em;}
section#semainedefenetre .annonce-reduction p {font-size: 1.3em; font-weight: bold; padding:1em;}
.annonce-reduction { margin-top: 2em;}
.rowstyle .margin_top {margin-top:2.7em;}


/******************** ACTUS ********************/
/************************************************/
#presse h3:first-child {margin-top: 0;}
section#actus .caption-bg-dark {width:100%; background-color:#243750; text-align: center; padding:5px 0; margin-top:calc(100% - 25px) !important;}
section#actus .caption-bg-dark p {margin-bottom: 0; font-weight: bold; font-size:1.1em;}
.action-peinture img {margin:auto;}

section#catalogues .catalogue {margin-top: 4em;}
section#catalogues hr {margin-top:4em; width:50%;}

section#emploi ul li {list-style-type: disc;}
section#emploi ul {padding-left: 20px;}


/******************* PRIVACY ********************/
/************************************************/
section#privacy a {color: #243750; text-decoration: none; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-weight:600;}
section#privacy a:hover, section#privacy a:focus {color:black ; text-decoration: underline; cursor: pointer;}


/******************* FACTURATION ********************/
/************************************************/
.factures label {font-weight: normal;}


/***************** MEDIA QUERIES *****************/
/*************************************************/

/* Téléphone en portrait et EXTRA SMALL écran */
@media (max-width: 480px) {
  .top {display: none;}
  .bxl img {margin:auto;}
  .bxl img.bxl {margin-left:auto !important;}

  .logo {background: url('../img/logo-miniox-small.png') no-repeat; width:180px; height:52px; margin:43px 0 40px 15px !important;}
  .navbar-toggle {margin-top: 43px;}
  .navbar-nav>li>a {line-height:normal;}
  ul.nav.navbar-nav.navbar-right {margin:0;}

  .carousel-indicators {display:none !important;}
  .carousel-caption {display: none;}

  section {padding:3em 0;}

  h1 {font-size:1.8em; text-align: center;}
  h2 {font-size:1.5em; text-align: center;}
  h3 {font-size:1.2em; font-weight:bold; margin:1em 0;}
  h4 {font-size: 1.2em; margin-bottom: 1.5em;}

  .footer-top {background:none;}
  footer {text-align: center;}
  footer .btn-bleu {background-color:#999999; }
  footer h4 {margin-top: 20px; margin-bottom: 10px;}
  .footer-bottom img {display: none;}
  .footer-bottom {height:40px;}
  .footer-bottom p {font-size: 0.7em;}
  img.enveloppe {margin:auto;}

  #index-general img {margin-top: 20px;}
  .caption-bg {background: rgba(0, 0, 0, 0); top:45px;}

  #details .text-right {text-align: left;}

  #services h2 {text-align: center; margin-top: 1em;}

  .sidebar .border:first-child {margin-top: 2em;}
  .sidebar .caption-bg p {font-size: 1em;}
  .sidebar .caption-bg {width:100%; top:0;}

  .magdetails img {display:inline-block;}
  .magdetails .btn {margin-bottom: 2em;}

  .grid .overlay {width:100%;}

  .grid .caption {padding:10% 2% 0 2%; font-size: 0.9em;}
  .grid .caption:hover {opacity:1;}
  .grid [class^="col-"], .grid [class*=" col-"] {padding-left:0; padding-right: 0;}

  #scrollup {opacity:0;}

  #presse .vertical-align {display:block; text-align:center;}
  #presse h3:first-child {margin-top: 1em;}

  section#semainede h1 {font-size: 2em; text-shadow:none; text-transform: inherit;}
  section#semainede h2 {font-size: 1.2em; line-height: 1.4em}
  section#semainede p {font-size: 1em; line-height: 1.4em;}
    section#semainede ul li {font-size: 1em; line-height: 1.4em;}
  section#semainede .promotions img {margin:2em auto 0 auto; float:none !important;}
  .promotions .call2action {margin-top: 2em;}
  .concours img {margin:2em auto 0 auto;}
  .largesc {display:none;}
  .smallsc {display:block;}
  .smallsc img {margin:auto; margin-top: 2em;}
  section#semainede .annonce p {font-size:1.4em; padding:0.5em;}
  .call2action {font-size: 1em; border-radius: 3px; padding:6px 10px;}
  span.no {display:none;}

  section#semainedefenetre h1 {font-size: 2em;}
  section#semainedefenetre h2 {font-size: 1.2em; line-height: 1.4em}
  section#semainedefenetre .annonce p {font-size: 1.2em;}
  section#semainedefenetre .annonce-reduction p {font-size: 1.2em;}
  section#semainedefenetre .catalogue {margin-top: 2em;}
}

/* Téléphone en paysage et SMALL écran */
@media (min-width: 481px) and (max-width: 767px) {
  .lang {padding-right: 0;}
  .bxl img {margin:auto;}
  .bxl img.bxl {margin-left:auto !important;}
  .carousel-indicators {display:none !important;}
  .carousel-caption {display: none;}

  .navbar-header {float:none !important; margin-right: -15px !important; margin-left: -15px; width:inherit !important;}
  .navbar-toggle {margin-top: 52px;}
  ul.nav.navbar-nav.navbar-right {margin:0;}

  section {padding:3em 0;}

  #index-general img {margin-top: 30px;}
  #details .text-right {text-align: left;}

  .caption-bg {background: rgba(0, 0, 0, 0);}

  .footer-top {background:none;}
  footer {text-align: center;}
  footer .btn-bleu {background-color:#999999; }
  footer h4 {margin-top: 20px; margin-bottom: 10px;}
  .sociaux h4 {margin-top: 30px;}
  img.enveloppe {margin:auto;}

  .sidebar .border:first-child {margin-top: 2em;}
  .sidebar .caption-bg p {font-size: 1.2em;}
  .sidebar .caption-bg {width:100%; top:30%;}

  .magdetails img {display:inline-block;}
  .magdetails .btn {margin-bottom: 2em;}

  section#semainede h1 {font-size: 2.1em; text-shadow:none; text-transform: inherit;}
  section#semainede h2 {font-size: 1.3em; line-height: 1.4em}
  section#semainede p {font-size: 1em; line-height: 1.4em;}
  section#semainede ul li {font-size: 1em; line-height: 1.4em;}
  section#semainede .promotions img {margin:2em auto 0 auto; float:none !important;}
  .catalogue img {margin:2em auto 0 auto; float:none !important;}
  .promotions .call2action {margin-top: 2em;}
  .concours img {margin:2em auto 0 auto;}
  .largesc {display:none;}
  .smallsc {display:block;}
  .smallsc img {margin:auto; margin-top: 2em;}
  section#semainede .annonce p {font-size:1.5em; padding:0.5em;}
  .call2action {font-size: 1.1em; border-radius: 3px; padding:6px 12px;}

  section#semainedefenetre h1 {font-size: 2.1em;}
  section#semainedefenetre h2 {font-size: 1.3em; line-height: 1.4em}
  section#semainedefenetre .annonce p {font-size: 1.2em;}
  section#semainedefenetre .annonce-reduction p {font-size: 1.2em;}
  section#semainedefenetre .catalogue {margin-top: 2em;}
}

/* Tablette en portrait et SMALL écran */
@media (min-width: 768px) and (max-width: 991px) {
    .logo {background: url('../img/logo-miniox-medium.png') no-repeat; width:200px; height:58px; margin:auto !important;}
    .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus {font-size: 12px;}
    .dropdown-menu>li>a {font-size: 13px;}
    .nav>li>a {padding:10px 5px;}
    .navbar-right {float: inherit !important;}
    .navbar-default .navbar-collapse {width:740px; margin:auto;}

    .navbar-brand {position:relative; margin:auto !important; padding:0;}
    .navbar-header {float:inherit !important; margin-right:inherit !important; margin-left:inherit !important; margin:20px auto; width:200px;}
    ul.nav.navbar-nav.navbar-right {margin:0 auto 20px auto;}

    .sidebar .border:first-child {margin-top: 2em;}
    .sidebar .caption-bg p {font-size: 1em;}
    .sidebar .caption-bg {width:100%; top:38px;}

    .carousel-caption {width:40%; left:55%; height:50%;}
    .text-slide p {padding:3px 0; font-size: 15px; color:#fff; text-transform: inherit;}
    #carousel h1 {margin-bottom: 10px; font-size: 1.7em;}
    .promo.carousel-caption  {height:40%; width:35%; left:60%;}
    .slide1.carousel-caption  {height:55%;}
    .slide2.carousel-caption  {height:50%;}
    .slide3.carousel-caption  {height:50%;}

    section#semainede h1 {font-size: 2.1em; text-shadow:none; text-transform: inherit;}
    section#semainede h2 {font-size: 1.3em; line-height: 1.4em}
    section#semainede p {font-size: 1em; line-height: 1.4em;}
    section#semainede ul li {font-size: 1em; line-height: 1.6em;}
    .catalogue img {margin:2em auto 0 auto; float:none !important;}
    .promotions .call2action {margin-top: 2em;}
    .largesc {display:none;}
    .smallsc {display:block;}
    .smallsc img {margin:auto; margin-top: 2em;}
    section#semainede .annonce p {font-size:1.6em; padding:0.5em;}
    .call2action {font-size: 1.1em; border-radius: 3px; padding:6px 12px;}
    .concours img {margin:2em auto 0 auto;}
}

/* Tablette en paysage et MEDIUM écran */
@media (min-width: 992px) and (max-width: 1199px) {

  .logo {background: url('../img/logo-miniox-medium.png') no-repeat; width:200px; height:58px; margin:auto !important;}
  .navbar-right {float: inherit !important;}
  .navbar-default .navbar-collapse {width:878px; margin:auto;}
  .navbar-brand {position:relative; margin:auto !important; padding:0;}
  .navbar-header {float:inherit !important; margin-right:inherit !important; margin-left:inherit !important; margin:20px auto; width:200px;}
  ul.nav.navbar-nav.navbar-right {margin:0 auto 20px auto;}

  .sidebar .caption-bg p {font-size: 1.1em;}
  .sidebar .caption-bg {width:100%; top:63px;}

  .videocontainer.margintest {margin:36px 0;}

  .carousel-caption {width:40%; left:55%; height:45%; top:15%;}
  .text-slide p {padding:3px 0; font-size: 16px;}
  #carousel h1 {margin-bottom: 15px;}
  .promo.carousel-caption  {height:40%; width:35%; left:60%;}
  .slide1.carousel-caption  {height:50%;}
  .slide2.carousel-caption  {height:42%;}
  section#semainede p {font-size: 1.1em; line-height: 1.4em;}
  section#semainede h2 {font-size: 1.5em;}
  .concours .call2action {margin-top: 0.7em;}
  section#semainede .promotions .call2action {margin-top: 4.2em;}

  section#semainedefenetre h1 {font-size: 2.3em; text-shadow:none; text-transform: inherit;}
  section#semainedefenetre h2 {font-size: 1.5em; line-height: 1.4em}
  section#semainedefenetre .annonce p {font-size: 1.2em;}
  section#semainedefenetre .annonce-reduction p {font-size: 1.2em;}

}