html {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}
body {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
main {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
.itemhide {
	display: none !important;
}
.text-black {
	color: #000 !important;
}
.text-white {
	color: #fff !important;
}
.text-bold {
	font-weight: bold !important;
}
.text-underline {
	text-decoration: underline !important;
	font-size: 12px !important;
}
.no-margin {
	margin: 0 !important;

}
.cursor-pointer {
	cursor: pointer !important;

}
.border-bottom-black {
	border-bottom: 2px solid #000 !important;
}
.bg-color2 {
	background-color: #f0efec !important;
}
.bg-color3 {
	background-color: #02b54b !important;
}
.bg-color4 {
	background-color: #0630b4 !important;
}
.bg-color5 {
	background-color: #898886 !important;
}
.bg-color6 {
	background-color: #89642b !important;
}
.bg-color7 {
	background-color: #f0efec !important;
}
.page-header {
	display: flex;
	flex-direction: row;
	width: 60%;
	justify-content: space-around;
	align-items: center;
	margin: 2em auto;
}
.page-header-link {
	border-radius: 12px;
	border: 1px solid #f0efec;
	padding: 16px;
	margin: 0 1em;
	width: 10em;
	height: 5em;
	font-size: 1.4em;
	background: #f0efeb;
	font-family: sans-serif;
	cursor: pointer;

}
.page-headerlink-active {
	background: gray;
	color: #fff;

}
.page-breadcrumb {
	width: 60%;
    background: #f0efec;
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    padding: 0;

}
.page-breadcrumb > p {
	margin: 0;
	
}
#breadcrumb-index {
	margin: 0;
	padding: 6px 20px;
	background: #001aff;
	font-size: 20px;
	font-weight: 100;
	font-family: sans-serif;
	color: #fff;
	border-radius: 6px 0 0 6px;

}
#breadcrumb-current {
	margin: 0;
	padding: 8px 25px;
	background: #f0efed;
	font-size: 17px;
	font-weight: 100;
	font-family: sans-serif;
	/* text-decoration: underline; */
	border-bottom: 1px solid orange;

}
#breadcrumb-pointilles {
	margin: 0;
	padding: 8px 25px;im
	background: #f0efed;
	font-size: 17px;
	font-weight: 100;
	font-family: sans-serif;
}
.page-divider-bg {
	background-image: url('img/header-bg.png');
	background-repeat: no-repeat;
	margin-top: 8em;
	width: 60%;
	padding: 0;
	border-radius: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;

}
.page-dividerbg-title {
	font-size: 2em;
    font-family: sans-serif;
    margin: 2em;
    text-align: center;
    color: #3c3c3c;

}
.page-dividerbg-content {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 0 0 1em 0;

}
.page-dividerbg-content > p {
	width: 50%;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 100;
	font-family: system-ui;
	color: #ffffff;
	border-bottom: 1px solid;
	align-self: center;

}
#dividerbg-item {
	background: #bbbbbb59;
	color: #fff;
	border-radius: 8px;

}
#dividerbg-item > p {
	margin: 17px;
	color: #d3ffd8;

}
.page-dividerbg-content2 {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	width: 100%;

}



