/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try it out on a free dummy site: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.11.1739134764
Updated: 2025-02-09 20:59:24

*/

@media only screen and (min-width: 320px){
body{padding-bottom:15px;}

/*FLASH INFORMATION */
#flashinfo{position: fixed;bottom: 0px}
#flashinfo .ticker-content{
padding: 8px 12px !important;
}
.ast-single-post .entry-content a{
text-decoration: none !important;
}
#flashinfo .ticker-content a{
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
#flashinfo .ticker-badge{
	padding: 10.8px 12px !important;
}

/*FLASH INFORMATION END */
/*Menu */
#bloc-menu{background: #000 !important;}
#top-menu .eael-item-active{
	background: inherit !important;
}
#top-menu .sub-menu{
	width: 320px !important;
}
#top-menu #menu-top-menu{
	background-color: #fff !important;
}

#top-menu .eael-advanced-menu-toggle {
	min-height: 50px;
	padding-left: 5px;
	padding-right: 5px;
}
#top-menu .eael-advanced-menu-toggle svg {
	width: 27px !important;
}
#top-menu .eael-advanced-menu-container{
	background-color: #000 !important;
}
#top-menu .eael-advanced-menu-toggle-text{
	color: #fff !important;
}
/*Menu END */

.eael-ticker-wrap{
	flex-flow: row !important;
}
#Actualite1 .dce-content-area{
height: 100%;
display: flex;
justify-content: flex-end;
align-content: flex-start;
flex-direction: column;
padding: 5%;
}

#Actualite1 .dce-content-area:after{
position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
    background: -o-linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #151515 100%);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#Actualite1 .dce-item_title{order: 3; z-index: 99}
#Actualite1 .dce-item_date{order: 2; z-index: 99}
#Actualite1 .dce-item_termstaxonomy{order:1; margin-bottom: 14px;z-index: 99}
#Actualite1 .dce-item_termstaxonomy a{
	padding:10px !important;
}
#Actualite1 .dce-post-date {
	position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .8);
    width: 80px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    z-index: 1;
}
#Actualite1 .dce-post-date b {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 50px;
    text-transform: capitalize;
    color: rgba(255, 255, 255, .5);
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: currentcolor;
    -webkit-text-stroke-color: #444;
    padding: 0 5px;
}


#bloc-droit .elementor-cta__content{padding:17px;}
#bloc-droit .elementor-cta__title{ font-size:25px !important }
.entry-content h2{margin-bottom: 0 !important}
p{margin-bottom: 0 !important}
#btn-black a{
    width: auto !important;
    border-radius: 100px;
    background: #000;
    padding: 12px 19px;
}
#btn-black a:hover{background:#f6821f !important}
#titre-ministre p{font-weight: 400!important;line-height: normal;font-size: 12px}
#titre-ministre h2{font-size: 15px;}
#titre h2{font-size: 24px;}
#titre2 h2{font-size: 28px}
#sous-titre{margin-top: 20px; margin-bottom: 20px;}
#sous-titre p{font-size: 18px}
/*PLAN ACTION*/
#pan .elementor-cta__content{ padding: 0 !important }
#pan .elementor-cta__button-wrapper a, #pan .elementor-cta__button-wrapper{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pan h2{font-size: 22px !important}

/*ACTULAITES*/
#actualites h3{
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
font-size: 18px !important;
line-height: 21px;
font-weight: 700;
margin-bottom: 10px;
}
#actualites .dce-post-terms{
background: #f6821f;
padding: 0px 10px 0 10px;
margin-bottom: 10px;
}
#actualites .dce-content-area{
	justify-content: center;
	width: 100%;
	flex-direction: column;
}
#actualites .dce-image-area{width: 100%}
#actualites .dce-post-block{
	flex-direction: column;
}
#actualites2 h2{
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
#actualites .dce-item_date{ 
margin-bottom: 10px;}

/*GALERIE PHOTO*/

#galerie .dce-content-area{
	position: absolute;
	width: 96%;
	margin-top: 0;
	margin-left: 0;
	border-radius: 0 0 15px 15px;
	bottom: 8px;
}
#galerie h3 {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
font-size: 16px;

}
#galerie article{
	padding: 10px
}

