/*-----------------------------------------------------------------------------------

	Theme Name: Canvas
	Theme URI: http://themes.semicolonweb.com/html/canvas
	Description: The Multi-Purpose Template
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 5.3.1

-----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------

	- Basic
	- Typography
	- Basic Layout Styles
	- Helper Classes
	- Sections
	- Columns & Grids
	- Flex Slider
	- Swiper Slider
	- Top Bar
	- Header
		- Logo
		- Primary Menu
		- Mega Menu
		- Top Search
		- Top Cart
		- Sticky Header
		- Page Menu
		- Side Header
	- Side Panel
	- Slider
	- Page Title
	- Content
	- Portfolio
	- Blog
	- Shop
	- Events
	- Shortcodes
		- Countdown
		- Buttons
		- Promo Boxes
		- Featured Boxes
		- Process Steps
		- Styled Icons
		- Toggles
		- Accordions
		- Tabs
		- Side Navigation
		- FAQ List
		- Clients
		- Testimonials
		- Team
		- Pricing Boxes
		- Counter
		- Animated Rounded Skills
		- Skills Bar
		- Dropcaps & Highlights
		- Quotes & Blockquotes
		- Text Rotater
	- Owl Carousel
	- Overlays
	- Forms
	- Google Maps
	- Heading Styles
	- Divider
	- Magazine Specific Classes
	- Go To Top
	- Error 404
	- Landing Pages
	- Preloaders
	- Toastr Notifications
	- Footer
	- Widgets
		- Tag Cloud
		- Links
		- Testimonial & Twitter
		- Quick Contact Form
		- Newsletter
		- Twitter Feed
		- Navigation Tree
	- Wedding
	- Bootstrap Specific
	- Cookie Notification
	- Stretched Layout
	- Page Transitions
	- Youtube Video Backgrounds

---------------------------------------------------------------- */


/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/

@media (min-width: 576px) {
    .container { max-width: 540px; }
}

@media (min-width: 768px) {
    .container { max-width: 750px; }
}

@media (min-width: 992px) {
    .container { max-width: 970px; }
}

@media (min-width: 1200px) {
    .container { max-width: 1110px; }
}

body{ background-color: #f6f7fa; }

/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow:hidden;
}

::selection {
    background: var(--couleur2-ce);
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: var(--couleur2-ce); /* Firefox */
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: var(--couleur2-ce); /* Safari */
    color: #FFF;
    text-shadow: none;
}

a:active,
a:focus { outline: none !important;background: none !important;border: 0 !important;box-shadow: none;  color: var(--couleur2-ce); }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url("../fonts/lato-v16-latin-regular-voHCFeP.eot"); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
    url("../fonts/lato-v16-latin-regular-voHCFeP.eot") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/lato-v16-latin-regular-YotgZxl.woff2") format('woff2'), /* Super Modern Browsers */
    url("../fonts/lato-v16-latin-regular-cn3bM5Z.woff") format('woff'), /* Modern Browsers */
    url("../fonts/lato-v16-latin-regular-7BBnaRy.ttf") format('truetype'), /* Safari, Android, iOS */
    url("../fonts/lato-v16-latin-regular-tmGO2Gq.svg") format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
    src: url("../fonts/lato-v16-latin-italic-LqO1n-L.eot"); /* IE9 Compat Modes */
    src: local('Lato Italic'), local('Lato-Italic'),
    url("../fonts/lato-v16-latin-italic-LqO1n-L.eot") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/lato-v16-latin-italic-NGzL7S7.woff2") format('woff2'), /* Super Modern Browsers */
    url("../fonts/lato-v16-latin-italic-y8mjx7d.woff") format('woff'), /* Modern Browsers */
    url("../fonts/lato-v16-latin-italic-bY6RBF_.ttf") format('truetype'), /* Safari, Android, iOS */
    url("../fonts/lato-v16-latin-italic-4d5Dt0S.svg") format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url("../fonts/lato-v16-latin-700-rCFNGt7.eot"); /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'),
    url("../fonts/lato-v16-latin-700-rCFNGt7.eot") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/lato-v16-latin-700-Dk-nvay.woff2") format('woff2'), /* Super Modern Browsers */
    url("../fonts/lato-v16-latin-700-cyrQyYU.woff") format('woff'), /* Modern Browsers */
    url("../fonts/lato-v16-latin-700-IqjifBO.ttf") format('truetype'), /* Safari, Android, iOS */
    url("../fonts/lato-v16-latin-700-R_BHp5A.svg") format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
    src: url("../fonts/lato-v16-latin-700italic-VA8u2kG.eot"); /* IE9 Compat Modes */
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
    url("../fonts/lato-v16-latin-700italic-VA8u2kG.eot") format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/lato-v16-latin-700italic-lwOebwN.woff2") format('woff2'), /* Super Modern Browsers */
    url("../fonts/lato-v16-latin-700italic-gjLMkIj.woff") format('woff'), /* Modern Browsers */
    url("../fonts/lato-v16-latin-700italic-EIIgMZy.ttf") format('truetype'), /* Safari, Android, iOS */
    url("../fonts/lato-v16-latin-700italic-rZJiiEI.svg") format('svg'); /* Legacy iOS */
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none !important;
}

h1 {
    font-family: 'Lato';
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #1e1e1e;
}
h2 {
    font-family: 'Lato';
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
}
h3 {
    font-family: 'Lato';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
}
h4 {
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
}
body {
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: inherit;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #000000;
}
.Date {
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #bdbdbd;
}
link, a {
    font-family: 'Lato';
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: var(--couleur1-ce);
}
a:hover { color: var(--couleur2-ce); }
#header a:hover, #footer a:hover,.carousel-control-prev:hover, .carousel-control-next:hover,a.lien:hover,.contenu-cms a:hover,.lien-bottom a:hover,.breadcrumb li a:hover,.contenu-poll a:hover, .contenu-localisation a:hover{
    background-color: transparent;
    color: var(--couleur1-ce);
}

img { max-width: 100%; }

iframe { border: none !important; }
.hide{
    display: none;
}
.alert{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    border-radius: 5px !important;
    border: 0 !important;
}
.alert-info {
    color: #30599e;
    background-color: rgba(48, 89, 158, 0.2) !important;
}
.alert-info {
    color: #30599e;
    background-color: rgba(48, 89, 158, 0.2) !important;
}
.alert-primary {
    color: #30599e;
    background-color: rgba(48, 89, 158, 0.2) !important;
}
.alert-danger {
    color: #b91010;
    background-color: rgba(190, 2, 2, 0.2) !important;
}
.alert-warning {
    color: #e08d1e;
    background-color: rgba(221, 174, 111, 0.2) !important;
}
.alert-success {
    color: #9b9b00;
    background-color: rgba(189, 189, 0, 0.2) !important;
}
/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) { color: #1ABC9C; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }

small { font-family: 'Lato', sans-serif; }


/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/


.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.nott { text-transform: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }
.text-center{ text-align: center; }
.ohidden {
    position: relative;
    overflow: hidden !important;
}

.line,
.double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 60px 0;
    border-top: 1px solid #EEE;
}

.line.line-sm { margin: 30px 0; }

span.middot {
    display: inline-block;
    margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
    display: block !important;
    position: relative !important;
}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

