/**********************/
/*! personnalisation  */
/**********************/
/*
.cycle-slideshow,
.cycle-item,
.cycle-slide{
	width: 237px;
	height:120px;
}
.cycle-prev,.cycle-next{
	width:30px;
	height:30px;
	top: 135px;
}

*/
.news .cycle-slideshow,
.news .cycle-item,
.news .cycle-slide {
	width: 617px;
	height: 120px;
}

.chiffres .cycle-slideshow,
.chiffres .cycle-item,
.chiffres .cycle-slide {
	width: 280px;
	height: 120px;
}

li.vert {
	color: green;
	font-weight: bold;
}

.informations .cycle-slideshow,
.informations .cycle-item,
.informations .cycle-slide {
	width: 280px;
	height: 120px;
}

.home .cycle-slideshow {
	margin: 20px 20px 0 20px;
}

.magazine .cycle-slideshow,
.magazine .cycle-slide {
	width: 714px;
	height: 240px;
}

.magazine .cycle-item {
	width: 674px;
	height: 200px;
	padding: 20px;
}

.magazine .cycle-pager {
	bottom: 20px;
}

.magazine .cycle-pager span {
	width: 27px;
	height: 21px;
}

/*****************/
/*! commentaire  */
/*****************/

.cycle-slideshow {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.cycle-item {
	display: none;
}

.cycle-prev,
.cycle-next {
	position: absolute;
	z-index: 800;
	cursor: pointer;
}

.cycle-prev {
	background: url('prev.png');
	left: 0;
}

.cycle-next {
	background: url('next.png');
	right: 0;
}

.cycle-prev:hover,
.cycle-next:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	overflow: hidden;
}

.cycle-pager span {
	display: inline-block;
	background-image: url('pager.png');
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
	border: 0;
	background-color: transparent;
	color: transparent;
	text-shadow: none;
	font: 0/0 a;
}

.cycle-pager span.cycle-pager-active {
	background-position: center bottom;
}

.cycle-pager>* {
	cursor: pointer;
}

/* Ajout Scanu Remy - remy@connect-io.fr - 27/07/2022*/
/* Centrer horizontalement et verticalement un contenu dans une div */
.g-align-center-vertically-and-horizontally {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Centrer verticallement un contenu dans une div col-X (padding-left de 15px) à remplacer 15px par une autre valeur si besoin */
.g-align-center-vertically {
	position: absolute;
	left: 100%;
	top: 50%;
	-webkit-transform: translate(calc(-100% - 15px), -50%);
	transform: translate(calc(-100% - 15px), -50%);
}

/* Centrer verticallement un contenu dans une div col-X (padding-left de 15px) à remplacer 15px par une autre valeur si besoin */
.g-align-center-vertically-admin-template {
	position: absolute;
	left: 100%;
	top: 50%;
	-webkit-transform: translate(calc(-100%), -50%);
	transform: translate(calc(-100%), -50%);
}

/* Centrer verticallement un contenu dans une div col-X (padding-left de 15px) à remplacer 15px par une autre valeur si besoin */
.g-align-center-vertically-col-9 {
	position: absolute;
	left: 33%;
	top: 50%;
	-webkit-transform: translate(calc(-100% - 15px), -50%);
	transform: translate(calc(-100% - 15px), -50%);
}

/* Aligner en bas à gauche un contenu dans une div col-X (padding-left de 15px) à remplacer 15px par une autre valeur si besoin */
.g-align-bottom-left {
	position: absolute;
	left: 0%;
	top: 100%;
	-webkit-transform: translate(15px, -100%);
	transform: translate(15px, -100%);
}

.g-align-bottom-leftB {
	position: absolute;
	left: 0%;
	top: 100%;
	-webkit-transform: translate(15px, 60%);
	transform: translate(15px, 60%);
}

.d-none {
	display: none;
}

.d-flex {
	display: flex;
}

.d-inline-block {
	display: inline-block;
}

.g-mr-10 {
	margin-right: 10px;
}

.g-mb-0 {
	margin-bottom: 0px !important;
}

.g-mb-20 {
	margin-bottom: 20px !important;
}

.g-mx-0 {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.g-my-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.g-width-50 {
	width: 50px;
}

.g-width-75 {
	width: 75px;
}

.g-width-100 {
	width: 100px;
}

.g-width-150 {
	width: 150px;
}

.bootbox.modal {
	z-index: 999999999 !important;
}

.g-width-100x {
	width: 100% !important;
}

.g-width-75x {
	width: 75% !important;
}

.g-float-left {
	float: left;
}

.g-float-right {
	float: right;
}

input[type="checkbox"][disabled] {
	background-color: #007bff;
}

.g-color-white {
	color: white;
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -webkit-inline-flex !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

.row-selected {
	background: #0d72b9 !important;
}

.row-selected>div {
	color: #fff !important;
}

.modal-header{
	padding-bottom: 30px;
}

.modal-title{
	float:left;
}

.g-absolute-centered {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden
}

.g-absolute-centered--x {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden
}

@media (min-width: 576px) {
    .g-absolute-centered--x--sm {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%);
        -webkit-backface-visibility: hidden
    }
}

@media (min-width: 768px) {
    .g-absolute-centered--x--md {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%);
        -webkit-backface-visibility: hidden
    }
}

.g-absolute-centered--y {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden
}

@media (min-width: 768px) {
    .g-absolute-centered--y--md {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%);
        -webkit-backface-visibility: hidden
    }
}

