/* * IVORY Framework * * A simple,flexible,powerful and fully responsive grid based front-end web framework * makes your web development faster and easier,& it takes you all the way from 1200px on down to 320px. * * Developed by Lakshmikanth Vallampati - kanth.vallampati@gmail.com * Licensed under GPLv2 * http://weice.in/ivory * */

/* ---------------------------------------- HTML RESET ----------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*! font-size: 99%; */
    font: inherit;
    /*! vertical-align: baseline; */
    font-family: sans-serif;
    -webkit-backface-visibility: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
label,
legend,
.blog {
    display: block
}
/* box section */
.form-label{
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 38px;
}
.container_sec{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-bottom: 50px;
}
.petit_box{
background: none !important;
}
.anti_row{
width: 96.5% !important;
}
.petit_box_text{
/* background: #7c7e806e;
width: 96.3% !important;
margin-left: 1.3%; */
}

.card_apple{
    /*! display: flex; */
    /* padding-top: 50px;
    padding-bottom: 70px;
    padding-right: 15px; */
    background: #e8f6f9 url(../images/boutique/autres/background.jpg);
    /* height: 500px;*/
    border-radius: 20px; 
}

.cardre-box{
    display: flex;
    background: #d0d8e1;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 15px;
}
.cardre-boutique{
    display: flex;
    background: #cee5ff;
    border-radius: 20px;
    max-width: 80%;
}