/* actualites  */
.actualites-content {
	width: 60%;
	background-color: #f2f2f7;
	border-radius: 1em;
	margin: 7em 0 10em 0;
	padding: 0em;

}
.page-actualites-content {
	width: 60%;
	border-radius: 1em;
	margin: 7em 0 10em 0;
	padding: 0em;
}
.page-main-title {
	font-family: sans-serif;
	font-weight: 300;
	margin: 1em;
	width: 55%;
	text-transform: uppercase;

}
.actualites-content-list {
	margin: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;

}
.bg-actualite-1 {
	background-image: url('img/liquid-effect.png') !important;
	background-size: cover !important;
	background-position: center !important;

}
#content-list-item-x1 {
	width: 32%;
	background: rgba(240, 237, 234);
	height: 200px;
	padding: 0;
	border-radius: 9px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
}
#content-list-item-x2 {
	width: 66%;
	background: rgba(240, 237, 234);
	height: 200px;
	padding: 0;
	border-radius: 9px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    text-decoration: none;

}
#content-list-item-x3 {
	width: 100%;
	background: rgba(240, 237, 234);
	height: 200px;
	padding: 0;
	border-radius: 9px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    text-decoration: none;

}
.content-list-item-bottom {
	color: #fff;
    font-family: monospace;
    margin: 0 0 1em 1em;
    padding: 5px;
    border-bottom: 2px solid #ffffff;
    width: fit-content;
    font-size: 11px;

}
.content-list-item-top {
	display: flex;
	justify-content: space-between;
	margin: 0;

}
.content-list-item-top > p {
	font-size: 18px;
    font-family: cursive;
    margin: 1em;
    padding: 0;
    color: #fff;

}
.content-list-item-top > img {
	width: 40px;
	height: 40px;
	margin: 1em 8px 0 0;

}
/* actualite item */
.contenu-video {
	display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;

}
.contenu-onside {
	background: #f0efec;
    width: 68%;
    border-radius: 1em;

}
.contenu-aside {
	background: transparent;
	width: 28%;
	border-radius: 1em;

}
#contenu-retour {
	font-size: 12px;
	margin: 2em 0 5px 2em;
	display: none;


}
#contenu-info {
	display: flex;
    margin: 20px 0 0 18px;

}
#contenu-info-time {
	font-size: 11px;
    font-weight: 600;

}
#contenu-info-date {
	font-size: 11px;
    font-weight: 300;
}
#contenu-title {
	display: flex;
    flex-direction: column;
    padding: 1em;

}
#contenu-title-index {
	font-family: math;
	color: rgba(60, 60, 60);
}
#contenu-title-subindex {
	color: rgba(102, 102, 102);
    font-weight: 500;
    margin: 0;
    margin-bottom: 1em;
    font-size: 19px;
    width: 80%;

}
#contenu-title-author1 {
	display: flex;
	margin: 0;
	font-size: 12px;

}
#contenu-details {
	display: flex;
	flex-direction: column;
    margin: 1em;
}
#contenu-details > img {
	width: 100%;

}
#contenu-details-texte {
	font-size: 25px;
    font-weight: 100;
    text-align: justify;
    line-height: 40px;
    color: #1e1e3d;

}
.aside-table {
    background: #f0efec;
    border-radius: 1em;
    padding: 8px;

}
.aside-table2 {
    background: #f0efec;
    border-radius: 1em;
    padding: 8px;
    position: sticky;
    top: 1em;


}
#aside-table-title {
	font-size: 12px;
	color: rgb(159 159 159);

}
#aside-table-item {
	font-size: 14px;
	margin: 12px 0;
	color: #616161;

}
#aside-table-item2 {
	font-size: 14px;
    margin: 0;
    width: 100%;
    display: block;
    color: #616161;
    border-left: 1px solid #dbdbdb;
    padding: 11px 0 11px 8px;
    transition: all 0.3s ease;
}
.asidetableactive {
	border-left: 1px solid #000 !important;
	color: #000 !important;
	
}
.aside-explorer {
	background: rgb(227, 243, 235);
    border-radius: 1em;
    padding: 8px;
    margin: 2.5em 0;

}
#aside-explorer-title {
	font-size: 12px;
    color: rgb(96 96 96);

}
#aside-explorer-content {
	font-family: sans-serif;
    color: rgba(60, 60, 60);
    font-size: 23px;
    font-weight: 300;

}
#aside-explorer-link {

}
.aside-partager {
	background: rgb(222, 215, 209);
    border-radius: 1em;
    padding: 2em 1em;
    display: flex;
    flex-direction: row;
    justify-content: space-around;

}
.aside-partager > a {
	background: #101aff;
    padding: 5px 10px;
    border-radius: 1em;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase;
    font-family: monospace;

}
/* journal page */
.journal-content {
	display: flex;
	width: 60%;
	flex-direction: column;
	margin: 15em 0;

}
.journal-content-item {
	display: flex;
    flex-direction: row;
    width: 100%;

}
.journal-contentitem-listview {
	background-image: url('img/journal-index-bg.png');
	background-size: cover;
	background-position: center;
	width: 50%;
    height: 540px;

}
#content-listview {
	width: 55%;
	margin: 2em 0 0 3em;
	height: 460px;
	overflow-y: scroll;
	background: #292a2fc7;

}
#content-listview-item {
	background: #f97e12;
	width: 70%;
	padding: 0;
	margin: 0 0 2em 0;
	border-radius: 8px;

}
#content-listview-item-title {
	font-size: 15px;
    text-transform: uppercase;
    font-family: system-ui;
    margin: 0;
    padding: 8px 6px 6px 10px;
    color: #ffffff;

}
#content-listview-item-span {
	font-size: 11px;
	font-family: system-ui;
	padding: 2px 0px 11px 10px;
	color: #ffffff;
	margin: 0;

}
.journal-contentitem-textview {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;

}
#content-textview-title {
	font-size: 18px;
	text-transform: uppercase;
	font-family: sans-serif;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;

}
#content-textview-title > p {
	text-align: center;
    width: 65%;
    color: #767676;
    font-weight: 200;

}

