/*BOUTONS ACTIONS ACCUEIL */

#liensActions {margin-top:20px;} 

.actions-buttons .button a { padding-top:20px; height: 66px; font-size: 1.7rem; line-height: 2rem; font-weight: bold; text-align: left;  position: relative; width: 100%;} 

.actions-buttons .button a {
display: flex;
align-items: center;
}


#carousel {margin:0px;} 

.flexcenter { display: flex; justify-content:center; } 

.flexcenteralign { display: flex; align-items:center; } 

.flexcenter { display: flex; justify-content:center; } 

.text18 {font-size:18px;} .text20 {font-size:20px;} 

.text22 {font-size:22px;} .padding10 {padding:10px;} 

.paddingtop20 {padding-top:20px;} .paddingleft10 {padding-left:10px;} 

.marginbottom20 {margin-bottom:20px !important;} 

.margintop30 {margin-top:30px;} .marginbottom30 {margin-bottom:30px;} 

.cercle { width: 40px; height: 40px; border-radius: 20px; background:#ffffff; padding:10px; margin-right:5px;} 

.blanc {color:#ffffff;} 

.orange-bouton {color:#fda712;} 

.vert-bouton {color:#73b55c;} 

.bleu-bouton {color:#1993e1;} 

.presse #footer-nav .nav li.last a:before { position: absolute; left: 0; top: 50%; margin-top: -12.5px; width: 25px; height: 25px; content: ""; background: url("/assets/templates/meridian/images/footer-nav-icons.png") no-repeat -25px 0px; } 

.contact #footer-nav .nav li.first a:before { position: absolute; left: 0; top: 50%; margin-top: -12.5px; width: 28px; height: 25px; content: ""; background: url("/assets/templates/meridian/images/footer-nav-icons.png") no-repeat -50px 0px; } 

#sitemap #footer-nav .nav li + li { margin-top: 0px; }

#carousel .bx-viewport a img {width:100%;}


.flexbox {
  display: flex;
}


/*LOGO ACCUEIL */

#navbar {
    background-color:#2dafe7 !important;
}

#logo a {
    overflow: hidden;
    background-size:299px;
    width:299px;
    height:70px;
}

/* MENU */
#item1070 {
background-color:#0b71b2 !important;
}

/* BOUTONS LIENS ACTIONS (HEADER) */

.actions-buttons .button.vert a {
    background-color:#70bd54 !important;
    background-image: none;
    border-radius: 10px;
}

.actions-buttons .button.vert i {
    margin-left:2px;
}

.actions-buttons .button.vert a:hover {
    background-color:#63a94a !important;
    background-image: none;
    border-radius: 10px;
}

.actions-buttons .button.orange a {
    background-color:#ffbb19 !important;
    background-image: none;
    border-radius: 10px;
}

.actions-buttons .button.orange a:hover {
    background-color:#efb018 !important;
    background-image: none;
    border-radius: 10px;
}

.actions-buttons .button.bleu a {
  background-color:#1799e2 !important;
  background-image: none;
  border-radius: 10px;
}

.actions-buttons .button.bleu a:hover {
  background-color:#158ccf !important;
  background-image: none;
  border-radius: 10px;
}

/* BOUTONS LIENS ACTIONS (HEADER) */

#liensActions .nav > li {
    float: left;
    margin-left: 10px;
}

#liensActions .nav > li.butsouscrire > a {
display: block;
    position: relative;
    padding: 0 30px;
    border-left: 0px;
    height: 50px;
    font: bold 15px/51px 'Bliss', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #fff;
    background: #ffbb19;
}

#liensActions .nav > li.butespaceclient > a {
display: block;
    position: relative;
    padding: 0 30px;
    border-left: 0px;
    height: 50px;
    font: bold 15px/51px 'Bliss', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #00b0f0;
    background: #fff;
    border: #00b0f0 2px solid;
}

#liensActions .nav > li.phonebutton  {
display: block;
    position: relative;
    padding:0px;
    height: 50px;
    font: bold 15px/51px 'Bliss', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #646464;
}

#navmobile  {
    float: right;
    clear: right;
}

#navmobile {
    display: flex;
    position: relative;
    padding:0px;
    height: 50px;
    text-transform: uppercase;
    color: #646464;
    font: bold 15px/51px 'Bliss', sans-serif;
    font-size: 15px;
}