/*Galerrie photo2*/
#galeriephoto .dce-post-block{
	background-color: #F1F1F1;
	    margin: 16px;
    height: 445px !important;
box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.30)
}

#galeriephoto .dce-post-image {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Effet de hover : agrandissement et légère transparence */
#galeriephoto .dce-post-image:hover {
  transform: scale(1.05);
  opacity: 0.8;
}

#galeriephoto .dce-post-item{
	padding: 0;
}
#pan .elementor-cta__description{
position: absolute;
z-index: 1;
background-color: rgba(0, 0, 0, .8);
width: 140px;
height: 65px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-family: 'roboto';
font-style: normal;
font-weight: 500;
font-size: 19px;
text-align: center;
text-transform: capitalize;
color: #fff;
padding:12px 15px;
top: 0;
}
#galeriephoto .dce-posts-container.dce-posts .dce-post-block .dce-item_date{
	position: absolute;
    z-index: 1;
    width: 77px;
    height: 80px;
    background-color: rgba(255, 255, 255, .8);
    text-align: center;
    display: flex;
    align-items: center;
    font-family: 'poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    text-transform: capitalize;
    color: #444;
    padding: 0 5px;
}
#galeriephoto .dce-post-title a {
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
        
}
#galeriephoto .dce-item_termstaxonomy{
    background-repeat: no-repeat;
    background-position: 0 52%;
    background-size: 6%;
    font-family: 'poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc
}
#galeriephoto .dce-item_readmore{
    padding: 10px;
    background-color: #222;
}
#galeriephoto .dce-item_readmore:hover{
    background-color: #FF6B00;
}
#galeriephoto .dce-item_readmore a:hover{
    color: #fff;
}
#galeriephoto .dce-item_termstaxonomy li span a{
	text-transform: uppercase;
	font-weight: 700;
	color: #FF6B00;
}
#galeriephoto .dce-posts-container.dce-posts .dce-post-block .dce-item_date b {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 50px;
    text-transform: capitalize;
    color: rgba(255, 255, 255, .5);
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: currentcolor;
    -webkit-text-stroke-color: #444;
    padding: 0 5px;
}
.galeriephoto .dce-post-image.dce-post-overlayimage:after{
	background-image: url(https://web.ogp.gouv.ci/wp-content/uploads/2025/01/icon-photo-supperposition.svg);
	background-position: center center;
    background-repeat: no-repeat;
}
.galerievideo .dce-post-image.dce-post-overlayimage:after{
	background-image: url(https://web.ogp.gouv.ci/wp-content/uploads/2025/01/icon-lecteur-youtube.svg);
	background-position: center center;
    background-repeat: no-repeat;
}
#galeriephoto .swiper-pagination{
	bottom: -35px;
}

#galeriephoto .dce-item_title{
	padding:20px;
	min-height: 118px;
}
#pan .elementor-cta__content{ border: 1px solid #000}
.ast-scroll-to-top-right{bottom: 70px}
.ast-container{max-width: 100%;
padding: 0;}
.ast-plain-container.ast-no-sidebar #primary{
	margin-top: 0;
	margin-bottom: 0;
}
#primary {
	margin-top: 0;
	margin-bottom: 0;
}
#titre-sidebar {
 background: #000 !important;
}
#titre-sidebar h2{ color: #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 0 !important; font-weight: 700}
#titre-sidebar img {width: 18px !important;}
#titre-sidebar .titles{ 
	display: flex;
	justify-content:flex-start;
	align-items: center;
	height: 45px;
 }
 .titles img{ margin-right: 15px }