#content-textview-palette {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;

}
#content-textview-palette > img {
	width: 65%;

}
#content-textview-texte {
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

}
#content-textview-texte > h3 {
	width: 45%;
    text-transform: uppercase;
    font-family: math;
    color: #6e6e6e;
    margin: 2em 0;

}
#content-textview-texte > p {
	width: 65%;
    text-align: center;
    color: #6e6e6e;
    font-family: sans-serif;
    font-size: 19px;
    margin: 0;

}
.journal-contentitem-admin {
	display: block;
	position: absolute;
	left: 44%;
	top: 94em;

}
.journal-contentitem-admin > img {
	border-radius: 12px;

}
/* profile  */
.profile-content {
	margin: 10em 0 5em 0;
	width: 60%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

}
.profile-content > p {
	font-size: 3em;
	font-family: sans-serif;
	font-weight: 100;
	color: #bbb;

}
.journal-content-item2 {
	display: none;
}
/* profile personia */
.profile-content-form {
	width: 25%;
	background: #f0efec;
	padding: 0;
	border-radius: 32px;
	border: 1px solid #808080;

}
.form-group {
	margin: 1em;

}
.form-control {
	height: 1em;
	font-size: 2em;
	font-weight: lighter;
	padding: 7px;
}
.form-group-row {
	width: 100%;
	margin: 0 0 8px 0;
	padding: 2px;
	display: flex;
	flex-direction: column;
}
.profile-content-datatable {
	width: 70%;
	height: stretch;
	background: #f0efec;
	padding: 0;
	border-radius: 32px;
	border: 1px solid #808080;
}
.profile-contentdatatable-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 1em;
	justify-content: flex-start;
}
#contentdatatable-item {
	width: 20%;
	background: #fff;
	cursor: pointer;

}
#contentdatatable-item > img {
	width: 100%;
	display: block;
	margin-bottom: 5px;

}
#contentdatatable-item-caption {
	font-size: 12px;
	margin: 0;
	color: #bebebe;

}
#videoframe {
	width: 100%;
}
#profileprereview {
    width: stretch;
    margin: 0 0 1em 0;
}
#profilecontentformsubmit {
    font-size: 1.6em;
    padding:6px 12px;
    
}
#profilecontentdatatableloading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: stretch;
    font-size: 1.6em;
    font-weight: 600;
    color: #f17417;
    font-family: sans-serif;
    width: 100%;
    
}
#profilecontentdatadisplay {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1em;
    
}
#profilecontentdataclose {
    float: right;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    color: #fff;
    background: black;
    
}





