<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides &gt; li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 80%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides &gt; li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0px; background: none; border: 0px solid #fff;
 position: relative;
 width: 530px;
 height: 340px;
  -webkit-border-radius: 0px;
   -moz-border-radius: 0px; 
   -o-border-radius: 0px; 
   border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
     -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
     -o-box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 600px;
 -webkit-transition: all 1s ease; 
 -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


.carousel li {margin-right: 5px}
/* Control Nav */
.flex-control-nav {display:none; width: 100%; position: absolute; bottom: 12px; right: 12px; text-align: right;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #fff; background: rgba(0,0,0,0); border:2px solid #b8b8b8; cursor: pointer; font-size:0px; text-indent: -20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.2); }
.flex-control-paging li a.flex-active {position:relative; top: -2px; width: 12px; height: 12px; border:0px; background: #fff; background: rgba(255,255,255,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
.slider1 .flex-direction-nav a {position: absolute; bottom: 20px;}
.slider1 .flex-direction-nav .flex-prev {opacity: 0.8; left: 20px !important; text-indent: -500px; -webkit-transition: position 0.6s ease;}
.slider1 .flex-direction-nav .flex-next {opacity: 0.8; right: 20px !important; text-indent: -500px; -webkit-transition: position 0.6s ease;}
.slider1:hover .flex-prev {opacity: 1; left: 20px !important;}
.slider1:hover .flex-next {opacity: 1; right: 20px !important;}
.slider1 .flex-control-nav {display:none;}
}

/* Direction Nav Slider1 */
.slider1 .flex-direction-nav {*height: 0;}
.slider1 .flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0 0; display: block; background: url(../img/bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; font-size:0px; text-indent: -20px; opacity: 0.5; -webkit-transition: all .3s ease;}
.slider1 .flex-direction-nav .flex-next {background-position: 100% 0; right: 20px;}
.slider1 .flex-direction-nav .flex-prev {left: 20px;}
.slider1:hover .flex-next {opacity: .8; right: 20px;}
.slider1:hover .flex-prev {opacity: .8; left: 20px;}
.slider1 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.slider1 .flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;}

/* Direction Nav Slider2 */
.slider2  {background:transparent;}
.slider2 .flex-direction-nav {*height: 0;}
.slider2 .flex-direction-nav a {width: 34px; height: 34px; margin: -21px 0 0; display: block; background: url(../img/bg-direction-nav-2.png) no-repeat 0 0; position: absolute; top: -23px; z-index: 10; cursor: pointer; text-indent: -2500px; opacity: .8; -webkit-transition: all .3s ease;}
.slider2 .flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.slider2 .flex-direction-nav .flex-prev {right: 35px;}
.slider2:hover .flex-next {opacity: 1;}
.slider2:hover .flex-prev {opacity: 1;}
.slider2 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: .8;}
.slider2 .flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;}
.slider2 .flex-control-nav {display:none;}

/*************/
.custom-background {
    width: 250px;        /* Largeur de l'Ã©lÃ©ment */
    height: 160px;       /* Hauteur de l'Ã©lÃ©ment */
    background-image: url('images/bpr/img_6.jpeg'); /* Chemin de votre image */
    background-size: cover;   /* Assure que l'image couvre entiÃ¨rement l'espace sans perdre ses proportions */
    background-position: center; /* Centrer l'image dans l'Ã©lÃ©ment */
}


a:focus,
a:hover {
 color:#23527c;
 text-decoration:underline
}
a:focus {
 
 outline-offset:-2px
}

.navbar {
 position:relative;
 min-height:50px;
 margin-bottom:20px;
 border:0px solid transparent
}
@media (min-width:768px) {
 .navbar {
  border-radius:0px
 }
}

html {
 font-size:10px;
 -webkit-tap-highlight-color:rgba(0,0,0,0)
}



