@import url("https://use.fontawesome.com/releases/v5.0.11/css/all.css");
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#000;min-width:1181px;background:url(../images/body.jpg) center 0 repeat}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
a {color:#00a9ff;outline:none}
a:hover {text-decoration:none}
.col-1, .col-2, .col-3, .col-4  {float:left}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden;color:black;}
.extra-wrap p {font-size:16px;line-height:1.22em;text-align:justified;padding-left:30px;}
#extra{
    color:white;
}
.bg {width:100%;background:url(../images/bg.jpg) center 0 no-repeat}
.main {width:1181px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.285em}
p {margin-bottom:18px}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:6px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:45px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}
.color-5 {color:#0000FF}
/* boxes */
.margin-bot {margin-bottom:25px}
.spacing {margin-right:35px}
.indent {
padding-left:150px;
padding-right:150px;
}
.indent2 {padding-top:10px}
.indent3 {padding-top:38px}
.indent4 {padding:26px 0 0px 32px}
.indent5 {padding-top:22px}
.indent-bot {margin-bottom:22px}
.indent-bot2 {margin-bottom:19px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 10px 0px 0}
.img-indent2 {float:left;margin:0 15px 0px 0}
.img-indent3 {float:left;margin:0 20px 0px 0}
.img-indent4 {float:left;margin:0 28px 0px 0}
.img-indent-r {float:right;margin:4px 0px 0px 15px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .button-2, .logo {text-decoration:none}
/* header */
header {width:100%;margin-bottom:-16px;position:relative;z-index:1}
.row-1 {width:100%;height:113px;overflow:hidden;padding-top:10px}
.row-2 {width:100%;min-height:85px;position:relative;z-index:1}
.row-3 {width:100%;min-height:417px;position:relative;z-index:2}
.row-9001 {width:100%;min-height:5px;position:relative;z-index:1}
h1 {padding:0px 0 0 40px;position:relative;float:left}
.logo {display:block;width:250px;height:70px;text-indent:-5000px;background:url(../images/logo.png) 0 0 no-repeat;margin:10px 0 8px 0}
.logo1 {display:block;width:250px;height:70px;text-indent:-5000px;background:url(../../images/logo.png) 0 0 no-repeat;margin:10px 0 8px 0}
.slog {display:block;font-size:14px;line-height:1.2em;color:#8a8a8a;text-transform:uppercase;letter-spacing:-1px}

#bienvenue{}
/* search-form */
#zone1 {width:244px;min-height:20px;padding:20px;margin-right:19px;background:#000;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;float:right}
.zone1 {width:244px;min-height:20px;padding:20px;margin-right:19px;background:#000;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;float:right;background:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;width:100%;overflow:hidden}
#search-form {width:auto;min-height:15px;padding:15px;margin-right:1px;background:#ff0000;border-color:#ff0000;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;float:right}
.search-form {background:#ff0000;border-color:#000;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden}
#search-form:hover{background:#000;border-color:#ff0000;}
#search-form a {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;line-height:1.214em;width:100px;padding:1px 1px 1px;margin:0;color:#fff;border:none;background:none;float:left}
#search-form a:hover {color:#ff0000;}
/*#search-form a {display:block;width:38px;height:38px;text-indent:-5000px;background:url(../images/search-button.png) 9px 8px no-repeat #00a9ff;border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;float:right}
 */
/* main menu */
.menu {width:100%}
.menu li {float:left;position:relative;margin-right:1px}
.menu li.last-item {margin:0}
.menu li a {display:inline-block;width:196px;font-size:17px;line-height:1.22em;padding:18px 0 36px;margin-top:10px;color:#fff;background:#000;text-align:center;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0}
.menu li a.active, .menu li a:hover {color:#0f0f0f;background:#fff;padding:28px 0 36px;margin:0}
/* slider */
.slider-wrapper {overflow:hidden;width:1181px;position:absolute;top:-16px;left:0;background:#fff;border-radius:0 18px 0 0;-moz-border-radius:0 18px 0 0;-webkit-border-radius:0 18px 0 0}
.slider {height:403px;width:1064px;margin:10px auto}
.slider1 {height:5px;width:1181px;margin:10px auto}
.items {display:none}
.pagination {position:absolute;top:0;z-index:999}
.banner {width:400px;height:205px;position:absolute;top:92px;left:98px}
.prev {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;left:25px;top:183px;z-index:99;background:url(../images/slider-control.png) left top no-repeat}
.prev:hover {background-position:left bottom}
.nextt {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;right:22px;top:183px;z-index:99;background:url(../images/slider-control.png) right top no-repeat}
.nextt:hover {background-position:right bottom}
.b1 {color:#0f0f0f;font-size:30px;line-height:1.2em;display:block;letter-spacing:-3px}
.b3 {color:#00a9ff;font-size:50px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-4px;margin:-12px 0 13px -5px; width:450px}
*+html .b2 {margin:-12px 0 5px -5px}
.b2 {color:#0f0f0f;font-size:17px;line-height:1.2em;display:block}
/* content */
#content {width:100%;/*padding:10px 0 40px;*/background:#fff;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0;position:relative;z-index:2}
#content .padding {padding:24px 12px 0}
.spacer-1 {width:100%;background:url(../images/pic-1.gif) 217px 0 repeat-y}
h2 {font-size:39px;line-height:1.9em;color:#0f0f0f;margin-bottom:5px;letter-spacing:-2px}
h3 {font-size:28px;line-height:1.3em;margin-top:-5px;letter-spacing:-2px}
h3 strong {display:block;color:#fefefe;margin-bottom:-11px}
h4 {font-size:23px;line-height:1.2em;color:#fefefe;letter-spacing:-1px;margin-bottom:20px}
h5 {color:#0f0f0f;text-decoration:underline;font-weight:normal}
h6 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
h7 {color:#00a9ff;font-size:11px;line-height:0.9em;}
h71 {color:#FF0000;font-size:11px;line-height:0.9em;}
.border-bot {width:100%;padding-bottom:20px;background:url(../images/pic-1.gif) 0 bottom repeat-x}
#box-bg  {padding:0px;background:#000;/*width:100%;*/height:300px;padding-left:150px;padding-right:100px;}
.box-bg {padding:33px;background:#e4e4e4}
.box {width:100%;/*background:url(../images/box.png) center 0 no-repeat #101010;*/border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}
.boxservice {width:300px;background:url(../images/box.png) center 0 no-repeat #101010;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}
.box h3 {margin-top:-8px}
.box .pad {padding:28px 35px}
.box.first .button {background:url(../images/button1.png) left top no-repeat}
.box.first .button:hover {background-position:left bottom}
.box.first .numb {background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff}
.box.second .button {background:url(../images/button2.png) left top no-repeat}
.box.second .button:hover {background-position:left bottom}
.box.second .numb {background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902}
.box.third .button {background:url(../images/button3.png) left top no-repeat}
.box.third .button:hover {background-position:left bottom}
.box.third .numb {background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c}
.numb {display:inline-block;padding:3px 7px 6px;font-size:40px;line-height:1.2em;letter-spacing:-2px;color:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
*+html .numb {padding:6px 7px 4px}
.block-news {padding:27px 33px 30px;border:1px solid #eaeaea;background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px}
.button {display:block;width:43px;height:43px;text-indent:-5000px}
.button-2 {display:inline-block;font-size:19px;line-height:1.21em;letter-spacing:-1px;color:#fefefe;padding:9px 20px 11px;background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin-left:380px;}
.button-2:hover {background:#3c3c3c}
.list-1 li {line-height:24px;padding-left:10px;background:url(../images/marker.gif) 0 10px no-repeat}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}
.list-2 li {line-height:24px}
.link {color:#9d9d9d}
.link:hover {text-decoration:none} 
.link-1 {display:inline-block;font-size:14px;padding-right:8px;background:url(../images/marker-3.gif) right 8px no-repeat}
.link-1:hover {color:#fff} 
.text-1 {line-height:20px;margin:0} 
dl.address {line-height:24px;color:#9d9d9d}
dl.address span {float:left;width:74px;color:#fefefe}
dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}
.tdate-1 {font-size:20px;line-height:1.2em;color:#0f0f0f;text-align:center;letter-spacing:-2px;margin:-8px 16px 0 0}
.tdate-1 strong {display:block;font-size:49px;line-height:1.2em;color:#00a9ff;margin-bottom:-10px}
.tdate-2 {float:left;color:#0f0f0f}
.news {padding-left:25px;background:url(../images/pic-1.gif) 0 0 no-repeat}
#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}
/* footer */
#footer {width:100%;height:5px;}
.row-top {background:#000;padding:33px 0px 42px;font-size:8px;line-height:1px}
.row-padding {padding:0px 62px}
.row-bot {width:100%;padding:0px 0px;font-size:8px;line-height:5px}
.list-services li {line-height:24px;padding-left:30px}
.list-services li a {text-align:left;color:#00a9ff;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url(../images/facebook.png) 0 3px no-repeat}
.list-services li.item-2 {background:url(../images/twitter.png) 0 3px no-repeat}
.list-services li.item-3 {background:url(../images/linkedin.png) 0 3px no-repeat}
.footer-logo {display:block;color:#9d9d9d;font-size:60px;line-height:1.2em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
.footer-logo strong {color:#00a9ff;text-transform:none;display:inline-block}
.phone {display:inline-block;font-size:20px;line-height:1.2em;color:#9d9d9d;letter-spacing:-1px;padding-left:5px}
.phone strong {color:#fff}
/* new look */
h90021 {font-size:12px;line-height:1.2em;color:#ff0000;letter-spacing:1px;margin-bottom:20px}
h9001 {font-size:18px;line-height:1.0em;margin-top:-5px;letter-spacing:-2px}
h9002 {font-size:12px;line-height:1.2em;color:#0f0f0f;letter-spacing:1px;margin-bottom:20px}
h9010 strong {display:block;color:#fefefe;margin-bottom:-11px}
h9011 {font-size:23px;line-height:1.2em;color:#fefefe;letter-spacing:-1px;margin-bottom:20px}
h9012 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
h9013 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
b9010 {color:#00a9ff;font-size:12px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:1px;margin:12px 0 13px 5px}
b9011 {color:#00a9ff;font-size:20px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:1px;margin:12px 0 13px 5px}
b9012 {color:#0f0f0f;font-size:11px;line-height:1.0em;display:block;margin:12px 0 13px 5px}
b9020 {color:#0f0f0f;font-size:11px;line-height:1.0em;display:block;margin:2px 0 13px 5px}
b9021 {color:#0f0f0f;font-size:8px;line-height:1.0em;display:block;margin:12px 0 13px 5px}
b9012Rouge {color:#ff0000;font-size:11px;line-height:0.7em;display:block;margin:12px 0 13px 5px}
b9012ajoutrapide {color:#0f0f0f;font-size:11px;line-height:0.7em;display:block;margin:2px 0 2px 5px}
b9012menu {color:#0f0f0f;font-size:11px;line-height:1.2em;display:block;margin:1px 0 13px 5px}
b9012liste {color:#0f0f0f;font-size:11px}
b9013 {color:#00a9ff;font-size:12px;line-height:0.8em;display:block;text-transform:uppercase;letter-spacing:1px;margin:0 0 0 0}
b9014 {color:#00a9ff;font-size:16px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:1px;margin:12px 0 13px 5px}
b9014DET {color:#00a9ff;font-size:10px;line-height:0.8em;display:block;text-transform:uppercase;letter-spacing:1px;margin:5px 0 5px 5px}
zonetexte9001 {font-family: Verdana; font-size: 8pt; color: #0f0f0f; border: 1px solid #00a9ff}
zonetexteboutton {font-family: Verdana; font-size: 8pt; font-weight: bold; color: #66CCFF; border: 1px solid #66CCFF}
.menu9001 {float:left;margin:10 10px 10px 10}
menu9002 {float:left;margin:0 15px 0px 0}
menu9003 {float:left;margin:0 20px 0px 0}
menu9004 {float:left;margin:0 28px 0px 0}
menu9001-r {float:right;margin:4px 0px 0px 15px}
/* main menu */
.menu_liste {width:100%;float:left;position:relative;margin-right:1px}
/*.menu_liste li.last-item {margin:0}*/
.menu_liste {display:inline-block;font-size:10px;line-height:0.80em;padding:8px 0 10px;margin-top:10px;color:#000;background:#00a9ff;text-align:center;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0}
.menu_liste_rev {width:100%;float:left;position:relative;margin-right:1px}
.menu_liste_rev {display:inline-block;font-size:10px;line-height:0.80em;padding:8px 0 10px;margin-top:10px;color:#00a9ff;background:#FFFFFF;text-align:center;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0}
#paiement{
    background-color:black;
    width:100px;
    height:100px;
}
/*********************/
.box1 {
  background:#fff;
  transition:all 0.2s ease;
 
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding:10px 10px 10px 20px;
  
  margin-left:-10px;
 box-shadow: 0px 10px 30px 0px rgba(40, 40, 40, 0.40);
}

.box1:hover {
 
}

.box1 span.box-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.box1 .box-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  
  
}
.box1 .box-content p {
  color:#000;
  text-transform:none;
  text-align: left;
  line-height: 20px;
}
/*page de recharge*/
.titre{
    color:#459fd8;
     text-transform: uppercase;
}
.title-box{
    font-weight:bold;
    font-size:14px;
}
.box {
  background:#fff;
  transition:all 0.2s ease;
  border:2px dashed #459fd8;
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  padding:0 10px 10px 10px;
  
  margin-left:-10px;
 
}

.box:hover {
  border:2px solid #459fd8;
}

.box span.box-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.box .box-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.box .box-content p {
  color:#000;
  text-transform:none;
  text-align: left;
  line-height: 20px;
}

  .hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/**********************/

.accordion {
  max-width: 500px;
  margin: 0 auto;
}
.accordion__title {
  font-family: 'industry', sans-serif;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.125em;
}
.accordion__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion__item {
  border-bottom: 1px solid #000;
  visibility: hidden;
}
.accordion__item:last-child {
  border-bottom: 0;
}
.accordion__item.is-active .accordion__itemTitleWrap::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.accordion__item.is-active .accordion__itemIconWrap {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion__itemTitleWrap {
  display: flex;
  height: 2.5em;
  align-items: center;
  padding: 0 1em;
  color: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.accordion__itemTitleWrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: #3bade3;
  background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
  z-index: 1;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.accordion__itemTitleWrap.is-active::after, .accordion__itemTitleWrap:hover::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.accordion__itemIconWrap {
  width: 1.25em;
  height: 1.25em;
  margin-left: auto;
  position: relative;
  z-index: 10;
}
.accordion__itemTitle {
  margin: 0;
  font-family: 'industry', sans-serif;
  font-weight: 300;
  font-size: 1em;
  position: relative;
  z-index: 10;
}
.accordion__itemContent {
  font-size: 0.875em;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 0 1.25em;
}
.accordion__itemContent p {
  margin: 2em 0;
}
/*menu*/



.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #fff;

  top: 0px;
  padding-left: 0px;
  height: 100%;
  width: 100%;
  color: #000;
}

.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f13a";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
  font-weight: 900;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #000;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #fff;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #fff;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #459fd8;
  border-bottom: 1px solid #459fd8;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #000;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #459fd8;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 1200px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 768px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
.taille_titre{
    font-size:12px;
    color:#000;
   padding-left:10px;
    text-align:left;
    
}
.taille-desc{
     font-size:11px;
}
.precedent{
    font-size: 40px;
    line-height: 1;
    color: #459FD8;
    
}
    @media only screen and (min-width: 320px) and (max-width: 767px) {
        
        
    }