#navmobile i {
    font-size: 25px;
    margin:5px;
}

#navmobile  .butsouscription  {
color:#ffbb19;
}

#navmobile  .butsouscription   {
color:#ffbb19;
}

#navmobile  .butsouscription a:hover {
color:#efb018;
}

#navmobile  .butclient  {
color:#646464;
}

/* COUNTDOWN */
.white-background {background-color:#ffffff !important;}

.padding10 {padding:10px;}
.margin10 {margin:10px;}
.marginbottom20 {margin-bottom:20px;}
.center {text-align:center;}
.text20 {font-size:20px;}
.bold {font-weight:700;}
.capital {text-transform: uppercase;}

.flexbox {
  display: flex;
}

/* COUNTDOWN PER */
.countdownper {
font-weight:700;
color:#d14e21;
font-size:33px;
}


/* MOBILE BOUTONS ACTIONS ACCUEIL */

@media screen and (min-width: 766px)
{
flex:none;
}

@media screen and (max-width: 992px)
{
#liensActions .nav {
    display:none;
                    }
}

@media screen and (min-width: 993px)
{
#navmobile {
    display:none;
                    }
}


@media screen and (max-width: 992px)
{
#navmobile {
    margin-bottom: 20px;
                   }
}


@media screen and (max-width: 767px)
{
#logo a {
    background-size:260px;
    width:299px;
    margin-left:80px;
    float:left;
    margin-top:-10px;
}
}

@media screen and (max-width: 420px)
{
#logo a {
    background-size:200px;
    width:200px;
    margin-left:80px;
    float:left;
    margin-top: 1px;
}
}

@media (max-width: 767px)
#logo {
    float: left;
    text-align: center;
}



@media screen and (max-width: 767px)
{
#navmobile {
     margin-top: -20px;
                   }
}
 

@media screen and (max-width: 533px)
{
#navmobile .butsouscription {
    display:none;
                   }
}

@media screen and (max-width: 533px)
{
#logo a {
    margin-bottom:20px;
                   }
}

@media screen and (max-width: 320px)
{
#navmobile .butphone {
     display:none;
                   }
}

@media screen and (max-width: 320px)
{
#navmobile .butsouscription {
     display:none;
                   }
}

@media screen and (max-width: 320px)
{
#navmobile .butclient {
     display:none;
                   }
}


#liensActions {margin-top:10px;} 

.actions-buttons .button a { padding-top:20px; height: 66px; font-size: 1.7rem; line-height: 2rem; font-weight: bold; text-align: left; position: relative; width: 100%;} 

#carousel {margin:0px;} 

.flexcenter { display: flex; justify-content:center; } 

.flexcenteralign { display: flex; align-items:center; } 

.flexcenter { display: flex; justify-content:center; } 

.text18 {font-size:18px;} .text20 {font-size:20px;} 

.text22 {font-size:22px;} .padding10 {padding:10px;} 

.paddingtop20 {padding-top:20px;} .paddingleft10 {padding-left:10px;} 

.marginbottom20 {margin-bottom:20px !important;} 

.margintop30 {margin-top:30px;} .marginbottom30 {margin-bottom:30px;} 

.cercle { width: 40px; height: 40px; border-radius: 20px; background:#ffffff; padding:10px;} 

.blanc {color:#ffffff;} 

.orange-bouton {color:#fda712;} 

.vert-bouton {color:#73b55c;} 

.bleu-bouton {color:#1993e1;} 

.presse #footer-nav .nav li.last a:before { position: absolute; left: 0; top: 50%; margin-top: -12.5px; width: 25px; height: 25px; content: ""; background: url("/assets/templates/meridian/images/footer-nav-icons.png") no-repeat -25px 0px; } 

.contact #footer-nav .nav li.first a:before { position: absolute; left: 0; top: 50%; margin-top: -12.5px; width: 28px; height: 25px; content: ""; background: url("/assets/templates/meridian/images/footer-nav-icons.png") no-repeat -50px 0px; } 

#sitemap #footer-nav .nav li + li { margin-top: 0px; }

#carousel .bx-viewport a img {width:100%;}

/* MENU */
.actualite .illustration {
background-color: unset;
}