@font-face {
	font-family: 'canaroextrabold_italic';
	src: url('canaro-extrabolditalic-webfont.woff2') format('woff2'),
		url('canaro-extrabolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

.bg-dark {
	background-color: #000000 !important;
}

.bg-white {
	background-color: #ebebeb !important;
}

.bg-white-clear {
	background-color: #ffffff !important;
}

body {
	background: #f5f5f7;
	overflow-x: hidden;
}

html {
	overflow-x: hidden;
}

hr.hrno {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important;
}

a,
a:hover {
	color: #212529;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid #8f8f8f;
}

.color-1 {
	color: #828282;
}

.footer {
	background-color: #ebebeb;
	font-size: small;
	line-height: 1.8rem;
}

.label-orange {
	color: #f38f6c;
	font-size: 0.7rem;
}

.card-selected {
	/* border-color: #0070c9!important; */
	border: solid #0070c9 2px !important;
	font-weight: bold;
}

.label-gb {
	font-size: 1.5rem !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

.font-size-9 {
	font-size: 0.9rem !important;
}

.font-size-8 {
	font-size: 0.8rem !important;
}

.font-size-7 {
	font-size: 0.7rem !important;
}

.color-blue {
	color: #0070c9 !important;
}

.color-red {
	color: #ff041b !important;
}

.color-black {
	color: #000000 !important;
}

.color-bread {
	color: #a1a1a6 !important;
}

.background-feature {
	background-color: #e7e7e7 !important;
}

.background-service {
	background-color: #f2f2f5 !important;
}

.background-banner {
	background-color: #f2f2f2 !important;
}

.background-color-blue {
	background-color: #0070c9 !important;
}

.background-color-black {
	background-color: #000000 !important;
}

.card-boder {
	border: none !important;
}

.div-line-5 {
	line-height: 0.5 !important;
}

#main-slider .swiper {
	width: 100%;
	height: 100%;
}

#main-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#main-slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 500px;
	object-fit: cover;
}

#main-slider .swiper-slide.slide-black::before {
	background: #000;
	content: "";
	display: block;
	width: 300%;
	position: absolute;
	top: 0px;
	left: 100%;
	height: 100%;
}

#main-slider .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: auto;
	cursor: pointer;
	background: none !important;
	opacity: 1;
	position: relative;
}

#main-slider .swiper-pagination-bullet:first-child {
	margin-left: 3px;
}

#main-slider .swiper-pagination-bullet:last-child {
	margin-right: 3px;
}

#main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active p {
	background-color: #282828;
	color: #fff;
}

#main-slider .swiper-pagination-bullet:first-child::before {
	display: none;
}

#main-slider .swiper-pagination-bullet::before {
	position: absolute;
	top: calc(50% - 2px);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(40, 40, 40, 0.2);
	content: '';
	display: block;
	left: -2px;
}

#main-slider .swiper-pagination-bullet p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 37px;
	padding: 0 23px;
	transition: .25s;
	border-radius: 18px;
	background-color: transparent;
	color: #282828;
	font-size: 14px;
	white-space: nowrap;
	line-height: 34px;
	margin: 0px;
}

#main-slider .swiper-pagination-bullet-active {
	color: #fff;
}

#main-slider .swiper-pagination-bullet-active::before {
	display: none;
}

#main-slider .swiper-pagination {
	position: absolute;
	bottom: 10px;
	left: 50%;
	height: 40px;
	padding: 2px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px;
	padding: 0;
	list-style: none;
	width: auto;
}

#main-slider-mobile {
	display: none;
}

#main-slider-mobile .swiper {
	width: 100%;
	height: 100%;
}

#main-slider-mobile .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#main-slider-mobile .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-slider-mobile .swiper-wrapper {
	padding-bottom: 40px;
}

#main-slider-mobile .swiper-pagination {
	bottom: 10px;
}


.cnOption h1 {
	text-align: center;
	word-break: break-word;
    text-align: center;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
}

.cnOption .cnImg img {
	display: block;
	width: 100%;
}

.cnOption h1 span {
	color: #e63323;
}

.cnOption .cnTxt {
	margin-top: 40px;
	line-height: 32px;
}

.cnOption .cnTxt p {
	margin: 0px;
}

.cnBottomRow {
	margin-top: 50px;
	position: relative;
	padding-top: 50px;
}

.cnBottomRow::before {
	position: absolute;
	top: 0px;
	left:0px;
	right:0px;
	display: block;
	content: "";
	height: 1px;
	background: #e63323;
	width: 30%;
	margin: auto;

}

.cnBottomRow .cnInner {
	text-align: center;
	margin-bottom: 30px;
}

.cnBottomRow .cnInner h2 {
	color: #1f2d3d;
    font-family: Alegreya Sans, Arial, Helvetica, sans-serif;
    font-size: 26px;
    word-break: break-word;
	font-weight: bold;
}

.cnBottomRow .cnInnerButton {
	margin-top: 40px;
}

.cnBottomRow .cnInnerButton a {
	background: #e63323;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	display: block;
}

.cnBottomRow .cnInnerButton a span {
	line-height: 50px;
}