@media (min-width: 992px) {
    .g-absolute-centered--y--lg {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%);
        -webkit-backface-visibility: hidden
    }
}

.g-transform-origin--top-left {
    transform-origin: top left
}

.g-transform-origin--top-right {
    transform-origin: top right
}

.g-absolute-centered--y--scl-0_6 {
    position: absolute;
    top: 50%;
    transform: scale(0.6) translateY(-50%)
}

.g-relative-centered {
    position: relative;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden
}

.g-relative-centered--x {
    position: relative;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden
}

.g-relative-centered--y {
    position: relative;
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden
}

.g-flex-centered-item {
    flex: 1
}

.g-flex-centered-item--top {
    align-self: flex-start
}

.g-flex-centered-item--bottom {
    align-self: flex-end
}

.g-flex-right--xs {
    justify-content: flex-end
}

.g-flex-middle {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.g-flex-middle-item {
    margin-top: auto;
    margin-bottom: auto
}

.g-flex-middle-item--top {
    margin-top: 0;
    margin-bottom: 0
}

.g-flex-middle-item--bottom {
    margin-top: auto;
    margin-bottom: 0
}

.g-flex-middle-item--fixed {
    flex: none;
    max-width: 50%
}

@media (min-width: 768px) {
    .g-flex-right--md {
        justify-content: flex-end
    }

    .g-flex-centered--md {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .g-absolute-centered--y--scl-1--md {
        position: absolute;
        top: 50%;
        transform: scale(1) translateY(-50%)
    }
}

@media (min-width: 576px) {
    .g-absolute-centered--sm {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        -webkit-backface-visibility: hidden
    }

    .g-absolute-centered--x-sm--reset {
        position: static !important;
        left: auto !important;
        transform: translateX(0) !important
    }
}

@media (min-width: 768px) {
    .g-absolute-centered--md {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        -webkit-backface-visibility: hidden
    }
}

@media (min-width: 992px) {
    .g-absolute-centered--x--lg {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%);
        -webkit-backface-visibility: hidden
    }

    .g-flex-centered--lg {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.g-valign-super {
    vertical-align: super !important
}

.g-valign-sub {
    vertical-align: sub !important
}

.g-valign-top {
    vertical-align: top !important
}

.g-valign-bottom {
    vertical-align: bottom !important
}

/* Primary Colors */
.g-color-primary {
	color: #d90c5e !important;
}

.g-cursor-pointer{
    cursor: pointer;
}