.page-slider {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 60%;
	margin-top: 4em;

}
.page-slider-title {
	font-size: 3em;
	font-weight: lighter;
	align-self: self-start;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 60%;
	padding: 0 0 0 20px;

}
.page-slider-title > h2 {
	font-weight: normal;
	font-family: sans-serif;
	line-break: anywhere;

}
.page-slider-text {

	
}
.page-slider-text > p {
	font-size: 21px;
	font-weight: lighter;
	color: #878787;
	margin: 1.2em;
	font-family: cursive;
	text-align: justify;

}
.page-slider-link {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: #211a1a;
	padding: 2em;
	border: 3px dashed orange;
	border-radius: 44px;

}
.page-slider-link > a {
	font-size: 17px;
	color: magenta;
	background: #f0efeb;
	margin: 0 1em;
	padding: 5px 5px 5px 35px;
	border-radius: 60px 3px 15px 30px;
	box-shadow: 4px 0px 5px #ff30b1;

}
.page-carousel {
	display: flex;
	flex-direction: row;
	width: 45%;
	justify-content: space-between;
	margin: 10em 0;
	background: #eaedff;
	padding: 2em;

}

.page-carousel2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 15em 2em 0em 2em;
	background: #ffdbd1;
	padding: 2em;
	border-radius: 24px;

}
.page-carousel3 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 15em 2em 0em 2em;
	background: #fff1ab;
	padding: 2em;
	border-radius: 24px;

}
.page-carousel4 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 15em 2em 0em 2em;
	background: #ecd1ff;
	padding: 2em;
	border-radius: 24px;

}
#page-carousel2-btn {
	background: #f0efeb;
	width: 10em;
	height: 5em;
	margin: 2em 1em 0 0;
	padding: 1em;
	border-radius: 22px;
	font-size: 16px;
	color: #f97e12;
	font-weight: 200;
	text-decoration: none;
	text-transform: uppercase;
	font-family: sans-serif;

}
#page-carousel2-btn > img {
	width: 100%;
}





.page-carouselitem-title {
	width: 60%;
	display: flex;
	flex-direction: column;
}
.page-carouselitemtitle-logo {
	display: flex;
	flex-direction: row;
	width: 20%;
	justify-content: flex-start;
	align-items: center;

}
.page-carouselitemtitle-logo > img {
	width: 100%;
	border-radius: 50px;
}
.page-carouselitemtitle-index {
	margin: 2em 0;
	font-size: 20px;
	font-weight: bolder;
}
.page-carouselitem-illustr, .page-carouselitem2-illustr {
	width: 40%;
}
.page-carouselitem-illustr > img, .page-carouselitem2-illustr > img {
	width: 100%;
}
.page-carouselitemtitle-caption {
	font-size: 30px;
	font-family: sans-serif;
	margin: 1em 0;
	width: 100%;
	font-weight: 200;
	background: #ebedff;
	border-radius: 6px;
	padding: 0 0 1em 3px;
	z-index: 1;

}
.page-carouselitemtitle2-caption {
	font-size: 2.2em;
	font-family: math;
	margin: 0;
	width: 100%;
	background: #ffd7cceb;
	padding: 1em 0px;
	z-index: 1;

}
.page-carouselitemtitle3-caption {
	font-size: 2.2em;
	font-family: math;
	margin: 0;
	width: 100%;
	background: #ffef9ff2;
	padding: 1em 0px;
	z-index: 1;

}
.page-carouselitemtitle4-caption {
	font-size: 2.2em;
	font-family: math;
	margin: 0;
	width: 100%;
	background: #e9c6ff8f;
	padding: 1em 0px;
	z-index: 1;

}
.page-carouselitemtitle-btn, .page-carouselitemtitle2-btn {
	display: flex;
	margin: 2em 0;

}
.page-carouselitemtitle-btn > a {
	background: #f0efeb;
	color: #fff;
	padding: 1em;
	border-radius: 25px;
	font-size: 20px;
	color: #001aff75;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	font-family: sans-serif;
	box-shadow: -1px -1px 260px 5px #001aff;

}