body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: 11pt;
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);

    background-color: var(--bs-body-bg);

}
h5{
  text-align: right;
  margin-top: 70px;
  margin-right: 10px;
  color: black;
  }
 .titreAccro, h1 {
  font-size: 16pt;
  font-weight: bold;
  margin-bottom: 3px;
  font-weight: bold;
  }
  .titreAccro {
  margin-left: 30px;
  color: grey;}
  #A{
    margin: 0 50px;
  }
  #titre{
    text-align: center;
    margin: 0 100px;
    color: orange
  }
  #cnm,#crr{
     color: orange
  }
  #titre1,#titre2{
font-size: 0.00px;
  font-weight: bold;
  margin-bottom: 3px;
  font-weight: bold;
  color: #2b8cbb;

  }
  .content{
    margin: 10px 20px;
  }
  header h2
{
/*font-family:Dayrom, serif;*/
font-size: 1.1em;
margin-top: 0px;
font-weight: normal;
}

body{

color: #181818;
background-color: #F5F5F5;
transform-origin: 0 0;
font-family: Roboto;

}
.dropcap{


  color: #001cff;
  float: left;
  width: .7em;
  font-size: 9em;
  line-height: 95%;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
  color: red;
}
 .top_cont_latest
{
  text-align: center;
  background-color: #ecbd3054;
}
section h1, footer h1, nav a{

font-weight: normal;
text-transform : uppercase;
}
#fond{
  position: relative;
  margin-right: -100px;
}

#bloc_page{
width: 1100px;
margin: auto;
background-image: url("../fichiers/1874132-abstrait-geometrique-fond-blanc-gratuit-vectoriel.jpg");
/*background-color: orange;*/
}
#titre_principal{
display: inline-table;
margin-top: 0px;
margin-left: 140px;
}
#titre_principal h1,h2{
display: ruby-text-container;}
 .container1 {
  width:1080px;
  margin-left: 15px;
  margin-right: 50px;
  margin-top: 20px;
 }
#armp {
    width: 0px;
    height: 0px;
    background-color: white;
    font-weight: bold;
    position: relative;
    -webkit-animation: mymove 5s infinite; 
    animation: mymove 1s infinite;
   /* animation-duration: 2s inline-block;*/
}

#armp {-webkit-animation-timing-function: linear;}

#armp {animation-timing-function: linear;}

.card{font-size: 12px;}

@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 30px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 30px;}
}
#logo1{ 
  text-align: right;
  margin-right: 30px;
  margin-left: 90px;
}
#logo2{
  margin-top: 0px;
  margin-left: 120px;
}


header h1{
font-family: 'BallparkWeiner', serif;
font-size: 5.0em;
font-weight: normal;
}
.pied h5{
  margin:10px 10px 0 0px;
  color: black;
  text-align: right;
}
.pied
{
margin :auto;
display: inline-block;
border-radius: 0px 0px 0px 0px;
width: 1100px;
height: 40px;

background-color:rgb(89, 88, 87);
color: white;
font-size: 0.8em;
}
.bouton_rouge{
display: inline-block;
height: 25px;
position: absolute;
right: 5px;
bottom : 5px;
margin-right: 20px;
background: transparent;  

color:  #f6b866;/*
text-decoration: block;*/
}
.bouton_rouge img{
border: 0;
}

.news{
  background-color: orange;
  width: 550px;
}
.largeur{
  margin-left: 10px;
  margin-right: 10px;
  width: 500px;
  height: 180px;
}
#compteur{
  width: 50px;
  height: 100px;
  background-color: black;
}
section
{
  padding: 0 20px 10px 20px;
 
}
footer
{
  padding: 10px;
 
}
article, aside
{
display: inline-block;
vertical-align: top;
text-align: justify;
font-size: 17px
}
article{
width: 480px;
margin-right: 15px;
}

article p
{
font-size: 0.8em;
}
 #news 
{
margin-left: 10px;
position: relative;
width: 550px;
background-color: orange;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 0px;
padding: 10px;
color: black;
font-size: 0.9em;
}
.col-12{

}
.mb-0{
  color: black;
}
#autresActualites{
  color: black;
}