.cardre-box_graphisme{
    padding-top: 50px;
    padding-bottom: 50px;
        background: #a9a9a94a;
    border-radius: 20px;
}
.cardre_img {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-left: 50% !important;
}
.cardre_img_apple {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  /*! margin-left: 0% !important; */
  /*! padding: 50px; */
  margin-right: 20px;
}
.cardre_img_graph {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  max-width: 25%;
}
.cardre_img_d {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-left: 50% !important;
}
.cardre_img_g {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-top: -228;
}
.cardre_text_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  justify-content: flex-start;
  margin-top: -175px;
}
.cardre_text_graph {
  display: flex;
  align-items: center;
  text-align: left;
}
.cardre_text {
  position: relative;
  display: flex;
  flex-direction: column;
  /*! flex: 1 1 auto; */
  min-width: 1px;
  word-wrap: break-word;
  background-clip: border-box;
  width: 90%;
  padding: 10px;
}
.cardre_titre {
  flex: 1 1 auto;
  position: relative;
  /*! font-family: Righteous-Regular; */
}
.text-break-keep-all {
  word-break: keep-all;
}
.titre_sec {
  font-size: 25px;
  font-family: Righteous-Regular;
  line-height: 25px;
}
.cardre_corp {
    padding-top: 10px;
}
.cardre_lien {
  min-height: 2.5rem;
  margin-top: 1.5rem;
}
/* fin box section */
.entet_blog{
    position: fixed;
    left: 482px;
    width: 75%;
    float: left;
    top: 40px;
    z-index: 100;
}
.no-padding_rem{
    position: absolute;
    margin-top: 147px;
}
body {
    background: #e8f6f9 url(../images/bg/1.jpg) fixed;
    font: 14px/18px OpenSansRegular, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5d5d5d;
  /*  position: fixed;*/
}
blockquote,
q {
    quotes: none
}
.ng-scope{
    /*! margin-top: -153px; */
    /*! margin-left: -20px; */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
.selectnav{
    display: none;
}
.rapportEmpl{
    background: #0003ff00 !important;
    border: none !important;
    height: 25px;
    width: 100% !important;
}
.connection{
    /*! border: 1px solid #777; */
    /*! width: 60%; */
    /*! height: 34%; */

    /*! background: #e8f6f9 url(../images/1.jpg); */
    /*! position: relative; */
    /*! margin-top: 5%; */
    /*! margin-bottom: 10%; */
    /*! align-items: center; */
    /*! display: flex; */
    /*! margin-left: 20%; */
}
.sous_connexion {
    background: #fff;
    /*! border: 1px solid; */
    /*! border-top: none; */
    margin-left: -1px;
    width: 100.7% !important;
    margin-top: -12px;
    z-index: 1;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.contenu_conct{
    /*! position: absolute; */
    /*! margin: 0 auto; */
    padding: 40px;
    background: #e8f6f9 url(../images/1.jpg);
    border-radius: 15px;
    z-index: 2;
}

img {
    max-width: 100%
}
.gestion_old_img {
    border: 2px groove black; 
    border-radius: 4%; 
    padding: 10px;
    width: 28% !important;
}

.img_profil {
    max-width: 100%;
}

i {
    font-family: OpenSansItalic, Georgia, Pe-icon-7-stroke;
}

.input-diag {
margin-top: -7px;
height: 50px;
background: #bfe7ff;
}

.white {
    color: white;
}

label {
    font-size: 12px;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    /*! margin-bottom: 16px; */
    margin-top: 7px;
}
.recap {
    border: 1px solid #23a2ce;
    padding-bottom: 10px;
    border-radius: 10px;
    margin-left: 0.8%;
    width: 98.5% !important;
    background: white;
    margin-top: 5%;
    line-height: 10px;
    margin-bottom: 13px;
}
.recap_commission {
    margin-top: 2%;
}

/* --------------------------------------- Clearfixes ------------------------------------------ */
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.row:after,
.clearfix:after {
    clear: both
}

.row,
.clearfix {
    zoom: 1
}

/* --------------------------------------- GRID Layout ----------------------------------------- */
* {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    margin: 0 auto
}

.grid {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding: 0 20px;
}

/* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.g1140 {
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
}

.g1024 {
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
}

.g960 {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}

.c1 {
    width: 8.33%
}

.c2 {
    width: 16.66%;
}

.c3 {
    width: 25%;
    /*! padding-top: 20px; */
}

.c4 {
    width: 33.33%
}

.c5 {
    width: 41.66%;
}

.c6 {
    width: 50%
}

.c7 {
    width: 58.33%;
}

.c8 {
    width: 66.6%;
}

.c9 {
    width: 75%
}

.c10 {
    width: 83.33%
}

.c11 {
    width: 91.66%
}

.c12 {
    width: 100%
}

.c1-5 {
    width: 20%
}

/* This column can be used as a one fifth of the row */
.c1-8 {
    width: 12.5%
}

/* This column can be used as a one eigth of the row */
.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12,
.c1-5,
.c1-8 {
    min-height: 1px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

sub,
sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
/* background-color:#0E8FAB;================================= */

a.prev:hover,a.next:hover { background-color:#70ace3;}
.footerstress { border: solid #70ace3;border-width: 1px 0 0;clear: both;margin: -9px 0px 17px;}
.testimonial-name { color:#70ace3;}
.vuzz-pricing-table>div { border-top:#70ace3 3px solid;}
.vuzz-pricing-table .vuzz-pricing-cost {	background:#70ace3;}
.vuzz-pricing-table .vuzz-pricing-per {	background:#70ace3;}
.hometitlebg { background:#48a5ff; }
.colortitlebg { background:#70ace3; }
.neutralbutton {	background:#70ace3;}
.serviceicon { background-color:#70ace3;}
.subtitle { border-bottom:#70ace3 1px solid;}
.wrapaction { 
   /* border-left: #70ace3 3px solid;
    background:#fff;*/
}
.actionbutton { background-image:linear-gradient(#ccd6ff29,#5139ff73); box-shadow: 0px 0px 10px #58d4fc; }
.stresstitle { border-bottom:#70ace3 1px solid;}
.undermenuarea {
    background: #1a3f59 url(../images/noise.png) repeat;
    height: 80px;position: fixed;
    width: 100%;top: 0px;
    z-index: 1;
    /*! display: none; */
}
.undermenuarea-index {
    background: #224157 url(../images/noise.png) repeat;
    height: 600px !important;
    width: 100%;
    margin-top: -157px;
}
.noshadowbox {background:#dff4f6;}	
.progressdefault {background: #70ace3;}
.simplebox {border-left: 1px solid #70ace3; }
.simpleboxicon {color: #70ace3;}
.colorme { color:#70ace3;}
.buttonprice {background: #70ace3;color:#fff;border:0px;}
a.expandAll {background: #70ace3;}
.wrapactiondefault {border-left: #70ace3 2px solid;}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #d9d9d9;
    border-radius: 0.25rem;
    margin-top: -20px;
  }
  .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3f6ad8;
    transition: width 0.6s ease;
  }


sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

/* ------------------------------------------ Misc ----------------------------------------- */
.left {
    float: left
}

.right {
    float: right;
    /*! margin-right: 16px; */
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.space-top {
    /*! margin-top: 0px; */
}
.space-connection {
    margin-top: 45px;
    position: fixed;
    width: 800px;
}

.space-bot {
    margin-bottom: 5px
}

.space-htop {
    margin-top: 10px
}

.space-hbot {
    margin-bottom: 10px
}

/* ------------------------------------------- Typography ---------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    color: #333;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px;
    font-family: Righteous-Regular;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #333;
    line-height: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    text-decoration: none;
}

h1 {
    font-size: 36px;
    line-height: 48px;
    font-family: Righteous-Regular;
    margin-bottom: 12px;
}

h2 {
    font-size: 32px;
    line-height: 42px;
    font-family: Righteous-Regular;
    margin-bottom: 8px;
}

h3 {
    font-size: 27px;
    line-height: 36px;
    font-family: Righteous-Regular;
    margin-bottom: 6px;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    font-family: Righteous-Regular;
    margin-bottom: 4px;
}

h5 {
    font-size: 20px;
    line-height: 27px;
    font-family: Righteous-Regular;
}

h6 {
    font-size: 16px;
    line-height: 6px;
    font-family: Righteous-Regular;
}

a {
    color: #2ba6cb;
    text-decoration: none;
    line-height: inherit;
}

a:hover {
    color: #2795b6 !important;
}

a:focus {
    color: #2ba6cb;
    outline: none;
}

p {
    margin-bottom: 10px;
    /*! margin-top: 0px; */
}

p a,
p a:visited {
    line-height: inherit
}

p.note {
    background-color: #f0f0f0;
    padding: 15px 10px 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

p.alert {
    background-color: #00ff8a;
    border-color: #ffc814;
    padding: 15px 10px 15px;
    box-shadow: 0 10px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border-radius: 20px
}

p.alert,
p.alert * {
    color: #454545;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

p.alert.success {
    background-color: #d7e87c;
    border-color: #97ae1e;
}

p.alert.error {
    background-color: #edb39b;
    border-color: #ed6127;
}

p.alert.info {
    background-color: #d9edf0;
    border-color: #b8e7f5;
}

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 70%;
    line-height: inherit;
}

hr {
    border: solid #eee;
    border-width: 1px 0 0;
    clear: both;
    margin: 20px 0 -15px;
    height: 0;
}

/* ----------------------------------------- Lists ------------------------------------------ */
#topNav ul,
ol {
    list-style-position: inside;
    text-indent: 0px;
}

ul,
ol {
    margin-bottom: 8px
}

ul li ul,
ul li ol {
    margin-bottom: 0px
}

ul.square,
ul.circle,
ul.disc {
    margin-left: 12px
}

ul.square {
    list-style-type: square
}

ul.square li ul {
    list-style: inherit
}

ul.circle {
    list-style-type: circle
}

ul.circle li ul {
    list-style: inherit
}

ul.disc {
    list-style-type: disc
}

ul.disc li ul {
    list-style: inherit
}

ul.no-bullet {
    list-style: none
}

ul.large li {
    line-height: 21px
}

ol {
    margin-left: 10px
}

ol li ul,
ol li ol {
    margin-left: 10px;
    margin-bottom: 0;
}

ul {
    list-style: none
}
li:hover {
  /*! color: #fff !important; */
  /*! background: blueviolet; */
    /*! padding: 5px 8px 5px; */
  /*! width: 110%; */
  /*! margin-left: -7px; */
}
li a:hover {
  /*! color: #fff !important; */
  /*! background: blueviolet; */
    /*! padding: 5px 8px 5px; */
  /*! width: 110%; */
  /*! margin-left: -7px; */
  /*! display: inherit; */
}

.bouton_modifier{
    display: flex;
    justify-content: center;
    margin-top: 20% !important;
}

/* --------------------------------------- Form Elements ------------------------------------- */
img {
    border: 0px;
}

img1 {
    border: 1px
}

form {
    /*! margin-bottom: 55px; */
    font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    /*! margin-left: 35px; */
    width: 100%;
}

fieldset {
    margin-bottom: 20px
}
.poss_oublié{
    margin-top: -400px;
    z-index: 1000;
    position: absolute;
}
textarea,
input[type="text"],
input[type="password"],
input[type="text1"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],

select {
    background: #ddedff54;
    border-bottom: 2px solid #000;
    padding: 2px 3px;
    vertical-align: right;
    outline: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 5px;
    transition: border linear 0.4s, box-shadow linear 0.4s;
    -o-transition: border linear 0.4s, box-shadow linear 0.4s;
    -moz-transition: border linear 0.4s, box-shadow linear 0.4s;
    -webkit-transition: border linear 0.4s, box-shadow linear 0.4s;
    width: 100%;
    display: block;
    margin-bottom: -5px;
    /*! pointer-events: auto; */
    /*! margin: 0 auto; */
    height: 35px !important;
    border-left: 1px solid #5f5f5f;
    border-top: 1px solid #6b6b6b;
    border-right: 1px solid #6c6c6c;
    /*! font-size: 14px; */
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="text1"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.input-group-text:focus,
select:focus,
textarea:focus {
    border: 1px solid;
    border-color: rgba(82, 168, 236, 0.8);
    color: #444;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
    background: white;
}

textarea {
    min-height: 100px;
    line-height: 20px !important;
    margin-top: 5px;
}
.fleche_avatar {
    color: white;
    font-size: 23px;
}
.carte {
    max-height: 308px;
  }

input[type="checkbox"] {
    display: inline
}

label span,
legend span {
    font-size: 12px;
    color: #444;
    margin-left: 1px !important;
}

/* ---- Alerts ---- */
.alert {
    padding: 10px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeee0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.close {
    font-size: 20px;
    color: #333;
    float: right;
}
.close_comment {
    font-size: 16px;
    position: absolute;
    margin-left: 702px;
    top: -21px;
}

/* ---- Accordion ---- */
.accordion {
    width: 100%;
    background: #fff;
    font-size: 14px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.etat {
    border: solid 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    margin-top: -48px;
}
.etat_profile {
    border: solid 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    margin-top: -139px;
    margin-left: 26%;
}
.accordion p {
    height: 0;
    margin-bottom: 0px;
    padding: 0;
    color: #888;
    overflow: hidden;
}

.accordion a {
    display: block;
    height: auto;
    padding: 5px;
    line-height: 24px;
    background-color: #eee;
    color: #333;
    text-decoration: none;
    text-align: center;
    border-bottom: 1px solid #aaa;
}

.accordion a:hover,
.accordion a:focus {
    opacity: .9;
    color: #ooo;
}

.accordion a:active {
    color: #000
}
.profile-settings{
    margin-top: -631px;
    position: absolute;
    z-index: 1;
}
.profile-rh{
    margin-top: -585px;
    position: relative;
    z-index: 2;
}
.profile-pointAgr{
    margin-top: -950px;
    position: relative;
    z-index: 40;
}
.accordion :target+p {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    height: auto;
}
.mask{
    margin-top: -20px;
    /*! float: right; */
    border-left: solid 1px;
    padding-left: 4px;
    position: relative;
    margin-left: 85% !important;
}
.mask_insc {
    margin-top: -20px;
    border-left: solid 1px;
    padding-left: 4px;
    position: relative;
    margin-left: 43% !important;
}
/* .maskinscription {
    margin-top: 218px;
    margin-left: 45%;
    position: absolute;
} */

    .maskinscription2 {
    margin-top: 220px;
    margin-left: 89%;
    position: absolute;
}
.accordian {}

.accordian li {
    list-style-type: none;
    padding: 10px 5px 10px 10px;
}

.dimension {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.even,
.odd {
    font-weight: bold;
    height: 47px;
    padding-top: 3px;
    padding-left: 10px;
}

.even {
    border: 1px solid #d8d8d8;
    background-color: #ececec;
}

.odd {
    border: 1px solid black;
    background: #333;
    color: white;
}

/* -------------------------------------------- Buttons ---------------------------------------- */
.button {
    font-size: 14px;
    background: -moz-linear-gradient(top, #eee, #9cd1f7);
    color: rgb(0, 47, 255);
    border: 0px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;

}
.button_div {
    margin-top: -10px;
}

.button_table,.button_pub_pro a {
  color: #495057 !important;
  text-align: center;
  user-select: none;
  background: -moz-linear-gradient(top, #cce4f8, #fff);
  border: 1px solid #3862e6;
  padding: .375rem .75rem;
  line-height: 1.6rem;
  border-radius: .35rem;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
  max-width: 100px;
  min-width: 100px;
  height: 38px;
  margin-top: 0px;
  min-width: 150px;
}
}
.button_pub_pro a {

  margin-top: 17px;
}

.button_table a:hover {
color: #fff !important;
text-align: center;
user-select: none;
background: -moz-linear-gradient(top, #453ff2d6, #98c5f5);
border: 1px solid #052998;
padding: 0.5rem 1.6rem;
line-height: 1.6rem;
border-radius: .25rem;
transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
max-width: 100px;
margin-left: -13px;
display: inline-block;
margin-top: -8px;
height: 39px;
min-width: 150px;
}
/* offre d'emploie recrutement poste*/
.conteneur_poste {
  padding: 10px;
  margin-top: -10px;
  background: #fff;
  line-height: 1 !important;
  font-size: 15px;
  border: 1px solid #ddbc8f;
  border-top: none;
  /*! display: flex; */
  /*! flex-direction: row; */
  /*! justify-content: flex-end; */
  /*! padding-right: 0px; */
  position: relative;
  height: 96%;
  padding-bottom: 0px;
  background-image: ../../images/emploi/ar_poste.jpg;
}
.statistique{
    position: fixed;
}
.logo_offre_emploi {
  margin-bottom: 40px;
}
.numero{
    width: 50px;
    height: 50px;
    background: #e1dbd4;

    border-radius: 50%;
    color: #777474;
    text-align: center;
    font-family: Righteous-Regular;
    font-weight: bold;
    /*! line-height: 1px; */
    padding-top: 18px;
    margin-left: 80%;
}
.description{

    padding: 5px;
    line-height: 23px;
}
.limite{
    background: #fff;

    color: #ff6c00;
    text-align: center;
    padding: 5px;
    font-size: 80%;
    /*! font-family: Righteous-Regular; */
    font-weight: bold;
    line-height: 16px;
    border: 3px solid;
}
.titre_poste{
    width: 35%;
    height: 100px;
    background: #0003ff70;

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;
    text-align: center;
    padding: 39px;
    font-size: 220%;
    font-family: Righteous-Regular;
    font-weight: bold;
    margin-top: 12%;
    margin-left: 66.8%;
}
.sous_titre_poste{

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 20px;
    /*! font-size: 20px; */
}
.ar_poste{

    position: absolute;
    margin: -10px;
}
.poste{
    width: 50%;
    height: 60px;
    background: #fffb0070;

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #e41010;
    text-align: center;
    padding: 19px;
    font-size: 135%;
    font-family: Righteous-Regular;
    font-weight: bold;
    margin-top: 2%;
    margin-left: 51.7%;
}
.lieu{
    width: 60%;
    /*! height: 20px; */
    /*! background: #fffb0070; */

    /*! border-top-left-radius: 10px; */
    /*! border-bottom-left-radius: 10px; */
    color: #fff;
    text-align: right;
    padding-right: 10px;
    font-size: 120%;
    font-family: Righteous-Regular;
    font-weight: bold;
    margin-top: 1%;
    margin-left: 41.1%;
}
.entreprise{
    width: 102.2%;
    height: 160px;
    /*! background: #7d7d7570; */

    color: #a210e4;
    padding: 5px;
    font-size: 15px;
    font-family: Righteous-Regular;
    margin-left: -10px;
    line-height: 21px;
}
.logo_poste{
    /*! margin-right: 50%; */
    text-align: center;
}
/* offre d'emploie */

.button:hover {
    opacity: 0.8
}
.button_div:hover {
    opacity: 0.8
}

.bouton_emploi a {
  padding: 9px 3px;
  font-size: 1em;
  font-family: Arial, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
  border: 1px solid rgb(19, 73, 237);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  color: #3a3b3d;
  text-shadow: none;
  -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  max-width: 120px;
  min-width: 120px;
  display: block;
  text-align: center;
  background: -moz-linear-gradient(top, #4182ff21, #f9f9f9);
  margin-top: 3px;
  position: absolute;
  margin-left: 75%;
}





button {
    display: inline-block;
    padding: 10px 13px;
    margin-bottom: 2px;
    margin-left: .3em;
    /*! font-size: 14px; */
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e6e6e6));
    background: -moz-linear-gradient(top, #3838384d, #fff);
    border: 1px solid #000;
    border-color: #eee, #eee, #d4d4d4;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 5px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    box-shadow: blue;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    /*! -webkit-box-shadow: inset 0 1px 0 rgba(223, 28, 28, 0.2), 0 1px 2px rgba(211, 255, 0, 0.28); */
    /*! float: right; */
    min-width: 100px;
    /*! margin-top: 2000000; */
}

button:hover, .btn:hover, .button_div:hover,
button:active {
    background: rgb(65, 68, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#375af7));
    background: -moz-linear-gradient(top, rgba(75, 93, 255, 0.781), #63a7ffbb);
    color: #fff !important;
}

/* .button_div:hover {
    background: rgb(65, 68, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#375af7));
    background: -moz-linear-gradient(top, rgba(75, 93, 255, 0.781), #63a7ffbb);
    text-decoration-color: white;
} */

button.large {
    padding: 10px 35px;
    font-size: 15px;
}

button.small {
    padding: 3px 13px;
    font-size: 13px;
}

button.skyblue {
    /* --- skyblue color button --- */
    color: #fff !important;
    background-color: #26a2b6;
    background: -moz-linear-gradient(#34bac9, #26a2b6);
    background: -webkit-gradient(linear, left top, left bottom, from(#34bac9), to(#26a2b6));
    background: -webkit-linear-gradient(#34bac9, #26a2b6);
    background: -o-linear-gradient(#34bac9, #26a2b6);
    background: -ms-linear-gradient(#34bac9, #26a2b6);
    background: linear-gradient(#34bac9, #26a2b6);
}
.mot_de_passe{
    padding-top: 40px;
}
button.skyblue:hover,
button.black:active {
    background: #a9016b;
    background: -webkit-gradient(linear, left top, left bottom, from(#26a2b6), to(#34bac9));
    background: -moz-linear-gradient(top, #26a2b6, #34bac9);
}

button.blue {
    /* --- blue color button --- */
    color: #fff !important;
    background-color: #008fd5;
    background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#0085c6));
    background: -moz-linear-gradient(top, #008fd5, #0085c6);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
}

button.blue:hover,
button.blue:active {
    background: #008fd5;
    background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#009de9));
    background: -moz-linear-gradient(top, #008fd5, #009de9);
}

button.green {
    /* --- green color button --- */
    color: #fff !important;
    background-color: #46a546;
    background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#419a41));
    background: -moz-linear-gradient(top, #46a546, #419a41);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
}

button.green:hover,
button.green:active {
    background: #46a546;
    background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#4cb34c));
    background: -moz-linear-gradient(top, #46a546, #4cb34c);
}

button.yellow {
    /* --- yellow color button --- */
    color: #fff !important;
    background-color: #f0bf4a;
    background: -moz-linear-gradient(#f0c930, #f0bf4a);
    background: -webkit-gradient(linear, left top, left bottom, from(#f0c930), to(#f0bf4a));
    background: -webkit-linear-gradient(#f0c930, #f0bf4a);
    background: -o-linear-gradient(#f0c930, #f0bf4a);
    background: -ms-linear-gradient(#f0c930, #f0bf4a);
    background: linear-gradient(#f0c930, #f0bf4a);
}

button.yellow:hover,
button.black:active {
    background: #f0bf4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0bf4a), to(#f0c930));
    background: -moz-linear-gradient(top, #f0bf4a, #f0c930);
}

button.orange {
    /* --- orange color button --- */
    color: #fff !important;
    background-color: #ff5c00;
    background: -moz-linear-gradient(#ff6f40, #ff5c00);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#ff5c00));
    background: -webkit-linear-gradient(#ff6f40, #ff5c00);
    background: -o-linear-gradient(#ff6f40, #ff5c00);
    background: -ms-linear-gradient(#ff6f40, #ff5c00);
    background: linear-gradient(#ff6f40, #ff5c00);
}

button.orange:hover,
button.black:active {
    background: #d798d1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5c00), to(#ff6f40));
    background: -moz-linear-gradient(top, #ff5c00, #ff6f40);
}

button.red {
    /* --- red color button --- */
    color: #fff !important;
    background-color: #bd362f;
    background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#b1322c));
    background: -moz-linear-gradient(top, #bd362f, #b1322c);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
}

button.red:hover,
button-red:active {
    background: #bd362f;
    background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#cc3b34));
    background: -moz-linear-gradient(top, #bd362f, #cc3b34);
}

button.magenta {
    /* --- magenta color button --- */
    color: #fff !important;
    background-color: #b9298f;
    background: -moz-linear-gradient(#b93180, #b9298f);
    background: -webkit-gradient(linear, left top, left bottom, from(#b93180), to(#b9298f));
    background: -webkit-linear-gradient(#b93180, #b9298f);
    background: -o-linear-gradient(#b93180, #b9298f);
    background: -ms-linear-gradient(#b93180, #b9298f);
    background: linear-gradient(#b93180, #b9298f);
}

button.magenta:hover,
button.black:active {
    background: #b9298f;
    background: -webkit-gradient(linear, left top, left bottom, from(#b9298f), to(#b9358f));
    background: -moz-linear-gradient(top, #b9298f, #b9358f);
}

button.black {
    /* --- black color button --- */
    color: #fff !important;
    background-color: #111;
    background: -moz-linear-gradient(#ff0505, #111);
    background: -webkit-gradient(linear, left top, left bottom, from(#001e3b), to(#111));
    background: -webkit-linear-gradient(#001e3b, #111);
    background: -o-linear-gradient(#001e3b, #111);
    background: -ms-linear-gradient(#001e3b, #111);
    background: linear-gradient(#001e3b, #111);
}

button.black:hover,
button.black:active {
    background: #001e3b;
    background: -webkit-gradient(linear, left top, left bottom, from(#001e3b), to(#333));
    background: -moz-linear-gradient(top, #001e3b, #333);
}

/* --------------------------------------- Table ------------------------------------------ */
table {
    border-collapse: collapse;
}

table {
    border-spacing: 0;
    width: 100%;
    border: solid #ccc 1px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #fff;
    margin-bottom: 1rem;
    background-color: rgba(213, 208, 208, 0.57);
}
/* thead{
    position: fixed;
} */



td,
th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    /*! text-align: left; */
    /*! background-color: #f7f7f7; */
}


th {
    /*! background-color: #d9edf0; */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #68a6f2);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    font-weight: bold;
    text-transform: uppercase;
}



.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table th,
.table td {
    vertical-align: middle;
}

.table-bordered th,
.table-bordered td {
    /*! border: 1px solid #c8c8c8; */
    border-bottom-width: 1px;
}
.pouquoi_nous{
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: -154px;
}
.table th,
.table td {
    padding: .25rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}

a {
    color: #0070ff;
    text-decoration: none;
    line-height: inherit;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color:
        rgba(148, 209, 247, 0.93);
}
tfoot{
    background-color: #ccf7f3;
}
.table th,
.table td {
    vertical-align: middle;
}

.table-bordered th,
.table-bordered td {
    /*! border: 1px solid #c8c8c8; */
}

.table th,
.table td {
    padding: 0.25rem;
    vertical-align: middle;
    border-top: 1px solid #0b82f9;
}


/* PRICING TABLES ================================================== */
.vuzz-pricing-table {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    margin: 4%;
}

.vuzz-pricing-table div {
    list-style: none
}

.vuzz-pricing-table>div {
    list-style: none;
    text-shadow: none;
    margin-bottom: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-top: #0E8FAB 3px solid;
    border: 1px solid #323ef5;
    border-radius: 10px;
}

.vuzz-pricing-table:hover {
    webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    z-index: 1;
    border-radius: 10px;
}

.vuzz-pricing.popular {
    webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    z-index: 1;
    border-radius: 10px;
}

.vuzz-pricing-table .vuzz-pricing-header {
    text-align: center;
    padding: 10px 0 0px;
}

.vuzz-pricing-table .vuzz-pricing-header h5 {
    color: #333;
    font-size: 1.313em;
    margin: 0;
    padding: 0 20px 20px;
}

.vuzz-pricing-table .vuzz-pricing-cost {
    color: #fff;
    font-size: 1.500em;
    line-height: 1em;
    padding-top: 20px;
    background: #0331BC;
    padding-bottom: 20px;
}

.vuzz-pricing-table .vuzz-pricing-per {
    font-size: 0.96em;
    color: #fff;
    background: #0E8FAB;
    padding-bottom: 10px;
}

.vuzz-pricing-table .vuzz-pricing-content {
    background: #fff;
    font-size: 0.857em;
    /*! text-align: center; */
}

.vuzz-pricing-table .vuzz-pricing-content ul {
    margin: 0 !important;
    list-style: none !important;
}

.vuzz-pricing-table .vuzz-pricing-content ul li {
    margin: 0 !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid #eee;
    list-style: none !important;
}

.vuzz-pricing-table .vuzz-pricing-content ul li:nth-child(2n+2) {
    background: #F9F9F9
}

.vuzz-pricing-table .vuzz-pricing-button {
    background: #75cef1;
    text-align: center;
    border-top: 1px solid #fff;
    padding: 20px;
}

.vuzz-pricing-table .vuzz-pricing-button .vuzz-button {
    float: none;
    margin: 0 auto;
}

#pricing-table {
    text-align: center;
    width: 100%;
}

#pricing-table .plan {
    font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
    background: #fff;
    border: 1px solid #eee;
    color: #333;
    padding: 20px;
    float: left;
    position: relative;
    width: 25%;
    margin-left: 20px;
    margin-right: 20px;
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
}

#pricing-table .plan:nth-child(1) {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#pricing-table .plan:nth-child(4) {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

/* --------------- */
#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    color: #333;
    background-color: #eee;
    background-image: -moz-linear-gradient(#fff, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(#fff, #eee);
    background-image: -o-linear-gradient(#fff, #eee);
    background-image: -ms-linear-gradient(#fff, #eee);
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table #most-popular h3 {
    background-color: #ddd;
    margin-top: -30px;
    padding-top: 30px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#pricing-table .plan:nth-child(1) h3 {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

#pricing-table .plan:nth-child(4) h3 {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

#pricing-table h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #777;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */
#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* --------------- */
#pricing-table .signup {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background-color: #72ce3f;
    background-image: -moz-linear-gradient(#68fff4, #62bc31);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));
    background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
    background-image: -o-linear-gradient(#72ce3f, #62bc30);
    background-image: -ms-linear-gradient(#72ce3f, #62bc30);
    background-image: linear-gradient(#68fff4, #0eccbe);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 20px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
    box-shadow: 0px 0px 10px #58d4fc;
}

#pricing-table .signup:hover {
    background-color: #62bc30;
    background-image: -moz-linear-gradient(#62bc30, #72ce3f);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));
    background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
    background-image: -o-linear-gradient(#62bc30, #72ce3f);
    background-image: -ms-linear-gradient(#62bc30, #72ce3f);
    background-image: linear-gradient(#62bc30, #72ce3f);
}

#pricing-table .signup:active,
#pricing-table .signup:focus {
    background: #62bc30;
    top: 2px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
}

/* --------------- */
.clear:before,
.clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both
}

.clear {
    zoom: 1
}
/* --------------------------------------- fin Table ------------------------------------------ */


/* ----------------------------------------- Tabs ----------------------------------------- */
.tab-page p {
    padding: 20px
}

.tab-container {
    position: relative
}

/* You have to change the height based on your content */
.tab-container .tab-radio {
    display: none
}

.tab-container .tab {
    display: block;
    float: left;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #cfd2d7;
    color: #888;
    margin-top: -10px;
    margin-right: 1.0%;
    padding: 5px 20px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background-color: #eee;
    text-transform: uppercase;
    font-family: OpenSansBold;
}

.tab-container .tab-radio:checked~.tab,
.tab-container .tab-radio:active~.tab {
    background-color: #fff;
    z-index: 100;
    border-bottom: 1px solid #fff;
}

.tab-container .tab-radio:checked~.tab {
    background-color: #fff;
    color: #333;
}

.tab-container .tab-page {
    visibility: hidden;
    background-color: #fff;
    color: #888;
    display: block;
    position: absolute;
    top: 22px;
    height: auto;
    width: 100%;
    float: left;
    padding: 5px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab-container .tab-radio:checked~.tab-page {
    visibility: visible
}
.fleche_dasbord {
    color: white;
    position: absolute;
    margin-top: -37px !important;
    margin-left: 15px;
}
.fin_dashbord{
    height: 100px;
    /*! border-top: solid 1px; */
    bottom: 0;
    position: sticky;
}
/* =Media query for 960 Screens - sets nested grids to 100%-------------------------------------------------------------- */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 17, 2013 07:43:32 AM America/New_York */

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Righteous-Regular';
    src: url(../css/fonts/Righteous-Regular.ttf) format('truetype');
}

/* MENUS ================================================== */
/* JS disabled styles */
.no-js nav li:hover ul {
    display: block
}

/* base nav styles */
nav {
    float: right;
    display: block;
    /*! margin: 3px -10px 20px -5px; */
    position: relative;
    color: #11001;
    text-transform: uppercase;
    font-family: OpenSansRegular;
    margin-left: -250px;
}

nav ul {
    padding: 0;
    margin: 0;
}

nav ul ul li {
    height: auto
}

nav li {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    float: left;
    list-style-type: none;
    z-index: 1;
    font-size: 13px;
    margin-left: 10px;
    line-height: 20px;
}

nav li:hover,
nav li a:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*! background: #0600b0; */
    color: #fff;
}

nav li.active {
    background: #080808cc;
    border-radius: 50%;
    /*! width: 10%; */
    /*! height: 10% !important; */
}
nav li.disabled {
    /*! background: #787879; */
    color: #fff0;
    width: 25px;
    text-align: center;
}

nav li.active a {
    color: #fff;
    margin-left: -5px;
}

nav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

nav li a {
  display: block;
  padding: 0px 10px 0px 10px;
  color: #fff;
  text-decoration: none;
  background: #1d4dd52e;
  border-radius: 50%;
}

nav li a:focus {
    outline: none;
    text-decoration: none;
}

nav li:first-child a {
    border-left: none
}

nav li.last a {
    border-right: none
}

nav a span {
    display: block;
    float: right;
    margin-left: 5px;
}

nav ul ul {
    display: none;
    position: absolute;
    background: #1c83f6;
    left: 0px;
    min-width: 150px;
}

nav ul ul li {
    float: none;
    line-height: 30px;
}

nav ul ul a {
    text-transform: none;
    -webkit-transition-property: background color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background color;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background color;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    -ms-transition-property: background color;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease;
    transition-property: background color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    padding: 5px 10px;
    border-left: none;
    border-right: none;
    font-size: 14px;
    color: #fff;
    margin-left: -5px;
}

nav ul ul a:hover {
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.1);
    margin-left: -5px;
    -webkit-transition-property: background color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background color;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background color;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    -ms-transition-property: background color;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease;
    transition-property: background color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

nav ul>li:hover>a {
    color: #fff
}



/* ==========================================================================
navigation section
========================================================================== */
.custom-navbar {
    background: #4B4B4B;
    margin-bottom: 0;
}

.custom-navbar .navbar-brand {
    color: #00c6d7;
    font-weight: 600;
    font-size: 24px;
}

.custom-navbar .navbar-brand .navbar-toggle {
    background: #00c6d7;
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.custom-navbar .nav li a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.custom-navbar .nav li a:hover {
    background: transparent;
    color: #eeeeee;
}

.custom-navbar .nav>li>a:focus {
    background-color: transparent;
    color: #ffffff;
    outline: none;
}

.custom-navbar .nav li.active>a {
    color: #00c6d7;
}

.custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
}

.custom-navbar .navbar-toggle .icon-bar {
    background: #00c6d7;
    border-color: transparent;
}

@media(min-width:768px) {
    .custom-navbar {
        background: #4B4B4B;
        padding: 10px;
        border-bottom: 0;
        background: 0 0;
    }

    .custom-navbar.top-nav-collapse {
        padding: 8px;
        background: #4B4B4B;
    }
}








div.slide img {
    float: left;
    margin: 8px 5px 30px;
}

blockquote.testimonial-wrap.testimonial {
    position: relative;
    display: table;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    font-size: 15px;
    line-height: 22px;
    background: #ebebeb;
    color: #545454;
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 22px;
}

blockquote.testimonial-wrap .testimonialdiv.valign {
    display: table-cell;
    vertical-align: middle;
}

blockquote.testimonial-wrap .testimonial:after {
    position: absolute;
    z-index: 1;
    content: ' ';
    width: 14px;
    height: 14px;
    bottom: -14px;
    left: 28px;
    background: transparent;
}

blockquote.testimonial-wrap .testimonial-profile {
    position: relative;
    min-height: 60px;
    padding-left: 70px;
    line-height: 1em;
}

blockquote.testimonial-wrap .testimonial-profile img.profile-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 5px solid #ebebeb;
}

blockquote.testimonial-wrap .testimonial-profile img.profile-country {
    position: absolute;
    top: 7px;
    right: 0;
    width: 16px;
    height: 11px;
}

blockquote.testimonial-wrap .testimonial-profilediv.name {
    color: #ff7200;
    font-family: Righteous-Regular;
    font-size: 14px;
    padding-top: 5px;
}

blockquote.testimonial-wrap .testimonial-profilediv.restaurant {
    font-size: 13px;
    margin-top: 5px;
    line-height: 20px;
}

#testimonials {
    position: relative;
    z-index: 0;
}

.testimonial h6 {
    line-height: 0;
    margin-top: 5px;
}

.main-cta-button {
    position: relative;
    z-index: 50;
    top: -18px;
    margin: 0 auto;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    padding: 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    cursor: hand;
    background-color: #ee6100;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9422), to(#ee6100));
    background-image: -moz-linear-gradient(top, #ff9422, #ee6100);
    background-image: -ms-linear-gradient(top, #ff9422, #ee6100);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9422), color-stop(100%, #ee6100));
    background-image: -webkit-linear-gradient(top, #ff9422, #ee6100);
    background-image: -o-linear-gradient(top, #ff9422, #ee6100);
    background-image: linear-gradient(top, #ff9422, #ee6100);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9422', endColorstr='#ee6100', GradientType=0);
    border-color: #ee6100 #ee6100 #a24200;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.main-cta-button:hover {
    background-color: #ff7200;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffa533), to(#ff7200));
    background-image: -moz-linear-gradient(top, #ffa533, #ff7200);
    background-image: -ms-linear-gradient(top, #ffa533, #ff7200);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa533), color-stop(100%, #ff7200));
    background-image: -webkit-linear-gradient(top, #ffa533, #ff7200);
    background-image: -o-linear-gradient(top, #ffa533, #ff7200);
    background-image: linear-gradient(top, #ffa533, #ff7200);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa533', endColorstr='#ff7200', GradientType=0);
    border-color: #ff7200 #ff7200 #b35000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.theme-thumb-wrap {
    position: relative;
    width: 300px;
    height: 223px;
}

.primarycolor {
    color: #fe9120
}

/* NICE TABS ================================================== */
#tabs {}

.container {
    border-top-right-radius: 7px;
    margin-top: 37px;
    border: 1px solid #eee;
    padding: 20px 20px 0px;
    background: #fff;
}

#tabs li {
    float: left;
    list-style: none;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-right: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#tabs li a {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 7px 14px 6px 12px;
    display: block;
    background: #FFFFFF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-decoration: none;
    background: -moz-linear-gradient(top, #ebebeb, white 10%);
    background: -webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white));
    border-top: 1px solid white;
    text-shadow: -1px -1px 0 #fff;
    outline: none;
}

#tabs li a.inactive {
    color: #333;
    background: #f3f3f3;
    border-top: 1px solid white;
}

#tabs li a:hover,
#tabs li a.inactive:hover {
    color: #000000
}

#form1 {
    margin: 1em 0;
    padding-top: 10px;
    background: url(../images/form1/form_top.gif) no-repeat 0 0;
}

#form1 fieldset {
    margin: 0;
    padding: 0;
    border: none;
    float: left;
    display: inline;
    width: 260px;
    margin-left: 25px;
}
.parcourir{
    height: 100%;
}
#form1 legend {
    display: none
}

#form1 p {
    margin: .5em 0
}

#form1 label {
    display: block
}

#form1 input,
#form1 textarea {
    width: 252px;
    border: 1px solid #ddd;
    background: #fff url(../images/form1/form_input.gif) repeat-x;
    padding: 3px;
}

#form1 textarea {
    height: 125px;
    overflow: auto;
}

#form1 p.submit {
    clear: both;
    background: url(../images/form1/form_bottom.gif) no-repeat 0 100%;
    padding: 0 25px 20px 25px;
    margin: 0;
    text-align: right;
}

#form1 button {
    width: 150px;
    height: 37px;
    line-height: 37px;
    border: none;
    background: url(../images/form1/form_button.gif) no-repeat 0 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

/* CAROUSEL ================================================== */
.list_carousel {
    /*! margin-left: -10px; */
    /*! margin-bottom: 20px; */
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.list_carousel li {
    display: block;
    float: left;
    margin-left: 10px;
    cursor: default !important;
    height: auto;
    max-width: 100%;
}

.list_carousel.responsive {
    width: auto;
    margin-left: -10px;
}

.clearfix {
    float: none;
    clear: both;
}

.list_carousel .carousel_nav {
    position: absolute;
    /*! padding-right: 11px; */
    right: 0px;
    top: -55px;
    /*! background: #f8f8f8; */
    padding-left: 5px;
}
.table-limite{
    max-height: 100px;
}

.templatemo-content-container{
    max-height: 400px;
}


.list_carousel .carousel_blog {
    position: absolute;
    padding-right: 11px;
    right: 0;
    top: -52px;
    background: #f8f8f8;
    padding-left: 5px;
}

a.prev,
a.next {
    background: url(../images/carousel_arrows.png) no-repeat #444;
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    float: left;
    margin-left: 3px;
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    ;
}

a.prev:hover,
a.next:hover {
    background-color: #0E8FAB
}

a.prev {
    background-position: -2px 0
}

a.prev.disabled {
    background-color: #001e3b
}

a.next {
    background-position: -22px 0
}

a.next.disabled {
    background-color: #001e3b
}

a.prev.disabled,
a.next.disabled {
    cursor: default
}

a.prev span,
a.next span {
    display: none
}

.pager {
    float: left;
    width: 300px;
    text-align: center;
}

.pager a {
    margin: 0 5px;
    text-decoration: none;
}

.pager a.selected {
    text-decoration: underline
}

.timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}

.testimonials .list_carousel li {
    width: 330px
}

.carousel-content {
    float: left;
    width: 100%;
}

.featured-projects {
    background: #fff;
    font-size: 12px;
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    text-align: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    border: 1px solid #eee;
        border-bottom-color: rgb(238, 238, 238);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: double #ddd;
    max-height: 200px;
    min-height: 200px;
}

.featured-projects:hover {}

.featured-projects-image {
    padding: 0px
}

.featured-projects-image img {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.featured-projects-image a {
    display: block
}

.featured-projects-content {
    padding: 0 10px
}

.featured-projects-content p {
    margin-bottom: 10px
}

.featured-projects-content h1 {
    font-size: 13px;
    line-height: 1;
    font-family: OpenSansRegular;
    font-weight: bold;
}

.featured-projects-content h1 a {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: block;
    color: #001e3b;
}

.small {
    font-size: 12px
}

/* FOOTER ================================================== */
#wrapfooter {
    margin-top: 100px;
    background: radial-gradient(100.99% 100.73% at 0 0,rgba(11, 4, 91, 0.72) 0,#0700ec .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#002c46 0,rgba(100, 32, 255, 0) 100%),radial-gradient(106.1% 249.18% at 0 0,#120553 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#0d0284 0,rgba(62, 13, 172, 0) 100%),#041f37;
}

#footer .title {
    font-size: 15px;
    color: #fff;
    border-bottom: solid #fff 1px;
    padding-bottom: 3px;
    width: 90%;
}

.footerstress {
    border: solid #0E8FAB;
    border-width: 1px 0 0;
    clear: both;
    margin: -9px 0px 17px;
    height: 0;
    width: 50%;
}

#footer [class^="icon-"],
#footer [class*=" icon-"] {
    margin-right: 7px
}

#footer {
    padding: 0px 0px 0px;
    color: #777;
}

#footer a {
    color: #888
}

#footer li {
    list-style: none;
    float: left;
    padding-right: 15px;
}

#footer li a {
    color: #888
}

#footer h1 {
    font-size: 15px;
    color: #ddd;
    margin-bottom: 20px;
    margin-top: 0px;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(40%, #000), color-stop(100%, rgba(0, 0, 0, 0.5)));
}

.copyright {
    background-color: #111;
    color: #666;
    padding: 10px 0;
    font-size: 12px;
    border-top: 1px solid #292929;
    width: 100%;
    
}

.copyright a {
    color: #666
}

.textareafooter {
    background: #3F3F3F !important;
    border: #444 1px solid !Important;
    color: #999 !important;
}

#footer ul.social-links li {
    border-radius: 50%
}

.back-top-wrapper {
    width: 100%;
    position: absolute;
    overflow: hidden;
    height: 40px;
    display: block;
}

.back-top {
    bottom: 42px;
    right: 20px;
    margin-bottom: 0;
    display: block;
    position: fixed;
    display: scroll;
    display: none;
}

.back-top a {
    width: 35px;
    nowhitespace: afterproperty;
    nowhitespace: afterproperty;
    height: 35px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #333 url(../images/up-arrow.png) no-repeat center center;
    border-radius: 0px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.4;
    border-radius: 3px;
    ;
}

.back-top a:hover {
    background-color: #333
}

/* arrow icon (span tag) */
.back-top span {
    width: 35px;
    nowhitespace: afterproperty;
    nowhitespace: afterproperty;
    height: 35px;
    display: block;
    border-radius: 10px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    ;
    ;
}

/* Footer Social ---------------------- */
ul.social-links li {
    background: #333;
    float: left;
    font-size: 12px;
    list-style: none;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    margin: 0px 0px 5px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

ul.social-links li:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

ul.social-links li a.facebook {
    background: url(../images/socialpack/facebook.png) 50% 50% no-repeat
}

ul.social-links li a.twitter {
    background: url(../images/socialpack/twitter.png) 50% 50% no-repeat
}

ul.social-links li a.google {
    background: url(../images/socialpack/google.png) 50% 50% no-repeat
}

ul.social-links li a.dribbble {
    background: url(../images/socialpack/dribbble.png) 50% 50% no-repeat
}

ul.social-links li a.vimeo {
    background: url(../images/socialpack/vimeo.png) 50% 50% no-repeat
}

ul.social-links li a.skype {
    background: url(../images/socialpack/skype.png) 50% 50% no-repeat
}

ul.social-links li a.rss {
    background: url(../images/socialpack/rss.png) 50% 50% no-repeat
}

ul.social-links li a.linkedin {
    background: url(../images/socialpack/linkedin.png) 50% 50% no-repeat
}

ul.social-links li a.pinterest {
    background: url(../images/socialpack/pinterest.png) 50% 50% no-repeat
}

ul.social-links>li.facebook-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #415b92;
}

ul.social-links>li.twitter-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #10A3C3;
}

ul.social-links>li.google-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #f54a35;
}

ul.social-links>li.dribbble-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #fd83af;
}

ul.social-links>li.vimeo-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #1ab7ea;
}

ul.social-links>li.skype-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #56cbf7;
}

ul.social-links li a {
    width: 32px;
    height: 32px;
    display: block;
}

ul.social-links>li.rss-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #ff8500;
}

ul.social-links>li.linkedin-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #007fc5;
}

ul.social-links>li.pinterest-link:hover {
    float: left;
    font-size: 12px;
    width: 32px;
    height: 32px;
    background: #e63037;
}


/* ACCORDION ================================================== */
ul.accordion {
    margin: 0 0 22px 0;
    border-bottom: 1px solid #e9e9e9;
}
.detail_pa{
    margin-top: 520px;
}
ul.accordion>li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
}

ul.accordion>li>div.title {
    cursor: pointer;
    background: #f6f6f6;
    padding: 15px;
    margin: 0;
    position: relative;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    -webkit-transition: 0.15s background linear;
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    transition: 0.15s background linear;
}

ul.accordion>li>div.title h1,
ul.accordion>li>div.title h2,
ul.accordion>li>div.title h3,
ul.accordion>li>div.title h4,
ul.accordion>li>div.title h5 {
    margin: 0
}

ul.accordion>li>div.title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent #9d9d9d transparent transparent;
    position: absolute;
    right: 15px;
    top: 21px;
}

ul.accordion>li .content {
    display: none;
    padding: 15px;
}

ul.accordion>li.active {
    border-top: 3px solid #2ba6cb
}

ul.accordion>li.active .title {
    background: white;
    padding-top: 13px;
}

ul.accordion>li.active .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #9d9d9d transparent transparent transparent;
}

ul.accordion>li.active .content {
    background: white;
    display: block;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

/* TESTIMONIALS ================================================== */
.testimonial {
    padding: 20px 25px;
    background-color: #f2f2f2;
    /*Change colour here and in .arrow-down*/
    float: left;
    color: #001e3b;
    text-shadow: 1px 1px 0 #ffffff;
    font-family: OpenSansItalic;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.author-wrapper {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.arrow {
    float: left;
    margin-left: 25px;
    width: 0;
    height: 0;
    border-top: 30px solid #f2f2f2;
    /*Change colour here to match .testimonial*/
    border-left: 30px solid transparent;
    border-right: 0px solid transparent;
    /*Make this 30px to create a triangle*/
}
.image_principale {
    /*! width: 100%; */
    /*! margin-top: -360; */
}

    .image_zoom {
        /*! margin-left: -20%; */
        /*! margin-top: 290px; */
        width: 20%;
    }
    .image_zoom img {
    -webkit-transition: all 1s ease; /* Safari et Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* Internet Explorer 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    }
    .image_zoom:hover img {
    -webkit-transform:scale(5); /* Safari et Chrome */
    -moz-transform:scale(5); /* Firefox */
    -ms-transform:scale(5); /* Internet Explorer 9 */
    -o-transform:scale(5); /* Opera */
    transform:scale(5);
    /* margin-left: 0px;
    margin-top: 200px; */
    position: relative;
    z-index: 1000;
    }

.testimonial-name {
    float: left;
    margin: 0 8px;
    color: #0E8FAB;
    padding-top: 5px;
    font-size: 15px;
    font-weight: bold;
}

.testimonial-name span {
    color: #001e3b;
    font-weight: normal;
}

.hirefor {
    margin-bottom: 10px;
    font-size: 14px;
}

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/
* {
    margin: 0;
    padding: 0;
    border: #ddd;
    outline: none;
    background
}

/*General Mosaic Styles*/
.mosaic-block {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 190px;
    border: 0px;
}

.mosaic-backdrop {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #0E8FAB;
}

.mosaic-backdrop .details {
    padding: 20px;
    color: #fff;
}

.mosaic-backdrop .details a {
    color: #fff
}

.details_produit{
	width: 97% !important;
	margin-top: 70px;/*! *\/ */
	margin-left: -20px;
}
.details_appareil{
	width: 100%;
	margin-top: 70px;
	margin-left: 400px;
}

.mosaic-backdrop .mosaiclink {
    background: #fff;
    color: #0E8FAB;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 15px;
}

.mosaic-overlay {
    display: none;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1110;
}

.mosaic-backdrop.blue {
    background: #0E8FAB
}

.mosaic-backdrop.blue .mosaiclink {
    color: #0E8FAB
}

.mosaic-backdrop.orange {
    background: orange
}

.mosaic-backdrop.orange .mosaiclink {
    color: orange
}

.mosaic-backdrop.green {
    background: #3cb371
}

.mosaic-backdrop.green .mosaiclink {
    color: #3cb371
}

.mosaic-backdrop.orangered {
    background: orangered
}

.mosaic-backdrop.orangered .mosaiclink {
    color: orangered
}

.mosaic-backdrop.purple {
    background: #964c96
}

.mosaic-backdrop.purple .mosaiclink {
    color: #964c96
}

.mosaic-backdrop.black {
    background: #333
}

.mosaic-backdrop.black .mosaiclink {
    color: #333
}

.mosaic-backdrop.gold {
    background: #b8860b
}

.mosaic-backdrop.gold .mosaiclink {
    color: #b8860b
}

.mosaic-backdrop.red {
    background: #F45B4D
}

.mosaic-backdrop.red .mosaiclink {
    color: #F45B4D
}

.mosaic-backdrop.teal {
    background: #fff;
    /*! color: white; */
    font-size: 18px;
    margin-top: 63%;
}

.mosaic-backdrop.teal .mosaiclink {
    color: #70acab
}

.mosaic-backdrop.tealdark {
    background: #008782
}

.mosaic-backdrop.tealdark .mosaiclink {
    color: #008782
}

.mosaic-backdrop.aqua {
    background: #66cdaa
}

.mosaic-backdrop.aqua .mosaiclink {
    color: #66cdaa
}

.mosaic-backdrop.brown {
    background: #e59a47
}

.mosaic-backdrop.brown .mosaiclink {
    color: #e59a47
}

.mosaic-backdrop.lila {
    background: #b28eb4
}

.mosaic-backdrop.lila .mosaiclink {
    color: #b28eb4
}

.mosaic-backdrop.yellow {
    background: #daa520
}

.mosaic-backdrop.yellow .mosaiclink {
    color: #daa520
}

/* BOXES ================================================== */
.insetbox {
    padding: 15px;
    background-color: #F5F5F5;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.insetbox:hover {
    color: #fff;
    background: #001e3b;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.insetbox:hover h5 {
    color: #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.noshadowbox {
    padding: 0 15px 15px 15px;
    text-align: center;
    border: 1px solid #e9e9e9;
    border-top: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, 0.1), 0 0 8px rgba(1, 1, 1, 0.1);
    min-height: 180px;
    max-height: 180px;
    background: white;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.noshadowbox h5 {
    font-size: 20px;
    line-height: 35px;
    margin-top: 0px;
    padding-top: 20px;
    font-family: OpenSansLight;
}

.bottomlink {
    /*! margin-bottom: -12px; */
    /*! text-align: right; */
    /*! margin-right: 0px; */
    top: 168px;
    position: absolute;
    left: 10px;
    bottom: 5px;
    display: none;
}

/* TWITTER 
================================================== */
#ticker {
    height: 145px;
    overflow-y: hidden;
    position: relative;
}

#ticker ul.tweet_list {
    position: absolute;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#ticker ul.tweet_list li {
    height: 145px
}

.tweet,
.query {}

.tweet_list {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5em;
    list-style-type: none;
}

.tweet_list li a {
    color: #0C717A
}

.tweet_list .tweet_even {}

.tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left;
}

.tweet_list .tweet_avatar img {
    vertical-align: middle;
    margin-top: 4px;
    border-radius: 45%;
}

/* Buttons
================================================== */
.vuzz-button {
    font-family: 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 0;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    nowhitespace: afterproperty;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    outline: none;
    border: 1px solid #7e7e7e;
    border-radius: 3px;
    background: #aaaaaa;
    text-decoration: none !important;
    background: -moz-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #7e7e7e));
    background: -webkit-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%);
    background: -o-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%);
    background: -ms-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%);
    /*! background: linear-gradient(to bottom, #aaaaaa 0%, #7e7e7e 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#7e7e7e', GradientType=0);
    border: 1px solid #0004fe;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: blueviolet;
}

.vuzz-button span.vuzz-button-inner {
    display: block;
    color: #fff;
    padding: 10px 20px 12px;
    line-height: 0.8em;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    border-radius: 3px;
}

.vuzz-button:active {
    text-decoration: none;
    background: #7e7e7e;
    background: -moz-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e7e7e), color-stop(100%, #aaaaaa));
    background: -webkit-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%);
    background: -o-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%);
    background: -ms-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%);
    background: linear-gradient(to bottom, #7e7e7e 0%, #aaaaaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#aaaaaa', GradientType=0);
}

.vuzz-button:hover {
    text-decoration: none;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
    background: #0800ff;
    /*! color: black; */
}

.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

.rotate:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

/* ISOTOPE
================================================== */
.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.boxtwocolumns {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    height: 350px;
}

.boxthreecolumns {
    width: 33.31%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.boxfourcolumns {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 30%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.boxfivecolumns {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.boxcontainer {
    background: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #eee;
    border-bottom: double #ddd;
}

.boxcontainer2col {
    height: 350px
}

.mosaicover2col {
    height: 260px
}

.mosaicover4col {
    /*! height: 177px; */
}

.mosaicover5col {
    height: 140px
}

.boxcontainer p {
    margin-bottom: 10px
}

.boxcontainer h1 {
    font-size: 13px;
    line-height: 1;
    font-family: OpenSansRegular;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.boxcontainer h1 a {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: block;
    color: #001e3b;
}

#content {
    /*! width: 100%; */
    margin-top: 10px;
    z-index: 0;
}

#nav ul li a {
    float: left;
    margin-right: 15px;
    padding: 6px 10px;
    color: #333;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #58d4fc;
    background-image: linear-gradient(#fff, #0eccbe);
    font: 12px Arial, Helvetica;
    margin-block-end: 5px;
}

#blog ul li a {
    float: left;
    margin-right: 15px;
    padding: 6px 10px;
    color: #333;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #58d4fc;
    background-image: linear-gradient(#fff, #0eccbe);
    font: 12px Arial, Helvetica;
    margin-block-end: 5px;
}

.selected {
    background: #444;
    color: #fff !Important;
    box-shadow: 2px 3px 5px #999 !Important;
}

/* ============ TIMELINE NEWS============= */
div#timelineContainer {}

div.timelineToggle {
    margin-right: 0;
    white-space: nowrap;
}

a.expandAll {
    color: #fff !important;
    cursor: pointer;
    background: #0E8FAB;
    border: none;
    font-size: 12px;
    padding: 7px 10px;
}

a.expandAll:hover {
    border: none !important;
    color: #fff !important;
    cursor: pointer;
}

div.timelineMajor {
    clear: left;
    float: left;
    margin: 0 0 12px;
    width: 900px;
    border-left: 2px solid #CCC;
}

.timelineMajor h2 {
    background: url(../images/timeline_century_tick.gif) left center no-repeat;
    color: #7097AF !important;
    cursor: pointer;
    font-size: 20px;
    margin: 0 0 10px !important;
    padding: 4px 4px 4px 20px !important;
}

.timelineMajor h2 span {
    background: #eee;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #131313;
    letter-spacing: .1em;
    line-height: 1.7em;
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
    font-family: Tahoma;
}

.timelineMajor h2 a:hover {
    border-bottom: none;
    color: #00baff !important;
}

dl.timelineMinor {
    clear: left;
    float: left !important;
    margin: 0 12px 0 0 !important;
    padding: 4px 4px 4px 0 !important;
    position: relative;
    width: 880px;
}

.timelineMinor dt {
    background: url(../images/timeline_decade_tick.gif) left center no-repeat;
    clear: left;
    font-size: 1.6em !important;
    list-style-type: none !important;
    line-height: 1.2em;
    margin: 0 0 12px !important;
    padding: 0 0 0 24px !important;
    white-space: nowrap;
}

.timelineMinor dt a {
    color: #999;
    cursor: pointer;
}

.timelineMinor dt a.closed {
    color: #999;
    font-size: 1em;
    margin-left: 0;
}

.timelineMinor dt a.open {
    color: #7DBADF
}

.timelineMinor dt a:hover {
    color: #7DBADF
}

.timelineMinor dd {
    padding-left: 24px;
    width: 100%;
}

.timelineMinor dd h3 {
    color: #777;
    clear: both;
    float: left;
    font-size: 17px;
    margin: 0;
    white-space: nowrap;
}

.timelineEvent p {
    clear: left;
    float: left;
    line-height: 1.8em !important;
    margin: 6px 0 10px;
}

.timelineEvent h4 {
    clear: left;
    float: left;
    font-size: 1.4em !important;
    font-weight: 400;
    margin: 10px 0 0;
    padding: 0 0 0 20px !important;
}

.timelineEvent blockquote {
    clear: left;
    float: left;
    padding: 0 30px;
    width: 400px;
}

.timelineEvent blockquote * {
    float: none;
    width: 400px;
}

.timelineEvent ul.moreInfo {
    clear: left;
    float: left;
    line-height: 1.2em;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.timelineEvent ul.moreInfo li {
    clear: left;
    background: none !important;
    font-size: 1em !important;
    line-height: 1.5em;
    margin: 8px 0 !important;
    padding: 0 0 0 20px !important;
}

.timelineEvent ul.moreInfo li a:link,
.timelineEvent ul.moreInfo li a:visited {
    color: #7097af !important
}

.timelineEvent ul.moreInfo li a:hover {
    color: #7DBADF !important
}

.timelineEvent div.media {
    float: right;
    padding: 0 0 12px;
    width: 300px;
}

.timelineEvent .media img {
    border: 2px solid #000;
    margin: 0;
}

.timelineEvent .media p {
    font-size: 1.2em;
    margin: 0 !important;
    padding: 0 !important;
}

.timelineEvent .media a:link,
.timelineEvent .media a:visited {
    border: none !important;
    color: #ab221b !important;
}

.timelineEvent .media a:hover {
    color: #7DBADF !important
}

.timelineEvent .media p span.source {
    font-style: italic
}

/* ============ FAQ============= */
.faqs dl {
    margin-bottom: 20px
}

.faqs dl,
.faqs dt,
.faqs dd {
    padding: 0;
    margin: 0;
}

.faqs {
    padding-top: 20px;
    padding: 20px;
    background: radial-gradient(100.99% 100.73% at 0 0,rgba(104, 104, 104, 0.72) 0,#e9f9fe .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#ebf2f5 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#c4caca 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#c7f7d9 0,rgba(100,32,255,0) 100%),#d1e9ff;
    -webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, 0.17), 0 0 16px rgba(1, 1, 1, 0.4);
}
.plaque {
    padding-top: 20px;
    padding: 20px;
    background: radial-gradient(100.99% 100.73% at 0 0,rgba(104, 104, 104, 0.72) 0,#e9f9fe .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#ebf2f5 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#c4caca 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#c7f7d9 0,rgba(100,32,255,0) 100%),#d1e9ff;
    -webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, 0.17), 0 0 16px rgba(1, 1, 1, 0.4);
}
.faqs:hover{
    background: #00c4cc;
    transition-duration: 5s;
}
.titre_produit:hover{
    background: #00c4cc1f;
    transition-duration: 5s;
}
.titre_n2_centre:hover{
    background: #00c4cc1c;
    transition-duration: 5s;
}
.titre_n2:hover{
    background: #00c4cc29;
    transition-duration: 5s;
}
.maintitle_hors_appli:hover{
    background: #00c4cc;
    transition-duration: 5s;
    border-radius: 15%;
}
.box_formation{
    margin: 0px;
    width: 27%;
    margin-left: 5%;
    margin-top: 60px;
    align-items: center;
}
.faqstitle {
    color: #fff;
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 0;
    padding-top: 20px;
    background: radial-gradient(100.99% 100.73% at 0 0,rgba(0,196,204,.725916) 0,#53bef2 .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#20abff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#00c4cc 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#5c5b5e 0,rgba(100,32,255,0) 100%),#302ae7;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -5px;
    font-family: Righteous-Regular;
    border: 1px solid #e7e7e7;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.faqs dt {
    font-size: 19px;
    background: url(../images/plus.png) 0 4px no-repeat;
    padding: 3px 0 15px 30px;
    position: relative;
}

.faqs dt:hover {
    cursor: pointer
}

.faqs dd {
    padding: 0 0 5px 30px;
    position: relative;
    line-height: 1.8;
}

.faqs .hover {
    color: #0E8FAB
}

.faqsicon {
    float: left;
    margin-top: -9px !Important;
    padding-right: 10px;
    font-size: 18px;
}

/* ============ OTHER ============= */
.gmap {
    background: white;
    border: 1px solid #ccc;
    padding: 4px;
    width: 100%;
    height: 640px;
}

.done {
    display: none
}

.frontbox {
    background: #f6f6f6;
    padding: 0 0px 20px;
    -webkit-transition-property: background color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background color;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background color;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease;
    -ms-transition-property: background color;
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: ease;
    transition-property: background color;
    transition-duration: 1s;
    transition-timing-function: ease;
    text-align: center;
    box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34, 25, 25, 0.4);
}

.frontbox:hover {
    background: #fe9120;
    color: #fff;
}

ul.teambox {
    padding-left: 25px
}

.teamimage {
    border-width: 10px 10px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(122, 156, 236);
    border-right-color: rgb(183, 159, 172);
    border-left-color: rgb(183, 159, 172);
    margin-bottom: 3px;
    opacity: 1;
    border-radius: 30px;
    max-width: 200px;
}

#social-menu li,
.teambox li {
    list-style: none;
    font-size: 19px;
    opacity: 0.7;
    color: #fff;
    float: left;
}

#social-menu li,
.teambox li a {
    color: #333
}

#social-menu li a {
    color: #fff
}

#social-menu li:hover {
    opacity: 1
}

.noleftmargin {
    padding-left: -1px
}

.featured-projects-image {
    margin-left: 10px;
}

.grayimage {
    -webkit-filter: grayscale(100%);
}

.grayimage1 {
    -webkit-filter: grayscale(100%);
    padding-left: 20px;
    margin-top: 0px;
}

.hometitlebg {
    color: #fff;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0px;
    font-family: Righteous-Regular !Important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.homeicone {
    padding: 10px 10px;
    color: #f8f8f8;
    margin-right: 4px;
    font-size: 45px;
    float: left;
    margin-right: 10px;
}
.bouton_titre {
    background: #ff2400 !important;
}
.atouts {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.text_titre_main {
    font-size: 500% !important;
}
.ico_titre_maint {
    padding: 3px 10px;
    color: #f8f8f8;
    font-size: 26px;
    float: left;
}

.neutralbutton {
    background: #0E8FAB;
    color: #fff;
    padding: 10px 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.neutralbutton:hover {
    color: #fff;
    background: #333;
}

.serviceicon {
    color: #fff;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0E8FAB;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 12px;
}

.subtitles {
    /*! line-height: 27px; */
    font-size: 15px;
    text-transform: uppercase;
}

.titlehead {
    margin-top: -29px;
    margin-bottom: -60px;
    color: #fff;
    font-size: 25px;
    padding-bottom: 4px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    font-family: Righteous-Regular;
    text-align: center;
    /*! margin-left: 20%; */
    /*! width: 75%; */
}
.pour_app{
    margin-top: 28px;
    margin-bottom: -58px;
}

.rightareaheader {
    float: right;
    font-size: 15px;
    font-family: OpenSansRegular;
    margin-top: -54px;
    color: white;
}

#skill {
    list-style: none;
    font-size: :12px;
    margin: 37px auto 0;
    position: relative;
    line-height: 2em;
}
.skill_graph {
    /*! list-style: none; */
    /*! font-size: 12px; */
    /*! margin: 37px auto 0; */
    position: relative;
    line-height: 2em;
    transform: rotate(-90deg);
    transform-origin: bottom;
    padding: 0px;
}
.skill_graph li {
    margin-bottom: 0px;
    height: 15px;
    background: #c7cbcc;
}

#skill li {
    margin-bottom: 25px;
    height: 35px;
    background: #c7cbcc;
}

#skill li h3 {
    position: relative;
    font-size: 13px;
    color: #fff;
    margin-left: 10px;
    font-family: OpenSansRegular;
}

.bar {
    height: 35px;
    position: absolute;
    width: 100%;
}
.bar_graph {
    height: 15px;
    position: absolute;
    /*! width: 100%; */
    /*! transform-origin: bottom; */
    /*! transform: rotate(90deg); */
}

.progressdefault {
    background-color: #0E8FAB
}

.progresspink {
    background-color: #f674a4
}

.progressorange {
    background: orange
}

.progressgreen {
    background-color: #a1ce5b
}

.progressblue {
    background-color: #0E8FAB
}

.teamdescription {
    color: #787878;
    text-align: center;
    padding-bottom: 8px;
    font-size: 12px;
    padding-top: 4px;
    /*! border: 1px solid #eee; */
    /*! border-bottom: medium double #ddd; */
    /*! -webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, 0.1), 0 0 8px rgba(1, 1, 1, 0.1); */
    /*! background: #dff4f6; */
   /*! width: 278px; */
    /*! margin-left: 44px; */
    height: 48px;
    margin-bottom: 20px;
    /*! max-width: 200px; */
}

.teamdescription {
}
.titre_apropos{
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    font-family: OpenSansRegular;
    /*! border-bottom: 1px solid #dec3c3; */
    padding-bottom: 12px;
    padding-top: 6px;
}
.img_apropos{
 margin: 0 auto;
    /*! width: 100%; */
 display: flex;
 justify-content: center;
}
.img_apropos_dg{
 margin: 0 auto;
    width: 100%;
 display: flex;
 justify-content: center;
 /*! margin-left: -35px; */
}
.equipe {
 margin-left: 10%;
 margin-right: 10%;

}
.subtitle {
    border-bottom: #0E8FAB 1px solid;
    display: inline;
    padding-bottom: 14px;
}

.marksubtitle {
    border: solid #eee;
    border-width: 1px 0 0;
    clear: both;
    margin: 3px 0px 19px;
    height: 0;
}
.boxedtheme_plein{
    height: 100%;
}
.pageline {
    clear: both;
    border-top: 1px solid #eee;
    margin: 0px auto;
    max-width: 1180px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.liner {
    clear: both;
    border-top: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px;
}

.title {
    font-size: 22px;
    margin-left: 0px;
    text-transform: uppercase;
    font-family: Righteous-Regular;
    /*! border-top-right-radius: 20px; */
    /*! border-top-left-radius: 20px; */
}
.plateforme {
  margin-top: 100px;
  margin-bottom: 100px;
}

.stitle::first-letter {
    border-top: 5px solid #F37342;
    padding-top: 15px;
}
.menu_client{
    margin-top: 10px;
}
.menu_general{
    height: 0px;
}
.wrapaction {
    padding-top: 10px;
    padding-left: 20px;
    border-left: #0E8FAB 2px solid;
    min-height: 170px;
    padding-bottom: 20px;
    margin-top: 50px;
    background: white;
}
.separateur{
    padding: 40px;
}
.semi_separateur{
    padding: 20px;
    text-align: center;
}
.separateur_pre{
    padding: 40px;
    margin-top: 0%;
}

.descript_actu{
    /*! position: absolute; */
    font-size: 90%;
}
.ligne_actu{
    margin-top: 50px;
}
.actu_titre{
    padding: 10px;
    font-weight: bold;
    font-size: 89%;
}
.img_actu{
    /*! margin-bottom: 40px; */
}
.img_actu_g{
    margin-left: 15% !important;
} 
.img_actu_contener{
    width: 23.8%; 
    border-radius: 15px; 
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
    background: white;
    margin-left: 1%;
    margin-bottom: 30px;
    /*! padding-bottom: 13px; */
    max-height: 190px;
    min-height: 190px;
    position: relative;
}
   .img_actu_contener:hover{
    box-shadow: 0px 0px 7px rgb(9, 235, 9);
   /* -webkit-transform:scale(1.03);  Safari et Chrome */
   /* -moz-transform:scale(1.03);  Firefox */
   /*  -ms-transform:scale(1.03); Internet Explorer 9 */
   /* -o-transform:scale(1.03);  Opera */
    /* transform:scale(1.03); */
    transition-duration: 0.5s;
  } 
  

.like{
    /*! padding: 6px; */
    /*! position: absolute; */
}
.icone_like{
    font-size: 15px;
    background: #0095ff17;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    height: 23px;
    min-width: 23;
}
.icone_like:hover{
    font-size: 22px;
    background: #2304fa;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    color: white !important;
    width: 30px;
    height: 30px;
}
.icone_telecharger{
    font-size: 15px;
    position: absolute;
    margin-left: 85%;
    background: #0095ff17;
    width: 28px;
    height: 28px;
    padding: 5px;
    margin-top: -28px;
    border-radius: 50%;
    text-align: center;
} 
 
.icone_telecharger:hover{
    font-size: 22px;
    position: absolute;
    margin-left: 84%;
    background: #2304fa;
    width: 33px;
    height: 33px;
    padding: 5px;
    margin-top: -32px;
    border-radius: 50%;
    text-align: center;
    color: white !important;
}
.icone_details{
    font-size: 15px;
    position: absolute;
    margin-left: 87%;
    background: #fff;
    width: 28px;
    height: 28px;
    padding: 8px;
    margin-top: -32px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
} 
 
.icone_details:hover{
    font-size: 22px;
    position: absolute;
    margin-left: 87%;
    background: #04ccfa;
    width: 33px;
    height: 33px;
    padding: 5px;
    margin-top: -35px;
    border-radius: 50%;
    text-align: center;
    color: white !important;
}
.icone_modif_list{
    font-size: 15px;
    background: #028cee1c;
    padding: 5px;
    border-radius: 50%;
    color: #0000001c;
}
.icone_modif_list:hover {
  font-size: 24px;
  background: #0e1ce43b;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  padding: 5px !important;
  border-radius: 50%;
  color: black;
}
.actualite{
    /*! display: flex; */
    /*! justify-content: center; */
}

.wrapactiondefault {
    padding-top: 10px;
    padding-left: 20px;
    border-left: #0E8FAB 2px solid;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    min-height: 130px;
    padding-bottom: 20px;
    background: url(../images/separators.png) left top;
}

.actionbutton {
    z-index: 50;
    display: inline;
    margin: 0 auto;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 15px 20px;
    color: #fff !important;
    cursor: pointer;
    cursor: hand;
    /*! background-color: #0E10AB59; */
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 30px
}

.actionbutton:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.actionbutton a,
a.actionbutton {
    color: #0003ff;
    font-size: 80%;
}

.introtext {
    width: 75%;
    margin: 30px auto 0 auto;
    margin-bottom: 60px;
    padding: 0;
    font-family: OpenSansRegular, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-shadow: 2px 2px 15px #333;
}

.introtitle {
    margin: 0;
    padding: 25px 0 0;
    font-family: OpenSansRegular, sans-serif;
    font-size: 47px;
    color: #FFF;
    text-align: center;
    text-shadow: 2px 2px 10px #333;
}

.boxedshadow {
    background: url(../images/shfinal.png) no-repeat 50% 0;
    min-height: 75px;
    opacity: 1.0;
}

.homeicon {
    font-size: 25px;
    width: 55px !Important;
    margin-left: -10px;
}

.logo {
    /*! margin-top: 0px; */
    width: 20%;
}

.wrapbox {
    background: #fff;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin-top: -35px;
}

.hrtitle {
    border: solid #eee;
    border-width: 1px 0 0;
    clear: both;
    margin: 1px 0px 19px;
    height: 0;
}

.stresstitle {
    border-bottom: #0E8FAB 1px solid;
    display: inline;
    padding-bottom: 10px;
}

.royalheader {
    font-size: 45px;
    line-height: 25px;
    font-family: Righteous-Regular;
}

.shadowunderslider {
    background: url(../images/sh.png) no-repeat 50% 0;
    height: 30px;
}

.shadowundertop {
    background: url(../images/undersharea.png) no-repeat 50% 0;
height: 40px;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 80;
}
.shadowundertop-index {
    direction: none;
}
.undersliderblack {
    background: #254e68;
    color: #bcb8b8;
}
.masquer {
    display: none;
  }
.boxedtheme {
    margin: 0 auto;
    max-width: 100%;
    -moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
    background: #e9faffeb;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
    min-height: 100%;
    min-width: 100%;
    /*! position: fixed; */
}
.boxedtheme{
}
.boxedtheme2 {
    margin: 0 auto;
    max-width: 1250px;
    -moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
    background: #e9faffcc;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
}

.introboxfirst {
    padding: 20px 0px;
    border-right: 1px solid #111;
}

.introboxmiddle {
    padding: 20px 0px;
    border-left: 1px solid #001e3b;
    border-right: 1px solid #111;
}

.introboxlast {
    padding: 20px 0px;
    border-left: 1px solid #001e3b;
}

.introboxinner {
    width: 90%;
    padding-left: 10px;
    color: white;
}

.smallrightmargin {
    margin-right: 10px !Important
}

.simplebox {
    background: #f1fff9;
    border: 1px solid #eee;
    padding: 25px 30px;
    font-size: 16px;
    border-left: 4px solid #0E8FAB;
    line-height: 24px;
    color: #535353;
    -webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, 0.1), 0 0 8px rgba(1, 1, 1, 0.1);
    border-radius: 20px;
}

.simpleboxicon {
    font-size: 40px;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    color: #0E8FAB;
}

.imgborder {
    border: 1px solid #e1e1e1;
    padding: 5px;
}

/*.grayimage { filter: url("data:image/svg+xml; nowhitespace: afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
/*filter: gray; /* IE6-9 */
/*-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

*/ .clientslogo {
    border-bottom: 1px solid #eee !Important
}

.noleftmargin {
    margin-left: 0px;
    /*! margin-top: 5px; */
    margin-bottom: 10px;
}
.equilibre_list {
    margin-top: -3px;
}

.royalcontent {
    text-align: center;
    margin-bottom: 25px;
}
.avatar{
    margin-right: -20px;
}
.avatarspic {
    border: 1px solid #eee;
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 15px;
}
.dure_formation{
    border-top: solid 1px;
    border-bottom: solid 1px;
    background: azure;
}
.justabox {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    background: #fff;
}

.maintitle {
    padding: 5px;
    margin: 35px 0 30px 0;
    background: radial-gradient(100.99% 100.73% at 0 0,rgb(161, 206, 91) 0,#0600cc .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#00dbff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#c90 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6b4ab7 0,rgba(100,32,255,0) 100%),#00e7ff;
    line-height: 1 !important;
    font-size: 15px;
    margin-bottom: 10px;
    color: white;
}
.message_payement {
    padding: 25px;
    margin: 35px 0 30px 0;
    background: #0ce2f0;
    line-height: 1.2 !important;
    /*! font-size: 15px; */
}
.maintitle_pa {
    padding: 0;
    margin: 35px 0 30px 0;
    background: url(../images/separators.png) left top;
    line-height: 1 !important;
    font-size: 15px;
    margin-bottom: 10px;
}
.sous_maintitle {
    padding: 20px;
  /*  margin-top: -10px;*/
    background: #fff;
    line-height: 1.2 !important;
    /*! font-size: 15px; */
    /*! border: 1px solid #ddbc8f; */
    /*! border-top: none; */
    border-radius: 15px;
    margin-bottom: 15px;
}
.maintitle_article {
    padding: 10px;
    background: #fff;
    line-height: 1.2 !important;
    font-size: 15px;
    border-bottom: 1px solid #30302f;
    padding-bottom: 40px;
    font-size: 90%;
    position: relative;
    -webkit-box-shadow: inset 0 1px 1px rgba(1, 1, 1, 0.1), 0px 5px 7px rgba(1, 1, 1, 0.2);
    border-radius: 7px;
}

.sous_maintitle_m {
    padding: 10px;
    margin-top: 30px;
    background: #33f00c30;
    line-height: 1 !important;
    font-size: 15px;
    border: 2px solid #d9a35a;
    /*! border-top: none; */
}

.maintitle_setning_bas{
    margin-top: 150px;
}
.maintitle_list {
    /*! margin-top: -25px; */
    /*! margin-left: -15px; */
    /*! width: 100%; */
}
.maintitle_services {
    margin-top: -150px;
    margin-left: 35%;
    width: 35%;
    text-align: center;
    font-weight: bold;
    padding-bottom: 50px;
    position: absolute;
    color: white;
  }
  .img_index{
    /*! box-shadow: 0px 0px 7px rgba(221, 174, 64, 0.3); */
    /*! border-top-right-radius: 10px; */
    /*! border-top-left-radius: 10px; */
  }
  .img_index:hover{
    /*! box-shadow: 0px 0px 7px rgba(9, 235, 9, 0.42); */
    -webkit-transform:scale(1.03); /* Safari et Chrome */
    -moz-transform:scale(1.03); /* Firefox */
    -ms-transform:scale(1.03); /* Internet Explorer 9 */
    -o-transform:scale(1.03); /* Opera */
    transform:scale(1.03);
    transition-duration: 0.5s;
  }
  .img_maintitle_services {
    margin-top: 40px;
    text-align: center;
    position: relative;
    /*! padding-left: calc((100% - 1284px)/2); */
    /*! padding-right: calc((100% - 1284px)/2); */
    /*! padding-bottom: 50px; */
  }
  .pour_index{
    text-align: center;
    background: #ffe5c875;
    border-top: 2px solid;
    padding: 20px;
}
.titre_n2{
    font-family: revert;
    font-size: 25px;
    line-height: 27px;
    padding-top: 10;
    padding-bottom: 15px;
    font-family: Righteous-Regular;
}
.titre_n2_centre{
    /*! background: radial-gradient(100.99% 100.73% at 0 0,rgba(0,196,204,.725916) 0,#1a00cc .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#20abff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#00c4cc 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0,rgba(100,32,255,0) 100%),#1400ff; */
    font-family: Righteous-Regular;
    line-height: 18px;
    padding: 20px;
    font-size: 30px;
    margin-top: 120px;
}
.titre_actu{
    font-family: Righteous-Regular;
    line-height: 18px;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    padding-left: 0px;
    margin-top: 20px;
}
.titre_n3{
    /*! font-size: 18px; */
    height: 71px;
    line-height: 25px;
    padding: 10;
    margin-left: 3%;
    padding-bottom: 170px;
    font-family: Righteous-Regular;
}
.produits_img{
   width: 100%;
    height: 150px;
    display: flex;
   justify-content: space-around;
}
.prod_une_img{
    /*! background: #ccc7c7; */
    border-radius: 10px;
    padding: 10px;
    width: 110%;
    margin-top: 10px;
    margin-right: 20px;
    /*! height: 90%; */
}
.label_prod_une_img{
    text-align: center;
}
.titre_procedure{
    background: radial-gradient(100.99% 100.73% at 0 0,rgba(0,196,204,.725916) 0,#00c4cc .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#6420ff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#00c4cc 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0,rgba(100,32,255,0) 100%),#7d2ae7;
    color: white;
    text-align: center;

    /*! font-family: revert; */
    /*! font-weight: bold; */
    padding: 1px;
    /*! width: 107.4%; */
    /*! margin-left: -3.7%; */
    /*! margin-top: -1%; */
}
.cadre_procedure{
    height: 550px;
    border: 1px solid #464444;
    border-radius: 15px;
    background: white;
    width: 40%;
    margin-left: auto;
    float: right;
    margin-right: 6%;
    display: none;
}
.cadre_procedure_achat {
  border: 1px solid #464444;
  border-radius: 15px;
  background: #ffffff75;
}
#detail_hardware{
    /*! width: 60%; */
}
.point_procédure{
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 63px;
}
.maintitle_ajout {
    padding: 0;
    margin: 30px 0 30px 0;
    background: url(../images/separators.png) left top;
    line-height: 1 !important;
    font-size: 19px;
    font-family: Righteous-Regular;
    text-transform: uppercase;
    margin-top: 41px;
}

.maintitle_ajout span {
    background: f0f6ee;
    padding-right: 10px;
    font-family: Righteous-Regular;
    text-transform: uppercase;
}

.maintitle span {
    background: f0f6ee;
    padding-right: 10px;
    font-family: Righteous-Regular;
    text-transform: uppercase;
}

.maintitle_pa span {
    background: f0f6ee;
    padding-right: 10px;
    font-family: Righteous-Regular;
    text-transform: uppercase;
}

.maintitle.text-center span {
    padding-left: 10px
}

.maintitle_hors_appli {
    margin: 80px 0 80px 0;
    background: radial-gradient(100.99% 100.73% at 0 0,rgb(161, 206, 91) 0,#0600cc .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#00dbff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#c90 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6b4ab7 0,rgba(100,32,255,0) 100%),#00b7ff;
    line-height: 1 !important;
    color: white;
    padding: 8px;
    /*! border-bottom-left-radius: 50px; */
    /*! border-top-right-radius: 50px; */
    font-size: 25px;
    text-align: center;
}

.maintitle_hors_appli span {
    background: f0f6ee;
    padding-right: 10px;
    font-family: Righteous-Regular;
    text-transform: uppercase;
}


.maintitle_hors_appli.text-center span {
    padding-left: 10px
}
.bouton_parametre{
    margin-left: 13px !important;
}
.dropcap {
    float: left;
    font-size: 55px;
    line-height: 40px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    font-family: arial;
}

.leftsidebar {
    margin-right: 5%
}
.liste_numero{
    margin-left: 15px;
}
.liste_puce{
    margin-left: 30px;
}

.rightsidebar {
    margin-left: 5%
}

.option-set {
    padding-bottom: 30px;
    width: 100%;
}

.nopadding {
    padding: 0px
}

.noborder {
    border: 0px
}

.clear {
    clear: both;
}

.error input,
input.error,
.error textarea,
textarea.error {
    background-color: #ffffff;
    border: 1px solid #eb9468 !Important;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.error label,
label.error {
    color: #c60f13;
}

.error small,
small.error {
    display: block;
    padding: 6px 4px;
    margin-top: -13px;
    margin-bottom: 12px;
    background: #c60f13;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.error textarea:focus,
textarea.error:focus {
    background: #fafafa;
    border-color: #b3b3b3;
}


/* ==========================================================================
onglet
========================================================================== */

.onglet {
    display: inline-block;
    margin-left: 0px;
    margin-right: -5px;
    padding: 5px;
    border: 1px solid #c8c8c8;
    cursor: pointer;
    /*! margin-top: -100px; */
}
.liste {
    background: #00cfff;
    border: 3px solid;
    padding: 5;
    font-size: 90%;
}
.liste_onglet {
    background: #00cfff;
    border: 3px solid;
    padding: 5;
    font-size: 90%;
}
.ajout {
    background: #0084ff;
    border: 3px solid;
    padding: 5;
}
.form_ajout{
    margin-left: 19.5%;
    margin-top: -100px;
    /*! max-width: 120%; */
    /*! min-width: 100; */
    position: fixed;
    width: 77%;
}
.banieres_infos {
    /*! width: 100%; */
    /*! margin-left: -6%; */
}
.fixed-header_client {
    width: 100%;
}
.avatar_header {
    margin-right: 1%;
    margin-top: -60px;
    width: 120%;
}
.liste_pa{
    margin-top: -175px;
    /*! position: absolute; */
}
.liste_bc{
    margin-top: 150px;
    /*! position: absolute; */
}
.bilan_bc{
    margin-top: 100px;
}
.badge_tchat{
    /*! display: none; */
    margin-top: -40px;
    /*! margin-left: 10%; */
}
.nom_user {
    font-family: Righteous-Regular;
}
.nom_pa {
    font-size: 150%;
    padding-top: 10px;
    padding-left: 20px;
    color: #676565;
  }
  .localite_pa {
    font-size: 100%;
    padding-top: 10px;
    padding-left: 20px;
  }

.requette_pa{
    margin-left: 35%;
    width: 100%;
}
.liste_pa_pa {
  margin-left: -25px;
  width: 21%;
  margin-top: -90px;
}
.plan_pa{
    margin-top: 191px;
    /* position: absolute;*/
}
.btn_consul_cga{
    margin-top: -65px;
    margin-left: 66%;
}
.onglet a {
    color: #000000;
    text-decoration: none;
}

.onglet_n {
    background: #eef7ff;
    border-bottom: 1px solid #c8c8c8 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: 1px solid #ff00001c;
}

.onglet_y {
    background: #65aeff;
    border-bottom: 0px solid black;
    padding-bottom: 7px;
    font-size: 125%;
}

.contenu {
    /*! margin-top: 68px; */ 
    /*! padding-top: 0px; */
}
.contenu_compta {
    margin-top: 119px; 
}

ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

h1 {
    margin: 0px;
    padding: 0px;
}

.ligne_produit {
    width: 100%;
}

.formulaire {
    margin-top: -5%;
    margin-left: 20%;
    width: 100%;
}



.formulaire_liste {
    margin-left: 19%;
    width: 100%;
    margin-top: -115px;
    position: relative;
    height: 100%;
    z-index: -10;
}

.onglets_compta{
    width: 100%;
    margin-top: 70px;
    position: fixed;
    z-index: 0;
    margin-left: 19%;
}
.entete_compta {
  width: 100%;
  margin-top: -80px;
  position: fixed;
  /*! z-index: 10; */
  background: #e9f9fe;
  height: 146px;
  line-height: 12px;
}
.recap_compta {
    margin-left: 16.5%;
    width: 80%;
    margin-top: 50px;
    position: fixed;
    z-index: 10;
    /*! background: #ccf7f3; */
    height: 95px;
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.formulaire_compta {
    margin-left: 19.6%;
    width: 100%;
    margin-top: 70px;
    position: relative;
    height: 100%;
    z-index: -10;
}
.formulaire_bc {
    margin-left: 17%;
    width: 100%;
    margin-top: 0px;
    position: relative;
    height: 100%;
    z-index: -10;
}
.formulaire_courrier {
    margin-left: 17%;
    width: 50%;
    z-index: -10;
}
.formulaire_liste_ajout {
    margin-left: 19.5%;
    width: 76%;
    margin-top: 60px;
    position: fixed;
    height: 90%;
    /*! z-index: -10; */
}
.formulaire_blog {
    margin-left: 5%;
    width: 80% !important;
    /*! margin-top: 0%; */
    /*! position: absolute; */
    /*! height: 100%; */
    /*! z-index: -10; */
}
.blog_affichage{
    width: 28%;
}
.caisse{
    margin-top: 207px;
}

.formulaire_contrat {
    /*! margin-top: -6%; */
    /*! margin-left: 0%; */
    width: 100%;
    /*! padding-left: 50px; */
}

.cni-a {
    /*! display: block; */
    text-align: center;
    /*! border: 1px groove indigo; */
    /*! background-color: #d3dad3a3; */
    /*! border-radius: 12px; */
    width: 60%;
    /*! height: 60%; */
    outline: none;
    /*! margin-left: 20px; */
    /*! position: relative; */
    /*! margin-top: 4px; */
}

.cni-b {
    /*! display: block; */
    text-align: center;
    /*! border: 1px groove indigo; */
    /*! background-color: #d3dad3a3; */
    /*! border-radius: 20px; */
    width: 60%;
    /*! height: 60%; */
    /*! margin-left: 105px; */
    /*! margin-top: 6px; */
}
.cni-b_client{
    /*! margin-top: -32px; */
    /*! margin-left: 50%; */
}
.cni-video_client{
    margin-top: -86px;
}
.cni-b5 {
    display: block;
    text-align: center;
    border: 1px groove indigo;
    background-color: #4d4d4d;
    border-radius: 10px;
    width: 320px;
    height: 180px;
    /* margin-top:2px;
        margin-left:400px; 
       position: absolute;*/
}
.pa{
    max-height: 630px;
    min-height: 630px;
}
.cni-video {

}

.contrat {
    background-color: #ffffff;
    box-shadow: 0 2px 18px rgba(0, 0, 0, .3);
    text-align: justify;
    padding: 30px;
}

.limitation_liste {
    height: 100px;
}

.token_affiliation{
    /*! margin-top: -114px; */
}
.copie_token{
    color: #c9eadf00;
    font-size: 1px;
    line-height: 0;
}

.texte_token {
}

.texte_token {
    margin-top: 25px;
}

.list_requette {
    /*! margin-top: -90px !important; */
    /*! margin-left: 19% !important; */
    /*! height: 30px; */
    /*! position: absolute; */
    /*! width: 75% !important; */
}
.requette_bc {
    margin-top: -92px !important;;
    margin-bottom: 40px !important;
}
.list_requette_pa {
    margin-top: -40px;
    margin-left: 26%;
}




/*----- page client refection du css -----*/
.app-header {
    height: 10px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 0;
    transition: all .2s;
    margin-top: 25px;
}

.app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

.app-header__logo {
    padding: 0 1.5rem;
    height: 60px;
    width: 20%;
    display: flex;
    align-items: center;
    transition: width .2s;
}

.app-header__menu,
.app-header__mobile-menu {
 margin-top: -50px;
    display: flex;
}

.app-header__logo .logo-src {
    height: 23px;
    width: 97px;
    background: url(assets/images/logo-inverse.png);
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.hamburger {
    padding: 0px 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    /*! font: inherit; */
    /*! color: inherit; */
    /*! text-transform: none; */
    /*! background-color: 
        #de1313; */
    border: 0;
    margin: 0;
    overflow: visible;
    width: 35px !important;
    height: 35px;
    background: rgb(0, 0, 0);
    min-width: 20px !important;
    margin-top: 16px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color:
        #fff;
    border-radius: 10px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}

.hamburger--elastic .hamburger-inner::before {

    top: 6px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 6px, 0) rotate(135deg);
    transition-delay: 0.075s
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    transition-delay: 0.075s
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger--elastic .hamburger-inner::after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger-inner::after {
    bottom: -6px;
}

.hamburger-box {
    height: 14px;
    display: inline-block;
    position: relative;
    background-color: #0003ff;
    left: -11px;
}

.app-header .app-header__content {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 1;
    padding: 0 1.5rem;
    height: 60px;
}

.app-header .app-header__content .app-header-left {
    display: flex;
    align-items: center;
    margin-top: 57px;
    margin-left: 10%;
}

.search-wrapper {
    position: relative;
    margin-right: .66667rem;
}

.search-wrapper .input-holder {
    height: 42px;
    width: 42px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    padding: 0 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background:
        transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    transform: translate(0, 60px);
    transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0s;
    transition-delay: 0.3s;
    font-size: .88rem;
}
.payer{
    margin-top: -63px;
    margin-left: 200px;
}
input,
button,
select,
optgroup,
textarea {
    /*! margin: 0; */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.dropdown-toggle::after {
    position: relative;
    top: 2px;
    opacity: .8;
    margin-left: 5px;
}

.dropdown-toggle::after {
    position: relative;
    top: 2px;
    opacity: .8;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


.search-wrapper .input-holder .search-icon {

    width: 42px;
    height: 42px;
    border: none;
    padding: 0;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background:

        rgba(255, 255, 255, 0.52);
    border-radius: 30px;

}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

button .close {
    padding: 0;
    background-color:
        transparent;
    border: 0;
    appearance: none;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    cursor: pointer;
    opacity: 0 !important;
    transform: rotate(-180deg);
    transition: all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11);
    transition-delay: 0s;
    transition-delay: 0.1s;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.app-header .app-header__content .header-menu .nav-link {
    color: #fff;
    font-size: 16px;
}

.nav-item .nav-link {
    font-weight: normal;
}

.nav-link {
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;

}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

a,
button,
.btn {
    outline: none !important;
    /*! color: #373737; */
}

.btn-group,
.btn-group-vertical {
    vertical-align: middle;
    /*! height: 31px; */
    /*! margin-top: -4px; */
}
.app-header .app-header__content .app-header-right {
    align-items: center;
    display: flex;
    margin-left: auto;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
    margin: 90px;
    margin-left: 90px;
}

.widget-content .widget-content-left .widget-heading {
    opacity: .8;
    font-weight: bold;
}

.app-header .header-user-info>.widget-heading,
.app-header .header-user-info>.widget-subheading {
    white-space: nowrap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 7px;
    margin-bottom: .5rem;
}

.widget-content .widget-content-left .widget-subheading {
    opacity: .5;
}

.app-header .header-user-info>.widget-subheading {
    font-size: .8rem;
}

.app-header .header-user-info>.widget-heading,
.app-header .header-user-info>.widget-subheading {
    white-space: nowrap;
}

img {
    vertical-align: middle;
    border-style: none;
}

/* ------ tabeau de bord ----------------
    .app-theme-white.app-container {
        background: 
        #f1f4f6d1;
    }*/
.app-container {
    display: flex;
    min-height: 80vh;
    flex-direction: column;
    margin: 0;
}

.fixed-header .app-main {
    padding-top: 100px;
}

.app-main {
    /*! flex: 1; */
    /*! display: flex; */
    /*! z-index: 0; */
    /*! position: relative; */
}

.app-theme-white .app-sidebar {
    background-image: linear-gradient(to top, #3a3a3a 0%, #000 100%) !important;
}

.fixed-sidebar .app-sidebar {
    position: fixed;
    height: 100%;
    top: 124px;
    overflow: auto;
}
.entete{
    color: white;
    margin-top: 12px;
    /*! margin-left: 50%; */
    /*! width: 100%; */
    padding-right: 20px;
    line-height: 0px;
}
.app-sidebar {
    width: 250px;
    display: flex;
    z-index: 11;
    overflow: hidden;
    min-width: 250px;
    position: relative;
    flex: 0 0 280px;
    margin-top: -60px;
    padding-top: 60px;
    transition: all .2s;
    margin-left: -20px;
}

.app-container {
    flex-direction: column;
    margin: 0;
}

.mobile_sortie {
    /*! margin-top: 100px; */
}

.button_bomile{
    position: relative;
    white-space: nowrap;
    display: inline-flex;
    left: 20px;
    top:-30px;
}

.button_bomile_sortie_centre {
    margin-top: 0px;
    width: 450px;
    white-space: nowrap;
}

.button_bomile_sortie_droit {
    margin-top: 152px;
    width: 0px;
    margin-left: 135px;
    position: absolute;
    height: 0px;
    white-space: nowrap;
}

.app-sidebar .scrollbar-sidebar {
    z-index: 15;
    width: 100%;
}

.scrollbar-sidebar,
.scrollbar-container {
    position: relative;
    height: 100%;
}

.app-sidebar .app-sidebar__inner {
    padding: 2px 1.5rem 1.5rem;
}

.vertical-nav-menu {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

.vertical-nav-menu li a.mm-active {
    color: #686868;
    background: #e0f3ff;
    font-weight: bold;
}

.vertical-nav-menu li a {
    display: block;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 1.5rem 0 45px;
    position: relative;
    border-radius: .25rem;
    color: #fff;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0;
    font-size: 90%;
}

i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: 100;
    transition: color 300ms;
}

.vertical-nav-menu i.metismenu-state-icon {
    transition: transform 300ms;
    left: auto;
    right: 0;
}

.vertical-nav-menu i.metismenu-state-icon,
.vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    /*left: 5px;*/
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: 100;
    transition: color 300ms;
}

.vertical-nav-menu .mm-collapse:not(.mm-show) {
    display: none;
}

.vertical-nav-menu ul {
    transition: padding 300ms;
    padding: .5em 0 0 2rem;
}

.vertical-nav-menu ul {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

.vertical-nav-menu ul {
    list-style: none;
}

.fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 280px;
}

.app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
    z-index: 12;
}

.app-main .app-main__inner {
    padding: 30px 30px 0;
    flex: 1;
}

.app-theme-white .app-page-title {
    background:
        rgba(185, 230, 202, 0.45);
}

.app-page-title {
    padding: -30px;
    margin: -80px -30px 30px;
    position: relative;
}

.bouton_copie_token {

}

.bouton_verifier {
    height: 0px;
    font-size: 14;
    margin-top: -17px;
    margin-left: 500px;
    width: 0px;
}

.bouton_sortie {
    height: 0px;
    font-size: 14;
    margin-top: 0px;
    margin-left: 634px;
    width: 0px;
}
.bouton_sortie_app {
    height: 0px;
    font-size: 14;
    margin-top: 35px;
    margin-left: 121px;
    width: 0px;
}

.app-page-title .page-title-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 10%;
    margin-left: 0px;
}

.app-page-title .page-title-heading {
    font-size: 1.25rem;
    font-weight: 400;
    display: flex;
    align-content: center;
    align-items: center;
}

.app-page-title .page-title-heading,
.app-page-title .page-title-subheading {
    margin: 0;
    padding: 0;
}

.app-page-title .page-title-icon {
    font-size: 2rem;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    padding: .83333rem;
    margin: 0 30px 0 0;
    background:
        #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-radius: .25rem;
    width: 60px;
    height: 60px;
}

.icon-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color:
        transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.app-page-title .page-title-icon i {
    margin: auto;
}
.app-page-title .page-title-subheading {
    padding: 3px 0 0;
    font-size: .88rem;
    opacity: .6;
}
.app-page-title .page-title-heading,
.app-page-title .page-title-subheading {
    margin: 0;
    padding: 0;
}

.app-page-title .page-title-actions {
    margin-left: auto;
}

.d-inline-block {
    display: inline-block !important;
    margin-top: -30px;
    padding: 10px;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    /*! width: 100%; */
    padding-right: 15px;
    padding-left: 15px;
}

.card.mb-3:hover {
    box-shadow: 0px 0px 7px rgb(9, 235, 9);
}

.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}

.bg-midnight-bloom {
    /*! background-image: linear-gradient(-20deg,
            #2b5876 0%,
            #4e4376 100%) !important; */
}

.text-white {
    /*! color:
        #fff !important; */
    font-family: Righteous-Regular;
}

.card {
    word-wrap: break-word;
}

.bg-arielle-smile {
    /*! background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%,
            #46aef7 100%) !important; */
}

.bg-arielle-smile_b {
    /*! background-image: linear-gradient(to bottom, #b06300db, #c93d3d) !important; */
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:
        #fff;
    background-clip: border-box;
    border: 1px solid rgba(26, 54, 126, 0.125);
    border-radius: 0.65rem;
    padding: 10px;
    margin-bottom: 10px;
}


.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}

.bg-premium-dark {
    /*! background-image: linear-gradient(to right,
            #434343 0%,
            black 100%) !important; */
}

.bg-premium-dark_b {
    /*! background-image: linear-gradient(to right, #007bfd 10%, #00c3ff 100%) !important; */
}

.bg-arielle-smile {
    /*! background-image: radial-gradient(circle 248px at center,
            #16d9e3 0%, #30c7ec 47%,
            #46aef7 100%) !important; */
}

.bg-premium-dark {
    /*! background-image: linear-gradient(to right,
            #434343 0%,
            black 100%) !important; */
}

.bg-night-fade {
    /*! background-image: linear-gradient(to top,
            #a18cd1 0%,
            #fbc2eb 100%) !important; */
}

.bg-night-fade_b {
    /*! background-image: linear-gradient(to top, #c700ff 0%, #92026a 100%) !important; */

}

/* ------------------------------  blog -------------------   */

/* base blog styles */
.blog {
    float: right;
    display: block;
    margin: 0px 0px 20px 0px;
    position: relative;
    color: #666;
    text-transform: uppercase;
    font-family: OpenSansRegular;
}

.blog ul {
    padding: 0;
    margin: 0;
}

.blog ul ul li {
    height: auto
}

.blog li {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    float: left;
    list-style-type: none;
    z-index: 1;
    font-size: 13px;
    margin-left: 10px;
    line-height: 30px;
    border-radius: 10px
}

.blog li:hover,
.blog li a:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #0053b0;
    color: #fff;
}

.blog li.active {
    background: #48a5ffcc
}

.blog li.active a {
    color: #fff
}

.blog ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blog li a {
    display: block;
    padding: 0px 10px 0px 0px;
    color: #000ad5;
    text-decoration: none;
}

.blog li a:focus {
    outline: none;
    text-decoration: none;
}

.blog li:first-child a {
    border-left: none
}

.blog li.last a {
    border-right: none
}

.blog a span {
    display: block;
    float: right;
    margin-left: 5px;
}

.blog ul ul {
    display: none;
    position: absolute;
    background: #1c83f6;
    left: 0px;
    min-width: 150px;
}

.blog ul ul li {
    float: none;
    line-height: 30px;
}

.blog ul ul a {
    text-transform: none;
    -webkit-transition-property: background color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background color;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background color;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    -ms-transition-property: background color;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease;
    transition-property: background color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    padding: 5px 10px;
    border-left: none;
    border-right: none;
    font-size: 14px;
    color: #fff;
    margin-left: -5px;
}

.blog ul ul a:hover {
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.1);
    margin-left: -5px;
    -webkit-transition-property: background color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background color;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background color;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    -ms-transition-property: background color;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease;
    transition-property: background color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.blog ul>li:hover>a {
    color: #fff
}

.table_blog {
    
    position: relative;
}
.comment_post {
    margin-top: 120px;
    
}

.blog_bordure{
    border: solid 1px;
}
.avatar_blog_poste {
    /*! margin-top: -155px; */
    margin-left: -50px;
    /*! width: 0px; */
    /*! height: 0px; */
    /*! z-index: 1; */
    position: absolute;
    width: 50px;
}

.avatar_blog_modal {
    margin-top: -25px;
    margin-left: 674px;
    position: absolute;
    /*! width: 0px; */
    /*! height: 0px; */
    z-index: 1;
}

.avatar_blog_reponse {
    margin-top: 500px;
    margin-left: 507px;
    position: absolute;
}

.blog_poste {
    height: 117px;
    margin-left: 0px;
    width: 100%;
    margin-bottom: -55px;
    position: relative;
}


.bouton_blog_poste {
    margin-left: 502px;
    margin-top: 130px;
}

.bouton_commenter {
    /*! margin-top: -45px; */
    /*! position: absolute; */
    /*! z-index: 100; */
    /*! margin-left: 11px; */
    float: right;
}

.bouton_blog_trouver {
    /*! margin-left: 325px; */
    margin-top: -7.5px;
    /*! margin-bottom: -70px; */
    /*! float: left; */
    /*! width: 0px; */
    /*! height: 0px; */
}

.bouton_blog_poster_b {
    margin-left: 420px;
    margin-top: 60px;
    margin-bottom: -70px;
    float: left;
    width: 0px;
    height: 0px;
}

.bouton_blog_poster {
    /*! margin-left: 450px; */
    margin-top: -7.5px;
    /*! width: 144px; */
    /*! height: 0px; */
    /*! position: absolute; */
}

.bouton_blog_comment {
    margin-left: 477px;
    margin-top: 60px;
    width: 144px;
    height: 0px;
    position: absolute;
}


.text_blog {
    margin-top: 150px;
    border: solid 1px;
    padding: 20px;
    background-color: #f4c0ea78;
}
.bouton_blog_commenterk {
    /*! margin-top: -45px; */
    float: right;
}

.afffiche {
    margin-top: -38px;
    display: block;
}

.afffiche_objet {
    font-weight: bold;
    border-bottom: solid 1px;
    padding-left: 0px;
}

.affichage_message {
    margin-top: 25px;
}

/*.affichage_message_poste{
    height: 145px;
    background-color: #a1c8f594;
    border-radius: 7px;
    margin-top: -75px;
    margin-left: 40px;
}*/
.blog_objet_poste {
    margin-top: -64px;
    margin-left: 58px;
    width: 148%;
}

.blog_consulter {
    margin-top: 240px;
    margin-left: 4px;
}

.blog_commentaire {
    margin-top: 240px;
    margin-left: 4px;
}
.blog_consulter {
    margin-top: 240px;
    margin-left: 4px;
}

.blog_type {
    float: right;
    margin-right: 50px;
}

.blog_type_post {
    font-weight: bold;
    color: red;
}
.onglets{
    border: solid 1px #d9d4d4;
    width: 163.3%;
    background: #d9d4d4;
}
.onglets_peut{
    /*! width: 100%; */
    /*! margin-top: 10px; */
    z-index: 12;
}
.blog_consulter_post{
    margin: 1% auto;
    position: absolute;
    z-index: 1;
    margin-left: 70px;
}

.blog_rechercher {
    /*! margin-top: 2.5%; */
}

.blog_categorie {
    /*! margin-top: -8px; */
    /*! width: 35%; */
    /*! color: #595e5b; */
    /*! text-align: center; */
    /*! height: 15px; */
    /*! margin-left: -35px; */
}

.blog_categorie_comment {
    margin-top: -8px;
    width: 35%;
    color: #404442;
    text-align: center;
    background: #45a0ff;
    height: 15px;
    margin-left: -4px;
}

.blog_nom {
    background-color: #001cff42;
    padding-top: 10px;
    padding-left: 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 100%;
    margin-left: 10px;
    margin-top: -10px;
}
.nom_comment {
    font-weight: bold;
    margin-top: 5px;
    position: absolute;
    margin-left: 350px;
}

.blog_user_poste {
    /*! color: #555; */
    /*! height: 18px; */
    /*! margin-bottom: 37px; */
    /*! margin-top: 34px; */
    /*! position: absolute; */
    /*! margin-left: 350px; */
    
}
.user_comment {
    color: #555;
    height: 18px;
    margin-bottom: 37px;
    margin-top: 34px;
    position: absolute;
    margin-left: 350px;
}

.fixe_menu {
    height: 0px;
    /*! background: radial-gradient(100.99% 100.73% at 0 0,rgb(124, 189, 254) 0,#13095b .01%,rgba(0,196,204,0) 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#20abff 0,rgba(100,32,255,0) 100%),radial-gradient(106.1% 249.18% at 0 0,#1000cc 0,rgba(0,196,204,0) 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0,rgba(100,32,255,0) 100%),#0800ff; */
    position: fixed;
    margin-left: 0px;
    width: 100%;
    z-index: 1000;
    padding-top: 4px;
}
.position {
    height: 99px;
}


.Message_poste {
    margin-top: -120px;
    margin-left: -10px;
}

.modal_Message_poste {
    margin-top: 10px;
    margin-left: 6px;
    /*! min-height: 100px; */
    /*! width: 160%; */
    /*! max-height: 100px; */
    /*! padding: 10; */
}

.modal_Message_comment {
    margin-top: -6px;
    margin-left: 59px;
    /*! height: 0px; */
    width: 618px;
    height: 61px;
}

.modal_ajout_blog {
    /*! margin-top: 165px; */
    /*! position: absolute; */
    /*! top: -140px; */
    /*! right: -156px; */
    /*! width: 620px; */
    padding-top: 10px;
}

.modal_ajout_blog_2 {
    /*! margin-top: 185px; */
    /*! position: absolute; */
    /*! top: -134px; */
    /*! right: -156px; */
    /*! width: 620px; */
    padding-top: 10px;
}

.modal_ajout_img_coment_1 {
    margin-top: 168px;
    position: absolute;
    top: -50px;
    right: -135px;
    width: 620px;
}

.modal_ajout_img_coment_2 {
    margin-top: 169px;
    position: absolute;
    top: -30px;
    right: -156px;
    width: 620px;
    right: -135px;
}

.Message_affiche {
    margin-top: -70px;
    margin-left: -12px;
}


.widget-content .widget-numbers {
    font-weight: bold;
    font-size: 1.2rem;
    display: block;
}
.services_acceuil {
    /*! font-weight: bold; */
    font-size: 182%;
    padding-top: 5%;
    text-align: center;
}
.box_service {
    /*! width: 6% !important; */
    margin: auto;
}
.icone_service{
    /*! padding-top: 7% !important; */
    /*! max-width: 30%; */
    /*! min-width: 30%; */
    /*! max-height: 30%; */
    /*! min-height: 30%; */
}
.logo_pay{
    /*! max-width: 48%; */ 
    min-width: 27%;
    /*! margin-top: -134%; */
    text-align: center;
}
.nom_pay{
    padding-top: 5%;
    font-size: 17px;
}
.texte_service{
    padding-top: 3%;
    text-align: left;
    font-size: 13px;
}


.widget-content .widget-content-wrapper {
    /*! display: flex; */
    /*! flex: 1; */
    /*! position: relative; */
    /*! align-items: center; */
}

.widget-content .widget-content-left .widget-heading {
    opacity: .8;
    font-weight: bold;
}

.widget-content .widget-content-left .widget-subheading {
    opacity: .5;
}

.bg-happy-green {
    /*! background-image: linear-gradient(to bottom, #ff8708, #f25d03) !important; */
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
    height: 0px;
}

.widget-content .widget-content-right {
    /*! margin-left: auto; */
    width: 100%;
    text-align: right;
}

.bg-grow-early {
    /*! background-image: linear-gradient(to top,
            #0ba360 0%,
            #3cba92 100%) !important; */
}

.card.mb-3 {
    margin-bottom: 42px !important;
    height: 77px;
    box-shadow: 0px 0px 7px rgba(221, 174, 64, 0.41);
}

.card-header:first-child {
    border-radius: calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;
}

.card-header {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: .625rem;
    height: 3.5rem;
}

.card-header,
.card-title {
    text-transform: uppercase;
    color:
        rgba(6, 54, 197, 0.8);
    font-weight: bold;
    font-size: .88rem;
    border-bottom: solid 1px;
}

.card-header {
    padding: .75rem 1.25rem;
    padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0;
    color: inherit;
    background-color:
        #fff;
    border-bottom: 1px solid rgba(26, 54, 126, 0.125);
    border-bottom-width: 1px;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-height: 230px;
}

.tbody_card {
    line-height: 15px; 
    border-bottom: 2px solid #ff000029;
}
.icone_footer {
    width: 25%;  
    margin-top: -25px;
}
.Menu_footer {
    width: 100%;
    display: none;
}

.table_badg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-height: 137px;
    min-height: 137px;
}

.table_badg_flider {
    max-height: 137px;
    min-height: 115px;
}

.grand_format {
    max-height: 400px;
    /*! margin-top: -110px; */
}
.grand_format_pa {
    max-height: 800px;
    margin-top: -100;
}

.table-responsive_liste {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-height: 600px;
}

.infos_sposor {
    padding-bottom: 30px;
}

.btn-actions-pane-right {
    margin-left: auto;
    white-space: nowrap;
}

.boutons_modal {
    margin-left: 85px;
    white-space: nowrap;
    padding-bottom: 35px;
}

.fa-caret-left:before {
    content: "\f0d9"
}

.vertical-nav-menu li.mm-active>a i.metismenu-state-icon {
    transform: rotate(-180deg);
}

.vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1;
}

.vertical-nav-menu ul::before {
    content: '';
    height: 100%;
    opacity: 1;
    width: 3px;
    background: #e0f3ff;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 15px;
}

.list_tableau {
    height: 400px;
}

.onglets_html {
    /*! position: absolute; */
    /*! width: 100%; */
    height: 0px;
    /*! margin-top: -31px; */
    margin-bottom: 30px;
}
.onglets_html_ajout {
    max-height: 100%;
}
.widget-content-left {
    /*! height: 0px; */
    /*! margin-top: -62px; */
}

.corp_graphique {
    height: 450px;
}

.arrier_graphique {
    height: 450px;
}


.vertical-nav-menu li a:hover {
    background: #b1e1ff;
    text-decoration: none
}



.vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: .6
}

.vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1
}

.vertical-nav-menu li.mm-active>a {
    font-weight: bold
}

.vertical-nav-menu li.mm-active>a i.metismenu-state-icon {
    transform: rotate(-180deg)
}

.vertical-nav-menu li a.mm-active {
    color: #686868;
    background: #e0f3ff;
    font-weight: bold;
    text-align: center;
}

.vertical-nav-menu i.metismenu-state-icon,
.vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: 100;
    transition: color 300ms
}

.vertical-nav-menu i.metismenu-state-icon {
    transition: transform 300ms;
    left: auto;
    right: 0
}

.vertical-nav-menu ul {
    transition: padding 300ms;
    padding: .5em 0 0 2rem
}

.vertical-nav-menu ul:before {
    content: '';
    height: 100%;
    opacity: 1;
    width: 3px;
    background: #e0f3ff;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 15px
}

.vertical-nav-menu ul>li>a {
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.5rem 0;
}

.vertical-nav-menu ul>li>a:hover {
    color: #3f6ad8
}

.vertical-nav-menu ul>li>a .metismenu-icon {
    display: none
}

.vertical-nav-menu ul>li>a.mm-active {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold
}

.app-sidebar.sidebar-text-light {
    border-right: 0 !important
}

.app-sidebar.sidebar-text-light .app-sidebar__heading {
    color: rgba(255, 255, 255, 0.6)
}

.app-sidebar.sidebar-text-light .app-sidebar__heading::before {
    background: rgba(255, 255, 255, 0.5) !important
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a {
    color: rgba(255, 255, 255, 0.7)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-state-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: .8
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a.mm-active {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.15)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul:before {
    background: rgba(255, 255, 255, 0.1)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a {
    color: rgba(255, 255, 255, 0.6)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a:hover {
    color: #fff
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a.mm-active {
    color: #fff;
    background: rgba(255, 255, 255, 0.15)
}

.app-sidebar.sidebar-text-light .ps__thumb-y {
    background: rgba(255, 255, 255, 0.3)
}

.app-sidebar.sidebar-text-light .ps__rail-y:hover .ps__thumb-y {
    background: rgba(255, 255, 255, 0.2)
}

.app-sidebar.sidebar-text-light .app-header__logo .logo-src {
    background: url(assets/images/logo.png)
}

.app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner,
.app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::before,
.app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::after {
    background-color: rgba(255, 255, 255, 0.8)
}

.app-sidebar.sidebar-text-dark {
    border-right: 0 !important
}

.app-sidebar.sidebar-text-dark .app-sidebar__heading {
    color: rgba(0, 0, 0, 0.6)
}

.app-sidebar.sidebar-text-dark .app-sidebar__heading::before {
    background: rgba(0, 0, 0, 0.5) !important
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a {
    color: rgba(0, 0, 0, 0.6)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-state-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.7)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: .7
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a.mm-active {
    color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.15)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul:before {
    background: rgba(0, 0, 0, 0.1)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a {
    color: rgba(0, 0, 0, 0.4)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a:hover {
    color: rgba(0, 0, 0, 0.7)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a.mm-active {
    color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.15)
}

.app-sidebar.sidebar-text-dark .ps__thumb-y {
    background: rgba(0, 0, 0, 0.3)
}

.app-sidebar.sidebar-text-dark .ps__rail-y:hover .ps__thumb-y {
    background: rgba(0, 0, 0, 0.2)
}

.app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner,
.app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::before,
.app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::after {
    background-color: rgba(0, 0, 0, 0.8)
}

.fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 170px;
}

.fixed-sidebar.fixed-header .app-sidebar .app-header__logo {
    display: none
}

.fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo {
    display: flex
}

.fixed-sidebar:not(.fixed-header) .app-header {
    margin-left: 280px
}

.fixed-sidebar:not(.fixed-header) .app-header .app-header__logo {
    display: none
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header {
    margin-left: 80px
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo {
    width: 80px;
    padding: 0
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .logo-src {
    display: none
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .header__pane {
    margin-right: auto
}

.closed-sidebar .app-sidebar {
    transition: all .3s ease;
    width: 80px;
    min-width: 80px;
    /*! flex: 0 0 80px; */
    z-index: 13;
}

.closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading {
    text-indent: -999em
}

.closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0f3ff;
    text-indent: 1px
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul li a {
    text-indent: -99rem;
    padding: 0
}

.closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-icon {
    text-indent: 0;
    left: 50%;
    margin-left: -17px
}

.closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-state-icon {
    visibility: hidden
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul::before {
    display: none
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show {
    padding: 0
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show>li>a {
    height: 0
}

.closed-sidebar .app-sidebar:hover {
    flex: 0 0 280px !important;
    width: 280px !important
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading {
    text-indent: initial
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading::before {
    display: none
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul::before {
    display: block
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a {
    text-indent: initial;
    padding: 0 1.5rem 0 45px
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-icon {
    text-indent: initial;
    left: 5px;
    margin-left: 0
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-state-icon {
    visibility: visible
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show {
    padding: .5em 0 0 2rem
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show>li>a {
    height: 2.3em
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul ul li a {
    padding-left: 1em
}

.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar {
    position: static;
    height: auto;
    overflow: initial !important
}

.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .scrollbar-sidebar {
    position: absolute;
    height: 100%;
    overflow: hidden !important
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {
    width: 80px
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src {
    display: none
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane {
    margin-right: auto
}

.closed-sidebar.fixed-sidebar .app-main__outer {
    padding-left: 80px
}

.closed-sidebar.fixed-header:not(.fixed-sidebar) .app-sidebar .app-header__logo {
    visibility: hidden
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo,
.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo {
    width: auto;
    display: flex
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane,
.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane {
    display: none
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo {
    display: flex;
    width: 80px;
    padding: 0 1.5rem !important
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src {
    display: block !important;
    margin: 0 auto;
    width: 21px
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane {
    display: none
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo {
    width: 280px
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo .logo-src {
    width: 97px;
    margin: 0
}

.closed-sidebar.closed-sidebar-mobile .app-header {
    margin-left: 0 !important
}

.closed-sidebar.fixed-footer .app-footer__inner {
    margin-left: 0 !important
}

.app-main {
    flex: 1;
    display: flex;
    z-index: 0;
    position: relative
}

.app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
    z-index: 12
}

.app-main .app-main__inner {
    /*! padding: 20px; */
    flex: 1;
    background: #fff;
    border: solid 1px #dbd7fa;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: -90px;
    padding-bottom: 0px;
}



.app-theme-white .app-page-title {
    background: rgba(185, 230, 202, 0.45);
    width: 105%;
}

.app-theme-white .app-footer .app-footer__inner,
.app-theme-white .app-header {
    background: #fafbfc
}

.app-theme-white.fixed-header .app-header__logo {
    background: rgba(250, 251, 252, 0.1)
}

.app-footer {
    height: 60px
}

.app-footer .app-footer__inner {
    padding: 0 1.5rem 0 .75rem;
    height: 60px;
    display: flex;
    align-content: center;
    align-items: center
}

.app-footer .app-footer__inner .app-footer-left {
    display: flex;
    align-items: center
}

.app-footer .app-footer__inner .app-footer-right {
    margin-left: auto;
    display: flex
}

.fixed-footer .app-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 7
}

.fixed-footer .app-footer .app-footer__inner {
    margin-left: 280px;
    box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(4, 9, 20, 0.02), 0.3rem -0.9375rem 1.40625rem rgba(4, 9, 20, 0.02), 0.3rem -0.25rem 0.53125rem rgba(4, 9, 20, 0.04), 0.3rem -0.125rem 0.1875rem rgba(4, 9, 20, 0.02)
}

.fixed-footer .app-main .app-main__outer {
    padding-bottom: 60px
}

.app-page-title {
    padding: -30px;
    margin: -80px -30px 30px;
    position: relative;
    height: 61px;
}

.app-page-title+.body-tabs-layout {
    margin-top: -30px !important
}

.app-page-title .page-title-heading,
.app-page-title .page-title-subheading {
    margin: 0;
    padding: 0
}

.app-page-title .page-title-heading {
    font-size: 1.25rem;
    font-weight: 400;
    display: flex;
    align-content: center;
    align-items: center
}

.app-page-title .page-title-subheading {
    padding: 3px 0 0;
    font-size: .88rem;
    opacity: .6
}

.app-page-title .page-title-subheading .breadcrumb {
    padding: 0;
    margin: 3px 0 0;
    background: transparent
}

.app-page-title .page-title-actions {
    margin-left: 764px;
}

.app-page-title .page-title-actions .breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent
}

.app-page-title .page-title-icon {
    font-size: 2rem;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    padding: 1.1rem;
    margin: 0 30px 0 0;
    background: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-radius: .25rem;
    width: 60px;
    height: 60px
}

.app-page-title .page-title-icon i {
    margin: auto
}

.app-page-title .page-title-icon.rounded-circle {
    margin: 0 20px 0 0
}

.app-page-title+.RRT__container {
    margin-top: -23.07692px
}

.app-page-title.app-page-title-simple {
    margin: 0;
    background: none !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.page-title-icon-rounded .page-title-icon {
    border-radius: 50px
}

.search-wrapper {
    position: relative;
    margin-right: .66667rem;
    display: none;
}

.search-wrapper .input-holder {
    height: 42px;
    width: 42px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    padding: 0 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 6px;
    left: 0;
    background: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    transform: translate(0, 60px);
    transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0.3s;
    font-size: .88rem
}

.search-wrapper .input-holder .search-icon {
    width: 42px;
    height: 42px;
    border: none;
    padding: 0;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 30px
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65)
}

.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: ''
}

.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 16px;
    border-radius: 2px;
    background: #3f6ad8
}

.search-wrapper .input-holder .search-icon span::after {
    width: 17px;
    height: 17px;
    left: 2px;
    top: 0px;
    border-radius: 16px;
    border: 2px solid #3f6ad8
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 0px;
    height: 20px;
    margin-top: -100px;
    cursor: pointer;
    opacity: 0 !important;
    transform: rotate(-180deg);
    transition: all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11);
    transition-delay: 0.1s
}

.search-wrapper .close::before,
.search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 2px;
}

.search-wrapper .close::before {
    width: 2px;
    height: 20px;
    left: 76px;
    top: 70px;
}

.search-wrapper .close::after {
    width: 20px;
    height: 2px;
    left: 67;
    top: 79px;
}

.search-wrapper.active {
    width: 330px
}

.search-wrapper.active .input-holder {
    width: 290px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57)
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 11px)
}

.search-wrapper.active .input-holder .search-icon {
    width: 42px;
    height: 42px;
    margin: 0;
    border-radius: 30px
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg)
}

.search-wrapper.active .close {
    left: 300px;
    opacity: 1 !important;
    transform: rotate(45deg);
    transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0.5s
}

.search-wrapper.active .close:hover {
    opacity: 1 !important
}

.search-wrapper.active+.header-menu {
    opacity: 0
}

.opacity-01 {
    opacity: .01 !important
}

.opacity-02 {
    opacity: .02 !important
}

.opacity-03 {
    opacity: .03 !important
}

.opacity-04 {
    opacity: .04 !important
}

.opacity-05 {
    opacity: .05 !important
}

.opacity-06 {
    opacity: .06 !important
}

.opacity-07 {
    opacity: .07 !important
}

.opacity-08 {
    opacity: .08 !important
}

.opacity-09 {
    opacity: .09 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-15 {
    opacity: .15 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important
}

.br-tl {
    border-top-left-radius: .25rem !important
}

.br-tr {
    border-top-right-radius: .25rem !important
}

.br-bl {
    border-bottom-left-radius: .25rem !important
}

.br-br {
    border-bottom-right-radius: .25rem !important
}

.b-radius-0 {
    border-radius: 0 !important
}

.rm-border {
    border-width: 0 !important
}

.br-a {
    border-radius: .25rem
}

.margin-h-center {
    margin-left: auto !important;
    margin-right: auto !important
}

.center-svg {
    margin: 0 auto
}

.center-svg svg {
    margin: 0 auto
}

.apexcharts-canvas {
    margin: 0 auto
}

.apexcharts-donut {
    display: flex;
    align-items: center;
    align-content: center
}

.alert-dismissible .close {
    top: 0;
    right: 5px;
    padding: 5px
}

.icon-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.font-size-xlg {
    font-size: 1.3rem !important
}

.font-size-md {
    font-size: .9rem !important
}

.font-size-lg {
    font-size: 1.1rem !important
}

.no-shadow {
    box-shadow: 0 0 0 transparent !important
}

.h-100 {
    height: 100vh !important;
    /*! position: fixed; */
     width: 75%; 
}

.he-auto {
    height: auto !important
}

.he-100 {
    height: 100%
}

.h-sm {
    height: 150px
}

.text-nowrap {
    white-space: nowrap
}

.fsize-1 {
    font-size: .95rem !important
}

.fsize-2 {
    font-size: 1.3rem !important
}

.fsize-3 {
    font-size: 1.2rem !important
}

.fsize-4 {
    font-size: 2rem !important
}

.z-index-6 {
    z-index: 6
}

.line-height-1 {
    line-height: 1
}

.center-elem {
    display: flex;
    align-items: center;
    align-content: center;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}

.flex2 {
    flex: 2
}

.divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 1px;
    overflow: hidden;
    background: #e9ecef
}

.list-group-item:hover {
    z-index: initial
}

.no-results {
    padding: 1.5rem;
    text-align: center
}

.no-results .results-title {
    color: #495057;
    font-size: 1.25rem
}

.no-results .results-subtitle {
    color: #adb5bd;
    font-size: 1.1rem
}

.bg-animation {
    animation: bg-pan-left 8s both
}

.btn-outline-primary {
    color: #3f6ad8;
    border-color: #3f6ad8;
}

.btn {
    position: relative;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    font-size: .8rem;
}


.dropdown-menu.show {
    animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-menu {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    margin: .125rem;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 15rem;
    padding: .0.65rem 0;
    margin: .125rem 0 0;
    font-size: -0.12rem;
    color:
        #495057;
    text-align: left;
    list-style: none;
    background-color:
        #ecffffe3;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
  text-emphasis-color: #dce1e2;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  /*! margin-left: 64%; */
  /*! max-width: 30%; */
  z-index: ;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #26a9be;
    border-color: #244cb3;
  }

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.btn {
    position: relative;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    font-size: .8rem;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background: -moz-linear-gradient(top, #0357f982, #007ae6);
    border: 1px solid #fff;
    padding: 10px 13px;
    font-size: 1rem;
    line-height: 1.2;
    border-radius: 3.25rem;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    /*! height: 38px; */
    min-width: 150px;
    background: black;
}

*,
::before,
::after {
    box-sizing: border-box;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto;
    width: 0;
}

.button_bomile_pagination {
    margin-left: 150px;
    /*! max-height: 36px; */
}
.button_requette {
    margin-left: 1093px;
    /*! margin-top: 0px; */
    position: absolute;
}

.button_bomile_impression {
    /*! margin-left: -80px; */
    /*! margin-top: -33px; */
    /*! text-align: left; */
}


.btn {
    position: relative;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
    font-size: .8rem;
}

.btn-info {
    color: #fbf7f7;
    background: -moz-linear-gradient(top,#c4cac4,#737a7a);
    /*! border-color:
    #16aaff; */
    min-width: 35px;
    min-height: 21px;
}

.table-responsive>.table-bordered {
    border: 0;
}

.text-right {
    text-align: right !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.float-right {
    float: right !important;
}

/* entet pour media */
.bill_titre_page {
    display: none;
}

.bill_nom {
    margin-top: -48px;
    font-size: 14px;
    margin-left: 350px;
    font-family: Righteous-Regular;
    /*! position: absolute; */
    color: rgb(114, 112, 111);
    display: none;
}

.bill_avatar {
    margin-top: -11px;
    margin-left: 620px;
    position: absolute;
    display: none;
}


/*----- fin page client refection du css -----*/

.nb_produit {
    width: 70px;
    margin-left: 550px;
}

.button_bomile_panier_gauche {
    margin-left: 840px;
}

.button_bomile_panier_droit {
    margin-left: 997px;
    margin-top: -54px;
    position: absolute;
}

.se_souvenir {
    margin-left: -247px;
    margin-top: 100px;
}

.bouton_connexion {
    /*! margin: 0 auto; */
    text-align: center;
    padding-top: 25px;
}

.pass_oublie {
    margin: 0 auto;
    text-align: center;
}

.creer_compte {
    margin: 0 auto;
    text-align: center;
}

.modif_avatar {
    display: block;
    text-align: center;
    border: 1px groove indigo;
    margin-top: 98px;
    margin-left: 2px;
    margin-bottom: 100px;
}

.blog_image {
    display: block;
    text-align: center;
    margin-top: -94px;
    margin-right: 225px;
    margin-bottom: 30px;
    max-height: 50px;
    max-width: 50px;
    float: right;
}

.blog_image_poste_1 {
    max-height: 10%;
    max-width: 10%;
    /*! position: absolute; */
}

.actu_com_image {
    margin-top: -113px !important;
    position: fixed;
}

.blog_image_poste_2 {
    /*! display: block; */
    /*! text-align: center; */
    /*! margin-top: 100px; */
    /*! margin-left: 5%; */
    /*! margin-bottom: 30px; */
    max-height: 10%;
    max-width: 10%;
    /*! float: right; */
    /*! position: absolute; */
}

.blog_image_com_1 {
    text-align: center;
    margin-top: -217px;
    margin-left: -17px;
    margin-bottom: 30px;
    max-height: 50px;
    max-width: 50px;
    position: absolute;
}

.blog_image_com_2 {
    margin-top: -253px;
    margin-left: -17px;
    max-height: 50px;
    max-width: 50px;
    position: absolute;
}

.blog_image_poste_modal_1 {
    /*! display: block; */
    /*! text-align: center; */
    /*! margin-top: -113px; */
    /*! margin-right: -522px; */
    /*! margin-bottom: 30px; */
    /*! max-height: 50px; */
    /*! max-width: 50px; */
    /*! float: right; */
    padding-top: 10px;
}

.blog_image_poste_modal_2 {
    /*! display: block; */
    /*! text-align: center; */
    /*! margin-top: -50px; */
    /*! margin-right: -386px; */
    /*! margin-bottom: 30px; */
    /*! max-height: 50px; */
    /*! max-width: 50px; */
    /*! float: right; */
    padding-top: 10px;
}

.blog_image_2 {
    display: block;
    text-align: center;
    margin-top: -100px;
    margin-right: 225px;
    margin-bottom: 30px;
    max-height: 50px;
    max-width: 50px;
    float: right;
}

.blog_post_comment {
    position: absolute;
    top: 22px;
    left: 130px;
    max-width: 585px;
    max-height: 70px;
    font-size: 10px;
}

.align-middle {
    vertical-align: middle !important
}

.bouton_find_token {
    margin-left: 115px;
    margin-top: 26px;
}
.bouton_poste{
/*! right: 55px; */
/*! top: 214px; */
/*! position: absolute; */
/*! width: 0px; */
/*! height: 50px; */
}
.bouton_sortie{
right: 55px;
top: 214px;
position: absolute;
width: 0px;
height: 50px;
}
.bouton_verifier{
right: 40px;
top: 24px;
position: absolute;
width: 0px;
height: 50px;
}
.modal_verif{
    height: 100% !important;
}
.bouton_sortie_modal{
right: 40px;
top: 6px;
position: absolute;
width: 0px;
height: 50px;
}
.bouton_sendcomment {
    margin-left: 626px;
    margin-top: 55px;
    position:absolute; 
    width: 0px;
    height: 0px;
}

.bouton_comment {
    margin-right: -614px;
    margin-top: -75px;
}

select {
    /*! margin-top: 0px; */
    height: 22px;
}

.mobile_sumit {
    /*! margin-left: 20px; */
    float: right;
}

.list_tableau_appareils {
    width: 97%;
    margin-left: 0px;
    margin-top: -1px;
    font-size: 95%;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0
}
.badge-light {
    color: #21252996;
    background-color: #ffb300;
  }
  a.badge-light:hover,
  a.badge-light:focus {
    color: #212529;
    background-color: #d5d5d5;
  }
.badge-pill{
    padding-right:.6em;
    padding-left:.6em;
    border-radius:10rem;
    background: #00ff04;
}
.badge-tchat{
    padding-right:.6em;
    padding-left:.6em;
    border-radius:50rem;
    background: #fbe00a;
}
.badge-panier{
    background: #06fa15;
    margin-top: 31px;
    max-width: 20px !important;
    max-height: 20px;
    position: absolute;
    border-radius: 50%;
    padding: 1px 7px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin-left: 22px;
    min-width: 20px;
    min-height: 20px;
}
.badge-blog{
    padding-right:.6em;
    padding-left:.6em;
    border-radius:50rem;
    background: #fb0a0a;
    color: white;
}
.badge-promo{
    padding-right:.6em;
    padding-left:.6em;
    border-radius:50rem;
    background: #d20afb;
    color: white;
}
.badge {
    /*! font-weight: bold; */
    /*! text-transform: uppercase; */
    /*! padding: 2px 5px; */
    width: 100px;
    /*! border: solid 2px aliceblue; */
    /*! border-radius: 5px; */
    /*! font-size: 11; */
}
.badge-warning {
    color: #212529;
    background-color: #f7b924;
    font-size: 11px;
    padding: 3px;
    width: 70%;
    text-align: center;
}
.badge-success {
    color: #fff;
    background-color: #3ac47d;
}
.badge-danger {
    color: #fff;
    background-color: #d92550;
}
.badge-info {
    color: #fff;
    background-color: #16aaff;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05)
}
.table-hover tbody tr:hover {
    background-color: #e0f3ff
}

.table-hover tbody tr:hover {
    background-color: #e0f3ff
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #c9d5f4
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: #9bb2eb
}

.table-hover .table-primary:hover {
    background-color: #b4c5f0
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #b4c5f0
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #4692f7
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #4692f7
}

.table-hover .table-secondary:hover {
    background-color: #4692f7
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #4692f7
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: #c8eedb
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: #99e0bb
}

.table-hover .table-success:hover {
    background-color: #b5e8ce
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b5e8ce
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: #bee7ff
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: #86d3ff
}

.table-hover .table-info:hover {
    background-color: #a5deff
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #a5deff
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #fdebc2
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: #fbdb8d
}

.table-hover .table-warning:hover {
    background-color: #fce3a9
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fce3a9
}

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f4c2ce
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: #eb8ea4
}

.table-hover .table-danger:hover {
    background-color: #f0acbd
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f0acbd
}

.table-light,
.table-light>th,
.table-light>td {
    background-color: #fafafa
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
    border-color: #f6f6f6
}

.table-hover .table-light:hover {
    background-color: #ededed
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ededed
}

.table-dark,
.table-dark>th,
.table-dark>td {
    background-color: #c6c8ca
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-focus,
.table-focus>th,
.table-focus>td {
    background-color: #cbcacf
}

.table-focus th,
.table-focus td,
.table-focus thead th,
.table-focus tbody+tbody {
    border-color: #9e9ca6
}

.table-hover .table-focus:hover {
    background-color: #bebdc3
}

.table-hover .table-focus:hover>td,
.table-hover .table-focus:hover>th {
    background-color: #bebdc3
}

.table-alternate,
.table-alternate>th,
.table-alternate>td {
    background-color: #d9cdde
}

.table-alternate th,
.table-alternate td,
.table-alternate thead th,
.table-alternate tbody+tbody {
    border-color: #b9a2c2
}

.table-hover .table-alternate:hover {
    background-color: #cdbed4
}

.table-hover .table-alternate:hover>td,
.table-hover .table-alternate:hover>th {
    background-color: #cdbed4
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: #e0f3ff
}

.table-hover .table-active:hover {
    background-color: #c7e9ff
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: #c7e9ff
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.button_bomile_fact_gauche {
    margin-top: 30px;
    /*! margin-left: 16px; */
    float: right;
}

.button_bomile_fact_droit {
    margin-top: 30px;
    margin-left: 16px;
}
.jvectormap-tip {
  position: absolute;
  display: none;
  border: solid 1px #cdcdcd;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
}

/* modal========================== */
.modal-header,
.modal-footer {
    background: #cadaeb;
}

.modal-footer {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.modal-dialog {
  box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3),
    0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3),
    0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05),
    0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3);
  border-radius: 0.25rem;
}

.nav-item .nav-link {
    font-weight: normal
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0 auto;
    pointer-events: none;
    top: -100px;
    /*! height: 305; */
    border-radius: 0.8rem;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px)
}
  @media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
.modal.show .modal-dialog {
    transform: none;
    margin-top: 200px;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (0.5rem * 2));
  content: "";
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.8rem;
    outline: 0;
    margin: 10% auto;
    width: 100%;
    padding: 0;
    z-index: 9;
}
.modal-content_comment {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
    margin: 10% auto;
    width: 80%;
    padding: 0;
    z-index: 9;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  /*! height: 100vh; */
  background-color: #000;
}


.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  /*! opacity: 0.5; */
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.3rem 1rem;
    border-bottom: 1px solid #5e5e5e;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    height: 48px;
}

.modal-header .close {
    padding: 0.2rem 0.5rem;
    margin: -0.5rem -0.5rem -1rem auto;
}

.modal-title {
    /*! margin-bottom: 0; */
    /*! line-height: 0.5; */
}
.modal-title-comment {
    /*! margin-bottom: -12px; */
    line-height: 0.5;
    margin-left: 10px;
    position: absolute;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    /*! height: 265px; */
}
.modal-body-comment {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    height: 310px;
}

.modal-footer {
    display: flex;
    align-items: center;
    /*! justify-content:flex-end; */
    padding: 1rem;
    /*! border-top:1px solid #e9ecef; */
    /*! border-bottom-right-radius:.3rem; */
    /*! border-bottom-left-radius:.3rem; */
    float: right;
    width: 100%;
    justify-content: space-between;
    /*! height: 45px; */
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.fade {
  transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

@media (min-width: 576px) {

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}


/*chat*/
form.sign-in-form {
  z-index: 2;
  color: white;
}
.container_tchat {
  width: 76%;
  position: fixed;
  margin-top: 0px;
}
.input-field {
  margin: 10px 0;
  height: 40px;
  border-radius: 55px;
  display: grid;
  padding: 0 0.4rem;
}
.input-field i {
  text-align: center;
  line-height: 55px;
  color: #acacac00;
  transition: 0.5s;
  font-size: 1.1rem;
}

.input-field input {
  background: none;
  outline: none;
  border: none;
  line-height: 1;
  font-weight: 600;
  font-size: 1.1rem;
  color: #333;
}
.input-field input::placeholder {
  color: #aaa;
  font-weight: 500;
}

.container.sign-up-mode form.sign-in-form {
  opacity: 0;
  z-index: 1;
}
.connection_tchat {
  width: 35%;
  position: relative;
  float: right;
  margin: 10%;
}

/* Pour que les liens ne soient pas soulignés */
a {
    text-decoration: none;
}

img {
    vertical-align: middle;
    border-radius: 25px;
}

/* Conteneur principal des blocs de la page */
#container {
    width: 40%;
    margin: 50px auto;
    padding: 2px 20px 20px 20px;
    background: #e4f4e7;
}

/* Bloc contenant la zone de texte et bouton */
.post_message {
    width: 95%;
    margin: auto;
    border: 1px solid #d2d2d2;
    background: #d8e3f3;
    padding: 3px;
}

/* Zone de texte */
.post_message #message {
    width: 80%;
}

/* Bouton d'envoi */
.post_message #post {
    width: 18%;
}

/* La zone où sont affichés les messages
et utilisateurs connectés */

.chat {
    width: 95%;
    margin: 10px auto;
    /*! border: 1px solid #d2d2d2; */
    padding: 0px;
}
.signin-signup {
  position: absolute;
}
.container.sign-up-mode .signin-signup {
  left: 25%;
}

.signin-signup,
.container.sign-up-mode .signin-signup {
  left: 50%;
}
/* Bloc de chargement */
.chat #loading {
    margin-top: 50px;
}

/* Annonce */
.chat #annonce {
    background: #eff5fe;
    margin: -6px -7px 5px -7px;
    padding: 5px;
    height: 20px;
    box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 0px 2px 15px #aaaaaa47;
}

/* Zone des messages */
.Zone_messages {
    margin-top: 40px;
    width: 100%;
    background-color: #d60d0d;
    height: 500px;
    /*! padding: 5px; */
}

.affichage_messages_recu {
    margin-top: 0px;
    width: 85%;
    background-color: #ceb9f6 !important;
    height: 2rem;
    border-radius: 10px;
    border: solid 1px;
    background-color: #ceb9f600;
}

.affichage_messages_envoye {
    margin-top: 5px;
    width: 85%;
    background-color: #b9f6dc;
    height: 2rem;
    border-radius: 10px;
    border: solid 1px;
    float: right;
}

.Zone_membre {
    margin-top: 28px;
    /*! padding: 5px; */
    width: 20%;
    background-color: #e8dff8;
    /*! height: 61px; */
    position: absolute;
    margin-left: 971px;
    height: 500px;
}

.Zone_texte {
    /*! margin-top: 115px; */
    /*! padding: 5px; */
    width: 76%;
    /*! background-color: #7bd60d; */
    height: 0px;
}

/* Zone des utilisateurs connectés */
.chat #users-td,
.chat #users-chat-td {
    margin: 0px;
    padding: 5px;
    width: 20%;
    background: #ddd;
}

.chat #text,
.chat #users,
.chat #users-chat {
    height: 500px;
    overflow-y: auto;
}

/* Modification du statut */
/*.status_chat {
	width: 95%;
	border: none;
	background: #fff;
	margin: auto;
	text-align: right;
}*/

.info_chat {
    color: green;
}

.heure_poste {
    float: right;
    margin-right: 133px;
    margin-top: -24px;
    width: 30px;
}

.status_chat {
    width: 186px;
    float: right;
    margin-right: 21px;
    margin-top: 100px;
    /*! margin-bottom: 10px; */
    /*! height: 20px; */
}

.bouton_chat {
    width: 0px;
    height: 0px;
    /*! float: right; */
    margin-left: 400px;
    margin-top: -48px;
    margin-left: 640px;
}


/*fin chat */
/*main ---------------------------------------------------------------------*/
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
.btn-toolbar .input-group {
  width: auto;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /*! width: 100%; */
  margin-bottom: 15px;
  /*! right: 2%; */
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}


.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
  /*! border-bottom: 2px solid #7d99f8; */
  height: 35px;
}

.input-group-append {
  margin-left: 0px;
  /*! border-bottom: 2px solid #7d99f8; */
  /*! border: 1px solid #7d99f8; */
  height: 35px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5b5e62;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.35rem;
  font-size: 14px;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(2.875rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.8125rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}







/* fin main ---------------------------------------------------------------------*/
/* boutoque ===========================================================================================*/
/**** Header Botttom Left ****/
.header_bottom_left {
	/*! float: left; */
	width: 16.8%;
	/*! padding-top: 6px; */
	margin-left: -5px;
	/*! border: solid 1px #bbbaba; */
	/*! border-radius: 10px; */
	margin-top: -5px;
	/*! padding-bottom: 13px; */
	/*! padding-left: 6; */
	padding-right: 15px;
}

.header_bottom_img {
	float: left;
	width: 46.2%;
}

.carou_shop_nav{
	margin-top:95px;
	z-index: 10;
}
.carou_shop_nav_prev {
    margin-left: -1628px;
}
.carou_shop_nav_next{
	margin-right:-30px;
}
.list_shop{
	margin-top: 30px;
	margin-bottom: 0px;
	z-index: 0;
	position: inherit;
	margin-left: -10px;
}
.pic {
	float: left;
	width: 46.2%;
}

.header_bottom_img2 {
	float: left;
	width: 46.2%;
	margin-left: 1.6%;
}

.header_bottom_left_images {
	position: relative;
	margin-top: 10px;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
}
.card_appli{
  margin-bottom: 9px !important;
  height: 55px;
  box-shadow: 0px 0px 7px rgba(221, 174, 64, 0.6);
}




/* fin boutique ===========================================================================================*/
/* Profile ===========================================================================================*/
.profile .profile-overview .label_profile {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}
.tab-content > .active {
  display: block;
  width: 100%;
}
.rounded-circle {
  /*! width: 50%; */
}
.label_profile {
    padding-top: 10px;
}
.champ_profile {
    padding-top: 10px;
}
.libele {
    /*! font-weight: bold; */
}
/* fin Profile ===========================================================================================*/
/* requette ===========================================================================================*/

.requette_compta {
    margin-left: 19%;
margin-top: -97px;
position: fixed;
    width: 79.5%;
    /*! background: #ccf7f3; */
    z-index: 10;
}
.requette {
    margin-left: 16.5%;
margin-top: -100px;
position: fixed;
    width: 79.5%;
    /*! background: #ccf7f3; */
    z-index: 10;
}
/* fin requette ===========================================================================================*/

.operateur {
    /*! margin-top: -27%; */
    /*! position: fixed; */
}
.om {
    margin-top: -19.5%;
}
.panneau_dash {
    border: solid 1px #d4d1cf;
    height: 85%;
    font-weight: bold;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 7px rgba(221, 174, 64, 0.41);
}
.infos {
    margin-bottom: 5px;
    margin-top: 5px;
}
.js-copy {
    font-size: 30px;
}
.services {
    font-size: 25px !important;
    text-align: center;
    /*! padding-bottom: 25px; */
    background: black;
    border-radius: 15px;
    padding: 17px;
    color: white;
}
.label_service {
    margin-bottom: 30px;
    text-align: center;
}
.bouton_service {
    text-align: center;
}
.bloc_article_far:hover {
    background: #5d5d5d14;
    transition-duration: 500ms;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.label_apple {
    margin-bottom: 30px;
    margin-left: 10px;
}
.services_titre {
    text-align: center;

}
.bouton_icone {
    width: 7% !important;

}
.msg_transaction {
    color: white;
      background: red;
      padding: 10px;
margin-bottom: 20px;
}
.codeqr_aprenant {
    text-align: right;
    padding-top: 40px;
}
.abonne_trouve {
    background: green;
    padding: 11px;
    text-align: center;
    line-height: 25px;
    border-radius: 15px;
}
.auth_ad {
    display: flex;
}
.auth_admin {
    text-align: center;
    display: flex;
}
.transparent {
    text-align: center;
    display: flex;
}
.case_finance {
    background: white;
    border-radius: 10px;
    padding: 20px;
    border: 0.01px solid #00b7ff;
    margin-left: 15% !important;
    /*! width: 50% !important; */
}
.case_maint {
    background: #ffffffe8;
    border-radius: 10px;
    padding: 20px;
    border: 0.01px solid #00b7ff;
}

.groupe_infoe {
    border-bottom: 1px solid;
    font-weight: bold;
}
.titre-maintenance {
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-top: -330 !important;
    margin-bottom: 285;
    margin: auto;
    width: 40%;
}
.sous_titre-maintenance{
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-top: -280;
    margin-bottom: 300;
    color: white;
}
.cadre_footer{

    /*! display: block; */
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    /* z-index: 999;*/
    padding-top: 10px; /*décalage du texte vers le bas*/
    text-align: center;
    text-indent: 0px; /*décalage du texte vers la droite*/
    background-color: #000;
    display: none;
}
  
/* ul .Menu_footer
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
} */

.Menu_footer li
{
display: inline;
list-style-type: none;
}

.Menu_footer a {
padding: 3px 10px;
}

.Menu_footer a:link, .Menu_footer a:visited
{
text-decoration: none;
color: #FF7800;
font-size: 25px;
text-align: center;
}

.Menu_footer a:hover
{
text-decoration: none;
}

.operation {
margin-bottom: 0px;
box-shadow: 0px 0px 7px rgba(221, 174, 64, 0.41);
margin-left: 6px;
margin-right: 6px;
}
.operation:hover {
    box-shadow: 0px 0px 7px rgb(9, 235, 9);
}

.tab-content > .tab-pane {
    display: none;
  }
  
  .tab-content > .active {
    display: block;
  }
  .abonnes {
    min-height: 413px;
  }
  .table_reabo {
    max-height: 360px;
    min-height: 360px;
}
  .sans_bordure {
    border: 1px solid #fff0; 
    /*! line-height: 0.5; */
    margin-bottom: 0px;
    background: white;
}
.responsive {
    display: none;
}
.mes_abonnement {
    width: 33.33% !important;
}
.label_groupe {
    margin-top: 25px;
    position: absolute;
    z-index: 1;
    margin-left: 20px;
    color: #817f7f;
}
.label_groupe_ {
    margin-top: -6px;
    position: absolute;
    z-index: 1;
    margin-left: 20px;
    color: #817f7f;
}


/*--------------------------------------------------------------
# section Features
--------------------------------------------------------------*/
.features .row+.row {
    margin-top: 100px;
  }
  
  .features h3 {
    font-weight: 400;
    font-size: 24px;
  }
  
  .features ul {
    list-style: none;
    padding: 0;
  }
  
  .features ul li {
    padding-bottom: 10px;
  }
  
  .features ul i {
    /*! font-size: 20px; */
    padding-right: 4px;
    color: #68A4C4;
  }
  
  .features p:last-child {
    margin-bottom: 0;
  }
  .container-Features {
    box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
    background: #fff;
    border-radius: 20px;
    width: 99%;
    margin: 0 auto;
    padding: 60px;
    margin-top: 10px;
    margin-bottom: 20px; 
  }

  .section-title {
    text-align: center;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-around;
  }
  
  .section-title h2 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
  }
  
  .section-title h2::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
  }
  
  .section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #68A4C4;
    bottom: 0;
    left: calc(50% - 20px);
  }
  
  .section-title p {
    margin-bottom: 0;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }  
  .pt-4 {
    padding-top: 1.5rem !important;
  }
  .pt-5 {
    padding-top: 3rem !important;
  }
  .fst-italic {
    font-style: italic !important;
  }
  .order-1 {
    order: 2;
  }
  .order-2 {
  }

  .why-us .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .why-us .play-btn::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
      animation-iteration-count: 1;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(104, 164, 196, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
  }

  .why-us .play-btn:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
      border-top-width: medium;
      border-top-style: none;
      border-top-color: currentcolor;
      border-bottom-width: medium;
      border-bottom-style: none;
      border-bottom-color: currentcolor;
      border-left-width: medium;
      border-left-style: none;
      border-left-color: currentcolor;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
  }

  .why-us .play-btn:hover::after {
    border-left: 15px solid #68A4C4;
    transform: scale(20);
  }

  .why-us .video-box {
    position: relative;
  }
  .why-us .video-box img {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .why-us .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#68A4C4 50%, rgba(104, 164, 196, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
  }
  .why-us .icon-box .icon {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #f3f8fa;
    border-radius: 6px;
    transition: 0.5s;
  }
  .why-us .icon-box .icon i {
    color: #68A4C4;
    font-size: 32px;
  }
  .bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .bx::before {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    text-transform: none;
  }
/*--------------------------------------------------------------
# fin section Features
--------------------------------------------------------------*/ 
 .bloc_valeure {
    margin: 20px;
    width: 30%;
  }
   .titre_maintenance, .titre_maintenance_th {
    background: url(../images/services/maintenance/info.jpg);
    padding: 50px;
    background-color: rgb(0, 2, 100);
    color: white;
    height: 600px;
  }
   .titre_maintenance_th {
    background: url(../../images/services/maintenance/achafaud/2.jpg);
  }
   .btn_param {
    margin-top: 10px;
  }