#page-testimonial-image {
	width: 60%;
	
}
#page-testimonial-header {
	font-size: 2em;
	color: #0ec175;
	border-top: 3px solid #adff2e;
	padding-top: 10px;
	padding-right: 1em;
	padding-left: 1em;
	border-radius: 6px;
	margin-top: 4em;

}
.page-testimonial {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 60%;
/*	background: #eaff00a6;*/
	padding: 2em;
	border-radius: 6px;
	

}
.page-testimonial-item {
	width: 29%;
	padding: 0px 3px 0 0;
	display: flex;
	flex-direction: column;
/*	background: #f0efeb;*/
	background: #eaff00a6;
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px -3px 4px 1px #abc100;

}
.page-testimonialitem-picture {
	width: 100%;
}
.page-testimonialitem-picture > img {
	width: 100%;
	border-radius: 2px;
	border: 1px solid green;
}
.page-testimonialitem-title {
	display: flex;
	flex-direction: column;
	margin: 1em;
	padding: 0;
	width: 100%;

}
#testimonialitem-title {
	margin: 0;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #606662;

}
#testimonialitem-datehour {
	font-size: 12px;
	font-style: italic;
	color: gray;
	margin: 5px 0;

}
.page-testimonialitem-texte {
	margin: 0 16px;
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;

}
.page-divider {
	margin: 4.5em 0;
	width: 60%;

}
.page-footer {
	display: flex;
	margin: 0;
	width: 100%;
	background: gray;
	opacity: 0.5;
	padding: 2em 1em;
}
/* page footer		*/
#main-view-footer {
	width: 60%;
	overflow: scroll;
	display: flex;
	background-color: #f2f2f7;
	justify-content: space-between;
	flex-direction: column;
	padding: 5em 0 0 1em;
	/*margin: 0;*/
	font-family: sans-serif;

}
.snap-section-footertop {
	position: relative;
	
}
.snap-section-footerbottom {
	margin: 0;
	font-size: 14px !important;
	justify-content: space-between;
	align-items: end;
	width: 100%;
}
.snap-section-footertop, .snap-section-footerbottom {
	width: 100%;
	display: flex;
	flex-direction: row;
}
.snap-section-footertop > div > ul {
	margin: 10px 0 1em 0;
	padding: 0px 0px 5px 24px;

}
.snap-section-footertop > div > ul > li {
	margin: 8px 0;
	font-weight: 100;
	font-size: 12px;

}
.snap-section {
	transition: transform 0.6s ease, opacity 0.6s ease;
}
.snap-section:not(:target) {
	transform: scale(1);
	opacity: 0.7;
}
#snap-sectionfooter-logo {
	width: 60%;
	display: flex;
	justify-content: flex-end;
	margin: 0;
}
#snap-sectionfooter-logo > img {
	width: 80%;
	margin: 0;
}
#foootertop-one, #foootertop-two, #foootertop-three, #foootertop-four {
	width: 25% !important;
}
#foootertop-one > h3, #foootertop-two > h3, #foootertop-three > h3, #foootertop-four > h3 {
	margin: 0;

}
#foooterbottom-content {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: fit-content;
}
#foooterbottom-content > p {
	margin: 8px 0;
}
#foooterbottom-content {
	padding-bottom: 16px;
}
#foooterbottom-content > div > a {
	color: white;
	text-decoration: none;
	padding: 2px 12px;
	font-weight: 200;
	font-size: 14px !important;
	background: black;
}
#main-footer {
	width: 100vw;
	height: 8em;
	background-color: black;
	color: white;
	/*margin: 3em 0 0 0;*/
	padding: 1em;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