table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    height: 30px;
    margin-top: 5px;
    background-color: #f6d386;  
}
td, th {
    border: 1px solid #fff;
    text-align: left;
    padding: 0px;
}

tr:nth-child(even) {
    background-color: #fff;
}

section{

}

aside{
margin-left: 10px;
position: relative;
width: 560px;
/*background-color: #f0c058;*/
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 0px;
padding: 10px;

font-size: 0.9em;
}
#fleche_bulle{
position: absolute;
top: 100px;
left: -12px;
}
img{
  border:0;
}
footer p, footer ul
{
font-size: 0.8em;
}


aside h3 {
    padding: 10px 0;
    color: black ;
   /* background-color: white;*/
    clear: left;
    text-align: center;}
.titre{
      background-color: blue;
    }
#code, #Journal, #points_de_ventes
{display: inline-block;
vertical-align: top;}
#code{
width: 35%;
}
#Journal
{
width: 30%;
}
#points_de_ventes
{
width: 30%;
margin-left: 40px;
}
#Journal img
{
border: 1px solid #181818;
margin-right: 0px;
}
#points_de_ventes ul
{
display: inline-block;
vertical-align: top;
margin-top: 0;
width: 78%;
padding-left: 2px;
margin-left: 10px;
}
#points_de_ventes a
{
text-decoration: none;
color: #760001;}

.img-thumbnail {
 padding:.02rem;
/* background-color:#fff;*/
/* border:1px solid #dee2e6;*/
 border-radius:.2rem;
 max-width:100%;
 height:auto
}
.containerf{
 width:60%;
 padding-right:15px;
 padding-left:15px;
/* padding-top: 30px;*/
 margin-right:auto;
 margin-left:auto
}
.r {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}

.col-xl-auto,
.col {
 min-height:1px;
 padding-right:1px;
 padding-left:1px;
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:90%;
 font-size: 12px;
}

.text-center {
 text-align:center!important
}
.text-white {
 color:black!important
}

 .stat{
  width: 548px;
  height: 240px;
  text-align: center;
  background-color: #f6d386;
  font-size: 14px;
}
.attachement {
  width: 480px;
  height: 240px;
  text-align: center;
  background-color: #f6d386;
}
.attachement2 {
  width: 480px;
  height: 140px;
    
  background-color: #f6d386;
}
#attachements {
font-size: 2.1em;
}
.Consultation {
  width: 480px;
  height: 660px;
  text-align: center;
  background-color: #f6d386;
}
#Consultation{
  color: white;
  width: 420px;
  background-color: orange;

  font-size: 30px;
  text-align: center;
  margin-left: 10px;
}
.ARMP{
  height: 400px;
  width: 480px;
  margin-left: 0px;
  text-align: center;
  background-color: #f6d386;
}
.PieGraph{
  height: 340px;
  width: 460px;
  margin-left: 0px;
  text-align: center;
  background-color: #ffa5004a;
}

  .Journal{
  height: 400px;
  width: 545px;
  margin-left:10px;
  text-align: center;
  background-color: #f6d386;

/*
padding: 3vmin 4vmin;
background: #fff;
box-shadow: inset 1px 1px 15px 0 rgba(0 0 0 / .4);*/


}

  .text {
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 3vmin;
  padding-left:4vmin;
  padding-top: 0vmin;
  background: #fff;
  box-shadow: inset 1px 1px 15px 0 rgba(0 0 0 / .4);
  overflow-y: scroll;
}


#contact{
  background-color: rgb(128,128,128);
  width: 1050px;
  height: 500px;
 
  color:#65b3cd  ; 
  text-align: center;
}

/*#site,*/#attachement{
  color: white;
  width: 480px;
  background-color: orange;

  font-size: 30px;
  text-align: center;
}
#definition,#date{
  margin-top: 20px;
  text-align: center;
  color: black;
}
#next{
  top: 150px;
  margin-left: 200px;
}