.topmargin-sm { margin-top: 30px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.notextshadow { text-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
    float: none !important;
    display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

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

.t600 { font-weight: 600 !important; }

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

.ls0 { letter-spacing: 0px !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }
.margin-auto{margin: 0 auto;}
.font-body { font-family: 'Lato'; }

.font-primary { font-family: 'Lato'; }

.font-secondary { font-family: 'Lato' ; }




/* DEBUT PERSONNALISATION DU THEME */



.btn-couleur1, .contenu-cms .btn-primary, .contenu-cms .btn-secondary,.btn-couleur2{
    padding: 13px 30px;
    display: block;
    width:auto;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #fff;
    border-radius: 5px;
    background-color: var(--couleur1-ce);
    border: 0;
}
.contenu-cms .btn-primary, .contenu-cms .btn-secondary{
    display: inline-block;
}
.btn-couleur2{
    background-color: var(--couleur2-ce);
}

.btn-couleur1:hover, .contenu-cms .btn-primary:hover{
    color: #fff;
    background-color: var(--couleur2-ce) !important;
}
.btn-couleur1.btn-invert, .contenu-cms .btn-outline-primary{
    background-color: #fff;
    border: solid 1px var(--couleur1-ce);
    color:var(--couleur1-ce);
}
.btn-couleur1.btn-invert:hover, .contenu-cms .btn-outline-primary:hover,.btn-couleur1.btn-invert:focus,.btn-couleur1.btn-invert:active{
    background-color: var(--couleur1-ce);
    border: solid 1px var(--couleur1-ce);
    color:#fff;
}

.btn-couleur1:active,
.btn-couleur1:focus,
.contenu-cms .btn-primary:active,
.contenu-cms .btn-primary:focus { outline: none !important;background: var(--couleur1-ce) !important;border: 0 !important;box-shadow: none;  }
.btn-couleur2:hover, .btn-couleur2:active, .btn-couleur2:focus{
    background-color: var(--couleur1-ce);
    color: #fff;
}


.contenu-cms .btn-secondary{
    background-color: var(--couleur2-ce);
}
.contenu-cms .btn-secondary:hover{
    color: #fff;
    background-color: var(--couleur1-ce)
}
.contenu-cms .btn-outline-secondary{
    background-color: #fff;
    border: solid 1px var(--couleur2-ce);
    color:var(--couleur2-ce);
}
.contenu-cms .btn-outline-secondary:hover{
    background-color: var(--couleur2-ce);
    border: solid 1px var(--couleur2-ce);
    color:#fff;
}

.contenu-cms .btn-secondary:active,
.contenu-cms .btn-secondary:focus { outline: none !important;background: var(--couleur2-ce) !important;border: 0 !important;box-shadow: none;  }

.text-primary{
    color: var(--couleur1-ce) !important;
}
.text-secondary{
    color: var(--couleur2-ce) !important;
}

/******************************* HEADER ****************************/

#header{
    width: 100%;
    position: relative;
    background-color: #fff;
}
.header-white{
    padding: 10px 0;
    min-height: 131px;
}
#logo img {
    max-height: 121px;
}
.nom-ce{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    color: var(--couleur1-ce);
    text-transform: capitalize;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
}

#top-search {
    width: 100%;
    height: 50px;
    position: relative;
    margin-top: 36px;
}
#offres-search {
    width: 50%;
    height: 50px;
    position: relative;
    margin: 20px 0 20px;
}
.cb{
    clear: both;
}
#top-search .search-input, #offres-search .search-input{
    height: 50px;
    width: 100%;
    font-family: 'Lato';
    border-radius: 5px;
    border: solid 1px #dbdcea;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9698a9;
    padding: 0 40px 0 10px;
}
#top-search .search-input:focus, #offres-search .search-input:focus{
    color:#1e1e1e !important;
    border: solid 1px var(--couleur1-ce) !important;
    box-shadow:0 0 0 0 rgba(0, 123, 255, 0) !important;
}

#top-search .search-button, #offres-search .search-button{
    padding: 13px 10px;
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 2px;
}
#top-search .search-button i, #offres-search .search-button i{
    color: var(--couleur1-ce);
    font-size: 20px;
    font-weight: 600 !important;
}

.profile_round-1342 {
    width: 20px;
    height: 20px;
    object-fit: contain;
    fill: var(--couleur1-ce);
}
.shopping_cart-1135 {
    width: 20px;
    height: 20px;
    object-fit: contain;
    fill: var(--couleur1-ce);
}
.search_right-1505:hover, .profile_round-1342:hover, .shopping_cart-1135:hover  {
    fill: var(--couleur2-ce);
}
.top-cart-content{display: none;}
.header-profile {
    max-height: 45px;
    margin: 0;
    float:right;
}
.header-profile .part{
    float: left;
    padding:48px 25px 0 0;

}
.header-profile .part .dropdown-toggle::after {
    display: none;
}
.header-profile .part-hello{
    font-style: italic;
}
.header-profile .part-hello p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 255px;
}
.header-profile .part-last{
    padding:48px 0 0 0;

}
.header-profile .part i{
    color: var(--couleur1-ce);
    font-size: 20px !important;
    font-weight: 600 !important;
}
.header-profile .part i.fa-user{
    font-weight: 400 !important;
}
.header-profile .part:hover i{
    color: var(--couleur2-ce);
}
.header-profile .part .dropdown-menu{
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.15);
    border: 0;
}
.header-profile .part .dropdown-menu i {
    color: #000000;
    font-size: 13px !important;
}
.header-profile .part .dropdown-item{
    color: #000000;
}
.header-profile .part .dropdown-item:hover{
    color: var(--couleur1-ce);
}
#top-cart{
    position: relative;
}
.header-profile .part .oval, #top-messagerie .oval {
    width: 18px;
    height: 19px;
    border: solid 1px #fff;
    background-color: #e81b1b;
    position: absolute;
    top: -12px;
    right: -9px;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    font-size: 10px;
}
#top-messagerie{
    position: relative;
}

#header .header-sticke{
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/********************* FOOTER *****************************/
#footer{
    width: 100%;
    margin: 0;
    padding: 49px 0 24px 0;
    background-color: #fff;
    text-align: center;
}
#footer .logo-footer{
    margin-bottom: 25px;
}
#footer p{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding: 0;
    margin: 0;
}
#footer a.link{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: var(--couleur1-ce);
    padding: 0;
    margin: 0;
}
#footer a.link:hover{
    color: var(--couleur2-ce);
}

#footer .btn-footer{
    margin: 24px auto 42px auto;
    width: 219px;
}




/***** HOME SLIDER *****/
.carousel-home{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.carousel-texte{
    width: 38%;
    flex: 0 0 38%;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
}
.carousel-image{
    width: 62%;
    flex: 0 0 62%;
}
#carouselTexte{
    width: 100%;
    margin: 0;
    padding: 84px 0 0 30px;
}

#carouselTexte h2{
    margin: 0 0 24px 0;
    padding: 0;
    font-family: 'Lato';
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #1e1e1e;
    /* text-transform: lowercase !important;*/
}
#carouselTexte p{
    margin: 0;
    padding: 0;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #000000;
    /*text-transform: lowercase !important;*/
}
#carouselTexte p::first-letter, #carouselTexte h2::first-letter{
    text-transform:uppercase;
}
#carouselTexte span.category{
    border-radius: 6px;
    background-color: var(--couleur1-ce);
}
#carouselTexte span.category a{
    text-transform: uppercase;
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
    color: #fff;
    padding: 4px;
}
#carouselTexte span.category:hover{
    background-color: var(--couleur2-ce);
}
#carouselTexte .btn-couleur1{
    margin: 24px 30px 0 0;
    width: 130px;
    float: left;
}
#eu-cookie-law {
    background: var(--couleur1-ce) !important;  color: #fff !important;
    font-size: 15px;
}
#eu-cookie-law-accept {
    background-color: var(--couleur2-ce) !important; color: #fff !important; display: block;padding: 3px 8px; border-radius: 2px;width: auto; margin: 5px auto 0 auto;
    font-size: 15px;
}
#carouselTexte .lien{
    padding-top: 37px;
    display: block;
    font-family: Lato;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: inherit;
    line-height: 1.62;
    letter-spacing: normal;
}
#carouselTexte .lien i{
    font-size: 11px;
}
#carouselImage img{
    border-radius: 0px 10px 10px 0px;
}
#carouselImage .carousel-indicators li{
    width: 10px !important;
    height: 10px !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    border: 0 !important;
    margin-top: 2px !important;
}
.carousel-control-prev, .carousel-control-next {
    opacity: 1 !important;
}
#carouselImage .carousel-indicators li.active{
    width: 7px !important;
    height: 7px !important;
    border: 3px solid #fff !important;
    background-color: var(--couleur1-ce) !important;
    margin-top: 0px !important;
}
#carouselImage .fleches{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 10px;
}
#carouselImage .fleches i{
    font-size: 17px;
    color: var(--couleur1-ce);
}
#carouselImage .carousel-control-next:hover .fleches {
    background-color: var(--couleur2-ce);
}