.almaPay {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.cnLogo {
    text-align: center;
    margin-bottom: 20px;
}

.cnTitle h2 {
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.cnTable .divTable {
    display: table;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.divTableBody {
    display: table-row-group;
}

.divTableRow {
    display: table-row;
    background-color: #f1f1f1;
}

.divTableRow:nth-child(even) {
    background-color: #fafafa;
}

.divTableCell {
    display: table-cell;
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.divTableCell:last-child {
    border-right: none;
}

.divTableCell p {
    margin: 0;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #333;
}

@media(max-width:767px) {
	#main-slider {
		display: none;
	}

	#main-slider-mobile {
		display: block;
	}
}

@media (max-width: 768px) {
	.carousel-inner .carousel-item>div {
		display: none;
	}

	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}

	div.cookie_bar button {
		float: right;
		display: block;
		width: 100%;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}


/* display 3 */

@media (min-width: 768px) {

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	.carousel-inner .carousel-item-left.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
	transform: translateX(0);
}

.breadcrumb-item+.breadcrumb-item::before {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
}

.border-connect {
	border-right: 1px solid #dee2e6;
}

@media(max-width:991px) {
	.border-connect {
		border: hidden;
	}
}

.creer_identifiant {
	background-image: url("../images/light-unsplash.png");
	background-repeat: round;
}

.attribute_hover.card:hover {
	border-color: #0070c9 !important;
	cursor: pointer;
}

.dot {
	height: 25px;
	width: 25px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.dropdown-toggle::after {
	display: none !important;
}

div.attribute_hover.disabled:hover {
	cursor: not-allowed;
	border: 1px solid rgba(0, 0, 0, .125) !important;
}

div.attribute_hover.disabled {
	color: #9E9E9E !important;
}

section.bg-dark .product_details_text,
section.bg-dark table {
	color: #fff !important;
}

section.bg-white .product_details_text,
section.bg-white table {
	color: #000 !important;
}

.add_margin {
	margin-bottom: 100px;
}

.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
	/* remove the gap so it doesn't close*/
}

div.sub_cat_menu {
	background-color: #232323;
	overflow: auto;
	margin: 55px 0 0 0;
}

div.sub_cat_menu ul {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.sub_cat_menu ul li {
	margin: 0;
	padding: 0 20px;
}

div.sub_cat_menu ul li {
	list-style-type: none;
	float: left;
}

div.sub_cat_menu ul li a {
	color: #fff;
	font-size: 12px;
	display: block;
	text-align: center;
	text-decoration: none;
}

div.sub_cat_menu ul li a img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

div.scrollmenu {
	background-color: #232323;
	overflow: auto;
	white-space: nowrap;
}

div.scrollmenu a {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 13px;
	text-decoration: none;
	font-size: 12px;
}

div.scrollmenu a img {
	filter: brightness(0) invert(1);
}

div.scrollmenu::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}

table.cart_table th {
	font-size: 12px;
}

table.cart_table td {
	font-size: 12px;
}

del.old_price {
	color: red;
	margin: 0 10px 0 0;
}

ins.new_price {
	text-decoration: none;
	font-size: 18px;
}

div.cookie_bar div.cookie-consent {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 10px;
	position: fixed;
	bottom: 0;
	z-index: 1;
}

div.cookie_bar button {
	border: unset;
	margin-bottom: 20px;
	background-color: white;
}

.btn.btn-primary.btn-apple {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 17px;
	line-height: 1.17648;
	font-weight: 400;
	letter-spacing: -.022em;
	min-width: 28px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 980px;
	background: #0071e3;
	color: #fff;
	border-radius: 20px;
}

.btn.btn-primary.btn-apple:hover {
	background: #0090e3;
	color: #fff;
}

div.active label.rupture {
	display: none;
}

label.rupture {
	font-size: 12px;
	color: white;
	text-align: center;
	width: 100%;
	position: absolute;
	/* top: 5px; */
	bottom: -8px;
	opacity: 0;
}

label.rupture.non_dispo {
	color: red;
	opacity: 1;
}

label.rupture.hide {
	display: none;
}

label.rupture.show {
	display: block;
}

label.rupture_cart {
	width: auto;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: red;
	text-align: center;
}

div#cart_notifications {
	float: right;
	background-color: red;
	padding: 5px 10px;
	font-size: 10px;
	margin: -10px 0 0 0;
}

div.modal_accessory {
	text-align: center;
}

.g-recaptcha div {
	margin: auto;
}

div#suggesstion-box {
	background-color: white;
	padding: 10px;
	position: absolute;
	border: solid 1px #9e9e9e;
	border-top: none;
	width: 193px;
	display: none;
}

div#suggesstion-box ul,
div#suggesstion-box ul li {
	margin: 0;
	padding: 0;
}

div#suggesstion-box ul li {
	list-style: none;
	font-size: 14px;
	padding: 2px;
}

input#search-box {
	background: rgb(255, 255, 255);
	border-radius: unset;
	width: 200px;
}

.sales_item {
	background-color: red;
	font-size: 12px;
}