/* responsiveness --  */
@media screen and (max-width: 1660px) {
	#content-list-item-x1 {
		width: 31%;

	}
	#content-list-item-x2 {
		width: 65%;

	}


}
@media screen and (max-width: 1440px) {
	#content-list-item-x1 {
		width: 31%;

	}
	#content-list-item-x2 {
		width: 65%;

	}
	.page-carouselitemtitle-caption {
    	font-size: 23px;
	}
	.page-carouselitemtitle-btn > a {
		font-size: 16px;
	}
	.page-slider-title {
	    font-size: 40px;
	    width: 70%;

	}
	.page-testimonialitem-texte {
		font-size: 15px;
	}
	#testimonialitem-title {
	    font-size: 12px;
	}
	#testimonialitem-datehour {
	    font-size: 10px;
	}
	#page-testimonial-header {
    	font-size: 28px;
	}
	.page-header-link {
		border: 1px solid #f0efec;
		height: 4em;
		font-size: 1.5em;

	}
	.page-dividerbg-title {
		font-size: 23px;
	}
	#dividerbg-item > p {
		margin: 12px;
		font-size: 12px;
	}
	.content-list-item-top > p {
	    font-size: 14px;
	}
	.content-list-item-bottom {
		padding: 3px;
		font-size: 9px;
	}
	.content-list-item-top > img {
		width: 32px;
		height: 32px;
		margin: 12px 6px 0 0;
	}
	.journal-contentitem-admin {
		top: 67em;
		left: 42%;
	}
	#content-listview-item-title {
	    font-size: 12px;
	}
	#content-listview-item-span {
	    font-size: 9px;
	}
	#content-textview-texte > p {
	    width: 65%;
	    font-size: 16px;
	}
	#content-textview-title {
	    font-size: 15px;
	    margin: 2.5em 0;
	}
	#content-textview-palette > img {
	    width: 70%;
	}
	#content-textview-texte > h3 {
	    width: 53%;
	    margin: 2.2em 0;
	}
	.page-carouselitemtitle-btn, .page-carouselitemtitle2-btn {
		margin: 0em 0;
	}
	.page-carouselitemtitle4-caption, .page-carouselitemtitle-caption, .page-carouselitemtitle2-caption, .page-carouselitemtitle3-caption {
	    font-size: 1.6em;
	    margin: 0 0 1.2em 0;
	}

}
@media screen and (max-width: 1368px) {
	#content-list-item-x1, #content-list-item-x2, #content-list-item-x3 {
		height: 170px;
	}
	.page-main-title {
		width: 65%;
		font-size: 33px;
	}
	.page-carouselitemtitle4-caption, .page-carouselitemtitle2-caption, .page-carouselitemtitle3-caption {
	    font-size: 30px;
	    padding: 18px 0px;
	}
	#page-carousel2-btn {
	    width: 9em;
	    height: 5em;
	    margin: 1em 2em 0 0;
	    font-size: 14px;
	}
	.page-header-link {
		height: 3.5em;
		font-size: 20px;
	}
	.page-slider-text > p {
		font-size: 19px;
		margin: 1.1em;
		padding: 0 0 4em 0;
	}
	.page-carouselitemtitle-caption {
        padding: 18px 0px 16px 10px;
        font-size: 25px;

    }
	#aside-explorer-content {
		font-size: 19px;
	}
	#aside-table-item {
		font-size: 12px;
		margin: 10px 0;
	}


}
@media screen and (max-width: 1280px) {
	.page-dividerbg-title {
		font-size: 20px;
	}
	#dividerbg-item > p {
		margin: 8px;
		font-size: 10px;
	}
	.text-underline {
		text-decoration: underline !important;
		font-size: 9px !important;
	}
	.journal-contentitem-admin > img {
		border-radius: 12px;
		width: 75%;
	}
	.journal-contentitem-admin {
		top: 64em;
		left: 44%;
	}
	.profile-content {
	    flex-direction: column;
	    
	}
	.profile-content-form {
        width: 100%;
	}
	.profile-content-datatable {
	    margin-top:1.5em;
	    width: 100%;
	}
	#content-listview {
		width: 43%;
		margin: 3em 0 0 3em;
		height: 425px;
		background: #292a2fb0;
	}
	#content-listview-item {
		width: 90%;
		margin: 0 0 1.6em 0;
		border-radius: 6px;
	}
	#breadcrumb-index {
		padding: 8px 16px;
		font-size: 17px;
		border-radius: 6px 0 0 6px;
	}
	#contenu-title-index {
		font-size: 28px;
	}
	#contenu-title-subindex {
		font-weight: 400;
		font-size: 16px;
		width: 60%;
	}
	#contenu-title-author1 {
	    font-size: 10px;
	}
	#aside-table-title {
		font-size: 11px;
	}
	#aside-table-item {
        font-size: 11px;
        margin: 8px 0;
    }
    #aside-explorer-title {
		font-size: 11px;
	}
	#aside-explorer-content {
		font-size: 16px;
	}
	.content-list-item-bottom {
		padding: 2px;
		font-size: 8px;
	}
	#contenu-details-texte {
		font-size: 20px;
		line-height: 30px;
	}
	#contenu-details-image {
		width: 100%;

	}
	#content-bibliotech {
		width: 100%;

	}
	.page-carousel4 {
		margin: 8em 2em 0em 2em;
	}
	#foootertop-one > h3, #foootertop-two > h3, #foootertop-three > h3, #foootertop-four > h3 {
    	font-size: 1.2em;
	}
	#foooterbottom-content > p {
		font-size: 12px;
	}
	#breadcrumb-current {
		padding: 9px 20px;
		font-size: 14px;
	}
	#breadcrumb-pointilles {
		padding: 9px 15px;
		font-size: 14px;
	}






}
@media screen and (max-width: 1080px) {
	.page-slider-title {
		font-size: 32px;
		width: 80%;
	}
	.page-carousel {
		width: 65%;
		margin: 5em 0;
		border-radius: 1em;
	}
	.page-carouselitemtitle-caption {
		padding: 12px 0px 12px 8px;
		font-size: 28px;
		margin: 1em 0 1em 0;
	}
	.page-slider {
	    width: 80%;
	    margin-top: 3em;
	}
	.page-slider-title > h2 {
		font-weight: lighter;
		font-size: 55px;
	}
	.page-slider-title {
		margin: 0;
	}
	.page-header {
		width: 80%;
		margin: 5em auto 0 auto;
	}
	#main-view-footer, .page-actualites-content, .actualites-content, .journal-content, .page-testimonial {
	    width: 80%;
	}
	.page-breadcrumb {
		width: 73%;
		padding: 1.2em;
		margin: 4em 0;
	}
	.page-divider-bg {
		margin-top: 5em;
		width: 80%;
	}
	.page-dividerbg-title {
		font-size: 25px;
	}
	#dividerbg-item > p {
		margin: 11px;
		font-size: 14px;
    }
    .text-underline {
        font-size: 12px !important;
    }
	.journal-contentitem-admin {
		top: 78em;
		left: 42%;
	}
	.journal-contentitem-admin > img {
		width: 90%;
	}
	#page-carousel2-btn {
		width: 10em;
		height: 6em;
		margin: 1em 1em 0 0;
		font-size: 15px;
	}
	.page-main-title {
		width: 77%;
		font-size: 25px;
	}
	.page-carousel2, .page-carousel3, .page-carousel4 {
	    margin: 11em 2em 0em 2em;
	} 
	#page-testimonial-image {
        width: 60%;
    }

}
@media screen and (max-width: 720px) {
	.page-header {
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		gap: 0;
		justify-content: flex-start;
	}
	.page-header-link {
		height: 5em;
		font-size: 25px;
		width: 8em;
		margin: 0 auto 3em auto;
	}
	.page-carouselitemtitle-caption {
        padding: 12px 0px 12px 8px;
        font-size: 1em;
        margin: 20px 0 20px 0;
    }
	.page-carouselitemtitle-btn > a {
		font-size: 16px;
	}
	.page-carousel {
		width: 77%;
	}
	.page-testimonialitem-texte {
		font-size: 12px;
	}
	.page-testimonial {
		flex-direction: column;
	}
	.page-testimonial-item {
		width: 100%;
		margin: 0 0 5em 0;
	}
	#testimonialitem-title {
		font-size: 10px;
	}
	#testimonialitem-datehour {
		font-size: 9px;
	}
	.page-dividerbg-title {
		font-size: 16px;
	}
	#dividerbg-item > p {
		margin: 6px;
		font-size: 8px;
	}
	.text-underline {
		font-size: 7px !important;
	}
	#content-list-item-x2 {
        width: 100%;
    }
    #content-list-item-x1 {
        width: 48%;
    }
    #content-list-item-x1, #content-list-item-x2, #content-list-item-x3 {
        height: 200px;
    }
	.content-list-item-top > p {
		font-size: 16px;
	}
	.content-list-item-bottom {
        padding: 4px;
        font-size: 14px;
    }
    #foootertop-one > h3, #foootertop-two > h3, #foootertop-three > h3, #foootertop-four > h3 {
        font-size: 15px;
    }
	.contenu-video {
		flex-direction: column-reverse;
	}
	#aside-table-title {
		font-size: 15px;
	}
	#aside-table-item {
		font-size: 20px;
		margin: 10px 0;
	}
	#aside-explorer-title {
        font-size: 15px;
    }
	#aside-explorer-content {
		font-size: 25px;
	}
	.contenu-aside {
		margin-bottom: 5em;
		width: 100%;
	}
	.aside-partager > a {
		padding: 10px 20px;
		border-radius: 2em;
		font-size: 20px;
	}
	.contenu-onside {
		width: 100%;
	}
	.journal-content {
		width: 100%;
	}
	.journal-contentitem-admin {
        top: 91em;
        left: 38%;
    }
	.journal-contentitem-admin > img {
		width: 70%;
	}
	#content-textview-title {
		font-size: 16px;
		margin: 15px 30px 25px 0;
	}
	#content-textview-texte > h3 {
		width: 60%;
		margin: 4em 0 1em 0;
	}
	.journal-contentitem-listview {
		background-image: url(img/journal-index-bg.png);
		background-size: cover;
		background-position: left;
		width: 50%;
		height: 540px;
	}
	.page-main-title {
		font-size: 20px;
		line-height: 32px;
	}
	.page-carouselitem-title {
		width: 44%;
	}
	.page-carouselitem2-illustr {
		width: 50%;
	}
	.page-carouselitemtitle4-caption, .page-carouselitemtitle2-caption, .page-carouselitemtitle3-caption {
		font-size: 20px;
		padding: 12px 0px;
	}
	.page-carouselitemtitle-btn, .page-carouselitemtitle2-btn {
		display: flex;
		margin: 2em 0 0em 0;
	}
	#page-carousel2-btn {
		width: 80px;
		height: 50px;
		margin: 0 12px 0 0px;
		font-size: 9px;
	}
	.page-carouselitem-illustr > img, .page-carouselitem2-illustr > img {
		width: 100%;
		height: 100%;
	}

}
@media screen and (max-width: 536px) {
	#content-list-item-x1 {
		width: 100%;
	}
	.content-list-item-bottom {
		padding: 2px;
		font-size: 11px;
	}
	.journal-content-item {
		display: none;
	}
	.journal-content-item2 {
		display: flex;
		flex-direction: column;
	}
	.journal-contentitem-listview2 {
		background-image: url(img/journal-index-bg.png);
		background-size: cover;
		background-position: left;
		width: 100%;
		height: 620px;
	}
	#content-listview2 {
        width: 65%;
        margin: 4em 0 0 4em;
        height: 500px;
        background: #292a2fb0;
        overflow-y: scroll;
    }
	#content-listview-item2 {
		width: 62%;
		margin: 0 0 2em 0;
		border-radius: 15px;
		background: #f97e12;
	}
	#content-listview-item-title {
		font-size: 16px;
	}
	.journal-contentitem-admin2 {
        position: absolute;
        top: 160em;
        left: 28%;
        display: block;
    }
	.journal-contentitem-admin2 > img {
		width: 100%;
		border-radius: 1em;
	}
	.journal-contentitem-textview2 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 25em;
	}
	#content-textview-title {
		font-size: 30px;
		margin: auto;
	}
	#content-textview-title > p {
		width: 100%;
	}
	#content-textview-palette > img {
		width: 100%;
	}
	#content-textview-texte > h3 {
		width: 100%;
		margin: 6em auto 2em auto;
		text-align: center;
	}
	#content-textview-texte > p {
		width: 100%;
		font-size: 25px;
		line-height: 34px;
	}
	.page-main-title {
		font-size: 15px;
		line-height: 25px;
	}
	.page-dividerbg-content2 {
		gap: 6px;
	}


}