#carouselImage .carousel-control-next:hover .fleches i{
    color: #fff;
}
#carouselImage .carousel-control-prev:hover .fleches {
    background-color: var(--couleur2-ce);
}

#carouselImage .carousel-control-prev:hover .fleches i{
    color: #fff;
}


#carouselTexte .carousel-item{
    margin-right: 0 !important;
    display: block !important;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#carouselTexte .carousel-item.active{
    opacity: 1;
    height: auto;
}
/*************************** MESSAGERIE FRONT ***********************/
#messagerie-salarie .box-title{
    display: none;
}

#messagerie-salarie #list-toggle, #messagerie-salarie .col-md-10{
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#messagerie-salarie .btn-light{
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}
#messagerie-salarie #list-toggle .btn-danger:hover{
    color: #bd2130;
}
/*************************** FIN MESSAGERIE FRONT ***********************/
/************************HOME LISTE DES BLOCS ************************/
.blocs-home{
    padding: 71px 15px 0px 15px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.bloc-accueil{
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    background-color: #fff;
    padding: 65px 30px 24px 30px;
    width: 23%;
    margin-bottom: 70px;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.bloc-accueil h3{
    font-family: 'Lato';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #1e1e1e !important;
}
.bloc-accueil p{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #7e7e7e !important;
    padding: 0;
    margin: 0;
}
.bloc-accueil .rond-bloc{
    position: absolute;
    width: 81px;
    height: 81px;
    background-color: var(--couleur1-ce);
    color: #fff;
    border-radius: 40px;
    top: -40px;
    text-align: center;
    left: 35%;
    padding-top: 17px;
}
.bloc-accueil .color-1,.bloc-accueil .color-5{background-color: var(--couleur1-ce);}
.bloc-accueil .color-2,.bloc-accueil .color-6{background-color: var(--couleur2-ce);}
.bloc-accueil .color-3,.bloc-accueil .color-7{background-color: #ddae6f;}
.bloc-accueil .color-4,.bloc-accueil .color-8{background-color: #be026b;}

.bloc-accueil .rond-bloc-img{
    background-color: transparent;
    padding-top: 0px;
}

.bloc-accueil:hover{
    box-shadow: 0 7px 13px 0 rgba(48, 89, 158, 0.4);
    h3{
        color:var(--couleur1-ce) !important;
    }
}





/****** PARTENAIRES HOME ******************/
.partenaires-home{
    min-height: 399px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    background-color: #fff;
    padding: 40px 30px;
    overflow: hidden;
}
.partenaires-home h3{
    font-family: 'Lato';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
    padding: 0;
    margin: 0;
}
.partenaires-home .slider-partenaires{
    margin-top: 35px;
}
.partenaires-home .slider-partenaires img{
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0);

    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
.partenaires-home .slider-partenaires p{
    padding: 0;
    max-width: 193px;
    margin: 15px 0 0 0;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #7e7e7e !important;
}
.partenaires-home .slider-partenaires a:hover{
    p{
        color: var(--couleur1-ce) !important;
    }
    img{
        box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    }
}

.partenaires-home .curseurs{
    position: absolute;
    top:36px;
    right: 30px;
    min-width: 100px;
}
.partenaires-home .curseurs .fleches {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 8px;
    border: solid 1px #7e7e7e;
    text-align: center;
    opacity: .7;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}
.flecheg{
    float: left;
    margin-right: 20px;
}
.fleched{
    float: right;
}
.partenaires-home .curseurs .fleches i {
    font-size: 17px;
    color: #000000;
}
.partenaires-home .curseurs .fleches:hover{
    background-color: var(--couleur1-ce);
    border: solid 1px var(--couleur1-ce);
    opacity: 1;
    i{
        color: #fff;
    }

}



/**************** CALENDRIER *******************/
.calendrier-home{
    min-height: 399px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    background-color: #fff;
    padding: 30px;
    overflow: hidden;
    height: 100%;
}
.calendrier-home .ui-datepicker-inline{
    margin: 0 auto;
}

.bloc-calendrier .fc-event-container a:focus, .bloc-calendrier .fc-event-container a:active, .bloc-calendrier .fc-event-container a:hover{
    background-color: var(--couleur2-ce) !important;
    color: #fff !important;
}

/***************** FIL D'ARIANE ******************/
.breadcrumb {
    padding: 30px 0 0px 0;
    margin: 0 auto 10px auto;
    font-family: Lato;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: 1px;
    text-align: center;
    color: #7e7e7e;
    background-color: transparent;
    border-radius: 0;
    display: table;
    width: auto;
}
.breadcrumb li {
    display: table-cell;
    font-family: "Lato";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #7e7e7e;
    padding-right: 12px;
    text-transform: uppercase;
}
.breadcrumb li a {
    font-size: 10px;
}
.breadcrumb-left .breadcrumb {
    margin: 0 0 10px 0;
}
.breadcrumb-left h1 {
    text-align: left;
}
.participantsForm .btn-default{
    padding:8px 25px;
    display: block;
    width: auto;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #be026b;
    color: #be026b;
}
/**************** ACTUS ***************************/
.liste-home-actus{
    padding: 0px 15px 0px 0px;
    justify-content: left;
    display: flex;
    flex-wrap: wrap;
}

.liste-home-actus .actu{
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    background-color: #fff;
    width: 32%;
    position: relative;
}
.list-mediatheque .actu{
    width: 23%;
}
.liste-bloc-actus .liste-home-actus .actu{
    width: 48%;
}
.liste-home-actus .actu .categorie-actu{
    position: absolute;
    top: 20px;
    left: 0;
    text-transform: uppercase;
    background-color: var(--couleur1-ce);
    border-radius: 0 6px 6px 0;
    padding: 3px 10px;
    font-family: 'Lato';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.02;
    letter-spacing: 1px;
    color: #fff;
}

.liste-home-actus .actu img{
    border-radius: 10px 10px 0px 0;
    width: 100%;
    max-height: 232px;
    overflow: hidden;
}
.liste-home-actus .actu .actu-content{
    padding: 24px 30px;
}
.liste-home-actus .actu .actu-content a:hover{
    background-color: transparent;
}
.liste-home-actus .actu .actu-content h3{
    font-family: 'Lato';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
    margin: 0 !important;
    padding: 0 0 3px 0 !important;
}

élément {

}
.list-mediatheque .actu .actu-content h3 {
    font-size: 18px;
}
.liste-home-actus .actu .actu-content span.date{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #bdbdbd;
    display: block;
    margin: 0 !important;
    padding: 0 0 23px 0 !important;
}
.liste-home-actus .actu .actu-content p{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #000000;
    margin: 0 !important;
    padding: 0 0 23px 0 !important;
}
.liste-bloc-actus .liste-home-actus .actu .actu-content p{
    padding: 0 0 3px 0 !important;
}
.actus-home .btn-invert{
    width: 228px;
    margin: 30px auto;
}
.actus-home h2{
    width: 226px;
    margin: 30px auto 24px auto;
    padding: 0 !important;
    font-family: 'Lato';
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
}
.calendrier-home .ui-datepicker-inline{
    border:0;
}
.calendrier-home .ui-widget-header{
    background: #fff !important;
    border:0;
    font-family: 'Lato';
    font-size: 16.8px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1e1e1e;
    text-transform: capitalize;
}
.calendrier-home .ui-datepicker-calendar thead{
    border-bottom: 0.8px solid #c8c9cc;
    color: #c8c9cc;

}
.calendrier-home .ui-datepicker th{
    font-family: 'Helvetica';
    font-size: 10.4px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.16px;
    text-align: center;
}
.calendrier-home .ui-state-default,.calendrier-home .ui-widget-content .ui-state-default, .calendrier-home .ui-widget-header .ui-state-default{
    background: none;
    border: 0;
    font-family: 'Lato';
    font-size: 12px;
    opacity: 1;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #7e7e7e;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 12px;
}
#datepicker td.ui-datepicker-today .ui-state-default{
    background: #eaecfd !important;
    border-radius:20px;
    opacity: 1;
}
#datepicker td.actif{
    position: relative;
}
#datepicker .ui-datepicker-current-day{
    opacity: 1 !important;
}

#datepicker td.actif .ui-state-default {
    border-radius:20px;
    border: 2px solid var(--couleur1-ce);
}
#datepicker td.actif:hover a.ui-state-default{
    background: #eaecfd !important;
    border-radius:20px;
    opacity: 1;
}
.calendrier-home .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em 20px 2.3em;
}
#descAgendaHome .lien{
    display: block;
    padding-top: 5px;
}
.calendrier-home .ui-widget-header .ui-icon{
    background-position: 50% 50% !important;
}
.calendrier-home .ui-datepicker-prev, .calendrier-home .ui-datepicker-next{
    opacity: 1 !important;
    cursor: pointer !important;
}
.calendrier-home .ui-datepicker-prev:hover, .calendrier-home .ui-datepicker-next:hover{
    background: #eaecfd !important;
    border-radius:20px;
    opacity: 1;
    border: 0 !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 6px !important;
}
.calendrier-home .ui-widget-header .ui-icon-circle-triangle-w{
    background-image: url("../images/left-uxDOPY7.png") !important;
}
.calendrier-home .ui-widget-header .ui-icon-circle-triangle-e{
    background-image: url("../images/right-faEy4aV.png") !important;
}
/******* PAGE LISTES ACTUS ************/