div.sales_item {
	background-color: red;
	border-radius: 20px;
	padding: 10px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

div.sales_item.fiche {
	margin-top: -7px;
	margin-left: 10px;
}

.owl-carousel .owl-stage {
	display: flex;
}

.product-item {
	display: flex;
	flex: 1 0 auto;
	height: 100%;
}

.product-box {
	position: relative;
	overflow: hidden;
	/* margin-bottom: 80px; */
	/*This is optional*/
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-prev {
	left: -2rem;
}

.owl-next {
	right: -2rem;
}

button.owl-next:focus {
	outline: none;
}

button.owl-prev:focus {
	outline: none;
}

/* css for ckeditor */
/*
 * CKEditor 5 (v29.0.0) content styles.
 * Generated on Wed, 07 Jul 2021 07:00:21 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html
 */

:root {
	--ck-color-image-caption-background: hsl(0, 0%, 97%);
	--ck-color-image-caption-text: hsl(0, 0%, 20%);
	--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
	--ck-color-mention-text: hsl(341, 100%, 30%);
	--ck-color-table-caption-background: hsl(0, 0%, 97%);
	--ck-color-table-caption-text: hsl(0, 0%, 20%);
	--ck-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-highlight-pen-green: hsl(112, 100%, 27%);
	--ck-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-image-style-spacing: 1.5em;
	--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
	--ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
	font-size: .7em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
	font-size: .85em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
	font-size: 1.4em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
	font-size: 1.8em;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
	background-color: var(--ck-highlight-marker-yellow);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
	background-color: var(--ck-highlight-marker-green);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
	background-color: var(--ck-highlight-marker-pink);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
	background-color: var(--ck-highlight-marker-blue);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
	color: var(--ck-highlight-pen-red);
	background-color: transparent;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
	color: var(--ck-highlight-pen-green);
	background-color: transparent;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image {
	display: table;
	clear: both;
	text-align: center;
	margin: 0.9em auto;
	min-width: 50px;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-width: 100%;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline {
	/*
     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
     * This strange behavior does not happen with inline-flex.
     */
	display: inline-flex;
	max-width: 100%;
	align-items: flex-start;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image-inline img {
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 100%;
}

/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image>figcaption {
	display: table-caption;
	caption-side: bottom;
	word-break: break-word;
	color: var(--ck-color-image-caption-text);
	background-color: var(--ck-color-image-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
	max-width: 100%;
	display: block;
	box-sizing: border-box;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
	width: 100%;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized>figcaption {
	display: block;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
	max-width: calc(100% - var(--ck-image-style-spacing));
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
	clear: none;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
	float: right;
	margin-left: var(--ck-image-style-spacing);
	max-width: 50%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
	float: left;
	margin-right: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
	float: right;
	margin-left: var(--ck-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
	margin-right: 0;
	margin-left: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content p+.image-style-align-left,
.ck-content p+.image-style-align-right,
.ck-content p+.image-style-side {
	margin-top: 0;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
	margin-top: var(--ck-inline-image-style-spacing);
	margin-bottom: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
	margin-right: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
	margin-left: var(--ck-inline-image-style-spacing);
}

/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
	margin: 15px 0;
	height: 4px;
	background: hsl(0, 0%, 87%);
	border: 0;
}

/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
	background-color: hsla(0, 0%, 78%, 0.3);
	padding: .15em;
	border-radius: 2px;
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
	overflow: hidden;
	padding-right: 1.5em;
	padding-left: 1.5em;
	margin-left: 0;
	margin-right: 0;
	font-style: italic;
	border-left: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
	border-left: 0;
	border-right: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table {
	margin: 0.9em auto;
	display: table;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	border: 1px double hsl(0, 0%, 70%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
	min-width: 2em;
	padding: .4em;
	border: 1px solid hsl(0, 0%, 75%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
	font-weight: bold;
	background: hsla(0, 0%, 0%, 5%);
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
	text-align: right;
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
	text-align: left;
}

/* ckeditor5-table/theme/tablecaption.css */
.ck-content .table>figcaption {
	display: table-caption;
	caption-side: top;
	word-break: break-word;
	text-align: center;
	color: var(--ck-color-table-caption-text);
	background-color: var(--ck-color-table-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
	position: relative;
	clear: both;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
	content: '';
	position: absolute;
	border-bottom: 2px dashed hsl(0, 0%, 77%);
	width: 100%;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
	position: relative;
	z-index: 1;
	padding: .3em .6em;
	display: block;
	text-transform: uppercase;
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 0.75em;
	font-weight: bold;
	color: hsl(0, 0%, 20%);
	background: hsl(0, 0%, 100%);
	box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
	clear: both;
	margin: 0.9em 0;
	display: block;
	min-width: 15em;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
	list-style: none;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
	margin-bottom: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
	margin-top: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
	width: var(--ck-todo-list-checkmark-size);
	height: var(--ck-todo-list-checkmark-size);
	vertical-align: middle;
	border: 0;
	left: -25px;
	margin-right: -15px;
	right: 0;
	margin-left: 0;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::before {
	display: block;
	position: absolute;
	box-sizing: border-box;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid hsl(0, 0%, 20%);
	border-radius: 2px;
	transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input::after {
	display: block;
	position: absolute;
	box-sizing: content-box;
	pointer-events: none;
	content: '';
	left: calc(var(--ck-todo-list-checkmark-size) / 3);
	top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
	width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
	height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
	border-style: solid;
	border-color: transparent;
	border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
	transform: rotate(45deg);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::before {
	background: hsl(126, 64%, 41%);
	border-color: hsl(126, 64%, 41%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label>input[checked]::after {
	border-color: hsl(0, 0%, 100%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
	vertical-align: middle;
}

/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
	font-style: italic;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
	padding: 1em;
	color: hsl(0, 0%, 20.8%);
	background: hsla(0, 0%, 78%, 0.3);
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	text-align: left;
	direction: ltr;
	tab-size: 4;
	white-space: pre-wrap;
	font-style: normal;
	min-width: 200px;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
	background: unset;
	padding: 0;
	border-radius: 0;
}

/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
	background: var(--ck-color-mention-background);
	color: var(--ck-color-mention-text);
}

@media print {

	/* ckeditor5-page-break/theme/pagebreak.css */
	.ck-content .page-break {
		padding: 0;
	}

	/* ckeditor5-page-break/theme/pagebreak.css */
	.ck-content .page-break::after {
		display: none;
	}
}

div.product_details p {
	margin: 0;
}

div.but_buy_now {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	text-align: center;
}

div.but_buy_now h2 {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
}

div.but_buy_now h2 a {
	color: #000;
	text-decoration: none;
}

div.cta_buy_now {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 17px;
	line-height: 1.17648;
	font-weight: 400;
	letter-spacing: -.022em;
	min-width: 28px;
	padding: 8px 16px;
	border-radius: 980px;
	background: #0071e3;
	color: #fff;
}

div.cta_buy_now a {
	color: #fff;
	text-decoration: none;
}

div.section_bloc {
	padding: 0;
	margin-bottom: 0px;
}

div.section_background_light {
	background-color: #fff;
	color: #000;
	text-align: center;
}

div.section_background_dark {
	background-color: #000;
	color: #fff;
	text-align: center;
}

div.section_background_gray {
	background-color: #f5f5f5;
	color: #000;
	text-align: center;
}

div.section_bloc span.nouveau {
	color: #f56300;
	font-size: 12px;
}

div.section_bloc a.button {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 17px;
	line-height: 1.17648;
	font-weight: 400;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	min-width: 28px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 980px;
	background: #0071e3;
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
}

div.section_bloc a.savoir_plus {
	color: #06c;
	font-size: 14px;
	line-height: 1.47059;
	font-weight: normal;
	margin: 0 10px;
}

div.section_bloc div.cta {
	margin: 0 0 20px 0;
}

div.section_bloc h1 {
	font-size: 56px;
}

div.section_bloc h2 {
	font-size: 28px;
}

div.section_bloc p {
	font-size: 14px;
}

div.section_bloc ul.nav {
	text-align: center;
	margin: auto;
	width: fit-content;
}

div.section_bloc ul.nav li {
	margin: 10px;
	color: #6e6e73;
	margin: 0 10px;
}

div.section_bloc div.product_wrapper {
	text-align: center;
	float: left;
	width: 25%;
	padding: 0 10px;
	display: inline-table;
}

h3.titre {
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h4.desc {
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

p.puce {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p.price {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

a.button {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.17648;
	font-weight: 400;
	letter-spacing: -.022em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	min-width: 28px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 980px;
	background: #0071e3;
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
}

section.item_wrapper {
	background-color: #eee;
}

div.colorWrapper {
	margin: 0 0 0 0;
}

div.colorWrapper ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}

div.colorWrapper ul li {
	list-style-type: none;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.75);
	margin: 0 5px;
}

div.itemDetails {
	margin: 0 0 30px 0;
}

div.itemDetails span.title {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0 20px;
}

div.itemDetails p.desc {
	font-size: 14px;
	font-weight: 200;
	color: #000;
	margin: 0;
	padding: 0 30px;
}

div.itemDetails p.sub_title {
	font-size: 12px;
	font-weight: 200;
	color: #aaa;
	margin: 0;
	padding: 0 0 0 0;
}

div.product_details {
	display: table;
}

div.product_details_col {
	display: table-row;
	list-style: square outside url('../images/blank.png');
	margin: 0 0 30px 0;
}

div.product_details_col_haut {
	margin: 0 0 10px 0 !important;
}

img.img_cat_fluid {
	max-width: 770px;
	max-height: 770px;
}

@media (max-width: 1180px) {
	img.img_cat_fluid {
		max-width: 300px !important;
		max-height: 300px !important;
		margin: 0 !important;
	}

	ul.product_listing li {
		width: 100% !important;
	}

	ul.shop_listing {
		width: 100% !important;
	}
}

/* DivTable.com */
.divTable {
	display: table;
	width: 100%;
}

.divTableRow {
	display: table-row;
	padding: 10px 0;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}

.divTableCell,
.divTableHead {
	display: table-cell;
	padding: 5px 2px
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}

.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}

.divTableBody {
	display: table-row-group;
}

div.shop_wrapper_1 {
	border-radius: 15px;
	background-color: #fff;
	display: flex;
	align-items: center;
	margin-top: 30px;
	border: solid #ccc 1px;
}

div.shop_wrapper_1 .bg_1 {
	background-image: url('../images/6600ffb7-4ab0-33d7-a620-043298c256ac_support-refresh_large_2x_large_1x.jpg');
	width: 50%;
	height: 390px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

div.shop_wrapper_1 .bg_2 {
	background-image: url('../images/c5144bda-eee1-3ea1-bc5a-67258b0aa76b_apple_at_work_01_large_2x_large_1x.png');
	width: 50%;
	height: 390px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

div.shop_wrapper_1 .bg_3 {
	background-image: url('../images/pexels-alexander-suhorucov-6457521.jpg');
	width: 50%;
	height: 390px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

div.shop_wrapper_1 h3 {
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}

div.shop_wrapper_1 h4 {
	font-size: 16px;
}

div.shop_wrapper_1 h4 a {
	color: #06c;
}

div.notice_bar {
	background-color: #06c;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	text-align: center;
}

div.row_content {
	margin: 0 0 30px 0;
	display: grid;
}

ul.product_listing {
	margin: 0;
	padding: 0;
}

ul.product_listing li {
	list-style-type: none;
	float: left;
	width: 25%;
	text-align: center;
	margin: 0 5px 10px 5px;
	cursor: pointer;
}

ul.product_listing li a {
	color: #000;
	text-decoration: none;
	background-color: #fff;
	display: block;
	padding: 10px;
	border-radius: 10px;
	border: solid 1px #ccc;
}

ul.shop_listing li {
	width: 49%;
}

.cn-but {
    display: inline-block;
	margin: 20px 0;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    background: linear-gradient(90deg, #fb1c27, #72090f);
    border-radius: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cn-but:hover {
	color: #fff;
	text-decoration: none;
}



ul.shop_listing li span {
	color: #999;
	font-size: 12px;
	line-height: 9px;
}

div.error_msg {
	color: #f00;
	font-size: 12px;
	background-color: #fff;
}

div.error_msg_2 {
	color: #f00;
	font-size: 12px;
	line-height: 9px;
	position: relative;
	top: -10px;
}

.loader {
	display: none;
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.error_captcha {
	color: red;
}

.cnCursor {
	cursor: pointer;
}

/* black friday 2022 */
div.section_1 {
	text-align: center;
	padding: 50px 0;
	background: #000;
}

div.section_1 h1 {
	font-size: 100px;
	text-transform: uppercase;
	color: #fff;
}

div.section_1 h3 {
	font-size: 30px;
	color: #ccc;
}

div.section_1 h4 {
	font-size: 24px;
	color: #ccc;
	font-weight: 200;
}

div.section_2 {
	background-color: #fafafa;
	text-align: center;
	/* margin-top: 20px; */
}

div.colWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

div.section_2 h2 {
	font-size: 48px;
	font-weight: bold;
}

div.section_2 h3 {
	font-size: 36px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_2 h4 {
	font-size: 24px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_3 {
	background-color: #fff;
	text-align: center;
	padding-top: 40px;
}

div.section_3 h2 {
	font-size: 48px;
	font-weight: bold;
	color: #000;
}

div.section_3 h3 {
	font-size: 36px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_3 h4 {
	font-size: 24px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_4 {
	background-color: #e7e7e7;
	text-align: center;
	/* margin-top: 20px; */
	padding: 40px 0;
}

div.section_4 h2 {
	font-size: 48px;
	font-weight: bold;
	color: #000;
}

div.section_4 h3 {
	font-size: 36px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_4 h4,
div.section_5 h4,
div.section_6 h4,
div.section_7 h4,
div.section_8 h4 {
	font-size: 24px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_4 p {
	color: #6e6e73;
}

div.section_5 {
	background-color: #fff;
	text-align: center;
	margin-top: 20px;
	padding: 30px 0;
}

div.section_5 h2 {
	font-size: 48px;
	font-weight: bold;
	color: #000;
}

div.section_5 h3 {
	font-size: 36px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_5 p {
	color: #6e6e73;
}

div.section_6 {
	background-color: #e7e7e7;
	text-align: center;
	margin-top: 20px;
	padding: 30px 0;
}

div.section_6 h2 {
	font-size: 48px;
	font-weight: bold;
	color: #000;
}

div.section_6 h3 {
	font-size: 36px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_6 p {
	color: #6e6e73;
}

div.section_7 {
	text-align: center;
	background-color: #000;
}

div.section_7 h2 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}

div.section_7 h3 {
	font-size: 36px;
	font-weight: normal;
	color: #fff;
}

div.section_7 p {
	color: #fff;
}

div.section_8 {
	background-color: #e7e7e7;
	text-align: center;
	margin-top: 20px;
	padding: 30px 0;
}

div.section_8 h2 {
	font-size: 36px;
	font-weight: bold;
	color: #000;
}

div.section_8 h3 {
	font-size: 24px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_8 h5 {
	font-size: 16px;
	font-weight: normal;
	color: #6e6e73;
}

div.section_9 {
	background-color: #e7e7e7;
	text-align: center;
	margin-top: 20px;
	padding: 30px 0;
}

div.section_9 p {
	color: #6e6e73;
	text-align: left;
	font-size: 14px;
	margin: 0;
}

/* black friday 2022 */

/* try mac */
.btn-apple {
	background-color: #fff;
	color: #666666;
	border: 1px solid #666666;
	border-radius: 25px;
	padding: 10px 20px;
	font-size: 16px;
	margin: 0 10px;
}

.try-mac .text-center {
	margin-bottom: 30px;
}

.try_mac_section_2 .text-center h1 {
	font-size: 72px;
	line-height: 1.05556;
	font-weight: 600;
}

.try-mac p.desc {
	font-size: 32px;
	text-align: center;
	line-height: normal;
	padding: 100px;
	font-weight: 600;
}

div.try_mac_section_2 {
	background-image: url('../images/try-mac/easy_bg__errbircer3gy_large_1x.jpg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px 0;
	width: 1140px;
	height: 689px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 20px;
}

div.try_mac_section_2 p.desc2 {
	font-size: 24px;
	text-align: center;
	line-height: normal;
	padding: 0 100px;
	font-weight: 600;
	color: #000;
	line-height: 28px;
}

.cnBottomButton {
	text-align: center;
	margin-bottom: 70px;
}

.cnButton {
	margin: 20px auto 0 auto;
}

.cnButton a {
	background: #1d1d1f !important;
	color: #fff !important;
	border-radius: 100px !important;
	padding: 9px 17px 11px 17px !important;
	font-weight: 700 !important;
	white-space: normal !important;
	text-decoration: none !important;
	background-size: 25px !important;
}

.cnButton span {
	background: url(../images/icon-plus.svg) 0 0 no-repeat !important;
	background-size: 25px !important;
	width: 25px !important;
	display: inline-block !important;
	height: 25px !important;
	position: relative !important;
	top: 7px !important;

}

.cnMobileBlock {
	display: none;
}

.cnButton.cnButWhite a {
	color: #1d1d1f;
	background: #fff;
}

.cnButton.cnButWhite span {
	background: url(../images/icon-plus-black.svg) 0 0 no-repeat;
}

.try_mac_section_3 {
	background: #fff url('../images/try-mac/power__fxve5de6q2em_large.jpg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0 60px 0;
	width: 100%;
	height: 686px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 20px;
	margin-top: 30px;
}

.try_mac_section_3 .cnTxt {
	padding-top: 400px;
}

.try_mac_section_3 .cnTxt p {
	font-size: 14px;
	padding-bottom: 80px;
}

.try_mac_section_3 .cnTxt.cnLeft {
	text-align: right;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	padding-right: 40px;
}

.try_mac_section_3 .cnTxt.cnRight {
	text-align: left;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	padding-left: 40px;
}

.try_mac_section_3 .cnText {
	text-align: center;
}

.try_mac_section_3 .cnText .cnButton {
	margin-top: 40px;
}

.try_mac_section_3 .cnText h1 {
	font-size: 72px;
	line-height: 1.05556;
	font-weight: 600;
	letter-spacing: -.012em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 30px;
}

.try_mac_section_3 .cnText p {
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
}

.try_mac_section_4 {
	background: url('../images/try-mac/make_mac_bg__b4xpl47k2i3m_large_2x.jpg');
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px;
	width: 100%;
	height: 820px;
	justify-content: center;
	border-radius: 20px;
	margin-top: 30px;
}

.try_mac_section_4 .cnText {
	text-align: center;
	padding: 60px 20%;
}

.try_mac_section_4 .cnText h1 {
	color: #fff;
	font-size: 72px;
	line-height: 65px;
	margin-bottom: 30px;
}

.try_mac_section_4 .cnText p {
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	color: #fff;
}

.try_mac_section_4 .cnText .cnButton {
	margin-top: 40px;
}

.try_mac_section_5 {
	background: #fff url('../images/try-mac/plays_nicely__brk18hjlople_large_2x.jpg');
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px;
	width: 100%;
	height: 840px;
	justify-content: center;
	border-radius: 20px;
	margin-top: 30px;
}

.try_mac_section_5 .cnText {
	text-align: center;
	padding: 60px 20%;
}

.try_mac_section_5 .cnText h1 {
	font-size: 72px;
	line-height: 80px;
	margin-bottom: 30px;
}

.try_mac_section_5 .cnText p {
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
}

.try_mac_section_5 .cnText .cnButton {
	margin-top: 30px;
}

.try_mac_section_6 {
	background: url('../images/try-mac/privacy_bg__d9l60rxbcb6u_large_2x.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0;
	width: 100%;
	justify-content: center;
	border-radius: 20px;
	margin-top: 30px;
}

.try_mac_section_6 .cnText {
	text-align: center;
	padding: 60px 20%;
}

.try_mac_section_6 .cnText h1 {
	font-size: 72px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 65px;
}

.try_mac_section_6 .cnText .cnImg {
	margin-bottom: 20px;
}

.try_mac_section_6 .cnText p {
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	color: #fff;
}

.try_mac_section_6 .cnText .cnButton {
	margin-top: 40px;
}

.try_mac_section_7 {
	padding: 100px 0 0 0;
}

.try_mac_section_7 .row {
	width: 80%;
	margin: 0 auto;
}

.try_mac_section_7 .cnTitre {
	text-align: center;
}

.try_mac_section_7 .cnTitre h1 {
	font-size: 50px;
	line-height: 1.07143;
	font-weight: 600;
	margin-bottom: 98px;
	letter-spacing: -.005em;
}

.try_mac_section_7 .cnIcon {
	margin-bottom: 20px;
}

.try_mac_section_7 p.titre {
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	letter-spacing: .011em;
	color: #1d1d1f;
	margin-bottom: 5px;
}

.try_mac_section_7 p {
	color: #86868b;
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	letter-spacing: .011em;
	margin: 0 0 15px 0;
}

.try_mac_section_7 a {
	color: #0071e3;
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	letter-spacing: .011em;
	background: url(../images/forward_arrow_icon.svg) right 7px no-repeat;
	padding: 0 20px 0px 0;
	background-size: 20px;
	margin-bottom: 10px;
}

.try_mac_section_7 a:last-child {
	margin-bottom: 0px;
}

.col-md-6 .inner {
	margin-bottom: 70px;
}


/* .try_mac_section_7 .col-md-6:nth-child(5) .inner {
    margin-bottom: 0px;
} */

.try_mac_section_7 .col-md-12 {
	padding: 0px;
}

#centre_de_service {
	/* padding-top: 90px !important; */
	padding-bottom: 50px !important;
}

#centre_de_service .cnTop,
#centre_de_service .cnMid {
	text-align: center;
}

#centre_de_service .cnTop h1 {
	font-size: 42px;
}

#centre_de_service .cnTop h2 {
	color: #6e6e73;
	font-size: 32px;
}

#centre_de_service .cnMid h2 {
	color: #6e6e73;
	font-size: 24px;
}

#centre_de_service .cnTop h3 {
	margin-top: 30px;
	font-size: 38px;
}

#centre_de_service .container-img-fluid {
	padding: 0px;
}

#centre_de_service .cnMid .cnImg {
	max-width: 700px;
	margin: 50px auto 20px auto;
}

#centre_de_service .cnMid .cnLogoCross {
	/* max-width: 550px; */
	margin: 50px auto;
}

#centre_de_service .cnMid .cnLogoCross ul {
	margin: 0px;
	padding: 0px;
	display: flex;
}

#centre_de_service .cnMid .cnLogoCross ul li {
	margin: 0 1%;
	padding: 0px;
	list-style-type: none;
	width: 50%;
}

#centre_de_service .cnMid h3 {
	margin: 40px 0;
	font-size: 32px;
}

#centre_de_service .cnMid a {
	font-size: 28px;
	color: #000;
	font-weight: 600;
}

#centre_de_service .cnMid p span {
	width: 40px;
	display: inline-block;
	position: relative;
	top: -3px;
}

#centre_de_service .cnMid a.grey {
	color: #6e6e73;
}

#centre_de_service .container .box-content {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgb(0 0 0 / 30%);
	width: 100%;
	padding: 40px;
}

#centre_de_service .container .box-content .inner.cnLeft {
	padding-right: 20px;
}

#centre_de_service .container .box-content .tagline {
	font-size: 18px;
	line-height: 1.3em;
	color: #666;
	padding: 0 0 20px 0;
}

#centre_de_service .container .box-content .cnList {
	font-size: 16px;
	line-height: 1.3em;
	color: #666;
	padding: 0 0 20px 0;
}

#centre_de_service .container .box-content .middle .cnLeft {
	padding-right: 20px !important;
	border-right: 1px solid #ccc;
}

#centre_de_service .container .box-content .middle h2 {
	font-size: 21px;
	line-height: 1.3em;
	color: #666;
}

#centre_de_service .container .box-content .middle a {
	color: #0070c9;
}

.img_grade {
	width: 32px !important;
	height: 17px !important;
}

.btn-modal-custom {
	position: relative;
	z-index: 999;
	cursor: pointer;
}

#energyModal .modal-dialog, .customModalProduct .modal-dialog {
	max-width: 800px;
}

#energyModal .modal-content, .customModalProduct .modal-content {
	border-radius: 28px;
}

#energyModal .modal-body, .customModalProduct .modal-body {
	background: #f5f5f7 !important;
	border-radius: 50px;
	padding: 80px;
}

.energyModalInner {
	display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 18px;
    margin-top: 0px;
    padding: 28px 0;
}

.energyModalInner img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 260px;
}

button.energyClose {
	background: #1d1d1f;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
	padding: 7px;
	line-height: 18px;
	border: none;
}

button.energyClose svg {
	fill: #fff;
}

#centre_de_service .container .box-content .middle .tagline,
#centre_de_service .container .box-content .middle .tagline h4 {
	font-size: 16px;
	line-height: 1.3em;
	color: #666;
	padding: 0 0 20px 0;
}

#centre_de_service .container .box-content .cnList li {
	list-style-type: none;
}

#centre_de_service .container .box-content .top {
	min-height: 20px;
	margin: 0 0 40px 0;
	background: -o-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -o-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -o-linear-gradient(bottom, #e3e3e3, rgba(237, 237, 237, 0) 4px), -o-linear-gradient(bottom, whitesmoke, white 15px);
	background: -ms-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -ms-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -ms-linear-gradient(bottom, #e3e3e3, rgba(237, 237, 237, 0) 4px), -ms-linear-gradient(bottom, whitesmoke, white 15px);
	background: -moz-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -moz-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -moz-linear-gradient(bottom, #e3e3e3, rgba(237, 237, 237, 0) 4px), -moz-linear-gradient(bottom, whitesmoke, white 15px);
	background: -webkit-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -webkit-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -webkit-linear-gradient(bottom, #e3e3e3, rgba(237, 237, 237, 0) 4px), -webkit-linear-gradient(bottom, whitesmoke, white 15px);
	background: linear-gradient(left, #ffffff, rgba(245, 245, 245, 0) 250px), linear-gradient(right, #ffffff, rgba(245, 245, 245, 0) 250px), linear-gradient(bottom, #e3e3e3, rgba(237, 237, 237, 0) 4px), linear-gradient(bottom, #f5f5f5, #ffffff 15px);
}

#centre_de_service .container .box-content .middle .details {
	margin: 0px;
	padding: 0px
}

#centre_de_service .container .box-content .middle .details li,
#centre_de_service .container .box-content .middle .cnRight p {
	padding: 0 0 1px 0;
	font-size: 12px;
	color: #666;
	list-style-type: none;
	margin: 0px;
}

#centre_de_service .finance-footnotes {
	font-size: 10px;
	color: #666;
	padding: 40px 0 20px 0;
}

#centre_de_service .business-financing {
	text-align: center;
	width: auto;
	color: #666666;
	font-size: 12px;
	position: relative;
}

#centre_de_service .business-financing h3 {
	font-size: 16px;
}

#offres-promotionnelles {
	position: absolute;
	top: 50%;
	transform: translate(50%, -50%);
}

#offres-promotionnelles .col-sm-4,
.col-sm-8 {
	padding: 0px;
}

#offres-promotionnelles .col-sm-4 .cnInner {
	background: #000;
	padding-top: 50px;
	padding-bottom: 50px;
	height: 100%;
}

#offres-promotionnelles .col-sm-4 .cnInner .cnCon {
	text-align: center;
}

