@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700italic,700,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,vietnamese,greek,greek-ext,cyrillic,latin-ext);

/*Light 300  */
/*Light 300 Italic  */
/*Normal 400  */
/*Normal 400 Italic  */
/*Semi-Bold 600  */
/*Semi-Bold 600 Italic  */
/*Bold 700  */
/*Bold 700 Italic  */
/*Extra-Bold 800  */
/*Extra-Bold 800 Italic*/

html, body {  padding: 0;
    margin: 0;
	background-color: #ffffff;
    font-family: 'Archivo Narrow', sans-serif !important;
    font-weight: 400 !important;
}
body {
    background: #ffffff;
}
img {border: none; max-width: 100%; height: auto;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Archivo Narrow', sans-serif !important;}

h1 { color: #bd2924;  font-size: 55px !important; margin: 5px 0 0; padding: 5px 0 0; font-weight: 400 !important; }
h1 a { color: #bd2924; text-decoration: none;}
h2 {color: #365f16; font-size: 30px !important;  font-weight: 400 !important; margin: 0; padding: 10px 0 0;}
h2 a {color: #365f16; text-decoration: none; }
h3 { font-size: 19px !important; margin: 5px 0; padding:5px 0 3px 0; color: #000000; font-weight: 700 !important; text-transform: uppercase !important;}
h3 a { color: #000000; text-decoration: none;}
h4 { font-size: 16px !important; color: #000000; font-weight: 400 !important; margin:5px  0; padding: 5px 0;}
h4 a { font-size: 16px !important; color: #000000; text-decoration: none;}
h5 {}
h5 a {}
h6 {}
h6 a {}

form { margin: 0; padding:0 ;}
 input, label, button, select, select option, select optgroup { font-family: 'Open Sans', sans-serif !important; color: #494949; font-size: 14px !important; }
td ,th , p, /*span, perturbe summernote*/ a 
{font-family: 'Open Sans', sans-serif !important; color: #494949; font-size: 14px !important; font-weight: 400 ; }

div {color: #494949;  }

.content-index {  padding: 40px 0 !important;}
input[type="text"], input[type="email"], input[type="tel"],
input[type="datetime"], input[type="datetime"], input[type=" month"],
input[type="datetime-local"], input[type="file"], input[type="number"],
input[type="search"], input[type="url"], input[type="week"],
input[type="password"],
select {
border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
    border: none;
    padding:3px;
}

input[type="button"], input[type="submit"], input[type="reset"],
button[type="button"], button[type="submit"], button[type="reset"],
a.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #005d00;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
    padding: 7px 10px;
    cursor: pointer;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    margin: 10px 0 5px 5px;
    text-decoration: none;
}
a.btn-small {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #005d00;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
    padding: 2px 5px;
    cursor: pointer;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    margin: 10px 0 5px 5px;
    text-decoration: none;
}
a.btn-small ,
a.btn {
    color: #ffffff !important;
}
button[type="button"] span, button[type="submit"] span, button[type="reset"] span,
a.btn span,
a.btn-small span {
    color: #ffffff !important;
    margin-right: 5px;
}

.clr {
    clear: both;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.flt-l {float: left;}
.flt-r {float: right;}
.align-center { text-align: center !important;}
.align-left { text-align: left !important;}
.align-right { text-align: right !important;}
.align-ajust { text-align: justify !important;}

.border-black { border-bottom: 1px solid #000000;}
/*set mqargin Null*/
.marg-0 { padding: 0 !important; }

/*set mqargin 5px*/
.marg-5 { margin: 5px !important; }
.marg-tb-5 { margin: 5px  0!important; }
.marg-lr-5 { margin: 0 5px!important; }

/*set mqargin 10px*/
.marg-10 { margin: 10px !important; }
.marg-tb-10 { margin: 10px  0!important; }
.marg-lr-10 { margin: 0 10px!important; }

/*set padding Null*/
.pad-0 { padding: 0 !important; }

/*set padding 10px*/
.pad-5 { padding: 5px !important; }
.pad-tb-5 { padding: 5px  0!important; }
.pad-lr-5 { padding: 0 5px!important; }

/*set padding 10px*/
.pad-10 { padding: 10px !important; }
.pad-tb-10 { padding: 10px  0!important; }
.pad-lr-10 { padding: 0 10px!important; }
/*set padding 15px*/
.pad-15 { padding: 15px !important; }
.pad-tb-15 { padding: 15px  0!important; }
.pad-lr-15 { padding: 0 15px !important; }
/*set padding 20px*/
.pad-20 { padding: 20px !important; }
.pad-tb-20 { padding: 20px  0!important; }
.pad-lr-20 { padding: 0 20px !important; }


.upper { text-transform: uppercase;}
.v-middle { vertical-align: middle;}

.wrapper { width: 100% !important;  margin: 0; padding: 0; position: relative;  }
.wrap {  width:100vw; max-width: 960px; margin: 0 auto; padding:0; position: relative;}
.wrapMD {  width: 95%; margin: 0 auto; padding:0; position: relative;}

/*HEADER*/
#header {
    z-index: 10 !important;
    background: #fcfcfc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
    font-family: 'Archivo Narrow', sans-serif;
}
img { display: block;}
.logo { max-width: 80vw; display: block; margin: 10px; text-align: center;}
.logo a { display: block;  text-align: center;}
.logo img {   margin: 0 auto;}
.login-form { padding: 15px 10px; font-family: 'Archivo Narrow', sans-serif;}
.login-form form { margin: 0; padding: 0;}
.login-form form .input {  padding: 5px 0; font-family: 'Archivo Narrow', sans-serif;}
.login-form form input[type=reset] ,
.login-form form input[type=submit] ,
.login-form form input[type=button] ,
.login-form form button[type=reset] ,
.login-form form button[type=button] ,
.login-form form button[type=submit] { margin: 0 5px!important;}
.login-form form .pass-forget{   color: #494949; text-decoration: none; padding: 5px 5px 0 0 ;font-family: 'Archivo Narrow', sans-serif;}

/*MENU*/
#menu {
    min-height: 45px;
    background: #ca1411; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhMTQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjM1MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ca1411 0%, #eb352e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca1411), color-stop(100%,#eb352e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ca1411 0%,#eb352e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ca1411 0%,#eb352e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ca1411 0%,#eb352e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ca1411 0%,#eb352e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca1411', endColorstr='#eb352e',GradientType=0 ); /* IE6-8 */

}

.menu { margin: 0; padding: 0;}
.menu  li {  height: 45px; border-left: 1px solid rgba(255, 255, 255, 0.82);float: left; list-style-type: none; list-style-image: none; font-family: 'Archivo Narrow', sans-serif;}
.menu  li:first-child { border-left: none !important; font-size: 16px;}
.menu  li a { display: block;
    color: #ffffff;
    text-decoration: none;
    margin: 8px;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Archivo Narrow', sans-serif;}
.menu  li a:hover, .menu  li.active a { color: #d21c18; background: #d7cccb; }

/*MENU*/



/*FOOTER*/
#footer {
 background: #3b3b3b;
    padding: 20px 0;
    font-family: 'Archivo Narrow', sans-serif;
}
.link-left, .link-right { width: 240px; font-size: 14px; color: #ffffff;}
.link-left a, .link-right a{ color: #ffffff; font-size: 14px;  text-decoration: none; 
    font-family: 'Archivo Narrow', sans-serif;}
.link-left a:hover, .link-right a:hover{ color:#c2c2c2;}
.link-left a.external, .link-right a.external { color: #737373; }
.link-left span, .link-right span { color: #c2c2c2; }

/*OMBRES ET BOXES*/
/* This code is tested with latest version of Firefox and Chrome */
.shadows,
.shadows-top {
    position: relative;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
    border-radius: 0%     0%     25%     25% /     0%     0%     0%     0%;
    margin-bottom: 10px;
    z-index: 0;
}
.shadows:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(-1deg) skew(-0deg);
    -moz-transform: rotate(-1deg) skew(-0deg);
    -ms-transform: rotate(-1deg) skew(-0deg);
    -o-transform: rotate(-1deg) skew(-0deg);
    transform: rotate(-1deg) skew(-0deg);
}
.shadows:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 15px;
    right: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(1deg) skew(0deg);
    -moz-transform: rotate(1deg) skew(0deg);
    -ms-transform: rotate(1deg) skew(0deg);
    -o-transform: rotate(1deg) skew(0deg);
    transform: rotate(1deg) skew(0deg);
}
.shadows-top:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 15px;
    right: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(-1deg) skew(-0deg);
    -moz-transform: rotate(-1deg) skew(-0deg);
    -ms-transform: rotate(-1deg) skew(-0deg);
    -o-transform: rotate(-1deg) skew(-0deg);
    transform: rotate(-1deg) skew(-0deg);
}
.shadows-top:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(1deg) skew(0deg);
    -moz-transform: rotate(1deg) skew(0deg);
    -ms-transform: rotate(1deg) skew(0deg);
    -o-transform: rotate(1deg) skew(0deg);
    transform: rotate(1deg) skew(0deg);
}

.libelle { height:32px;}

.w5  { width: 5% !important;}
.w10  { min-width:35px; width: 10% !important;}
.w12 { width: 12.4% !important;}
.w15 { width: 15% !important;}
.w20 { width: 20% !important;}
.w25 { width: 25% !important;}
.w30 { width: 30% !important;}
.w33 { width: 33% !important;}
.w39 { width: calc(39% - 5px) !important;}
.w45 { width: 45% !important;}
.w50 { width: calc(50% - 7px) !important;}
.w55 { width: 55% !important;}
.w66 { width: 66% !important;}
.w75 { width: 75% !important;}
.w80 { width: 80% !important;}

.offset10  { margin-left: calc(10% + 5px) !important;}
.offset12  { margin-left: calc(12.4% + 5px) !important;}
.offset15  { margin-left: calc(15% + 5px) !important;}
.offset20  { margin-left: calc(20% + 5px) !important;}
.offset33  { margin-left: calc(33% + 5px) !important;}
.offset39  { margin-left: calc(39% + 5px) !important;}
.offset50  { margin-left: calc(50% + 5px) !important;}


/*CONTENUE*/
.color-red { color: #ff0800 !important;}
.color-green { color: #005e00 !important;}
.color-white { color: #ffffff !important;}
.bg-grey { background: #6b6b6b !important;}
.bg-green { background: #005e00!important;}
.bg-red { background: #ff0800 !important;}

.font-archivo { font-family: 'Archivo Narrow', sans-serif !important;}
.font-open {  font-family: 'Open Sans', sans-serif !important;}

#pagein { padding: 30px 0 15px; background: url("../images/pattern.png") center top repeat-x; margin: -10px 0 0; min-height: 355px;}

.fade-on-small {
  opacity: 1; /* Fully visible by default */
  transition: opacity 0.5s ease; /* Smooth fade transition */
}

/* Apply fading effect for screens smaller than 768px */
@media (max-width: 768px) {
  .fade-on-small {
    opacity: 0.3; /* Makes the image partially transparent */
  }
}

#index-anim,
#index-anim-no-slide,
#accueil-anim,
#accueil-anim-no-slide { background: #ffffff; padding: 5px; width: calc(100% - 10px); margin: 15px 0 20px;}
.anim-block { position: relative; overflow: hidden; 	 min-height:320px;}
#accueil-anim .anim-text,
#accueil-anim-no-slide .anim-text {
    top: 2px;
    color: #737373;
}
.anim-text { position: absolute; width: 280px; right: 0; top: 5px;
    color: #737373;
     font-size: 24px;
    font-family: 'Archivo Narrow', sans-serif !important;

}
.anim-text h1 {
    margin: 10px 0 0;
    padding: 10px 0 0;
    line-height: 40px;
    font-family: 'Archivo Narrow', sans-serif;
}
.anim-text h2 {
    margin: 4px;
    padding: 0;
    font-family: 'Archivo Narrow', sans-serif;
}

.anim-text p{
    color: #737373;
     font-size: 24px;
}
.anim-text .list ,
.anim-text .list p {
    color: #737373;
     font-size: 20px;
    font-family: 'Archivo Narrow', sans-serif;
}
.anim-text .list strong {
    color: #bd2924;
     font-size: 20px;
    font-weight: 700;
    font-family: 'Archivo Narrow', sans-serif;
}
#index-anim.owl-carousel .owl-controls,
#accueil-anim.owl-carousel .owl-controls  { position: absolute; width: 80%; bottom: 10px; text-align: right; left: 15%; right: 15%;}
#index-anim.owl-carousel .owl-controls .owl-dot,
#accueil-anim.owl-carousel .owl-controls .owl-dot{ margin: 5px; display: inline-block; }
#index-anim.owl-carousel .owl-controls .owl-dot span,
#accueil-anim.owl-carousel .owl-controls .owl-dot span { width: 12px; height: 12px; display:block; background:  #bd2924;}
#index-anim.owl-carousel .owl-controls .owl-dot.active span,
#accueil-anim.owl-carousel .owl-controls .owl-dot.active span { background: #365f16;}

/*TITRE*/
#ttl-page { border-bottom:  1px solid #dc241f;}
#ttl-page .wrap { color: #dc241f; padding:0 0 10px; font-size: 20px ;    font-family: 'Archivo Narrow', sans-serif;}
/*TITRE*/
.b-left { min-width:390px; width: 70%; float: left;}
.b-leftMD { width: 7%; float: left;}
.b-left2 { width: 70%;  float: right;}
.b-left3 { width: 50%; float: left;}
.b-left4 { width: 120px; float: left;}
.b-left5 { width: 820px;  float: right;}
.b-right { min-width:250px; width: 28%; float: right;}
.b-right2 { width: 250px; float: left;}
.b-right3 { width: 205px; float:  right;}
.b-right4 { width: 820px;  float: right;}
.b-right5 { width: 140px; float:  left;}
.b-rightMD { width: 93%;  float: right;}
.b-center { width: 440px; float: left;}
.btnslinks { background: #ffffff; border-radius: 5px; padding: 5px 5px 2px 5px; color: #000000; font-size: 14px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.48);  
     display: block; margin: 20px 20px 0 ; text-align: left; text-decoration: none; }
.btnslinks span { margin-right: 10px; font-size: 22px; color: #000000;}

/*BOX */
.box { border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.48);  background: #ffffff; padding: 15px; min-height: 200px;}
.box-grey { border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.48);
    background: #EFEFEF;
    padding: 5px;
    margin: 15px 5px;}
.box-right { border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.48);  background: #d7cccb; padding: 0; min-height: 200px; font-family: 'Archivo Narrow', sans-serif; overflow: hidden; border: 1px solid #e1e1e1;}
/*.box-right * {font-family: 'Archivo Narrow', sans-serif;}*/
.box-right .ttl { color: #ffffff; font-size: 16px; padding: 10px; background:  #000000; border-radius:5px 5px 0 0; font-family: 'Archivo Narrow', sans-serif;}
.box-right .ttl2 { color: #ffffff; font-size: 16px; padding: 10px; background:  #000000; border-radius:5px; font-family: 'Archivo Narrow', sans-serif;}

.box-info {
    border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.48);   padding: 0; min-height: 175px;
    overflow: hidden;
    border: 1px solid #ffa29f;
    background: #ffcdc8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2RjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmY5ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffcdc8 0%, #fff9f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcdc8), color-stop(100%,#fff9f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffcdc8 0%,#fff9f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffcdc8 0%,#fff9f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffcdc8 0%,#fff9f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffcdc8 0%,#fff9f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcdc8', endColorstr='#fff9f8',GradientType=0 ); /* IE6-8 */
    font-family: 'Archivo Narrow', sans-serif;
    margin: 0 0 15px 0;
}
/*.box-right * {font-family: 'Archivo Narrow', sans-serif;}*/
.box-info .ttl { color: #ffffff; font-size: 16px; padding: 10px; background:  #ca0c0a; border-radius:5px; font-family: 'Archivo Narrow', sans-serif;}
.box-info .ttl .fa { color: #ffffff; font-size: 20px;  }
/*BOX */

.form-int input[type=email],
.form-int input[type=color],
.form-int input[type=month],
.form-int input[type=password],
.form-int input[type=search],
.form-int input[type=tel],
.form-int input[type=time],
.form-int input[type=week],
.form-int input[type=url],
.form-int input[type=file],
.form-int input[type=number],
.form-int input[type=date],
.form-int input[type=datetime],
.form-int input[type=datetime-local],
.form-int input[type=text]{  padding: 3px 0; font-family: 'Archivo Narrow', sans-serif; width: 100%; background: #f6f6f6; margin:8px 5px 0 0; 
	box-shadow:0 0 3px rgba(0, 0, 0, 0.50) inset; border: none; text-indent: 10px; float: left; }
.form-int select {  padding: 5px 0 5px 10px; font-family: 'Archivo Narrow', sans-serif; width: 100%; background: #f6f6f6; margin:8px 5px 0 0; 
   box-shadow:0 0 3px rgba(0, 0, 0, 0.50) inset; border: none;  float: left; }


/*DL DT DD ACCORDEON*/
 .accordion .bordered ,
 .list-mail .bordered ,
 .bordered {
    border-bottom: 1px dashed #000000;
}
 .accordion dt, .accordion dd,
 .list-mail dt, .list-mail dd {
    margin: 0;
    width: 100% !important;
     position: relative;
}
 .accordion .off:before,
 .list-mail .off:before {
    position: absolute;
     top: 10px;
     right: 10px;
 }
.accordion .off:after {
    display: block;
    clear: both;
 }
 .accordion .off:before {
     content:"\f0d7";
     font: normal normal normal 14px/1 FontAwesome;
}
 .accordion .off.on:before {
     content:"\f0d8";
     font: normal normal normal 14px/1 FontAwesome;
}
 .accordion dt ,
 .list-mail dt {
    color: #005d00;
    font-size: 14px;
     font-family: 'Archivo Narrow', sans-serif;
     font-size: 14px;
}
 .accordion dt a ,
 .list-mail dt a {
    text-decoration: none;
    color: #005d00;
    display: block;
    text-transform:uppercase;
    font-size:14px;
    padding: 10px 15px;
     font-family: 'Archivo Narrow', sans-serif;
}
 .accordion dd ,
 .list-mail dd { padding: 10px 0;}
 .accordion dd,
 .accordion dd div,
 .list-mail dd,
 .list-mail dd div {
    color: #000000 !important;
     font-family: 'Archivo Narrow', sans-serif;
     font-size: 14px;
}
 .accordion dd:last-of-type ,
 .list-mail dd:last-of-type {
    border: none !important;
}
 .link-btns {text-align: right;}
 .link-btns2 {text-align: center; padding: 0 0 15px 0;}
 .benef-cont { padding: 5px 10px; line-height: 20px;}
 .benef-cont2 { padding: 10px 5px; line-height: 20px; font-size:13px ;color: #005d00;}
 .benef-cont-ttl { padding: 5px 10px; background: #919191; }
/*DL DT DD ACCORDEON*/


.list-link { text-decoration: none;}
.list-link span  { font-size: 22px; margin-right: 20px; vertical-align: middle;}


/*CALENDRIER*/
#date-display .ui-datepicker {
    width: 100% !important;
    padding: 10px 0 !important;
    border: none;
    background: none;
}

#date-display .ui-datepicker .ui-datepicker-header {
    background: #919191;
    color: #000000;
     text-transform: uppercase;
    font-family: 'Archivo Narrow', sans-serif;
    border: none !important;
}
#date-display .ui-datepicker .ui-datepicker-title span { color: #000000;
    font-family: 'Archivo Narrow', sans-serif;

}
#date-display .ui-state-default, .ui-widget-content .ui-state-default,
#date-display .ui-widget-header .ui-state-default {
    font-family: 'Archivo Narrow', sans-serif;
}

#date-display .ui-datepicker table {
    width: 92% !important;
    margin: 0 4% !important;
}
#date-display .ui-datepicker table th,
#date-display .ui-datepicker table td {
    font-family: 'Archivo Narrow', sans-serif;
}

.Highlighted a{
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
}

.cal-green { background: #61b561 !important;}
.cal-red { background: #fa817d !important;}
.cal-blue { background: #58aad5 !important;}

.calendar-tab { margin: 0 0 15px 0;}
.calendar-tab .ttl { color: #eaeaea; background: #919191; padding: 5px; text-align: left;border-bottom: 2px solid #ffffff;}
.calendar-tab .dets { border-bottom: 2px solid #ffffff;}
.calendar-tab .dets table { vertical-align: middle}
.calendar-tab .dets table td { color: #919191; border-bottom: 2px solid #ffffff; background: #eaeaea; font-size: 14px; font-family: 'Archivo Narrow', sans-serif; }
.calendar-tab .dets table td div,
.calendar-tab .dets table td a { font-family: 'Archivo Narrow', sans-serif; }
.calendar-tab .dets table td.cal-fournisseur {  width: 40px; text-align: center;}
.calendar-tab .dets table td.cal-fournisseur span {font-size: 20px; color: #000000; margin: 10px 5px;}

.action { text-align: right; width: 250px;}
.action a { display: inline-block; color: #ffffff; text-decoration: none; font-size: 12px; background: #000000; border-radius: 5px; padding: 3px 10px; text-align: center; margin: 2px 3px;}

/*CALENDRIER*/



.infos ul { list-style-type: none; margin: 0; padding: 0}
.infos ul li {list-style-type: none;
    list-style-image: none;
    color: #000000;
    font-style: italic;
    padding: 10px 5px 10px 20px;
    position: relative;
}
.infos ul li:before { display: block;
    width: 8px;
    height: 8px;
    background: #ff0800;
    content: '';
    position: absolute;
    top: 16px;
    left: 5px;

}
/*BTNS calcul*/
.btn-cars div {
    text-align: center;
    padding: 10px 0;
}

.btn-cars button {
    font-family: 'Archivo Narrow', sans-serif;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    color: #ffffff;
    border: 1px solid #6b6b6b ;
    padding: 10px 30px;
    margin: 10px auto;
    background: #6b6b6b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #6b6b6b 0%, #484848 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6b6b6b), color-stop(100%,#484848));
    background: -webkit-linear-gradient(left, #6b6b6b 0%,#484848 100%);
    background: -o-linear-gradient(left, #6b6b6b 0%,#484848 100%);
    background: -ms-linear-gradient(left, #6b6b6b 0%,#484848 100%);
    background: linear-gradient(to right, #6b6b6b 0%,#484848 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#484848',GradientType=1 );
}
.btn-cars button.result  {
    width: 94%;
    margin: 0 !important;
    padding: 15px;
}
.btn-cars button span {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;
}
.btn-cars button img {
    margin: 0 auto;
}
/*BTNS calcul*/
.articles-list { color: #000000; padding: 10px; font-size: 14px;}
.articles-list p { color: #000000; font-weight: 400;}
.articles-list strong { display: block; font-weight: 500; color: #005d00;}

.table-result {}
.table-result tr:nth-child(odd) { background: #f0f3f0}
.table-result tr td { padding: 6px; color: #5a5a5a; font-family: 'Archivo Narrow', sans-serif}
.table-result tr td:last-child { color: #005f00; text-align: right;}
.table-result tr td:last-child { color: #005f00; text-align: right;}
.total-articles { background: #d3dcd3; padding:0 10px !important;}
.total-articles div { font-size:  18px; color: #616161; font-weight: 700; font-family: 'Archivo Narrow', sans-serif;}


.fournisseur {

    background: url("../images/fdfournisseurs.png") center bottom no-repeat #ffffff;
    padding-bottom: 140px;

}
.btn-founisseur {
    display: block;
    margin: 10px;
    padding: 10px 0;
    border-radius:5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.70);
    text-align: center;
    text-decoration: none;
    /*----------------*/
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%,#dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-8 */
    font-family: 'Archivo Narrow', sans-serif;
}
.btn-founisseur:hover {
    background: #e9cccb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e9cccb 0%, #deb3b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9cccb), color-stop(100%,#deb3b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9cccb 0%,#deb3b1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9cccb', endColorstr='#deb3b1',GradientType=0 ); /* IE6-8 */
}


.btn-founisseur-active {
	display: block;
    margin: 10px;
    padding: 10px 0;
    border-radius:5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.70);
    text-align: center;
    text-decoration: none;
    background: #f9bcbb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f9bcbb 0%, #deb3b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bcbb), color-stop(100%,#deb3b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9bcbb 0%,#deb3b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9bcbb 0%,#deb3b1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9bcbb 0%,#deb3b1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9bcbb 0%,#deb3b1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bcbb', endColorstr='#deb3b1',GradientType=0 ); /* IE6-8 */
	font-family: 'Archivo Narrow', sans-serif;
}

.fournisseur2 .btn-founisseur , .fournisseur2 .btn-founisseur-active {

    margin:0 10px 20px;
}


.btn-founisseur .fa , .btn-founisseur-active .fa {
    font-size: 42px;
    color: #606060;
    margin: 10px 0;
}
.fournisseur2 .btn-founisseur .fa , .fournisseur2 .btn-founisseur-active .fa {
    font-size: 30px;
    color: #606060;
}

.notifications:after {
	content:attr(data-notification);
	color: #606060;
	position: absolute;
}
.btn-founisseur strong, .btn-founisseur-active strong {
    font-size: 13px;
    text-align: center;
    display: block;
    color: #606060;
    margin: 5px 0;
    font-weight: 400;
   font-family: 'Archivo Narrow', sans-serif;
}
.fournisseur2 .btn-founisseur  strong, .fournisseur2 .btn-founisseur-active strong {
    font-size: 11px;
}

.photo-deco { box-shadow:0 0 3px rgba(0, 0, 0, 0.71); padding: 1px; background: #D7CCCB; border-radius: 3px; overflow: hidden;}
.photo-deco img { display: block; width: 100% !important;}

#calc-tabs.ui-tabs,
#delegation-tabs.ui-tabs,
#fournisseur-tabs.ui-tabs {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 -10px !important;
}
#fournisseur-tabs.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
#calc-tabs.ui-tabs .ui-tabs-nav,
#delegation-tabs.ui-tabs .ui-tabs-nav,
#fournisseur-tabs.ui-tabs .ui-tabs-nav {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;


}
#calc-tabs.ui-tabs li{
    width: 19% !important;
    margin:0 0.5% ;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#delegation-tabs.ui-tabs li{
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
#fournisseur-tabs.ui-tabs li{
    margin:0 2px ;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#calc-tabs.ui-tabs li .ui-tabs-anchor span {
    display: block;
    width: 100%;
    height: 40px;

}
#calc-tabs.ui-tabs li .ui-tabs-anchor strong {
    text-decoration: none;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: 400;
}
#calc-tabs.ui-tabs li .ui-tabs-anchor  {
    display: block;
    color: #ffffff;
    background: #6b6b6b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #6b6b6b 0%, #484848 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#484848)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6b6b6b 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6b6b6b 0%,#484848 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6b6b6b 0%,#484848 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6b6b6b 0%,#484848 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#484848',GradientType=0 ); /* IE6-8 */
    width: 90%;
    padding: 5%;
    margin: 0 auto !important;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
}
#fournisseur-tabs.ui-tabs li .ui-tabs-anchor {
    min-height: 20px;
    display: block;
    color: #ffffff;
    background: #6b6b6b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #6b6b6b 0%, #484848 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#484848)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6b6b6b 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6b6b6b 0%,#484848 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6b6b6b 0%,#484848 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6b6b6b 0%,#484848 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#484848',GradientType=0 ); /* IE6-8 */
    padding: 10px !important;
    margin: 0 auto !important;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
}
#calc-tabs.ui-tabs li .ui-tabs-anchor .ico-salon { background:url("../images/icon-salon.png") center center no-repeat; }
#calc-tabs.ui-tabs li .ui-tabs-anchor .ico-chambre { background:url("../images/icon-chambre.png") center center no-repeat;}
#calc-tabs.ui-tabs li .ui-tabs-anchor .ico-bureau { background:url("../images/icon-bureau.png") center center no-repeat;}
#calc-tabs.ui-tabs li .ui-tabs-anchor .ico-cuisine { background:url("../images/icon-cuisine.png") center center no-repeat;}
#calc-tabs.ui-tabs li .ui-tabs-anchor .ico-divers { background:url("../images/icon-divers.png") center center no-repeat;}

#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor .ico-salon,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor .ico-salon,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor .ico-salon { background:url("../images/icon-salon2.png") center center no-repeat; }

#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor .ico-chambre,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor .ico-chambre,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor .ico-chambre {background:url("../images/icon-chambre2.png") center center no-repeat;}

#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor .ico-bureau,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor .ico-bureau,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor .ico-bureau {background:url("../images/icon-bureau2.png") center center no-repeat;}

#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor .ico-cuisine,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor .ico-cuisine,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor .ico-cuisine {background:url("../images/icon-cuisine2.png") center center no-repeat;}

#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor.ico-divers,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor .ico-divers,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor .ico-divers {background:url("../images/icon-divers2.png") center center no-repeat;}

#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
#calc-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    border: none !important;
    color: #595959;
    background: #e9cccb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5Y2NjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWIzYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e9cccb 0%, #deb3b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9cccb), color-stop(100%,#deb3b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9cccb 0%,#deb3b1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9cccb', endColorstr='#deb3b1',GradientType=0 ); /* IE6-8 */
}
#fournisseur-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#fournisseur-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
#fournisseur-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    border: none !important;
    color: #595959;
    background: #e9cccb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5Y2NjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWIzYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e9cccb 0%, #deb3b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9cccb), color-stop(100%,#deb3b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9cccb 0%,#deb3b1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e9cccb 0%,#deb3b1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9cccb', endColorstr='#deb3b1',GradientType=0 ); /* IE6-8 */
    padding: 10px !important;
    margin: 0 auto !important;
    border-radius: 5px;
    text-align: center;
    font-weight: 400;
}


.form-int.form-calc {
    background: url("../images/calc-bg1.png") 0 0 no-repeat, url("../images/calc-bg2.png") right bottom no-repeat #ffffff;
    padding-bottom: 30px;
    min-height: 610px;
}
.calculateur { }

.calculateur label  { color: #404040; font-size: 16px; text-align: left; padding: 5px 0 0 ;}
.input-calculateur {}
.input-calculateur button { padding: 0; margin: 0; background: none; font-size: 30px; border: none; float: left; box-shadow: none; line-height: 30px}
.input-calculateur button span.fa { color: #000000 !important; margin: 0; padding: 0; font-size: 30px; }
.input-calculateur input[type=text],
.input-calculateur input[type=email],
.input-calculateur input[type=password],
.input-calculateur input[type=month],
.input-calculateur input[type=date],
.input-calculateur input[type=url],
.input-calculateur input[type=search],
.input-calculateur input[type=tel],
.input-calculateur input[type=number]{
    width: 38%;
    
    height: 14px;
    margin: 0 4px;
}





.cartouche {
     padding: 5px;
}

.cartouche.astuce table td {
    vertical-align: top;
}

.cartouche.astuce  p strong {
    font-style: normal;
    color: #c25200;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;

}
.cartouche.astuce  p  {
    font-style: italic;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
}
.cartouche.astuce  span.fa {
    font-size: 140px;
    color: #b7c200;
    margin: 15px;
}


.cartouche.document table td {
    vertical-align: top;
}

.cartouche.document  p strong {
    font-style: normal;
    color: #005d00;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;

}
.cartouche.document  p  {
    font-style: italic;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
}
.cartouche.document a {
    text-decoration: none;
    font-size: 12px;
    font-style: italic;
}
.cartouche.document  span.fa {
    font-size: 20px;
    color: #292929;
    margin:0 15px;
}

.cartouche p:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 0 !important;

}
.cartouche strong,
.cartouche p strong { color: #000000; font-weight: 500; }
.cartouche select,
.cartouche input[type=email],
.cartouche input[type=color],
.cartouche input[type=month],
.cartouche input[type=password],
.cartouche input[type=search],
.cartouche input[type=tel],
.cartouche input[type=time],
.cartouche input[type=week],
.cartouche input[type=url],
.cartouche input[type=file],
.cartouche input[type=number],
.cartouche input[type=date],
.cartouche input[type=datetime],
.cartouche input[type=datetime-local],
.cartouche input[type=text] {  padding: 7px 0; font-family: 'Archivo Narrow', sans-serif;  background: #f6f6f6; margin:10px 5px 0 0; 
     box-shadow:0 0 3px rgba(0, 0, 0, 0.50) inset; border: none; text-indent: 10px; float: left;border-radius: 5px; }
.cartouche label {  float: left; margin: 15px 10px 15px 0;  }
.cartouche input[type=submit],
.cartouche input[type=reset],
.cartouche input[type=button] {  float: right; margin: 15px 10px 15px 0;  }



/*debut du CSS pour les pop-up_______________________________________________________________________*/
#basic-modal-content
{
	display:none;
}
/* Overlay */
#simplemodal-overlay
{
	background-color:#ffffff;
}
/* Container */
#simplemodal-container
{
	font-family: verdana;
	font-size: small;
	height:520px;
	width:650px;
	color:#000000;
	background-color:#ffffff;
	border:10px solid #444444;
	padding:12px;
}
#simplemodal-container .simplemodal-data
{
	padding:5px;
}
#simplemodal-container a.modalCloseImg
{
	background:url(/images/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-16px;
	cursor:pointer;
}
/*fin du CSS pour les pop-up______*/
.tableau
{
	width: 100%;
	/*border: 1px solid #cccccc;*/
	border-collapse: separate;
	border-spacing: 10px 5px;
	text-align: left;
	white-space: nowrap;
}
.tableau tr:nth-child(2n+2)
{
    background-color: #eeeeee;
}
.tableau th
{
	font-weight: bold; # stephane
}

.cModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  pointer-events: none;
}

.cModal:target {
  opacity:1;
  pointer-events: auto;
}
.cModal > div {
  max-width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 2px;
  background: #fff;
}

#modal {
    left:50%;
	margin:-250px 0 0 -40%;
	opacity: 0;
	position:absolute;
	top:-50%;
	visibility: hidden;
	width:80%;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
	/* Make the modal appear when targeted */
	#modal:target {
		opacity: 1;
		top:50%;
		visibility: visible;
	}
#modal .header,#modal .footer {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#modal .footer {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#modal h2 {
	margin:0;
}
#modal .btn {
	float:right;
}
#modal .copy,#modal .header, #modal .footer {
	padding:15px;
}
.modal-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#modal .copy {
	background: #fff;
}

#modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}


.ongletul{
	background-attachment : scroll;
	background-clip : border-box;
	background-color : rgba(0, 0, 0, 0);
	background-image : none;
	background-origin : padding-box;
	background-size : auto;
	border-bottom-color : rgb(255, 255, 255);
	border-bottom-left-radius : 0px;
	border-bottom-right-radius : 0px;
	border-bottom-style : none;
	border-bottom-width : 0px;
	border-image-outset : 0px;
	border-image-repeat : stretch;
	border-image-slice : 100%;
	border-image-source : none;
	border-image-width : 1;
	border-left-color : rgb(255, 255, 255);
	border-left-style : none;
	border-left-width : 0px;
	border-right-color : rgb(255, 255, 255);
	border-right-style : none;
	border-right-width : 0px;
	border-top-color : rgb(255, 255, 255);
	border-top-left-radius : 0px;
	border-top-right-radius : 0px;
	border-top-style : none;
	border-top-width : 0px;
	color : rgb(255, 255, 255);
	display : block;
	font-family : 'VArchivo Narrow', sans-serif;
	font-size : 18.2px;
	font-weight : bold;
	height : 40px;
	line-height : 23.66px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 0px;
	outline-color : rgb(255, 255, 255);
	outline-style : none;
	outline-width : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	text-decoration : none;
}
    
.ongletli {
	cursor : text;
	display : block;
	float : left;
	font-family : 'Open Sans', sans-serif;
	font-size : 14px;
	font-weight : normal;
	height : 30px;
	line-height : 18.2px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 30px;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
	text-align : center;
	text-decoration : none;
	white-space : nowrap;
}
.ongleta{
	background-attachment : scroll;
	background-clip : border-box;
	background-color : rgba(0, 0, 0, 0);
	background-image : linear-gradient(rgb(233, 204, 203) 0%, rgb(222, 179, 177) 100%);
	background-origin : padding-box;
	background-size : auto;
	border-bottom-color : rgb(89, 89, 89);
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	border-bottom-style : none;
	border-bottom-width : 0px;
	border-image-outset : 0px;
	border-image-repeat : stretch;
	border-image-slice : 100%;
	border-image-source : none;
	border-image-width : 1;
	border-left-color : rgb(89, 89, 89);
	border-left-style : none;
	border-left-width : 0px;
	border-right-color : rgb(89, 89, 89);
	border-right-style : none;
	border-right-width : 0px;
	border-top-color : rgb(89, 89, 89);
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	border-top-style : none;
	border-top-width : 0px;
	color : rgb(89, 89, 89);
	cursor : text;
	display : block;
	float : left;
	font-family : 'Open Sans', sans-serif;
	font-size : 14px;
	font-weight : normal;
	height : 40px;
	line-height : 18.2px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 30px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	text-align : center;
	text-decoration : none;
	white-space : nowrap;
}

.ongletainactive{
	background-attachment : scroll;
	background-clip : border-box;
	background-color : rgba(0, 0, 0, 0);
	background-image : linear-gradient(rgb(107, 107, 107) 0%, rgb(72, 72, 72) 100%);
	background-origin : padding-box;
	background-size : auto;
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	color : rgb(255, 255, 255);
	cursor : auto;
	display : block;
	float : left;
	font-family : 'Open Sans', sans-serif;
	font-size : 14px;
	font-weight : normal;
	height : 40px;
	line-height : 18.2px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 30px;
	outline-color : rgb(255, 255, 255);
	outline-style : none;
	outline-width : 0px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	text-align : center;
	text-decoration : none;
	white-space : nowrap;
}
/*CONTENUE*/

.ongletulsave{
	background-attachment : scroll;
	background-clip : border-box;
	background-color : rgba(0, 0, 0, 0);
	background-image : none;
	background-origin : padding-box;
	background-size : auto;
	border-bottom-color : rgb(255, 255, 255);
	border-bottom-left-radius : 0px;
	border-bottom-right-radius : 0px;
	border-bottom-style : none;
	border-bottom-width : 0px;
	border-image-outset : 0px;
	border-image-repeat : stretch;
	border-image-slice : 100%;
	border-image-source : none;
	border-image-width : 1;
	border-left-color : rgb(255, 255, 255);
	border-left-style : none;
	border-left-width : 0px;
	border-right-color : rgb(255, 255, 255);
	border-right-style : none;
	border-right-width : 0px;
	border-top-color : rgb(255, 255, 255);
	border-top-left-radius : 0px;
	border-top-right-radius : 0px;
	border-top-style : none;
	border-top-width : 0px;
	color : rgb(255, 255, 255);
	display : block;
	font-family : 'VArchivo Narrow', sans-serif;
	font-size : 18.2px;
	font-weight : bold;
	height : 40px;
	line-height : 23.66px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 0px;
	outline-color : rgb(255, 255, 255);
	outline-style : none;
	outline-width : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	text-decoration : none;
	width : 810px;
}
.ongletlisave {
	background-attachment : scroll;
	background-clip : border-box;
	background-color : rgba(0, 0, 0, 0);
	background-image : linear-gradient(rgb(233, 204, 203) 0%, rgb(222, 179, 177) 100%);
	background-origin : padding-box;
	background-size : auto;
	border-bottom-color : rgb(89, 89, 89);
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	border-bottom-style : none;
	border-bottom-width : 0px;
	border-image-outset : 0px;
	border-image-repeat : stretch;
	border-image-slice : 100%;
	border-image-source : none;
	border-image-width : 1;
	border-left-color : rgb(89, 89, 89);
	border-left-style : none;
	border-left-width : 0px;
	border-right-color : rgb(89, 89, 89);
	border-right-style : none;
	border-right-width : 0px;
	border-top-color : rgb(89, 89, 89);
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	border-top-style : none;
	border-top-width : 0px;
	color : rgb(89, 89, 89);
	cursor : text;
	display : block;
	float : left;
	font-family : 'Open Sans', sans-serif;
	font-size : 14px;
	font-weight : normal;
	height : 20px;
	line-height : 18.2px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 20px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	text-align : center;
	text-decoration : none;
	white-space : nowrap;
	width : 42.1094px;
}
.ongletasave{
	background-attachment : scroll;
	background-clip : border-box;
	background-color : rgba(0, 0, 0, 0);
	background-image : linear-gradient(rgb(233, 204, 203) 0%, rgb(222, 179, 177) 100%);
	background-origin : padding-box;
	background-size : auto;
	border-bottom-color : rgb(89, 89, 89);
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	border-bottom-style : none;
	border-bottom-width : 0px;
	border-image-outset : 0px;
	border-image-repeat : stretch;
	border-image-slice : 100%;
	border-image-source : none;
	border-image-width : 1;
	border-left-color : rgb(89, 89, 89);
	border-left-style : none;
	border-left-width : 0px;
	border-right-color : rgb(89, 89, 89);
	border-right-style : none;
	border-right-width : 0px;
	border-top-color : rgb(89, 89, 89);
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
	border-top-style : none;
	border-top-width : 0px;
	color : rgb(89, 89, 89);
	cursor : text;
	display : block;
	float : left;
	font-family : 'Open Sans', sans-serif;
	font-size : 14px;
	font-weight : normal;
	height : 20px;
	line-height : 18.2px;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	min-height : 20px;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	text-align : center;
	text-decoration : none;
	white-space : nowrap;
	width : 42.1094px
}

.modal1 {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(/images/ajax-loader.gif) 
                50% 50% 
                no-repeat;
}


body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal1 {
    display: block;
}

.div_pour_tableau_avec_scroll
{
	#max-height:500px;
	overflow: auto;
}

.hide-small {  display: block; }
  @media (max-width: 700px) {    .hide-small {      display: none; } }

.card-carousel {
  scroll-behavior: smooth; /* Smooth scrolling effect */
  padding-bottom: 15px; 
  gap: 5px; /* Space between cards */
}

.card {
  width: 20vw; /* Width is 20% of the viewport */
  max-width: 120px; /* Maximum width */
  min-width: 95px; /* Minimum width */
  /*aspect-ratio: 1 / 1; Ensures the element is square */
  background: linear-gradient(to bottom, #fefefe, #c9c9c9); /* Gradient background */
flex: 1 1 calc(16.666% - 10px); /* 100% / 6 cards - gap */
}
.card i {
    font-size: 3.0rem; 
	margin-bottom:10px !important;
  }

.card-body {
	width:100% !important;
margin-left:0px !important;
margin-right:0px !important;
padding-left:0px !important;
padding-right:0px !important;
}
.card p,.card-body p {
    font-size: 0.8rem !important;


    color: #606060 !important;
} 

@media (hover: hover) {
.card:hover {
    background: #e9cccb; 
	cursor: pointer;
}
}


.card a {
  text-decoration: none; /* Removes underline from the link */
  color: inherit; /* Optional: Makes the link color match the surrounding text */
}

.card a:hover {
  text-decoration: none; /* Ensures no decoration appears on hover */
}

.card-active {
    background: #f9bcbb; 
}


@media (max-width: 600px) {
	.card {
		width: 95px; /* Fixed width for very narrow screens */
		height: 95px; /* Fixed height to keep square cards */
				padding: 0px;
		margin: 0px;
	  }
	  
	.card i {
		font-size: 1.8rem; /* Reduce icon size */
	  }
	.card-body p {
		font-size: 0.7rem !important;
		padding: 0px;
		margin: 0px;

	}  

}

 .card-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px; /* Space between cards */
    }
	
/*
.popover {
  border: 3px solid #f0c0c0;
}



.popover-body {
  background: #fff0f0; 
  background-clip: padding-box; 
}*/


@media (max-width: 700px) {
  .hide-on-small {
    display: none; /* Hides the element */
  }
}

@media (max-width: 700px) {
  .reduce-font-on-small {
    font-size: 80%;
  }
}

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  .navbar-toggler {  transition: all 0.3s ease;  }
  .navbar-toggler:hover {  background-color: rgba(10, 150, 10, 0.2);  }
  
  .navbar-toggler {
  position: absolute; /* Ensures the button is positioned relative to the parent container */
  top: 0; /* Aligns it to the top of the container */
  right: 5px; /* Aligns it to the right of the container */
  z-index: 10; /* Makes sure it appears above other elements, such as the logo */
}