.carousel-actu{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.carousel-actu #carouselTexte {
    padding: 75px 0 0 30px;
}

.carousel-actu #carouselTexte h2 {
    margin: 20px 0 5px 0;
}
.badge-primary {
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
    text-transform: uppercase;
    background-color: var(--couleur1-ce);
    color: #fff;
}
.badge-primary:hover {
    background-color: var(--couleur2-ce);
    color: #fff;
}
.carousel-actu #carouselTexte .date {
    font-family: Lato;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #bdbdbd;
    display: block;
    margin-bottom: 23px;
}

.list-actus .actu{
    margin: 0 6px 30px 6px;
}
.liste-home-actus .actu{
    margin: 0 12px 30px 0px;
}
.menu-category{
    width: 100%;
    margin: 30px 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
}
.menu-category ul{display: table;margin: 0 auto;}
.menu-category ul li{display: table-cell;}
.menu-category ul > li::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--couleur1-ce);
    margin-top: 13px;
    margin-left: 50%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.menu-category a{
    color: #000000;
    padding: 0 20px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.menu-category-mediateque a{
    padding: 0 10px;
}
.menu-category li:hover{
    a{
        color: var(--couleur1-ce);
        background-color: transparent;
    }
}
.menu-category li a:hover{
    background-color: transparent;
    color: var(--couleur1-ce);

}
.menu-category li:hover::after{
    width:100%;
    margin-left: 0;

}
.menu-category .active a{
    color: var(--couleur1-ce);
}
.menu-category .active::after{
    width:100%;
    margin-left: 0;
}
.pagination {
    display: table;
    margin: 0 auto 50px auto;
    list-style: none;
    border-radius: 0;
    width:auto;
}
.pagination .page-item {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0rem 0.75rem;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    background-color: transparent !important;
    border: none !important;
}
.pagination .page-item a {
    color: #7e7e7e !important;
}
.pagination .page-item.active a,.pagination .page-item a:hover {
    color: var(--couleur1-ce) !important;
    font-weight: bold;
    background-color: transparent;
}
.pagination .fleche a{
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 20px;
    padding-top: 7px;
    border: solid 1px var(--couleur1-ce) !important;
    background: transparent;
    color: var(--couleur1-ce) !important;
    display: block;
}
.pagination .fleche a:hover{
    background: var(--couleur1-ce) !important;
    color: #fff !important;
}

.pagination .flecheg{margin-right: 50px;}
.pagination .fleched{margin-left: 50px;}



/************************* ACTUALITE DETAIL **************************/
.actualite-content{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    padding-bottom: 40px;
    margin: 20px 0 30px 0;
}
.actualite-content .actu-image{
    width: 100%;
    max-height: 418px;
    overflow: hidden;
    margin-bottom: 40px;
}
.actualite-content .actu-image img{
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.actualite-content .badge-primary{
    margin: 0 auto;
}
.actualite-content h1{
    margin-top: 10px;
}
.actualite-content .date{
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    color: #bdbdbd;
}
.actualite-content .intro{
    padding: 24px 41px 0 41px;
}
.actualite-content .contenu{
    padding: 45px 41px 0 41px;
}
.lien-bottom{
    margin-bottom: 60px;
    width:100%;
}
.lien-bottom a{
    font-weight: bold;
}

/******************* PAGE CONTACT *********************/
.bg-blanc{
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.1);
    background-color: #fff;
    width: 100%;
    padding: 90px 96px;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    letter-spacing: normal;
    color: #000000;
    margin: 30px 0 60px 0;
}
.contact-contenu label{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    color: #1e1e1e;
}
.contact-contenu .help-block{
    font-weight: bold;
    color: red;
}
.contact-contenu .btn-couleur1{margin-top: 24px;}
.SuccessAlert .oval{
    width: 99px;
    height: 99px;
    background-color: var(--couleur2-ce);
    border-radius: 50px;
    margin: 24px auto;
    text-align: center;
    padding-top: 28px;
    color: #fff;
}
.SuccessAlert .btn-couleur1{display: inline-block;}


/********************** LISTE DES OFFRES *************************/
.list-offres .actu,.list-partenaires .actu{
    margin: 0 6px 30px 6px;
}
.form-qty{
    justify-content: center;
}
.form-qty label {
    font-weight: bold;
    line-height: 1.62;
    color: #1e1e1e;
    padding-right: 1.313rem;
}
.list-offres .badge-success,.annonce-det .badge-success, .modal-content  .badge-success, .panier-index .badge-success{
    padding: 4px 7px;
    background-color: var(--couleur2-ce);
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 5px auto;
}
.list-offres .btn-couleur1{
    width: 100%;
    margin-bottom: 10px;
}
.list-offres .prix,.annonce-det .prix{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--couleur1-ce);
    margin: 9px 0 24px 0;
}
.list-offres .prix s, .annonce-det .prix s,.modal-content .prix s{
    color: #000000;
    padding-right: 20px;
    font-weight: normal;
}