#read-more-page .dce-post-block {
    height: 100px;
    border: 1px solid #DDD;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1px;
}
#read-more-page h3{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
}
#read-more-page .swiper-pagination{
	margin-bottom: -30px;
}
.ast-narrow-container .site-content > .ast-container{
	max-width: 100%;
}
#menu-droit{
background-color:#F6F6F6;
min-height: 272px;
border-radius: 16px;
padding: 17px 25px 26px 25px
}
#menu-droit ul li a {
	background: #fff;
	margin-bottom: 8px;
}
#menu-droit ul li a:hover{
	background: #000;
}
#menu-droit:before{
	content: 'MENU';
	font-weight: 700;
	font-size: 18px;
}
#autre-article{
background-color:#F6F6F6;
min-height: 272px;
border-radius: 16px;
padding: 17px 25px 26px 25px
}
#autre-article:before{
	content: 'NOUS SUIVRE';
	font-weight: 700;
	font-size: 18px;
}
#autre-article .elementor-widget-container{
    margin-top: 15px;
}
#artilcecss .dce-post-block{
	margin: 20px;
}
#artilcecss .dce-item-area{
	background: #000;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.25);
}
#artilcecss .dce-carousel-controls{
	margin-top: 45px;
}
#artilcecss .dce-img img{
	height: 192px;
}

#artilcecss .dce-post-date {
	position: absolute;
    left:19px;
    top: 20px;
    background-color: rgba(255, 255, 255, .8);
    width: 80px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    z-index: 1;
}
#artilcecss .dce-post-date b {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 50px;
    text-transform: capitalize;
    color: rgba(255, 255, 255, .5);
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: currentcolor;
    -webkit-text-stroke-color: #444;
    padding: 0 5px;
}

#artilcecss .dce-item_termstaxonomy{
padding: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
/*CSS DE LA SECTION LIRE AUSSI*/
#artilcecss h3{
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
}

#menu-droit ul{
	margin-top: 20px !important;
}
#recherche{
background-color:#F6F6F6;
border-radius: 17px 25px 26px 25px;
}
#recherche .elementor-widget-container{
height: 150px;
display: flex;
justify-content: center;
align-items: center;
height: 150px;
}
#recherche .e-search-submit {
	height: 54px;
	margin-left: -9px;
	margin-top: 16px;
} 
#recherche input{
	height: 56px;
	border-color:#fff;
	margin-top: 14px;
}
#recherche .e-search:before{
	content: 'RECHERCHE';
	font-weight: 700;
	font-size: 18px;
}
#engagement .eael-grid-post-holder:hover{
	background-color: #F6821F;
}
#engagement h2{
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
#engagement .eael-posted-on{
background: #000;
padding: 6px;	
border-radius: 100px;
}
#engagement .eael-posted-on:hover{background: #000; color: #fff}
#engagement h2:hover{color:#fff}
.content-area .elementor-widget-theme-post-content h2{
	margin-top: 0 !important;
}
#mep_action .elementor-widget-container{

}
.eael-call-to-action.cta-preset-2{
	padding: 10px 10px 10px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.eael-call-to-action.cta-preset-2 .title{
	margin-top: 1.5em !important;
}

#mep p {
    font-size: 16px;
    color: #333;
}

#mep ul {
    list-style: none;
    padding-left: 0;
}

#mep ul li {
    font-size: 16px;
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
    color: #555;
}

#mep ul li::before {
    content: "\f14a"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #d35400;
    font-size: 18px;
}
#stat .pvc_stats,#stat2 .pvc_stats{
background: oldlace;
padding: 2px;
}
#stat {
position: absolute;
right: 0px;
top: 0;
}

