| Server IP : 118.139.160.155 / Your IP : 216.73.217.153 Web Server : Apache System : Linux sg2plmcpnl504228.prod.sin2.secureserver.net 4.18.0-553.124.4.lve.el8.x86_64 #1 SMP Fri May 15 13:02:13 UTC 2026 x86_64 User : twll3xqyaqrh ( 9725459) PHP Version : 5.6.40 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/twll3xqyaqrh/public_html/documents/ |
Upload File : |
#opacite {
background-color: rgba(0, 0, 0, 0.5);
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:2500;
padding: 0 !important;
}
#opacite2 {
background-color: rgba(0, 0, 0, 0.5);
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:2800;
padding: 0 !important;
}
#opacite3 {
background-color: rgba(0, 0, 0, 0.5);
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:2500;
padding: 0 !important;
}
#opacite4 {
background-color: rgba(0, 0, 0, 0.5);
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:3000
}
body{
width: auto;
height: auto;
margin: 0;
padding: 0;
font-family: 'Ubuntu';
}
a{
color: inherit;
text-decoration: none;
}
.fin_float{
clear: both;
}
.content_lang {
display: flex;
color: #9a9696;
height: 50px;
font-weight: 600;
justify-content: space-around;
align-items: center;
width: 50px;
padding-right: 15px;
}
.content_lang span {
padding: 0px 5px;
display: inline-block;
}
.texte_lang {
display: flex;
text-transform: uppercase;
font-weight: 200;
/*! padding-right: 10px; */
}
.content_lang span:first-child {
border-right: 1px solid #ccc;
}
/******************superheader*******************/
.conteneur_superheader{
width: auto;
border-bottom: 1px solid #ccc;
}
.superheader{
width: 1390px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
ul.info_contact{
float: left;
height: 50px;
margin:0;
display: flex;
padding: 0;
}
ul.info_contact li{
padding: 0 12px;
color: #b0afaf;
font-size: 12px;
display: flex;
align-items: center;
border-right: 1px solid;
border-color: inherit;
}
ul.info_contact li img {
margin-right: 10px;
}
ul.info_contact li:last-child{
border-right: none;
}
.bloc_reseau_socio_recherche{
display: flex;
height: 50px;
align-items: center;
width: 260px;
float: right;
}
.bloc_recherche{
display: flex;
align-items: center;
position: relative;
margin: 0 20px;
}
.bloc_recherche input{
width:200px;
border:1px solid #ccc;
height: 30px;
display: flex;
align-items: center;
padding: 0 10px;
color: #ccc;
position: relative;
border-radius: 2px;
}
.icone_recherche{
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
border-left: 1px solid #ccc;
top: 1px;
}
.reseau_socio{
display: flex;
justify-content: center;
align-items: center;
/*! margin-left: 25px; */
cursor: pointer;
}
.reseau_socio img:hover {
filter: grayscale(0%);
transition: all linear 0.3s;
}
.reseau_socio img{
border-left:1px solid #ccc;
padding: 19px 18px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
.reseau_socio img:last-child{
/*! border-right:1px solid #ccc; */
padding-right: 0;
}
.date-media{
font-size: 12px;
}
/************************header********************/
.conteneur_header{
width: auto;
display: flex;
border-bottom: 1px solid #cccccc;
}
.header{
width: 1390px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.logo{
float: left;
display: flex;
align-items: center;
justify-content: center;
height: 100px;
font-family: 'Ubuntu';
}
.description_logo{
color:#ccc;
font-size: 13px;
border-right: 1px solid #ccc;
padding: 10px;
}
.description_logo span {
font-size: 11.5px;
}
ul#menu_header{
float: right;
height: 100px;
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
align-items: center;
}
ul#menu_header li:hover ul {
transition: all linear 0.3s;
visibility: visible;
top: 100%;
}
ul#menu_header li:hover, ul.sous_menu li:hover {
color:#00973a
}
ul.sous_menu li {
color: #000;
line-height: 1.1 !important;
padding: 13px 10px !important;
}
ul#actu li:after,ul#doc_categorie li:after, ul#galerie_categorie li:after{
position: absolute;
content: '';
top: 100%;
width: 0;
margin: 0 auto;
height: 2px;
background: #00973a;
left: 0;
transition: all linear 0.3s;
visibility: hidden;
right: 0;
}
ul#menu_header li{
padding: 5px 9px;
position: relative;
transition: all linear 0.3s;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
position: relative;
line-height: 88px;
}
ul#menu_header li ul {
list-style-type: none;
position: absolute;
top: 120%;
padding: 0;
visibility: hidden;
background: #fff;
border-radius: 3px;
width: 225px;
left: -3px;
z-index: 10;
border-top: 3px solid #00973a;
transition: all linear 0.3s;
}
/*ul#menu_header li:last-child{
position: absolute;
bottom: -10px;
width: 80%;
margin: 0 auto;
height: 1px
}*/
ul#menu_header li.active:after, ul#menu_header li:hover:after, ul#actu li:hover:after,
ul#actu li.active:after, ul#doc_categorie li.active:after, ul#galerie_categorie li.active:after,ul#doc_categorie li:hover:after,
ul#galerie_categorie li:hover:after{
transition: all linear 0.3s;
visibility: visible;
width: 70%;
}
ul.sous_menu li::after {
left: 0;
position: absolute;
content: '';
bottom: 0;
background: #00973a !important;
height: 2px;
width: 0 !important;
transition:all linear 0.3s
}
ul.sous_menu li:hover:after {
left: 0;
height: 2px;
width: 100% !important;
transition:all linear 0.3s
}
.conteneur_banniere{
width: auto;
background: url(../images/banniere/telechargement_banniere.png);
}
/********************* conteneur titre page interne ******************************************************/
#conteneur-titre-page{
width: 100%;
height: auto;
margin: 0 auto;
display: none;
justify-content: center;
align-self: center;
flex-direction: column;
text-align: center;
padding: 15px 0;
}
#titre_page{
font-size: 30px;
color: #333333;
padding: 5px 0px;
text-transform: none;
font-weight: 600;
}
#fil_arian{
font-size: 13px;
color: #AAAAAA;
}
#date_contenu{
font-size: 14px;
color: #4f4f4f;
}
/******************* contenu page interne *******************/
#fil_arian a{
margin: 0 15px;
}
#conteneur_page{
width: auto;
height: auto;
}
#page_interne{
width: auto;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding-bottom: 30px;
}
#conteneur_element_gauche{
width: 300px;
max-width: 100%;
margin-right: 15px;
display: none;
}
#wrapper_conteneur_btn_reseau{
width: 140px;
height: auto;
}
#conteneur_btn_reseau_sociaux{
width: 140px;
height: auto;
position: fixed;
}
#conteneur_btn_reseau_sociaux a{
display: block;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
width: 100%;
padding: 10px 0;
margin-bottom: 10px;
word-spacing: 0.5em;
}
#conteneur_btn_reseau_sociaux a#linkedin{
background-color: #0080b2;
}
#conteneur_btn_reseau_sociaux a#fcb{
background-color: #4c66a4;
}
#conteneur_btn_reseau_sociaux a#twt{
background-color: #55acee;
}
#conteneur_btn_reseau_sociaux a#mail{
background-color: #a0a0a0;
}
#contenu_page{
width: 680px;
max-width: 100%;
font-size: 1.1rem;
line-height: 1.8em;
color:#333333;
text-align: justify;
font-weight: 200;
}
#img_principale_article img{
width: auto;
height: auto;
max-width: 100%;
}
#nom-biographie{
font-size: 1.2rem;
font-weight: 400;
}
#bloc_aside_page{
width: 300px;
max-width: 100%;
display: none;
}
#aside_agenda, #aside_recherche{
margin: 0;
}
#aside_recherche{
border: none;
padding: 0;
}
.bloc-aside{
padding: 20px 0px 0 0;
color: #333333;
border: 1px solid #eeeeee;
border-radius: 3px;
margin-top: 0px;
}
.contain-bloc-aside{
list-style: none;
margin: 0;
padding: 15px 35px;
}
.contain-bloc-aside li a{
padding: 12px 0;
display: block;
font-weight: 200;
border-bottom: 1px solid #eeeeee;
font-size: 14px;
position: relative;
}
.contain-bloc-aside li a i{
font-size: 12px;
font-weight: 100;
margin-right: 15px;
}
.contain-bloc-aside li a:after{
position: absolute;
height: 1px;
width: 0;
content: '';
left: 0;
top: 100%;
transition: all linear 0.4s;
background-color: #C25519;
}
.contain-bloc-aside li a:hover{
color: #C25519;
}
.contain-bloc-aside li a:hover:after{
width: 100%;
transition: all linear 0.4s
}
.titre-aside{
font-size: 22px;
margin-bottom: 15px;
padding-left: 20px;
border-left: 3px solid #C25519;
margin-left: 15px;
}
#contain-agenda {
padding-left: 20px;
}
#contain-agenda div{
font-size: 15px;
line-height: 1.6em;
padding: 3px 0;
color: #333333;
font-weight: 200;
}
#contain-agenda div strong{
font-weight: 500;
}
#btn-all-agenda{
padding: 10px 15px;
font-size: 15px;
color: #ffffff;
background-color: #C25519;
border-radius: 4px;
margin-top: 9px;
display: inline-block;
}
/******************* page detail article ******************************/
#form-search{
position: relative;
border-bottom: 1px solid #eeeeee;
}
#form-search input{
width: 291px;
height: 50px;
font-size: 15px;
border: none;
padding-right: 35px;
}
#form-search button {
position: absolute;
top: 8px;
right: 0;
z-index: 3;
display: block;
width: 34px;
height: 34px;
line-height: 0;
text-align: center;
background: none;
border: none;
padding: 0;
color: #C25519;
}
#contain-bloc-aside-archive > li > a{
font-size: 16px;
font-weight: 600;
}
.scontain-bloc-aside{
list-style: none;
margin-left: 25px;
padding: 0;
display: none;
}
#conteneur-video{
width: 100%;
}
#contain-current-galerie{
color: #fff;
text-align: center;
background-color: #EAEAEA;
padding: 25px 0 0 0;
overflow: hidden;
}
.content_galerie {
display: flex;
flex-wrap: wrap;
margin-top: 70px;
width: 1000px;
margin: 0 auto;
/*! justify-content: space-between; */
}
.image_galerie {
width: 31%;
/*! margin-top: 6px; */
position: relative;
margin: 0 35px 10px 0px;
}
.image_galerie:nth-child(3n){
margin-right: 0;
}
.image_galerie img{
display: block;
max-width: 100%;
height: auto;
}
.description_image_galerie {
position: relative;
width: 100%;
height: auto;
text-align: left;
padding: 5px 0;
margin-bottom: 15px;
}
#titre-current-media{
text-align: left;
font-size: 25px;
padding: 10px 0;
width: auto;
margin: 0 auto;
max-width: 100%;
font-weight: 600;
}
#description-media{
text-align: left;
font-size: 16px;
padding: 20px 0;
margin: 0 auto;
width: 1000px;
max-width: 100%;
}
#lecteur-media{
width: 1000px;
margin: 0 auto;
padding-bottom: 0;
background-color: #eaeaea;
position: relative;
}
.titre_album {
font-size: 18px;
line-height: 26px;
color: #333;
}
.image_galerie:hover .icone_play {
display: none;
}
.image_galerie img {
width: 100%;
height: auto;
}
.conteneur_galerie li {
color: #eeb507 !important;
}
.content_btn_video_photo {
text-align: center;
color: #fff;
margin-top: 70px;
}
.btn_photo, .btn_video {
display: inline-block;
padding: 10px 20px;
background: #eeb507;
cursor: pointer;
font-size: 18px;
color: #101b25;
border-radius: 3px;
transition: all linear 0.3s;
}
.btn_photo {
margin-right: 90px;
}
#conteneur-recherche{
margin: 20px auto;
background-color: #EAEAEA;
padding: 10px;
display: flex;
align-items: center;
color: #4b4b4b;
width: 980px;
}
#categorie {
height: 30px;
width: auto;
min-width: 250px;
margin: 0 10px;
font-size: 15px;
}
#mot {
width: 250px;
height: 28px;
padding: 0 10px;
margin: 0 10px auto;
font-size: 15px;
}
.texte_cyan14px.bouton_cyan {
height: 28px;
border: 1px solid #4b4b4b;
padding: 0 20px;
color: #4b4b4b;
line-height: 28px;
font-size: 14px;
}
/****************************footer***********************/
.conteneur_footer {
background: #101b25;
}
.bloc_footer {
color: #fff;
width: 24%;
font-size: 12px;
/*font-family: 'Merriweather';*/
font-weight: 400;
margin-top: 50px;
}
.content_bloc_footer {
display: flex;
justify-content: space-between;
padding: 60px 0 20px 0;
}
.footer {
width: 1100px;
margin: 0 auto;
border-bottom: 1px solid #fff;
}
.bloc_footer ul {
list-style-type: none;
padding: 0;
margin-top: 35px;
}
.bloc_footer li {
padding-bottom: 23px;
}
.logo_footer {
text-align: center;
}
.texte_description_logo_footer {
line-height: 2;
margin: 34px 0 40px 0;
width: 90%;
}
.reseau_socio_footer {
display: flex;
padding-left: 20px;
}
.reseau_socio_footer img {
padding: 5px 12px;
border-left: 1px solid #fff;
}
.reseau_socio_footer img:last-child {
border-right: 1px solid #fff;
}
.titre_footer {
color: #00973a;
text-transform: uppercase;
font-family: 'Ubuntu';
font-weight: 600;
font-size: 14px;
}
.bloc_footer:first-child {
margin-top: 0;
}
.description_newsletter {
font-size: 12px;
line-height: 2;
margin-top: 30px;
}
.input_email input {
border: none;
width: 80%;
height: 35px;
font-size: 14px;
/* color: rgba(255, 255, 255, 1); */
background: none;
float: left;
padding: 0 13px 0 10px;
background: #fff;
}
.submit {
background: #00973a;
border: none;
height: 35px;
/* float: right; */
font-size: 25px;
color: #fff;
box-shadow: none;
text-shadow: none;
padding-left: 6px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-align: center;
}
.input_email {
max-width: 293px;
width: 100%;
background: rgba(255,255,255, 0.5);
/* padding: 0 15px 0 20px; */
overflow: hidden;
margin-top: 30px;
height: 35px;
}
.conteneur_superfooter{
width:auto;
/* background: #1a1a1a; */
color: #fff;
/* border-top: 1px solid; */
}
.superfooter{
width:1100px;
margin:0 auto;
font-weight: 300;
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
height: 35px;
}
.superfooter_left_text {
float: left;
/*! height: 35px; */
/*! display: flex; */
justify-content: center;
}
/***autre******/
.btn_voir_tous:hover {
background: #fff;
color: #c25519;
border-color: #c25519;
transition: all linear 0.3s;
}
.btn_photo:hover, .btn_video:hover {
background: #fff;
color: #000;
transition: all linear 0.3s;
}
.lieu i{
color: #c25519;
font-size: 18px;
}
.categorie_actus{
position: absolute;
top: 16px;
left: 0;
background-color: rgba(0,0,0,0.50);
padding: 5px 20px;
color: #fff;
}
.titre_actualite{
font-size: 35px;
color: #c25519;
padding: 0 10px 20px 10px;
position:relative;
display: inline-block;
text-align: left;
position: relative;
font-weight: 600;
text-transform: uppercase;
}
.conteneur_actualites .contenu_titre_tri{
width: 1425px;
margin: 0 auto
}
.conteneur_actualites .titre_actualite:before {
background: #c25519 !important;
top: 0;
}
.titre_actualite::before {
content: '';
position: absolute;
top: 0;
width: 3px;
bottom: 0;
background: #000;
left: 0;
}
.titre_action::before {
content: '';
position: absolute;
top: 8px;
width: 3px;
bottom: 0;
background: #00973A;
left: 0;
height: 70px;
}
.titre_agenda::before, .titre_boutique::before {
content: '';
position: absolute;
top: 24%;
width: 6%;
height: 1px;
background: #999;
right: 47%;
display: none;
}
#conteneur_bloc_actualite{
display: flex;
flex-wrap: wrap;
justify-content: left;
align-content: flex-start;
max-width: 880px;
width: 100%;
}
.bloc_actualite{
width: 47%;
/*! float:left; */
padding-left: 20px;
/*! margin-right: 20px; */
position: relative;
display: flex;
margin-bottom: 35px;
}
.info_reseau_socio{
width: auto;
float: left;
color:#fff;
text-align: right;
padding-top: 10px;
margin-right: 10px;
/* position: absolute; */
}
.info_reseau_socio2 {
color:#fff;
text-align: right;
padding: 15px 0px;
width:auto;
display:inline-block;
display:none
}
.content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.image_play{
position: absolute;
top: 25%;
left: 43%;
cursor:pointer
/* right: 0; */
}
.image_play_galerie{
position: absolute;
top: 36%;
left: 42%;
cursor:pointer
/* right: 0; */
}
.date_actu{
font-size: 20px;
position:relative;
line-height: 15px;
padding-bottom: 30px;
color: #666666;
font-weight: 200;
width: 40px;
}
.nb_vue, .comments{
position:relative;
line-height: 19px;
padding-top: 26px;
padding-bottom: 20px;
color: #666666;
}
.vue{
font-size: 15px;
font-weight: 200;
}
.annee_mois{
font-size: 10px;
color: #666666;
font-weight: 200;
display: flex;
align-items: baseline;
justify-content: space-between;
margin-top: 6px;
}
.image_actualite{
width: 100%;
float: left;
position: relative;
z-index: 2;
}
.image_actualite img{
width:100%;
height:auto;
max-width:100%;
max-height: 230px;
}
.date_actu::before, .nb_vue:before {
content: '';
position: absolute;
width: 25px;
background-color: #00973a;
height: 1px;
right: 0;
bottom: 0;
z-index: 10;
}
.date_actu::after , .nb_vue:after{
content: '';
position: absolute;
width: 50px;
background-color: #c25519;
height: 1px;
left: -5px;
bottom: 0;
}
.titre_act{
font-size: 20px;
color: #c25519;
line-height: 28px;
width: auto;
padding-top: 10px;
text-align: left;
}
ul#actu,ul#doc_categorie, ul#galerie_categorie{
display: flex;
margin: 0;
list-style: none;
margin-top: -15px;
}
ul#actu li ,ul#doc_categorie li, ul#galerie_categorie li{
padding: 5px 10px;
cursor: pointer;
border-right: none;
position: relative;
font-size: 15px;
color:#666;
}
ul#doc_categorie li{
font-size: 12px !important;
}
ul#actu li:last-child {
border-right: none
}
.text_min_actualite {
font-size: 13px;
text-align: left;
width: auto;
line-height: 1.6;
margin-top: 3px;
font-weight: 200;
width: 80%;
}
.btn_actualite {
width: auto;
display: inline-block;
margin-top: 15px;
text-transform: none;
color: rgba(0,0,0,0.5);
padding: 10px 10px 10px 0;
background: none;
font-size: 15px;
position: relative;
font-weight: 600;
cursor: pointer;
z-index: 5;
width: auto;
border-radius: 3px;
transition: all linear 0.3s;
}
#actualite{
width: 880px;
max-width: 100%;
}
#pagination{
text-align:center;
width:auto;
background-color:#E6E6E6;
border-top:2px solid #9F9F9F;
margin:15px 0 10px 0 ;
padding:10px 5px;
}
.bloc_pagination{
width: auto;
height: auto;
padding: 5px 5px;
background-color: #00973A;
color: #fff;
display: inline-block;
margin:0 3px 0 0;
font-size:11px;
border-radius:3px;
}
.pagination_actif{
background-color: #C25519;
}
.image_principalegalerie{
background-color:#eaeaea;
margin-right:auto;
margin-left:auto;
text-align: center;
}
.description_photo_principale{
height: auto;
width: 100%;
margin-right: auto;
margin-left: auto;
padding: 10px 0;
margin-bottom: 0;
color: #333;
font-size: 17px;
}
#lecteur-media:hover #conteneur_vignette_album{
opacity: 1;
}
#conteneur_vignette_album{
justify-content: center;
border-top: 1px solid #fff;
position: relative;
bottom: 0;
background-color: rgb(234, 234, 234);
width: 1000px !important;
padding: 15px 0 !important;
display: flex;
opacity: 1;
}
#conteneur_vignette_album.slider-nav li {
margin: 0 10px !important;
/*! width: 120px !important; */
}
#conteneur_vignette_album .slider-nav li img{
margin: 0 10px !important;
}
#conteneur_vignette_album .slider-nav li{
width: 120px !important;
height: 82px !important;
margin: 0 10px !important;
}
#lecteur-media ul, #lecteur-media li{
margin: 0;
padding: 0;
text-align: center;
}
#lecteur-media li img{
display: inline-block !important;
}
#page_interne button.slick-prev {
left: 120px !important;
z-index: 10;
width: 45px;
}
#page_interne button.slick-next{
right: 120px !important;
z-index: 10;
width: 45px;
}
#page_interne button.slick-prev:after {
display: none
}
#page_interne button.slick-next:after{
display: none
}