.modal-dialog {
    max-width: 45.6rem;
}
.modal-header .close{
    position: absolute;
    right: 25px;
}
.modal-title {
    text-align: center;
    width: 100%;
}
.modal-footer {
    border-top: 0px;
    justify-content: center;
}
.modal-footer .lien {
    font-weight: bold;
    color: var(--couleur1-ce);
}
.modal-content .detail-annonce{
    padding: 0;
}

/********************** LISTE DES PARTENAIRES *************************/
.list-partenaires .actu h3{
    margin-bottom: 20px;
}
.list-partenaires .actu {
    padding: 45px 30px 0 30px;
}
.list-partenaires .actu img {
    border-radius: 0;
    width: auto;
    max-height: 115px;
    margin-bottom: 40px;

}
.list-mediatheque .actu{
    margin: 0 10px 30px 10px;
}
/********************** DETAIL DES PARTENAIRES *************************/
.detail-partenaire-img .bg-blanc {
    padding: 70px 56px;
}
.detail-partenaire-desc .bg-blanc {
    padding: 24px 30px;
}
.detail-partenaire-desc .btn-couleur1 {
    display: inline-block;
}

/********************** PAGES DE CONTENU *************************/
.contenu-cms h1{
    margin-top: 30px;
}
.contenu-cms a{
    text-decoration: underline;
}
.contenu-cms img{
    border-radius: 10px;
}

/********************** LISTE DES PVs *************************/
.liste-pv .bg-blanc{
    padding: 32px 30px;
}
.liste-fichier{
    display: flex;
}
.liste-fichier .fichier{
    flex: auto;
    width: 141px;
    margin-bottom: 12px;
}
.liste-fichier .fichier a{
    display: block;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    width: 141px;
}
.liste-fichier .fichier a::first-letter{text-transform: uppercase;}
.liste-fichier .fichier .fbox-icon{
    width: 141px;
    height: 141px;
    border-radius: 10px;
    background-color: #eeeeee;
    color:#7e7e7e;
    box-shadow: 0 5px 14px 0 rgba(48, 89, 158, 0);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition:all 0.5s;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 11px;
}

.liste-fichier .fichier:hover a{
    color: #1e1e1e;
}
.liste-fichier .fichier:hover .fbox-icon{
    box-shadow: 0 5px 14px 0 rgba(48, 89, 158, 0.2);
    background-color: #fff;
    color: var(--couleur1-ce);
}

/***************** ESPACE PERSONNEL ***************/
.espace-perso .avatar{
    padding: 45px 32px 31px 32px;
    position: relative;
    margin-top: 130px;
}
.espace-perso .avatar .img-avatar{
    position: absolute;
    left: 22%;
    top: -104px;
    width: 141px;
    height: 141px;
    border-radius: 80px;
    background-color: var(--couleur1-ce);
    color: #fff;
    text-align: center;
    padding-top: 50px;
}
.espace-perso .avatar img{
    position: absolute;
    left: 22%;
    top: -104px;
    width: 141px;
    height: 141px;
    border-radius: 80px;
}
.espace-perso .nom-salarie{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    color: #1e1e1e;
    margin-bottom: 24px;
    text-align: center;
    text-transform: capitalize;
}
.espace-perso .avatar .sidenav{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.espace-perso .avatar .sidenav li{
    padding: 0;
    margin: 0 0 15px 0;
}
.espace-perso .avatar .sidenav li a{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
}
.espace-perso .avatar .sidenav li a:hover,.espace-perso .avatar .sidenav li.active a{
    font-weight: bold;
    color: var(--couleur1-ce);
    background-color: transparent;
}
.contenu-perso a:hover{background-color: transparent;}
.espace-perso .avatar .sidenav li i{
    min-width: 22px;
}

/*li.deconnect {
    padding-top: 16px;
}*/
li.deconnect a, li.deconnect i{
    color: #db0b0b !important;
}
.espace-perso .contenu-perso{
    padding: 30px;
}
.espace-perso .contenu-perso h4{
    padding-top: 30px;
}
.espace-perso .contenu-perso table, .espace-perso .contenu-perso tr, .espace-perso .contenu-perso td{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
}
.espace-perso .contenu-perso th{
    color: #1e1e1e;
}
.espace-perso .contenu-perso .table-striped tbody tr:hover  {
    background-color: rgba(189, 189, 0, 0.3);
}


/********************* edition d'un salarié ***********************/
.ficheUserEdit .card{
    border-radius: 0 !important;
    border: 0 !important;
}
.ficheUserEdit .card-header{
    border-radius: 0 !important;
    background-color: transparent !important;
}
.ficheUserEdit .card-title{
    font-family: 'Lato';
    font-size: 20px !important;
    font-weight: bold !important;
    font-style: normal !important;
    color: #1e1e1e !important;
}
.select2-container .select2-selection--single {
    height: 50px !important;
    margin-bottom: 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    height: 50px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
}
.ficheUserEdit label{
    font-family: 'Lato';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    color: #1e1e1e;
}
.dashedBorder{
    border-radius: 10px !important;;
    border: dashed 2px rgba(126, 126, 126, 0.7) !important;
}
.dropzone{
    border: none !important;
}
.Rectangle {
    width: 141px;
    height: 141px;
    border-radius: 10px;
    box-shadow: 0 5px 14px 0 rgba(48, 89, 158, 0.2);
    background-color: var(--background);
}
.Oval-Copy {
    width: 41px;
    height: 41px;
    background-color: var(--color-1);
}
.ficheUserEdit #form-control-avatar .btn-secondary {
    color: #1e1e1e !important;
    background-color: #fff !important;
    margin: 5px auto !important;
    display: block !important;
}
.ficheUserEdit #form-control-avatar img{
    margin-top: 10px;
}
.ficheUserEdit .btn-primary{
    padding: 13px 30px;
    display: block;
    width:auto;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #fff;
    border-radius: 5px;
    background-color: var(--couleur1-ce);
    border: 0;
}
.ficheUserEdit .btn-primary:hover{
    color: #fff;
    background-color: var(--couleur2-ce)
}


/****** DOCUMENTS SALARIE ******/
.btn-document:hover, .btn-document:focus{
    background-color: transparent;
}
.contenu-remboursement .card{
    margin-bottom: 30px;
}







/********************** CALENDRIER *************************/
.bloc-calendrier{
    padding: 30px !important;
}
/********************** CALENDRIER DETAIL *************************/
.event-detail .bg-blanc{
    margin-bottom: 30px;
}
.bloc-localize-event{padding: 0;}
.bloc-event{
    padding: 31px;
    text-align: center;
}
.bloc-event .prix{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: var(--couleur1-ce);
}
.bloc-event .dates{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #1e1e1e;
    margin-bottom: 30px;
}
.bloc-event .dates i{
    margin: 16px;
}
.bloc-img-event{
    padding: 42px;
}
.contenu-localisation{
    padding: 24px 32px 30px 32px;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}
.contenu-localisation h3{
    margin-bottom: 24px;
}
#map_canvas{
    border-radius: 10px 10px 0 0;
}
.contenu-localisation p{
    margin-bottom: 10px;
}
.contenu-localisation i{
    padding-right: 18px;
    color: var(--couleur1-ce);
}
.contenu-localisation  #map_canvas{
    border-radius: 10px 10px 0 0;
}
.bloc-inscription-event{
    padding: 24px 30px 30px 30px;
}
.bloc-inscription-event button{
    padding: 13px 30px;
    display: block;
    width:auto;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #fff;
    border-radius: 5px;
    background-color: var(--couleur1-ce);
    border: 0;
}
.bloc-inscription-event button:hover{
    color: #fff;
    background-color: var(--couleur2-ce)
}
/******************* SONDAGES ********************/
.sondages{
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition:all 0.5s;
}
.sondages .bg-blanc{
    padding: 0 0 24px 0;
}
.sondages .bg-blanc .fbox-icon{
    width: 100%;
    padding: 60px 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-color: var(--couleur1-ce);
}
.contenu-poll{
    padding: 24px 12px 0 12px;
    text-align:center;
}