.mt-2{
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem}

  .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: blue;
  border-color: #007bff;
}
.page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}
.site{
  background-color: #f6d386;
  width: 548px;
  text-align: center;
  font-size: 2.9em;
}

#stat{
  color: white;
  width: 548px;
  background-color: orange;
  margin-left: -10px;
  margin-top: -10px;
  font-size: 30px;
  text-align: center;
}


.scroll-left2 {
  height: 25px;
  overflow: hidden;
  /*position: relative;*/
  
  color: #2b8cbb;
  border: 1px solid #c4c4c4;
}

*,
::after,
::before {
 box-sizing:border-box
}
@-ms-viewport {/*
 width:device-width;*/
}
[tabindex="-1"]:focus {
 outline:0!important
}
hr {
 box-sizing:content-box;
 
 overflow:visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin-top:0;
 margin-bottom:.5rem
}
a{
  font-size: 11pt;
}
#node-20 ,table, p {
  font-size: 9pt;
}
p {
 margin-top:0;
 margin-bottom:1rem;
 font-size: 13pt;
 
}
p .stat {font-size: 2.1em}
.container {
 width:100%;
 padding-right:1px;
 padding-left:1px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width:576px) {
 .container {
  max-width:540px
 }
}
@media (min-width:768px) {
 .container {
  max-width:720px
 }
}
@media (min-width:992px) {
 .container {
  max-width:960px
 }
}
@media (min-width:1200px) {
 .container {
  max-width:1140px
 }
}
.container-fluid {
 width:100%;
 padding-right:1px;
 padding-left:1px;
 
}
.row {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:0px;
 margin-left:0px;
}
.no-gutters {
 margin-right:0;
 margin-left:0
}
.no-gutters&gt;.col,
.no-gutters&gt;[class*=col-] {
 padding-right:0;
 padding-left:0
}
.col,.col-1,.col-10,.col-11,.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-auto {
 position:relative;
 width:100%;
 min-height:1px;
 padding-right:1px;
/* padding-left:0px*/
}
.col {
 -ms-flex-preferred-size:0;
 flex-basis:0;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:100%
}
.col-auto {
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:auto;
 max-width:none
}
.col-1 {
 -ms-flex:0 0 8.333333%;
 flex:0 0 8.333333%;
 max-width:8.333333%
}
.col-2 {
 -ms-flex:0 0 16.666667%;
 flex:0 0 16.666667%;
 max-width:16.666667%
}
.col-3 {
 -ms-flex:0 0 25%;
 flex:0 0 25%;
 max-width:25%
}
.col-4 {
 -ms-flex:0 0 33.333333%;
 flex:0 0 33.333333%;
 max-width:33.333333%
}
.col-5 {
 -ms-flex:0 0 41.666667%;
 flex:0 0 41.666667%;
 max-width:41.666667%
}
.col-6 {
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
.col-7 {
 -ms-flex:0 0 58.333333%;
 flex:0 0 58.333333%;
 max-width:58.333333%
}
.col-8 {
 -ms-flex:0 0 66.666667%;
 flex:0 0 66.666667%;
 max-width:66.666667%
}
.col-9 {
 -ms-flex:0 0 75%;
 flex:0 0 75%;
 max-width:75%
}
.col-10 {
 -ms-flex:0 0 83.333333%;
 flex:0 0 83.333333%;
 max-width:83.333333%
}
.col-11 {
 -ms-flex:0 0 91.666667%;
 flex:0 0 91.666667%;
 max-width:91.666667%
}
.col-12 {
 -ms-flex:0 0 100%;
 flex:0 0 100%;
 max-width:100%
}

 .col-sm-9 {
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-sm-10 {
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-sm-11 {
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-sm-12 {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }

@media (min-width:768px) {
 .col-md {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }
 .col-md-auto {
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-md-1 {
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-md-2 {
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-md-3 {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-md-4 {
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-md-5 {
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-md-6 {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
 
 }
 .col-md-7 {
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-md-8 {
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-md-9 {
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-md-10 {
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-md-11 {
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-md-12 {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
/*
@media (min-width:992px) {
 .col-lg {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }*/
 .col-lg-auto {
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-lg-1 {
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-lg-2 {
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-lg-3 {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-lg-4 {
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-lg-5 {
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-lg-6 {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-lg-7 {
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-lg-8 {
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-lg-9 {
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-lg-10 {
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-lg-11 {
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-lg-12 {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 
.form-control:focus {
 color:#495057;
 background-color:#fff;
 border-color:#80bdff;
 outline:0;
 box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder {
 color:#6c757d;
 opacity:1
}
.form-control::-moz-placeholder {
 color:#6c757d;
 opacity:1
}
.form-control:-ms-input-placeholder {
 color:#6c757d;
 opacity:1
}
.form-control::-ms-input-placeholder {
 color:#6c757d;
 opacity:1
}
.form-control::placeholder {
 color:#6c757d;
 opacity:1
}
.form-control:disabled,
.form-control[readonly] {
 background-color:#e9ecef;
 opacity:1
}
select.form-control:focus::-ms-value {
 color:#495057;
 background-color:#fff
}
.form-control-file,
.form-control-range {
 display:block;
 width:100%
}
.col-form-label {
 padding-top:calc(.375rem + 1px);
 padding-bottom:calc(.375rem + 1px);
 margin-bottom:0;
 font-size:inherit;
 line-height:1.5
}
.col-form-label-lg {
 padding-top:calc(.5rem + 1px);
 padding-bottom:calc(.5rem + 1px);
 font-size:1.25rem;
 line-height:1.5
}
.col-form-label-sm {
 padding-top:calc(.25rem + 1px);
 padding-bottom:calc(.25rem + 1px);
 font-size:.875rem;
 line-height:1.5
}
.form-control-plaintext {
 display:block;
 width:100%;
 padding-top:.375rem;
 padding-bottom:.375rem;
 margin-bottom:0;
 line-height:1.5;
 color:#212529;
 background-color:transparent;
 border:solid transparent;
 border-width:1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
 padding-right:0;
 padding-left:0
}
.form-control-sm {
 height:calc(1.8125rem + 2px);
 padding:.25rem .5rem;
 font-size:.875rem;
 line-height:1.5;
 border-radius:.2rem
}
.form-control-lg {
 height:calc(2.875rem + 2px);
 padding:.5rem 1rem;
 font-size:1.25rem;
 line-height:1.5;
 border-radius:.3rem
}
select.form-control[multiple],
select.form-control[size] {
 height:auto
}
textarea.form-control {
 height:auto
}
.pagination {
 display:-ms-flexbox;
 display:flex;
 padding-left:0;
 list-style:none;
 border-radius:.25rem
}
.page-item:last-child .page-link {
 border-top-right-radius:.25rem;
 border-bottom-right-radius:.25rem
}
.page-item.active .page-link {
 z-index:1;
 color:#fff;
 background-color:#007bff;
 border-color:#007bff
}
.pagination-lg .page-item:first-child .page-link {
 border-top-left-radius:.3rem;
 border-bottom-left-radius:.3rem
}
.pagination-lg .page-item:last-child .page-link {
 border-top-right-radius:.3rem;
 border-bottom-right-radius:.3rem
}
.pagination-sm .page-link {
 padding:.25rem .5rem;
 font-size:.875rem;
 line-height:1.5
}
.pagination-sm .page-item:first-child .page-link {
 border-top-left-radius:.2rem;
 border-bottom-left-radius:.2rem
}
.pagination-sm .page-item:last-child .page-link {
 border-top-right-radius:.2rem;
 border-bottom-right-radius:.2rem
}

.overlay {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1rem .1rem;
  background: #f9e8a6e3;;
  transition: .4s ease-in-out;
  z-index: 1;
}
.overlay-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 15vmin;
  height: 100%;
  padding: .5rem 0 0 .5rem;
  
  border-image: 
      linear-gradient(
        to bottom,
        #f6d386 5%,
        forestgreen 35% ,65% #f6d386 95%
      ) 0 0 0 100%;
  
  transition: .3s ease-in-out .2s;
  z-index: 1;
}
.image-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 60vmin;
  height: 100%;
  background-image: url("fichiers/10.jpg");
  background-size: cover;
  transition: .3s ease-in-out;
  
}

.dots {
  position: absolute;
  bottom: 1rem;
  right: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 55px;
  height: 4vmin;
  transition: .3s ease-in-out .3s;
}
.dot {
  width: 14px;
  height: 14px;
  background: yellow;
  border: 1px solid indigo;
  border-radius: 50%;
  transition: .3s ease-in-out .3s;
}



.wrap:hover {
  box-shadow: 0 0 0 0 rgba(0 0 0 / 0);
}
.wrap:hover .overlay
 {
  transform: translateX(-60vmin);
}
.wrap:hover .image-content {
  width: 30vmin;
}
.wrap:hover .overlay-content {
  border: none;
  transition-delay: .2s;
  transform: translateX(60vmin);
}
.wrap:hover .dots {
  transform: translateX(1rem);
}
.wrap:hover .dots .dot {
  background: white;
}

.animate {
  animation-duration: 0.7s;
  animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
  animation-fill-mode: backwards;
}

.pop { animation-name: pop; }
@keyframes pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

/* Slide In */
.slide { animation-name: slide; }
@keyframes slide {
  0% {
    opacity: 0;
    transform: translate(4em, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/* Slide Left */
.slide-left { animation-name: slide-left; }
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translate(-40px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.slide-up {animation-name: slide-up;}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(3em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.delay-1 {
  animation-delay: 0.3s;
}
.delay-2 {
  animation-delay: 0.6s;
}
.delay-3 {
  animation-delay: 0.9s;
}
.delay-4 {
  animation-delay: 1.2s;
}
.delay-5 {
  animation-delay: 1.5s;
}
.delay-6 {
  animation-delay: 1.8s;
}
.delay-7 {
  animation-delay: 2.1s;
}
.delay-8 {
  animation-delay: 2.4s;
}

.clearfix:before, .clearfix:after {
   content: "";
   display: table;
}

.clearfix:after {
   clear: both;
}

.desktop-nav ul.art-hmenu li ul&gt;li:first-child {
   margin-top: 0;
}
.desktop-nav ul.art-hmenu li ul&gt;li:last-child {
   margin-bottom: 0;
}

.desktop-nav ul.art-hmenu ul ul:before
{
   border-radius: 3px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 12px;
}

.desktop-nav ul.art-hmenu&gt;li&gt;ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop-nav ul.art-hmenu&gt;li&gt;ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.art-hmenu&gt;li&gt;ul.art-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
   right: 0px;
   left: 2px;
}
.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
   right: 12px;
   left: 30px;
}






















/*
.art-button
{
   border: 0;
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #7A9ED1;
   
   border-radius:4px;
   padding:0 15px;
   margin:0 auto;
   height:31px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a 
{
   text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
   font-family: Khmer, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: justify;
}

.art-postcontent p
{
   margin: 12px 0;
}

.art-postcontent a, .art-postcontent a:link
{
   font-family: Khmer, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #6B93CC;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   font-family: Khmer, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #4D5F75;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
   font-family: Khmer, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #95B2DB;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator &gt; a, .art-checkbox:before, .art-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator &gt; a, .art-checkbox:before, .art-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
*/
ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 1250px; 
   color: #202831;
}

.clearfix:before, .clearfix:after {
   content: "";
   display: table;
}

.clearfix:after {
   clear: both;
}

.cleared {
   font: 0/0 serif;
   clear: both;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent li p 
{
   margin:1px;
}


.art-shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.art-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.art-slidenavigator &gt; a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.art-slidenavigator &gt; a:last-child {
   margin-right: 0 !important;
}

.art-headline
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 129px;
  left: 46.15%;
  line-height: 100%;
  margin-left: -204px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 99;
}

.art-headline, 
.art-headline a, 
.art-headline a:link, 
.art-headline a:visited, 
.art-headline a:hover
{
font-size: 20px;
font-family: 'Didact Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-shadow: 0px 0px 12px rgba(34, 61, 99, 0.98);
  padding: 0;
  margin: 0;
  color: #323E4D !important;
  white-space: nowrap;
}

.art-header
{
   margin:0 auto;
   position:relative;
   height: 30px;
   margin: 0 0 50px 0;
 
   background-position: center top;
   background-repeat: no-repeat;
}

.responsive .art-header 
{
  
   background-position: center center;
}

.art-header-inner{
   position: relative;
   width: 1250px;
   z-index: auto !important;
   margin: 0 auto;
}

.art-header&gt;.widget 
{
   position:absolute;
   z-index:101;
}

.art-nav
{
   
   border-top:0px solid orange; 
  
   z-index: 100;
   font-size: 0;
   position: absolute;
   margin: 0;
   bottom:   0;
   width: 100%;
   text-align: left;

   background: orange;
}

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.art-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.art-hmenu:after, ul.art-hmenu ul:after
{
   
   height: 2px;
   width: 1400px;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;

}

ul.art-hmenu, ul.art-hmenu ul 
{
   min-height: 0;
}

ul.art-hmenu 
{
   display: inline-block;
   vertical-align: middle;
   padding-left: 0px;
   padding-right: 0px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* mod mnu deb*/
.art-nav-inner:before 
{
   content:' ';
}

.art-nav-inner{
   text-align: right;
   margin:0 auto;
}

.desktop-nav .art-nav-inner{
   width: 1200px;
 
}


.art-nav:before 
{
   content:' ';
}
.desktop-nav.art-nav{    
   padding-left: 0px;
   padding-right: 0px;
}

.art-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.art-hmenu
{
   float: left;
}

.art-menuitemcontainer
{
   margin:0 auto;
}
ul.art-hmenu&gt;li {
  
}
ul.art-hmenu&gt;li:first-child {
  
}
ul.art-hmenu&gt;li:last-child, ul.art-hmenu&gt;li.last-child {
  
}

ul.art-hmenu&gt;li&gt;a
{
  
   border-radius:0px 0;
   padding:0 0px 0 15px;
   position: relative;
   display: block;
   height: 36px;
   cursor: pointer;
   text-decoration: none;
  
   color: #000000;
   line-height: 36px;
   text-align: center;
}

.art-hmenu a, 
.art-hmenu a:link, 
.art-hmenu a:visited, 
.art-hmenu a.active, 
.art-hmenu a:hover
{
   font-size: 9px;
   font-family: 'Arial Black'; 
  
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-align: center;
   width: 108px;
}

ul.art-hmenu&gt;li&gt;a.active
{
   background: orange;
  
   border-radius:0px 0;
   padding:0 0px 0 15px;
   margin:0 auto;
   color: black;
   text-decoration: none;
}

ul.art-hmenu&gt;li&gt;a:visited, 
ul.art-hmenu&gt;li&gt;a:hover, 
ul.art-hmenu&gt;li:hover&gt;a {
   text-decoration: none;
}

ul.art-hmenu&gt;li&gt;a:hover, .desktop ul.art-hmenu&gt;li:hover&gt;a
{
   background: #ffffff;   
   
   border-radius:0px 0;
   padding:0 0px 0 15px;
   margin:0 auto;
   
   width: 108px;
}
ul.art-hmenu&gt;li&gt;a:hover, 
.desktop-nav ul.art-hmenu&gt;li:hover&gt;a {
   color: black;
   text-decoration: none;
}

ul.art-hmenu li li a
{
   background: #EDEFF2;
   background: transparent;
   
   border-radius:3px;
   padding:0 2px;
   
}
ul.art-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 7px;
   margin-bottom: 7px;
}

.desktop-nav ul.art-hmenu li li ul&gt;li:first-child 
{
   margin-top: 0;
}

ul.art-hmenu li li ul&gt;li:last-child 
{
   margin-bottom: 0;
}

.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 27px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 27px;
   color: #C6D6EB;
   font-size: 9px;
   font-family: Khmer, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.art-hmenu ul a:link, 
.art-hmenu ul a:visited, 
.art-hmenu ul a.active, 
.art-hmenu ul a:hover
{
   text-align: left;
   line-height: 27px;
   color: black;
   font-size: 9px;
   font-family: Arial Black;
  
   text-decoration: none;
   margin:0;
   width: 200px;
}

ul.art-hmenu li li:after
{
   display: block;
   position: absolute;
   content: ' ';
   height: 0;
   top: -4px;
   left: 0;
   right: 0;
   z-index: 1;
   border-bottom: 1px solid grey;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.desktop-nav ul.art-hmenu li li:first-child:before, 
.desktop-nav ul.art-hmenu li li:first-child:after 
{
   display: none;
} 

ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover&gt;a
{
   
   
   border-radius:3px;
   margin:0 auto;
}
.art-hmenu ul a:hover
{
   text-decoration: none;
}

.art-hmenu ul li a:hover
{
   color: black;
}

.desktop-nav .art-hmenu ul li:hover&gt;a
{
   color: white;
}

ul.art-hmenu ul:before
{
   background: #f9deac;
 
   
   border-radius:0 0 3px 3px;
   border:1px solid transparent;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop-nav ul.art-hmenu li:hover&gt;ul {
   visibility: visible;
   top: 100%;
}
.desktop-nav ul.art-hmenu li li:hover&gt;ul {
   top: 0;
   left: 100%;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
  
}

.desktop-nav ul.art-hmenu&gt;li&gt;ul
{
   padding: 15px 35px 35px 35px;
   margin: -10px 0 0 -30px;
}

.desktop-nav ul.art-hmenu ul ul
{
   padding: 35px 35px 35px 17px;
   margin: -35px 0 0 -6px;
}

.desktop-nav ul.art-hmenu ul.art-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop-nav ul.art-hmenu ul.art-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop-nav ul.art-hmenu li li:hover&gt;ul.art-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop-nav ul.art-hmenu li li:hover&gt;ul.art-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 35px 35px 35px 17px;
   margin: -35px 0 0 -6px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 35px 17px 35px 35px;
   margin: -35px -6px 0 0;
}

.desktop-nav ul.art-hmenu li ul&gt;li:first-child {
   margin-top: 0;
}
.desktop-nav ul.art-hmenu li ul&gt;li:last-child {
   margin-bottom: 0;
}

.desktop-nav ul.art-hmenu ul ul:before
{
   border-radius: 3px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 12px;
}

.desktop-nav ul.art-hmenu&gt;li&gt;ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop-nav ul.art-hmenu&gt;li&gt;ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.art-hmenu&gt;li&gt;ul.art-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
   right: 30px;
   left: 12px;
}
.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
   right: 12px;
   left: 30px;
}

.art-sheet
{
   background: orange;

}

section
{
  padding: 0 20px 10px 20px;
 
}
footer
{
  padding: 10px;
 
}
article, aside
{
display: inline-block;
vertical-align: top;
text-align: justify;
font-size: 17px
}
article{
width: 480px;
margin-right: 15px;
}

article p
{
font-size: 0.8em;
}
 #news 
{
margin-left: 10px;
position: relative;
width: 550px;
background-color: orange;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 0px;
padding: 10px;
color: black;
font-size: 0.9em;
}
</pre></body></html>