#offres-promotionnelles .col-sm-8 .cnInner {
	background: #db725f;
	padding-top: 50px;
	padding-bottom: 50px;
	height: 100%;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon {
	padding: 0 70px;
	text-align: center;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon h1 {
	color: #fff;
	font-size: 36px;
	font-family: helvetica, Arial;
	margin: 0px;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon h2 {
	font-family: 'canaroextrabold_italic';
	color: #fff;
	font-size: 54px;
	margin: 0px;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form {
	padding: 50px 0 0 0;
	width: 70%;
	margin: 0 auto;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-item {
	margin-bottom: 30px;
	text-align: left;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-item input.form-text {
	border: none;
	background: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 5px 2px;
	width: 100%;
	font-size: 16px;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-item input::placeholder {
	color: #fff;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-item input:focus {
	outline: none;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-item input.form-checkbox {
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	outline: none;
	background: none !important;
	margin-right: 10px;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-check {
	padding-left: 0px;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-check label {
	color: #fff;
	position: relative;
	top: -12px;
	font-size: 16px;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-submit {}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-submit input {
	background: #000;
	border-radius: 50px;
	font-size: 24px;
	color: #fff;
	border: none;
	width: 200px;
	text-align: center;
	padding: 2px 0 7px 0px;
	outline: none;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-submit input:hover {
	background: #fff;
	color: #000;
}

#offres-promotionnelles .col-sm-8 .cnInner .cnCon .cnImg {
	width: 55%;
	margin: 50px auto 0 auto;
}

#offres-promotionnelles .row-flex {
	display: flex;
	flex-wrap: wrap;
}

@media(min-width:1000px) and (max-width: 1190px) {
	.try-mac p.desc {
		padding: 0px;
	}

	div.try_mac_section_2 {
		width: 100%;
		max-width: 100%;
		height: auto;
		background-size: cover;
	}

	.try_mac_section_3 {
		padding: 60px 0 0;
	}

	.try_mac_section_3 .cnText h1 {
		font-size: 55px;
	}

	.try_mac_section_5 {
		height: 750px;
	}

	.try_mac_section_7 .cnTitre h1 {
		text-align: left;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon {
		padding: 0 20px;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon h1 {
		font-size: 32px;
	}
}

@media(min-width:760px) and (max-width: 1181px) {

	#offres-promotionnelles .col-sm-4,
	.col-sm-8 {
		width: 100%;
		max-width: 100%;
		display: block;
		flex: 100%;
		float: left;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon {
		padding: 0 40px;
	}

	#offres-promotionnelles {
		transform: unset;
		position: unset;
		top: unset;
	}
}

@media(min-width:760px) and (max-width: 1000px) {
	.try_mac_section_3 .col-md-4 {
		display: block;
		width: 100%;
		max-width: 100%;
		flex: auto;
	}

	.pt-5.try-mac {
		padding-top: 38px !important;
		padding-bottom: 85px !important;
	}

	.try-mac h1.pb-3 {
		font-size: 48px !important;
		line-height: 1.08349;
		font-weight: 600;
		max-width: 85%;
		margin: 0 auto;
		padding-bottom: 31px !important;
	}

	.try-mac .text-center {
		margin-bottom: 0px;
	}

	.try-mac .col-md-12.text-center.pb-5 {
		padding-bottom: 43px !important;
	}

	.try-mac p.desc {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 600;
		letter-spacing: .011em;
		padding: 0px;
		max-width: 85%;
		margin: 0 auto;
	}

	div.try_mac_section_2 {
		background-size: cover;
		width: 100%;
		height: auto;
		padding: 60px 8.33333%;
	}

	div.try_mac_section_2 p.desc2 {
		padding: 0px;
		margin-top: 18px !important;
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		max-width: 85%;
		margin: 0 auto;
	}

	.try_mac_section_2 h2.pb-3 {
		font-size: 44px !important;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		padding-bottom: 0px !important;
	}

	.try_mac_section_2 .col-md-12 {
		padding: 0px !important;
	}

	.try_mac_section_3 {
		margin-top: 20px !important;
		height: auto;
		width: 100%;
		padding: 60px 0px 0 0;
		background: #fff;
	}

	.try_mac_section_3 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		max-width: 85%;
		margin: 0 auto;
	}

	.try_mac_section_3 .cnTxt {
		display: none !important;
	}

	.try_mac_section_3 .col-md-4 {
		padding: 0px;
	}

	.try_mac_section_3 .cnText p {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		width: 85%;
		margin: 18px auto 0 auto;
	}

	.cnMobileBlock {
		display: block;
	}

	.cnMobileBlock {
		background: url(../images/try-mac/power__fxve5de6q2em_small_2x.jpg) 0 0 no-repeat;
		background-size: cover;
		height: 656px;
		margin-top: 60px;
		border-radius: 0 0 20px 20px;
	}

	.cnMobileBlock .photoshop {
		padding-top: 290px;
		padding-left: 65px;
	}

	.cnMobileBlock .excel {
		padding-top: 280px;
		padding-left: 120px;
	}

	.try_mac_section_4 {
		height: auto;
		width: 100%;
		padding: 60px 8.33333% 280px;
		background: url(../images/try-mac/make_mac_bg__b4xpl47k2i3m_small_2x.jpg) center bottom no-repeat;
		background-size: cover;
		background-size: 190% !important;
		margin-top: 20px;
	}

	.try_mac_section_4 .cnText {
		padding: 0px;
	}

	.try_mac_section_4 .col-md-12 {
		padding: 0px;
	}

	.try_mac_section_4 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		max-width: 90%;
		margin: 0 auto;
	}

	.try_mac_section_4 .cnText p {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		max-width: 85%;
		margin: 18px auto 0 auto;
	}

	.try_mac_section_5 {
		margin-top: 20px;
		height: auto;
		width: 100%;
		background: #fff url(../images/try-mac/plays_nicely__brk18hjlople_small_2x.jpg) center bottom no-repeat;
		background-size: 165% !important;
	}

	.try_mac_section_5 .cnText {
		padding: 60px 8.33333% 485px !important;
	}

	.try_mac_section_5 .col-md-12 {
		padding: 0px;
	}

	.try_mac_section_5 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
	}

	.try_mac_section_5 .cnText p {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		margin-top: 18px;
	}

	.try_mac_section_6 {
		margin-top: 20px;
		padding: 0px;
	}

	.try_mac_section_6 .cnText {
		padding: 60px 8.33333%;
	}

	.try_mac_section_6 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		max-width: 90%;
		margin: 0 auto;
	}

	.try_mac_section_6 .col-md-12 {
		padding: 0px;
	}

	.try_mac_section_7 {
		padding-top: 90px;
	}

	.try_mac_section_7 .row {
		width: 95%;
	}

	.try_mac_section_7 .cnTitre h1 {
		text-align: left;
		margin-bottom: 70px;
	}

	.try_mac_section_7 .col-md-6 .inner {
		margin-bottom: 70px;
	}

	.try_mac_section_7 a.last {
		position: relative;
		top: 20px;
	}

	.try_mac_section_7 .cnButton a {
		font-size: 16px !important;
	}
}

@media(max-width:760px) {

	.try_mac_section_7 .cnButton a {
		font-size: 16px !important;
	}

	.pt-5.try-mac {
		padding-top: 38px !important;
		padding-bottom: 85px !important;
	}

	.try-mac h1.pb-3 {
		font-size: 48px !important;
		line-height: 1.08349;
		font-weight: 600;
		max-width: 85%;
		margin: 0 auto;
		padding-bottom: 31px !important;
	}

	.try-mac .text-center {
		margin-bottom: 0px;
	}

	.try-mac .col-md-12.text-center.pb-5 {
		padding-bottom: 43px !important;
	}

	.try-mac p.desc {
		font-size: 21px;
		line-height: 1.19048;
		font-weight: 600;
		letter-spacing: .011em;
		padding: 0px;
		max-width: 85%;
		margin: 0 auto;
	}

	div.try_mac_section_2 {
		background-size: cover;
		width: 100%;
		height: auto;
		padding: 60px 8.33333%;
	}

	div.try_mac_section_2 p.desc2 {
		padding: 0px;
		margin-top: 18px !important;
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		max-width: 85%;
		margin: 0 auto;
	}

	.try_mac_section_2 h2.pb-3 {
		font-size: 44px !important;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		padding-bottom: 0px !important;
	}

	.try_mac_section_2 .col-md-12 {
		padding: 0px !important;
	}

	.try_mac_section_3 {
		margin-top: 20px !important;
		height: auto;
		width: 100%;
		padding: 60px 0px 0 0;
		background: #fff;
	}

	.try_mac_section_3 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		max-width: 85%;
		margin: 0 auto;
	}

	.try_mac_section_3 .cnTxt {
		display: none !important;
	}

	.try_mac_section_3 .col-md-4 {
		padding: 0px;
	}

	.try_mac_section_3 .cnText p {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		width: 85%;
		margin: 18px auto 0 auto;
	}

	.cnMobileBlock {
		display: block;
	}

	.cnMobileBlock {
		background: url(../images/try-mac/power__fxve5de6q2em_small_2x.jpg) -160px 0 no-repeat;
		background-size: cover;
		height: 656px;
		margin-top: 60px;
		border-radius: 0 0 20px 20px;
	}

	.cnMobileBlock .photoshop {
		padding-top: 280px;
		padding-left: 130px;
	}

	.cnMobileBlock .excel {
		padding-top: 295px;
		padding-left: 140px;
	}

	.try_mac_section_4 {
		height: auto;
		width: 100%;
		padding: 60px 8.33333% 160px;
		background: url(../images/try-mac/make_mac_bg__b4xpl47k2i3m_small_2x.jpg) center bottom no-repeat;
		background-size: cover;
		background-size: 190% !important;
		margin-top: 20px;
	}

	.try_mac_section_4 .cnText {
		padding: 0px;
	}

	.try_mac_section_4 .col-md-12 {
		padding: 0px;
	}

	.try_mac_section_4 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		max-width: 90%;
		margin: 0 auto;
	}

	.try_mac_section_4 .cnText p {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		max-width: 85%;
		margin: 18px auto 0 auto;
	}

	.try_mac_section_5 {
		margin-top: 20px;
		height: auto;
		width: 100%;
		background: #fff url(../images/try-mac/plays_nicely__brk18hjlople_small_2x.jpg) center bottom no-repeat;
		background-size: 190% !important;
	}

	.try_mac_section_5 .cnText {
		padding: 60px 8.33333% 300px !important;
	}

	.try_mac_section_5 .col-md-12 {
		padding: 0px;
	}

	.try_mac_section_5 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
	}

	.try_mac_section_5 .cnText p {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 600;
		letter-spacing: .012em;
		margin-top: 18px;
	}

	.try_mac_section_6 {
		margin-top: 20px;
		padding: 0px;
	}

	.try_mac_section_6 .cnText {
		padding: 60px 8.33333%;
	}

	.try_mac_section_6 .cnText h1 {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -.025em;
		max-width: 90%;
		margin: 0 auto;
	}

	.try_mac_section_6 .col-md-12 {
		padding: 0px;
	}

	.try_mac_section_7 {
		padding-top: 90px;
	}

	.try_mac_section_7 .row {
		width: 95%;
	}

	.try_mac_section_7 .cnTitre h1 {
		text-align: left;
		margin-bottom: 70px;
	}

	.try_mac_section_7 .col-md-6 .inner {
		margin-bottom: 70px;
	}

	.try_mac_section_7 a.last {
		position: relative;
		top: 20px;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon h1 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon h2 {
		font-size: 32px;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon form {
		width: 100%;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon,
	#offres-promotionnelles .col-sm-4 .cnInner .cnCon {
		padding: 0 20px;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-check {
		overflow: hidden;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-item input.form-checkbox {
		width: 20px;
		height: 20px;
	}

	#offres-promotionnelles .col-sm-8 .cnInner .cnCon form .form-check label {
		float: right;
		width: 90%;
		top: -1px;
	}

}

section#product_name_price {
	margin: 0 0 8px 0;
}

div.contact_carousel .owl-carousel .item {
	display: flex;
	justify-content: center;
}

div.contact_carousel .owl-carousel .item img {
	height: 300px;
	width: auto;
}

.owl-theme .owl-nav {
	margin-top: 0 !important;
}

@media (max-width: 767px) {
	div.contact_carousel .owl-carousel .item {
		flex-direction: column;
		align-items: center;
	}

	div.contact_carousel .owl-carousel .item img {
		height: auto;
		width: 100%;
	}
}

.line_10 {
	margin-left: 20px !important;
	display: flex;
	flex-direction: column;
}

div.background-service {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: flex-start;
}

div.pageDetails {
	margin: 20px;
}

div.contactBut button {
	width: fit-content !important;
}

img.img_border {
	border: 1px solid #fff;
	border-radius: 25px;
}

h3.apropos span {
	color: #aaa;
}

div.bloc_verification {
	background-color: #fff;
	border-radius: 25px;
	padding: 30px;
	box-shadow: 0 0 10px #bbb;
}

#centre_de_service h5 {
	color: #aaa;
}

div.apropos_black {
	background-color: #171718;
	color: #fff;
	padding: 20px 0 0 0;
}

div.apropos_black h2 {
	color: #fff;
}

div.apropos_black h3 {
	color: #2996FF;
}

img.img_border_top {
	border: 1px solid #fff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom: unset;
}

img.img_border_bottom {
	border: 1px solid #fff;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top: unset;
}

div.header_school {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f5f5f7;
}

div.header_school h1 {
	text-transform: none;
	font-size: 22px;
	color: #000;
}

div.header_school h3 {
	text-transform: none;
	font-size: 36px;
	color: #000;
	font-weight: bold;
}

div.header_school p {
	color: #000;
}

div.section_school_1 {
	/* margin: 40px auto 40px auto; */
}

div.section_school_1 h3 {
	color: #a3b262;
	font-size: 18px;
	font-weight: normal;
}

div.section_school_1 h4.offre {
	color: #000;
	font-size: 28px;
	font-weight: normal;
}

div.section_school_1 h4.offre span {
	color: #2667c5;
	font-size: 36px;
	font-weight: bold;
}

div.section_school_2 {
	background-color: #fff;
	border-radius: 25px;
}

.section_school_3 span.card2 {
    color: #2667c5;
    font-size: 40px;
    font-weight: bold;
}

h2.microsoft {
	padding: 0 20%;
	margin-top: 30px;
}

div.booste_pour_les_etudes img {
	border-radius: 25px;
}

div.booste_pour_les_etudes p {
	text-align: justify;
	font-size: 18px;
}

div.section_school_2 h4.offre {
	color: #000;
	font-size: 28px;
	font-weight: normal;
}

div.section_school_2 h4.offre span {
	color: #2667c5;
	font-size: 40px;
	font-weight: bold;
}

div.section_school_3 {
	background-color: #dcf0fd;
	border-radius: 25px;
}

div.section_school_3 p {
	text-align: justify;
	font-size: 18px;
}

div.section_school_3 h4.offre {
	color: #000;
	font-size: 28px;
	font-weight: normal;
}

div.section_school_3 h4.offre span {
	color: #2667c5;
	font-size: 40px;
	font-weight: bold;
}

.section_school_3 span.card2 {
    color: #2667c5;
    font-size: 40px;
    font-weight: bold;
}

h2.microsoft {
	padding: 0 20%;
	margin-top: 30px;
}

div.beneficial {
	display: flex;
	align-items: center;
}

div.beneficial ul {
	text-align: left;
}

div.addresses {
	display: flex;
	justify-content: space-around;
}

div.addresses div.shop {
	display: flex;
	align-items: flex-start;
}

div.shopAdd h4,
div.shopAdd p {
	color: #000;
	text-align: left;
}

section.homeSection1 {
	background-color: #fff;
	padding-bottom: 20px;
}

@media(min-width:300px) and (max-width: 1181px) {
	section.homeSection1 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 1220px) {
    #main-slider .swiper-slide img {
        height: 400px;
    }
}


@media (max-width: 768px) {
    #main-slider .swiper-slide img {
        height: 300px;
    }
}

@media (max-width: 1200px) {
	#main-slider .swiper-slide img {
		width: 100%;
	}
}
@media  (min-device-width: 768px) and (max-device-width: 991px) {

	.hide_ishop{
		display: none !important;
	}

}

.bg-dark {
    background-color: #000000!important;
}
.bg-white{
	background-color: #ebebeb!important;
}
.bg-white-clear{
	background-color: #ffffff!important;
}

hr.hrno {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}


hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #8f8f8f;
}

.color-1{
	color: #828282;
}
.footer{
  background-color: #ebebeb;
  font-size: small;
  line-height: 1.8rem;
}
.label-orange{
	color: #f38f6c;
    font-size: 0.7rem;
}
.card-selected{
	border: 2px solid #0070c9!important;
}
.label-gb{
	font-size: 1.5rem!important;
}
.font-weight-500{
    font-weight: 500!important;
}
.font-weight-700{
    font-weight: 700!important;
}
.font-size-8{
    font-size: 0.8rem!important;
}
.font-size-7{
    font-size: 0.7rem!important;
}
.color-blue{
    color: #0070c9!important;
}
.color-red{
    color: #ff041b!important;
}
.color-black{
    color: #000000!important;
}
.background-feature{
    background-color: #fafafa !important;
}
.background-banner{
  background-color: #f2f2f2 !important;
}
.background-color-blue{
    background-color: #0070c9!important;
}
.card-boder{
  border: none!important;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.cn-search{
	position: relative;
}
#search-container {
	display: none;
	position: absolute;
	top: 3px;
	right: 30px;
}
#search-container input#search-box {
	border-radius: 20px;
}