#pollTab.nav-tabs {
    border: 0;
}


#pollTab.tab-content {
    margin-top: 0;
}

#pollTab.nav-tabs .nav-item .nav-link,
#pollTab.nav-tabs .nav-link {
    background-color: rgba(255,255,255,0.5);
    color: #b2b2b2;
    border: unset;
    margin: 0;
    border-radius: 0;
    border-bottom: 2px solid var(--couleur1-ce);
}

#pollTab.nav-tabs .nav-item.show .nav-link,
#pollTab.nav-tabs .nav-link.active {
    background-color: var(--couleur1-ce) !important;
    color: #fff;
    border-bottom: 2px solid var(--couleur1-ce);

    margin: 0;
}

.sondages .bg-blanc .fbox-icon .cercle{
    width: 74px;
    height: 74px;
    border-radius: 50px;
    background-color: #fff;
    color: var(--couleur1-ce);
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition:all 0.3s;
}
.sondages .bg-blanc .fbox-icon .cercle:hover{
    width: 85px;
    height: 85px;
    padding-top: 25px;
    box-shadow: 0 5px 10px 0 rgba(48, 89, 158, 0.2);
    color: var(--couleur2-ce);
}

.sondages.active{
    opacity: 1;
    height: auto;
}
.partenaires-categorie {
    opacity: 1;
    height: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/************************SONDAGE DETAIL *******************************/
.sondage-detail{
    padding: 0 0 90px 0;
}
.sondage-detail .sondage-picture{
    width: 100%;
    max-height: 418px;
    overflow: hidden;
    position: relative;
}
.sondage-detail .sondage-picture img{
    border-radius: 10px 10px 0 0;
    width: 100%;
}
.sondage-detail .sondage-picture .cercle{
    width: 74px;
    height: 74px;
    border-radius: 50px;
    background-color: #fff;
    padding-top: 20px;
    color: var(--couleur1-ce);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -37px;
}
.sondage-detail .contenu-sondage{
    padding: 40px 70px 0 70px;
}
.subtitle{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #bdbdbd;
}
.sondage-detail .contenu-sondage .radio{
    display: inline-grid;
    width: 100%;
}
.sondage-detail .contenu-sondage .radio input{
    height: auto;
    width: auto;
    opacity: 1;
}

/********************* PETITES ANNONCES ********************/
.liste-annonces .annonce{
    padding: 0;
    margin: 0px 0 30px 0;
}
.liste-annonces .menu-category{
    margin-bottom: 30px;
}
.liste-annonces .annonce .annonce-image{
    width: 41%;
    float: left;
    height: 334px;
}
.liste-annonces .annonce .annonce-image img{
    border-radius: 10px 0 0px 10px;
}
.liste-annonces .annonce .annonce-desc{
    width: 59%;
    float: left;
    height: 334px;
    padding: 24px 30px;
}
.liste-annonces .subtitle{
    margin-bottom: 10px;
}
.liste-annonces .prix, .detail-annonce .prix, .panier-index .prix,  .panier-prix .prix{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    color: var(--couleur1-ce) !important;
    margin-bottom: 25px;
}
.panier-prix .prix{
    margin-bottom: 0px;
}
.panier-index .prix{
    margin-bottom: 7px;
}

.labQty{
    font-family: 'Lato';
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
}
.liste-annonces .lien{
    font-weight: bold;
}
.qty-blanc:disabled{
    background-color: white;
}
.annonce-det{
    margin-top: 20px;
}
.depot-annonce{
    text-align: center;
    margin-top: 66px;
}
.detail-annonce{
    padding: 30px;
    margin: 0 0 30px 0;
}
.annonce-img{
    width: 100%;
    margin-bottom: 30px;
}
.annonce-img img{
    border-radius: 10px;
}
/**************** GALERIES PHOTOS ************/
.galerie-item{
    margin-bottom: 30px;
}
.galerie-item .galerie-image{
    width: 100%;
    position: relative;
}
.galerie-item .galerie-image img{
    border-radius:10px;
}
.galerie-item .galerie-image .portfolio-desc{
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 30px 30px 0 30px;
    border-radius: 0 0 10px 10px;
    text-align: center;
}
.galerie-item .galerie-image .portfolio-desc h3 a{
    font-family: 'Lato';
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
}
.galerie-item .galerie-image .portfolio-desc p a{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #fff;
    margin: 0;
    padding: 5px 0 0 0;
}
.galerie-item .galerie-image .portfolio-desc a:hover{
    color: var(--couleur2-ce);
}
.galerie-detail-image{
    position: relative;
    max-width: 255px;
    max-height: 255px;
    overflow: hidden;
    margin: 0 auto 30px auto;
}
.galerie-detail-image img{
    width: 100%;
    border-radius:10px;
}
.galerie-detail-image .lien-overlay, .galerie-image .lien-overlay{
    display: block;
    position: absolute;
    width: 49px;
    height: 49px;
    border-radius:30px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 49px;
    height: 49px;
    top: 50%;
    left:50%;
    margin: -24.5px 0 0 -24.5px;
    opacity:0;
    padding-top: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    z-index: 99;
}

.galerie-detail-image .galerie-overlay{
    display: block;
    position: absolute;
    width: 100%;
    border-radius:0 0 10px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    bottom: -100px;
    left:0;
    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.galerie-detail-image .galerie-overlay p{
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 18px 20px;
    margin:0;
}

.galerie-detail-image .lien-overlay:hover, .galerie-image .lien-overlay:hover{
    background-color: var(--couleur1-ce);
}

.galerie-detail-image:hover .lien-overlay, .galerie-image:hover .lien-overlay{
    opacity:1;
}
.galerie-detail-image:hover .galerie-overlay{
    bottom: 0;
    opacity:1;
}
/********************* PAGE PRODUIT DETAIL **************************/
.detail-annonce .btn-couleur1,.detail-annonce .btn-couleur2{
    display: block;
    width: 100%;
    margin-top: 27px;
}
.recherche-mediatheque .btn-couleur1{
    display: block;
    width: auto;
    margin: 20px auto 0 auto;
}
/*********************** PANIER *********************/
.titre-panier{
    margin-top: 30px;
}

.panier-index .annonce-img{
    margin-bottom: 0px;
}
.panier-index{
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.panier-index label{
    font-family: Lato;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.62;
    letter-spacing: normal;
    color: #1e1e1e;
}
.border-decal{
    padding-bottom: 30px;
}
.basketAction{
    cursor: pointer;
}
.changeOpacity{
    opacity: 0.5;
}
.liste-paiements .paiement-methode{
    border-radius: 5px;
    background-color: #f4f4f4;
    border: 2px solid #f4f4f4;
    font-family: 'Lato';
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.62;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 15px;
}
.liste-paiements .paiement-methode:hover, .liste-paiements .paiement-methode.active{
    background-color: #fff;
    border: 2px solid var(--couleur1-ce);
    color: #1e1e1e;
    i{
        color: var(--couleur1-ce);
    }
}
.liste-paiements .paiement-methode i{
    padding-left: 15px;
}
/********************* COMMANDES PROFILE ****************/
.table-commandes{
    margin-top: 25px;
}
.detail-commande{position: relative;}
/********************** SUBVENTIONS PROFILE *********************/
.subvention{
    width: 100%;
    padding: 1.25rem;
    border-radius: 10px;
    background-color: rgba(189, 189, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}
.subvention .icone{
    width: auto;
    margin-right: 20px;
}
.subvention .icone .oval {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 4.375rem;
    background-color: var(--couleur2-ce);
    color: white;
    text-align: center;
    padding-top: 20px;
    position: relative;
}
.subvention .icone .oval .imgSub {
    border-radius: 35px;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 70px;
}
.subvention .sub-content{
    color: #b5b500;
    max-width: 80%;
}
.subvention .sub-content h4{
    font-family: 'Lato';
    font-weight: bold;
    line-height: 1.62;
    letter-spacing: normal;
    color: #b5b500;
    padding: 0;
}
.subvention .sub-content p {
    font-family: 'Lato';
    font-size: 0.938rem;
    font-weight: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #b5b500;
    padding: 0;
    margin: 0;
}
.ficheUserEdit{
    padding: 30px;
    margin: 0px 0 30px 0;
}
/********************* PETITES ANNONCES PROFILE ****************/
.contenu-perso .liste-annonces .annonce .annonce-desc, .contenu-perso .liste-annonces .annonce .annonce-image{
    height: 201px;
}
.contenu-perso .liste-annonces .prix{
    margin-bottom: 11px;
}
.contenu-perso .liste-annonces .btn{
    display: inline-block;
}
.contenu-perso .liste-annonces .annonce {
    margin: 24px 0 0px 0;
}


.contact-contenu #form_submit_and_create, .contact-contenu #form_submit_and_list{
    display: none;
}
.form-annonce .col-sm-3, .form-annonce .col-sm-9{
    max-width: 100%;
}
.form-annonce .btn-success{
    margin: 0 auto;
    padding: 13px 30px;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #fff;
    border-radius: 5px;
    background-color: var(--couleur1-ce);
    border: 0;
    display: block;
}

.form-annonce .btn-success:hover{
    color: #fff;
    background-color: var(--couleur2-ce)
}

/******************* ADMIN FRONT ************************/
.scw-switcher-wrap,
.scw-trigger-icon {
    position:fixed;
    left:auto;
    background-color:#fff
}
.scw-trigger-icon {
    width:44px;
    height:44px;
    top:68px;
    right:26px;
    border:0;
    padding:0;
    text-align:center;
    z-index:5;
    cursor:pointer
}
.scw-trigger-icon i {
    font-size:18px;
    color: var(--couleur1-ce);
}
.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1),
.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2) {
    display:none
}
.scw-switcher-wrap {
    top:68px;
    right:25px;
    padding:23px;
    width:0;
    height:0;
    border:1px solid rgba(0,0,0,.09);
    border-radius:3px;
    box-shadow:0 13px 42px 11px rgba(0,0,0,.05);
    z-index:9999;
    overflow:hidden;
    -webkit-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease
}
.scw-switcher-wrap.scw-switcher-open {
    width:300px;
    height:70%;
    padding:35px 25px;
    overflow-y:scroll
}
.scw-switcher-wrap .widget {
    margin:0
}
.scw-switcher-wrap .line,
.scw-switcher-wrap .widget {
    opacity:0;
    -webkit-transition:opacity 0s ease;
    -o-transition:opacity 0s ease;
    transition:opacity 0s ease
}
.scw-switcher-wrap.scw-switcher-open .line,
.scw-switcher-wrap.scw-switcher-open .widget {
    opacity:1;
    -webkit-transition:opacity .3s .4s ease;
    -o-transition:opacity .3s .4s ease;
    transition:opacity .3s .4s ease
}
.scw-switcher-wrap .widget h4 {
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:15px
}
.scw-switcher-wrap .btn-container {
    margin:0 -5px -5px 0
}
.scw-switcher-wrap .btn {
    margin:0 5px 5px 0
}
.scw-switcher-wrap .row {
    margin:0 -3px
}
.scw-switcher-wrap .col-6 {
    padding:3px
}
.scw-switcher-wrap .img-thumbnail {
    border-radius:2px
}

/********************** PAGE DE  VALIDATION INFOS MANQUANTES **************************/
.formVerifinfo fieldset{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.formVerifinfo .form-group{
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
}
.formVerifinfo .form-group .col-sm-3, .formVerifinfo .form-group .col-sm-9{
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.formVerifinfo .btn-default{
    margin: 0 auto;
    padding: 13px 30px;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #fff;
    border-radius: 5px;
    background-color: var(--couleur1-ce);
    border: 0;
    display: block;
}

.formVerifinfo .btn-default:hover{
    color: #fff;
    background-color: var(--couleur2-ce)
}
.contact-contenu .formVerifinfo  .help-block{
    color: black;
}
.allMembre{display: none;}
.allMembre.active{display: flex;}
.allMembre .badge-success{
    display: block;
    width: 80%;
    white-space: normal;
}
.allMembre a:focus,.allMembre a:hover,.ficheUserEdit a:hover{background-color: transparent; }
/***************BRICO********************/


/*********** RESPONSIVE ****************/


@media (max-width: 1199.98px) {
    .header-profile .part-hello p {
        max-width: 205px;
    }
    #carouselTexte .btn-couleur1{
        float: none;
    }
    #carouselTexte {
        padding: 54px 0 0 30px;
    }
    .liste-annonces .annonce .annonce-image {
        height: auto;
    }
    .liste-annonces .annonce .annonce-desc {
        padding: 15px 30px;
        height: auto;
    }
    .espace-perso .avatar .img-avatar {
        left: 18%;
    }
    .menu-category a {
        padding: 0 10px;
    }
}
@media (max-width:1024px) {
    .list-mediatheque .actu {
        margin: 0 9px 30px 9px;
    }
}

@media (max-width: 991.98px) {
    .list-mediatheque .actu {
        margin: 0 7px 30px 7px;
    }
    #header .container {
        max-width: 991.98px;
    }
    #header{
        position: fixed;
        top: 0;
        max-height: 49px;
        min-height: 49px;
        z-index: 99;
    }
    #logo{
        text-align: center;
    }
    #logo img{
        max-height: 49px;
    }
    .header-profile .part {
        padding: 14px 25px 0 0;
    }

    .header-white {
        padding: 0;
        min-height: 0;
    }

    #page{
        margin-top: 50px;
    }

    .sub-mobile{
        display: block;
        width: 100%;
        float: none;
        text-align: left;
        padding: 16px 17px;
    }
    #recherche-mobile {
        width: 100%;
        height: 50px;
        position: relative;
        margin-top: 0px;
    }

    #recherche-mobile .search-input{
        height: 50px;
        width: 100%;
        font-family: 'Lato';
        border-radius: 0px;
        border: solid 1px #dbdcea;
        background-color: #fff;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #9698a9;
        padding: 0 40px 0 10px;
    }
    #recherche-mobile .search-input:focus {
        color:#1e1e1e !important;
        border: solid 1px var(--couleur1-ce) !important;
        box-shadow:0 0 0 0 rgba(0, 123, 255, 0) !important;
    }

    #recherche-mobile .search-button{
        padding: 13px 10px;
        background-color: transparent;
        border: 0;
        position: absolute;
        right: 0;
        top: 2px;
    }
    #recherche-mobile .search-button i{
        color: var(--couleur1-ce);
        font-size: 20px;
        font-weight: 600 !important;
    }
    #recherche-mobile form{ margin-bottom: 0;}
    .liste-home-actus .actu{
        width: 48%;
    }
    .bloc-accueil {
        width: 48%;
        margin-bottom: 65px;
    }
    .blocs-home {
        padding: 71px 15px 0px 15px;
    }
    .liste-bloc-actus{
        margin-bottom: 30px;
    }
    .calendrier-home .ui-datepicker {
        width: 100%;
    }

    .btn-couleur1{
        padding: 0.75rem 1.875rem;
    }
    #carouselTexte {
        padding: 16px 15px 0 15px;
    }
    .carousel-home {
        margin-top: 70px;
    }
    #carouselTexte .lien {
        padding-top: 7px;
    }
    #carouselTexte h2{
        font-size: 1.75rem;
    }
    #carouselTexte p{
        font-size: 0.875rem;
    }
    #carouselTexte .lien{
        font-size: 0.938rem;
    }
    #carouselTexte .btn-couleur1{
        font-size: 0.938rem;
    }
    .sondage-detail .contenu-sondage {
        padding: 25px 25px 0 25px;
    }
    .liste-annonces .annonce .annonce-image {
        width: 100%;
        float: none;
    }
    .liste-annonces .annonce .annonce-image img {
        width: 100%;
        border-radius: 10px 10px 0 0;
    }
    .liste-annonces .annonce .annonce-desc {
        width: 100%;
        float: none;
    }
    .ficheUserEdit .col-md-8,.ficheUserEdit .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .menu-category{
        text-align: center;
    }
    .menu-category ul {
        display: inline-grid;
        margin:0 auto;
    }
    .menu-category-mediateque ul {
        display: table;
        margin:0 auto;
    }
    .menu-category-mediateque a {
        padding: 0 7px;
    }
    .btn-subvention,.btn-subvention:active, .btn-subvention:focus{
        float: none !important;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        height: 56px !important;

    }

}
@media (max-width: 767.98px) {
    #offres-search {
        width: 100%;
    }
    #carouselTexte {
        padding: 16px 0px 0 0px;
    }
    .sondage-detail .contenu-sondage {
        padding: 0;
    }
    #carouselTexte h2, #carouselTexte .lien, #carouselTexte p{
        text-align: center;
    }

    #carouselTexte .btn-couleur1{
        margin: 0 auto;
    }
    h1 {
        font-size: 1.75rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.125rem;
    }
    h4 {
        font-size: 1.125rem;
    }
    body {
        font-size: 0.875rem;
        line-height: 1.57;
    }
    .Date {
        font-size: 0.875rem;
        line-height: 1.57;
    }
    .bg-blanc {
        font-size: 0.875rem;
        line-height: 1.57;
        padding: 25px 25px;
    }

    .carousel-home{
        flex-direction: column-reverse;
        margin-top: 70px;
    }
    .carousel-image {
        width: 100%;
        flex: 0 0 100%;
    }
    .carousel-texte {
        width: 100%;
        flex: 0 0 100%;
        border-radius: 0px 0px 10px 10px;

    }
    #carouselTexte {
        padding: 30px 15px 20px 15px;
    }
    #carouselImage img {
        border-radius: 10px 10px 0px 0px;
    }
    .partenaires-home {
        margin-bottom: 2.5rem;
    }
    .espace-perso .avatar .img-avatar {
        left: 36%;
    }
    .espace-perso .sidenav li {
        text-align: center;
    }
}
@media (max-width: 575.98px) {
    .liste-bloc-actus .liste-home-actus .actu{
        width: 100%;
    }
    .liste-home-actus .actu{
        width: 100%;
        margin-bottom: 1.375rem;
    }
    .bloc-accueil {
        width: 100%;
    }
    .bloc-accueil .rond-bloc {
        left: 40%;
    }
    .depot-annonce {
        margin-top: 0;
    }
    .espace-perso .avatar .img-avatar {
        left: 29%;
    }
    .menu-category-mediateque ul {
        display: block;
        margin:0 auto;
    }
    .menu-category-mediateque li {
        padding: 0 2px 10px 2px;
        display: block;
        float: left;
    }
}