#partenaire .swiper-slide {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 25px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#partenaire .swiper{
	height: 230px;
}
#partenaire .elementor-swiper-button svg{
	background-color: #f6821f;
	height: 40px !important;
	width: 40px !important;
	border-radius: 100px;
}
.dlp-file-icon{height: 70px !important; width: 70px !important}
.dlp-grid-card-featured-icon{height: 150px !important}
.dlp-grid-card-document-link-wrap .document-library-pro-button{
	min-height: 40px;
	width: 100%;
	background: #f6821f;
	color: #fff;
}
.dlp-grid-card-title a{color: #222; font-weight: 400}
.dlp-grid-card-title a:hover{text-decoration: none;}
.elementor-widget-dce-breadcrumbs ul{padding-left:  0}

#newsletter .tnp-submit{width: 100%; background: #F6821F !important}
/*Css des documents  à telecharger*/
#doccss .dlp-grid-card-featured-icon{border-radius: 0 !important;height: 100px !important}
#doccss .dlp-grid-controls{display: none !important;}
#doccss .dlp-grid-card-inner{ flex-direction:column; }
#doccss .dlp-grid-card{background: #282828}
#doccss .dlp-grid-card-title a{color: #fff; text-transform: uppercase;}
#doccss .dlp-grid-card-content{
	border: 0 !important;
	flex-direction: column;
	align-items: center;
}
#doccss .dlp-grid-documents.grid-autosize{ grid-template-columns:inherit !important; }
#doccss .dlp-grid-card-info{display: none;}
#doccss .dlp-grid-card-document-link-wrap{height: 100%;}
#doccss .document-library-pro-button {
	color: #4d4d4d;
    background: #fff;
    border-radius: 0px 20px 0 20px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 9, 78, .12);
    box-shadow: 0 10px 20px 0 rgba(0, 9, 78, .12);
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding:12px 18px !important; 
    line-height: 1.8em;
     cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
}


#doccss .document-library-pro-button:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: -100%;
    background: white;
    transition: left 0.3s ease-in-out;
}
#doccss .document-library-pro-button:hover {
    background: #F6821F;
    transform: scale(1.05);
}
.select2-container{
	width: 150px !important;
}
}
@media only screen and (min-width: 768px){
#titre-ministre h2{font-size: 32px; line-height: 32px}
#titre-ministre p{font-size: 19px}
#titre h2{font-size: 27px;
font-weight: 700 !important}
#titre2 h2{font-size: 40px}
#actualites .dce-post-block{
	flex-direction: row;
}
#doccss .dlp-grid-card-inner{ flex-direction: inherit;}
#doccss .dlp-grid-card-content{
	flex-direction: inherit;
	 width: 100%;
	 justify-content: space-around;}

#doccss .dlp-grid-card-document-link-wrap{padding-top: 0 !important}
}
@media only screen and (min-width: 992px){
#bloc-menu{background: #fff !important;}
#bloc-droit .elementor-cta__content{padding:22px}
#bloc-droit .elementor-cta__title{ font-size:18px !important }
#titre-ministre p{font-size: 18px}
#titre-ministre h2{font-size: 25px; line-height: 25px!important}
#titre2 h2{font-size: 19px}
#actualites .dce-image-area{width: 40%}
#actualites .dce-content-area{
	width: 60%;}
#pan h2{font-size: 17px !important}
.ast-scroll-to-top-right{bottom: 200px}
}
@media only screen and (min-width: 1170px){
#top-menu li  a {
	font-size: 11px !important;
	padding-left: 12px;
	padding-right: 12px;
}
#top-menu .hfe-has-submenu-container a{font-size: 11px!important}
#bloc-droit .elementor-cta__content{padding:17px}
#bloc-droit .elementor-cta__title{ font-size:23px !important}
#titre-ministre h2{font-size: 28px; line-height: 28px :!important}
#titre-ministre p{font-size: 22px}
#titre h2{font-size: 29px;}
#titre2 h2{font-size: 24px}
#pan h2{font-size: 22px !important}

}
@media only screen and (min-width: 1280px){
#top-menu li  a {font-size: 12px !important;}
#top-menu .hfe-has-submenu-container a{font-size: 12px !important}
#titre-ministre h2{font-size: 32px; line-height: 32px}

}
@media only screen and (min-width: 1366px){
#top-menu li  a {padding-left: 18px;padding-right: 18px;}
#bloc-droit .elementor-cta__content{padding:20px}
#bloc-droit .elementor-cta__title{ font-size:26px !important;}
#titre2 h2{font-size: 26px}
}
@media only screen and (min-width: 1600px){
#top-menu li  a {font-size: 13px !important;}
#top-menu .hfe-has-submenu-container a{font-size: 13px !important}
#titre2 h2{font-size: 29px}
}
@media only screen and (min-width: 1920px){

}