/* ----------------------------------------------------------------
	Refund Request Loading Animation & Error States
-----------------------------------------------------------------*/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-indicator {
    font-size: 16px;
    font-weight: bold;
    color: var(--couleur1-ce);
}

.refund-request-error {
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.loading {
    opacity: 0.7;
}

.tom-select.loading .ts-control {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM4IDEuNDQ3NzIgNy41NTIyOCAxIDcgMUM2LjQ0NzcyIDEgNiAxLjQ0NzcyIDYgMlY0QzYgNC41NTIyOCA2LjQ0NzcyIDUgNyA1QzcuNTUyMjggNSA4IDQuNTUyMjggOCA0VjJaIiBmaWxsPSIjNjY2Ii8+CjxwYXRoIGQ9Ik0xNCA4QzE0LjU1MjMgOCAxNSA3LjU1MjI4IDE1IDdDMTUgNi40NDc3MiAxNC41NTIzIDYgMTQgNkgxMkMxMS40NDc3IDYgMTEgNi40NDc3MiAxMSA3QzExIDcuNTUyMjggMTEuNDQ3NyA4IDEyIDhIMTRaIiBmaWxsPSIjOTk5Ii8+CjxwYXRoIGQ9Ik0xMS4zMTM3IDExLjMxMzdDMTEuNzA0MiAxMS43MDQyIDEyLjMzNzQgMTEuNzA0MiAxMi43Mjc5IDExLjMxMzdDMTMuMTE4NCAxMC45MjMyIDEzLjExODQgMTAuMjkgMTIuNzI3OSA5Ljg5OTVMMTEuMzEzNyA4LjQ4NTI4QzEwLjkyMzIgOC4wOTQ3NiAxMC4yOSA4LjA5NDc2IDkuODk5NSA4LjQ4NTI4QzkuNTA5IDguODc1OCA5LjUwOSA5LjUwOTAyIDkuODk5NSA5Ljg5OTVMMTEuMzEzNyAxMS4zMTM3WiIgZmlsbD0iI0JCQiIvPgo8cGF0aCBkPSJNOCAxNEM4IDE0LjU1MjMgNy41NTIyOCAxNSA3IDE1QzYuNDQ3NzIgMTUgNiAxNC41NTIzIDYgMTRWMTJDNiAxMS40NDc3IDYuNDQ3NzIgMTEgNyAxMUM3LjU1MjI4IDExIDggMTEuNDQ3NyA4IDEyVjE0WiIgZmlsbD0iI0RERCIvPgo8cGF0aCBkPSJNMiA4QzEuNDQ3NzIgOCAxIDcuNTUyMjggMSA3QzEgNi40NDc3MiAxLjQ0NzcyIDYgMiA2SDRDNi41NTIyOCA2IDUgNi40NDc3MiA1IDdDNSA3LjU1MjI4IDQuNTUyMjggOCA0IDhIMloiIGZpbGw9IiNFRUUiLz4KPHBhdGggZD0iTTQuNjg2MyA0LjY4NjI3QzQuMjk1NzggNC4yOTU3NSAzLjY2MjU2IDQuMjk1NzUgMy4yNzIwNCA0LjY4NjI3QzIuODgxNTIgNS4wNzY4IDIuODgxNTIgNS43MTAwMiAzLjI3MjA0IDYuMTAwNTRMNC42ODYyNyA3LjUxNDc2QzUuMDc2OCA3LjkwNTI4IDUuNzEwMDIgNy45MDUyOCA2LjEwMDU0IDcuNTE0NzZDNi40OTEwNiA3LjEyNDI0IDYuNDkxMDYgNi40OTEwMiA2LjEwMDU0IDYuMTAwNTRMNC42ODYzIDQuNjg2MjdaIiBmaWxsPSIjRkZGIi8+Cjwvc3ZnPgo=');
    background-position: right 10px center;
    background-repeat: no-repeat;
    animation: spin 1s linear infinite;
}

/* EasyAdmin specific loading states */
.ea-field-group .loading-indicator {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.ea-autocomplete .tom-select.loading .ts-control {
    background-position: right 30px center;
}
    .pagination-mediatheque .flecheg {
        margin-right: 0px;
    }
    .pagination-mediatheque .fleched {
        margin-left: 0px;
    }
}