/** Blue	#179BD7
 **************************************************************** **/
	::selection {
		background: #179BD7;
	}
	::-moz-selection {
		background: #179BD7; /* Firefox */
	}
	::-webkit-selection {
		background: #179BD7; /* Safari */
	}


	a,
	a:focus:not(.btn),
	section.dark a,
	#slidetop a:hover,
	h1 > span,
	h2 > span,
	h3 > span,
	h4 > span,
	h5 > span,
	h6 > span,
	.pagination>li>a, 
	.pagination>li>a:hover, 
	.pagination>li>span,
	ul.list-links>li>a:hover,
	#sidepanel ul li a[data-toggle="collapse"],
	#sidepanel ul li a[data-toggle="collapse"]:hover,
	#sidepanel ul li a:hover,
	.menu-list ul li a:hover, 		/* header-0.css */
	.menu-list ul li.active a, 		/* header-0.css */
	#menu_overlay_close:hover, 	/* header-0.css */
	#topMain.nav-pills>li.active>a>span.topMain-icon,
	#page-menu.page-menu-light ul>li:hover>a>i,
	#page-menu.page-menu-dark ul>li:hover>a>i,
	#page-menu.page-menu-transparent ul>li:hover>a>i,
	#page-menu.page-menu-light ul>li.active>a>i,
	#page-menu.page-menu-dark ul>li.active>a>i,
	#page-menu.page-menu-transparent ul>li.active>a>i,
	.tp-caption.block_white,
	section span.theme-color, 
	section em.theme-color, 
	section i.theme-color, 
	section b.theme-color, 
	section div.theme-color, 
	section p.theme-color,
	.owl-carousel.featured a.figure>span>i,
	.owl-carousel.featured a:hover:not(.btn),
	figure.zoom>a.lightbox:hover,
	#portfolio h2>a:hover,
	#portfolio h3>a:hover,
	#portfolio h4>a:hover,
	#portfolio h5>a:hover,
	#portfolio h6>a:hover,
	.tab-post a:hover,
	.tag:hover>span.txt,
	section.dark .tag:hover>span.txt,
	ul.widget-twitter li>small>a:hover,
	.blog-post-item h2>a:hover,
	.blog-post-item h3>a:hover,
	.blog-post-item h4>a:hover,
	.blog-post-item h5>a:hover,
	.item-box .item-hover .inner .ico-rounded:hover>span,
	ul.side-nav>li:hover>a,
	ul.side-nav>li a:hover,
	ul.side-nav>li.active>a,
	a.href-reset:hover,
	a.href-reset.active,
	.href-reset a.active,
	.href-reset a:hover,
	.href-reset a.active,
	.price-clean-popular h4,
	.box-icon.box-icon-color i,
	.switch-primary.switch-round > input:checked + .switch-label:after,
	section.dark .nav-tabs.nav-clean>li>a.active { 
		color: #179BD7; 
	}
	
	#sidepanel.sidepanel-theme-color,
	div.alert.alert-theme-color,
	div.alert.alert-primary,
	span.badge-default,
	span.badge-default,
	.list-group-item.active>.badge.badge-default,
	.nav-tabs.nav-alternate>li>a.active,
	.datepicker table tr td.active.active,
	.callout-theme-color,
	.progress-bar-primary,
	.toast-primary,
	.owl-theme .owl-controls .owl-page span,
	.open>.dropdown-toggle.btn-primary,
	.show>.btn-primary.dropdown-toggle,
	.btn-primary,
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary:focus,
	.pagination>.active>a,
	.pagination>.active>a:hover,
	#header li.quick-cart .quick-cart-box a.btn,
	#header li.quick-cart .quick-cart-box a.btn:hover, /* used by dark & transparent header */
	#topMain.nav-pills>li.active>a>span.theme-color ,
	.ei-slider-thumbs li.ei-slider-element,			/* elastic slider active indicator */
	.flex-control-paging li a.flex-active,				/* flex slider bullets */
	.tp-caption.block_theme_color,
	.tp-bullets.simplebullets.round .bullet.selected,
	i.ico-color,
	.caption-primary,
	.shop-list-options .btn.active,
	.box-static.box-color,
	.switch.switch-primary > input:checked + .switch-label,
	.fancy-file-upload.fancy-file-primary>span.button,
	.primary-slider .ui-slider .ui-slider-handle:before,
	.primary-slider .ui-slider .ui-slider-range,
	.ribbon-inner,
	.info-bar.info-bar-color,
	.music-album-title:hover,
	.inews-item .inews-thumbnail .inews-sticky,
	.btn>.new-primary,
	#progressBar #bar,								/* OWL */
	#page-menu,
	#page-menu ul {
		background-color:#179BD7;
	}
	
	/* !important required */
	#music-player .mejs-controls .mejs-time-rail .mejs-time-current,
	#music-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
	section .theme-background,
	.swiper-pagination-bullet-active {
		background-color:#179BD7 !important;
	}
	.inews-content-inner h3>a,
	div.side-nav ul>li:hover>a, 
	div.side-nav ul>li.active>a,
	.pagination.pagination-simple>li.active>a,
	div.side-nav ul.list-group-bordered>li>a:hover,
	section .theme-color {
		color:#179BD7 !important;
	}

	.primary-slider .ui-slider .ui-slider-handle,
	.switch.switch-primary > input:checked + .switch-label,
	.timeline_center li h3:before, 
	.timeline_center:after,
	a.thumbnail.active,
	a.thumbnail:hover,
	.btn-primary,
	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary:focus {
		border-color:#179BD7;
	}

	.open>.dropdown-toggle.btn-primary,
	.show>.btn-primary.dropdown-toggle,
	.btn-primary,
	.btn-primary:active,
	.btn-primary:focus,
	.btn-primary:hover
	.pagination>.active>a,
	.pagination>.active>a:hover {
		border-color: #179BD7;
	}

	#topNav ul.dropdown-menu { /* submenu border top color */
		border-top-color:#179BD7;
	}
	section.featured-grid div.row>div .ribbon:before,
	.modal-content {
		border-top-color:#179BD7;
	}

	#topNav ul.dropdown-menu {
		border-color: #179BD7 #fff #fff;
	}
	#topNav div.submenu-dark ul.dropdown-menu {
		border-color: #179BD7 #3F3F3F #3F3F3F;
	}
	#topNav div.submenu-color ul.dropdown-menu {
		border-color: #179BD7 #3F3F3F #3F3F3F;
	}
	#topMain li.search .search-box {
		border-top: #179BD7 2px solid;
	}


	/* COLOR DROP DOWN MENU */
	#topNav div.submenu-color ul.dropdown-menu {
		background-color:#179BD7;
	}
	#topNav div.submenu-color ul.dropdown-menu {
		border-color: #888 #179BD7 #179BD7;
	}

	#topNav div.submenu-color ul.dropdown-menu a.dropdown-toggle {
		background-image: url('../../images/_smarty/submenu_light.png');
	}
	#topNav div.submenu-color ul.dropdown-menu li.active>a, 
	#topNav div.submenu-color ul.dropdown-menu li.active:hover>a, 
	#topNav div.submenu-color ul.dropdown-menu li.active:focus>a, 
	#topNav div.submenu-color ul.dropdown-menu li:hover>a, 
	#topNav div.submenu-color ul.dropdown-menu li:focus>a, 
	#topNav div.submenu-color ul.dropdown-menu li:focus>a {
		color:#fff;
		background-color:rgba(0,0,0,0.15);
	}
	#topNav div.submenu-color ul.dropdown-menu li.divider {
		background-color:rgba(255,255,255,0.3);
	}
	#topNav div.submenu-color ul.dropdown-menu>li a {
		color:#fff;
	}
	#topNav div.submenu-color #topMain>li.mega-menu div.row div>ul>li>span {
		color:#fff;
	}
	#topNav div.submenu-color #topMain>li.mega-menu div.row div { 
		border-left: rgba(0,0,0,0.2) 1px solid;
	}

	
	/* Theme Color Section */
	section.theme-color,
	section.theme-color div.heading-title.heading-dotted h1,
	section.theme-color div.heading-title.heading-dotted h2,
	section.theme-color div.heading-title.heading-dotted h3,
	section.theme-color div.heading-title.heading-dotted h4,
	section.theme-color div.heading-title.heading-dotted h5,
	section.theme-color div.heading-title.heading-dotted h6 {
		color:#fff;
		background-color: #179BD7;
	}
	section.theme-color div.heading-title h1, 
	section.theme-color div.heading-title h2, 
	section.theme-color div.heading-title h3, 
	section.theme-color div.heading-title h4, 
	section.theme-color div.heading-title h5, 
	section.theme-color div.heading-title h6 {
		background-color: #179BD7;
	}
	section.theme-color div.heading-title h1 span, 
	section.theme-color div.heading-title h2 span, 
	section.theme-color div.heading-title h3 span, 
	section.theme-color div.heading-title h4 span, 
	section.theme-color div.heading-title h5 span, 
	section.theme-color div.heading-title h6 span {
		color:#fff;
	}
	section.theme-color a {
		color:#fff;
		text-decoration:none;
	}
	section.theme-color a:hover {
		color:#111;
	}
	section.theme-color pre {
		background-color:rgba(0,0,0,0.1);
	}
	section.theme-color div.heading-border-bottom.heading-color {
	  border-bottom-color:rgba(255,255,255,0.5);
	}




/**	Vertical Menu
*************************************************** **/
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a,
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a, 
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus, 
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover,
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a,
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a {
	color:#179BD7 !important;
}





/**	[Shortcode] Buttons
*************************************************** **/
section.dark .btn-default:hover {
	color: #179BD7;
	background-color:rgba(0,0,0,0.3);
}


/**	[Shortcode] Page Header
*************************************************** **/
	section.page-header .breadcrumb a:hover  {
		color: #179BD7 !important; 
		text-decoration:none;
	}
	
	
/**	[Shortcode] Dividers
*************************************************** **/
	div.divider.divider-color i {
		color:#fff;
	}
	div.divider.divider-color:before,
	div.divider.divider-color:after {
		border-top:#179BD7 1px solid;
	}
	div.divider.divider-color i {
		color:#179BD7;
	}
	div.divider.divider-circle.divider-color i {
		color:#fff;
		background-color: #179BD7;
	}
	div.divider.divider-border>a:hover>i {
		color:#179BD7;
	}


/**	[Shortcode] Headings
*************************************************** **/
	div.heading-title.heading-line-single.heading-color:before,
	div.heading-title.heading-line-double.heading-color:before {
		border-color:#179BD7;
	}
	div.heading-border-bottom.heading-color {
		border-bottom-color:#179BD7;
	}
	div.heading-title.heading-border.heading-color,
	div.heading-title.heading-border.heading-inverse.heading-color {
		border-color:#179BD7;
	}
	section.dark div.heading-title.heading-border-bottom {
		border-bottom-color:#179BD7;
	}

/**	[Shortcode] Icon Boxes
*************************************************** **/
.box-icon a.box-icon-title:hover>h2 {
	color:#179BD7;
}
.box-icon a.box-icon-title:hover>i {
	color:#fff;
	background-color:#179BD7;
}
.box-icon a.box-icon-more {
	color:#111;
}
.box-icon a.box-icon-more:hover,
section.dark .box-icon a.box-icon-more:hover {
	color:#179BD7;
}

.box-video a.box-video-title:hover h2,
.box-video a.box-image-title:hover h2 {
	color:#179BD7;
}

.box-flip .box2 {
	color:#fff;
	background-color:#179BD7;
}

.box-flip .box2 h1,
.box-flip .box2 h2,
.box-flip .box2 h3,
.box-flip .box2 h4,
.box-flip .box2 h5,
.box-flip .box2 h6 {
	color:#fff;
}

.box-static.box-border-top {
	border-color:#179BD7;
}



/**	[Shortcode] Navigations
*************************************************** **/
.navbar-primary {
	border-color:#179BD7 !important;
	background-color:#179BD7 !important;
}


/**	[Shortcode] Paginations
*************************************************** **/
section.dark .pagination > li.active>a,
.pagination > li.active>a {
	border-color:#179BD7;
	background-color:#179BD7;
}


/** [Shortcode] Process Steps
*************************************************** **/
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
	background:#179BD7;
}
.process-wizard-primary > .process-wizard-step > .process-wizard-dot:after {
	background-color:rgba(0,0,0,0.4);
}

ul.process-steps li a.active,
ul.process-steps li a.active:focus,
ul.process-steps li:hover>a.active {
	background-color:#179BD7 !important;
	border-color:#179BD7 !important;
}

ul.process-steps li a.active+h1,
ul.process-steps li a.active+h2,
ul.process-steps li a.active+h3,
ul.process-steps li a.active+h4,
ul.process-steps li a.active+h5,
ul.process-steps li a.active+h6{
	color:#179BD7;
}



/** [Shortcode] Process Steps
*************************************************** **/
div.mega-price-table .pricing-title, 
div.mega-price-table .pricing-head, 
div.mega-price-table .pricing.popular {
	background-color:#179BD7;
}


div.mega-price-table .pricing:hover h4, 
div.mega-price-table .pricing-table i.fa {
	color:#179BD7;
}



/** Styled Icons
 **************************************************************** **/
section.dark i.ico-hover:hover,
i.ico-hover:hover {
	background-color:#179BD7;
	border-color:#179BD7;
}


/** [Shortcode] Tabs
 **************************************************************** **/
.nav-tabs.nav-top-border>li>a.active,
.nav-tabs.nav-top-border>li>a.active:hover {
	border-top-color:#179BD7 !important;
}
.nav-tabs.nav-bottom-border>li>a.active,
.nav-tabs.nav-bottom-border>li>a.active:hover {
	border-bottom-color:#179BD7 !important;
}
.nav-tabs.nav-alternate>li>a.active {
	background-color: #179BD7 !important;
}
.nav-tabs>li>a.active {
	color: #179BD7 !important;
}



/** Sky Forms
 **************************************************************** **/
/**/
/* normal state */
/**/
.sky-form .toggle i:before {
	background-color: #179BD7;	
}
.sky-form .button {
	background-color: #179BD7;
}


/**/
/* checked state */
/**/
.sky-form .radio input + i:after {
	background-color: #179BD7;	
}
.sky-form .checkbox input + i:after {
	color: #179BD7;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #179BD7;	
}
.sky-form .rating input:checked ~ label {
	color: #179BD7;	
}


/** Hover Buttons
 **************************************************************** **/
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #179BD7, 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active,
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active,
.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before ,
.hvr-radial-out:before,
.hvr-radial-in,
.hvr-rectangle-inm
.hvr-rectangle-out:before,
.hvr-shutter-in-horizontal,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-in-vertical,
.hvr-shutter-out-vertical:before,
.hvr-underline-from-left:before,
.hvr-underline-from-center:before,
.hvr-underline-from-right:before,
.hvr-overline-from-left:before,
.hvr-overline-from-center:before,
.hvr-overline-from-right:before,
.hvr-underline-reveal:before,
.hvr-overline-reveal:before {
	background-color: #179BD7;
}
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. 
    
    @media(max-width: 320px) {} -> tel portrait
    @media(max-width: 480px) {} -> tel paysage*
    @media(max-width: 600px) {} -> tablette portrait
    @media(max-width: 989px) {} -> tablette paysage*
    @media(min-width: 990px) {} -> ordinateur*

    * les MQ les plus ocurantes (les autres sont utilisées pour résoudre des cas particuliers)

*/




/* All pages */
@media only screen and (max-width: 767px) {

    h2 {
        margin-bottom: 10px;
    }

    section {
        padding: 30px 0;
    }

        section div.row > div {
            margin-bottom: 10px;
        }

        section.page-header {
            padding: 15px 0 15px 0 !important;
        }

        section.section-xs {
            padding: 10px 0;
        }

        section form div.row > div.form-group > div,
        section form div.row > div {
            margin-bottom: 0px;
        }

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

/* Breadcrumb */
#breadrumb-wrapper {
    position: absolute;
    left: 20px;
    top: 70px;
    color: #ddd;
}

    #breadrumb-wrapper ol.breadcrumb {
        list-style: unset;
        font-size: 10px;
    }

        #breadrumb-wrapper ol.breadcrumb li {
            display: list-item;
            padding: 2px;
            /*margin-left: 20px;*/
        }

            #breadrumb-wrapper ol.breadcrumb li:first-child {
                list-style: none;
                margin: 0;
            }

            #breadrumb-wrapper ol.breadcrumb li a {
                color: #fff;
            }

            #breadrumb-wrapper ol.breadcrumb li:last-child {
                font-weight: bold;
            }

#provider section.page-header .breadcrumb {
    right: 0;
    left: auto;
    top: 10px;
    color: #999;
    font-size: 10px;
}

    #provider section.page-header .breadcrumb a {
        color: #999;
    }


/* Top Menu */
#topMain li a {
    /*text-transform: uppercase;*/
}

#header.transparent #topMain.nav-pills > li#ept-menu-pro-container:hover,
#header.transparent #topMain.nav-pills > li#ept-mega-menu-container:hover,
#header.transparent #topMain.nav-pills > li#ept-menu-pro-container:hover > a,
#header.transparent #topMain.nav-pills > li#ept-mega-menu-container:hover > a,
#header.transparent #topMain.nav-pills > li#ept-menu-pro-container > a:hover,
#header.transparent #topMain.nav-pills > li#ept-mega-menu-container > a:hover {
    /*    background: #fff;*/
    background: #666;
    color: #666;
}

    #header.transparent #topMain.nav-pills > li#ept-menu-pro-container:hover,
    #header.transparent #topMain.nav-pills > li#conseils-mega-menu-container:hover,
    #header.transparent #topMain.nav-pills > li#ept-menu-pro-container:hover > a,
    #header.transparent #topMain.nav-pills > li#conseils-mega-menu-container:hover > a,
    #header.transparent #topMain.nav-pills > li#ept-menu-pro-container > a:hover,
    #header.transparent #topMain.nav-pills > li#conseils-mega-menu-container > a:hover {
        /* background: #fff;*/
        background: #666;
        color: #666;
    }

@media only screen and (max-width: 1170px) {
    #topMain ul#ept-mega-menu {
        padding-bottom: 5px;
    }
}


#topMain ul li a {
    text-transform: initial !important;
    white-space: normal;
}

#topNav #topMain > li.mega-menu > ul {
    border: none 0;
    background-color: #fff;
}

#topNav #topMain > li.mega-menu div.row div > ul > li > span {
    padding: 6px 15px 10px 15px;
}

#topNav ul.dropdown-menu li a {
    padding: 5px 15px;
}

#topNav div.row > div img.img-fluid {
    width: 90%;
}

@media only screen and (min-width: 1170px) {
    #topNav ul.dropdown-menu li a {
        padding: 7px 15px;
    }
}

#topNav ul li#ept-menu-pro-container ul {
    border-color: #fff !important;
}

#topNav ul #ept-menu-pro-container li a {
    margin: 0 24px 0 0;
    overflow: visible;
    white-space: nowrap;
}

#topNav ul.dropdown-menu li.active > a,
#topNav ul.dropdown-menu li.active:hover > a,
#topNav ul.dropdown-menu li.active:focus > a,
#topNav ul.dropdown-menu li:hover > a,
#topNav ul.dropdown-menu li:focus > a,
#topNav ul.dropdown-menu li:focus > a {
    color: #000;
   /* font-weight: bold;*/
}

#topNav ul.dropdown-menu li.active > a {
    background-color: #fff;
}

#topNav .ept-logo > div {
    margin-top: 10px;
    text-align: center !important;
}

#topNav .ept-logo > p {
    font-size: 11px;
}

    #topNav .ept-logo > p strong {
        font-weight: bold;
    }

    #topNav .ept-logo > p span {
        margin-top: 5px;
        display: inline-block;
    }


/* Menu mobile */
@media only screen and (max-width: 992px) {
    /* #header.fixed #topNav button.btn-mobile-active, #topNav button.btn-mobile-active*/
    #header.transparent #topMain.nav-pills > li#ept-menu-pro-container:hover, #header.transparent #topMain.nav-pills > li#ept-mega-menu-container:hover {
        background: #333;
        color: #fff;
    }

        #header.transparent #topMain.nav-pills > li#ept-menu-pro-container:hover > a,
        #header.transparent #topMain.nav-pills > li#ept-mega-menu-container:hover > a {
            background: #333;
            color: #fff;
        }

    #header.transparent #topMain.nav-pills > li#ept-menu-pro-container > a:hover,
    #header.transparent #topMain.nav-pills > li#ept-mega-menu-container > a:hover {
        background: #666;
    }

    #header.transparent #topMain.nav-pills > li#ept-menu-pro-container ul {
        background: #fff;
    }


    #topNav #topMain > li.mega-menu div.row div > ul > li > span {
        color: #000;
    }

    #header.transparent #topMain li.active > a,
    #topNav ul.dropdown-menu li > a {
        color: black !important;
    }
        #topNav ul.dropdown-menu li > a:hover {
            color: #ffcc00 !important;
        }

    #topNav ul.dropdown-menu li.active > a,
    #topNav ul.dropdown-menu li.active:hover > a,
    #topNav ul.dropdown-menu li.active:focus > a,
    #topNav ul.dropdown-menu li:hover > a,
    #topNav ul.dropdown-menu li:focus > a,
    #topNav ul.dropdown-menu li:focus > a {
        color: #000;
        /*font-weight: bold;*/
    }

    #topNav ul.dropdown-menu li.active > a {
        background-color: #fff;
    }

    #topNav .ept-logo div img,
    #topNav .ept-logo p {
        display: none !important;
    }
}
/* Header */
#header.transparent + #slider h1 {
    margin-top: 0px !important;
}

/* Top button */
#topButton {
    display: none;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
    background-color: #FFF
}

    #topButton .container {
        margin: 0 15px;
        height: 70px;
        line-height: 70px;
    }

    #topButton .logo img {
        height: 70px;
    }

    #topButton .btn-yellow-ept {
        color: #666;
        background-color: #ffcc00;
        border-color: #ffcc00;
        padding: 5px 35px 5px 35px;
        font-weight: bold;
        border: 0px;
        font-size: 16px;
        height: 35px;
        margin-top: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #topButton .float-right a:first-child {
        display: block;
    }

    #topButton .float-right a:not(:first-child) {
        display: none;
    }

@media only screen and (max-width: 767px) {
    #topButton .logo {
        display: none;
    }

    #topButton .float-right {
        width: 100% !important;
        text-align: center !important;
    }

        #topButton .float-right a:first-child {
            display: none;
        }

        #topButton .float-right a:not(:first-child) {
            display: block;
        }
}

/* Footer */
@media only screen and (max-width: 767px) {

    #footer > .container {
        padding-top: 20px !important;
        margin-bottom: 20px !important;
    }

    #footer .row > div {
        margin-bottom: 20px;
    }

    #footer ul.footer-links > li {
        padding-bottom: 5px;
    }
}

#footer ul.footer-lists li,
#footer ul.footer-lists li a {
    padding: 7px;
}

    #footer ul.footer-lists li a span {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }

/************************* Home Page *************************/
#homepagecontent a {
    color: inherit;
}

#homepagecontent .size-25 {
    font-size: 25px !important;
}

#homepagecontent .size-21 {
    font-size: 21px !important;
}

#homepagecontent section {
    font-size: 14px !important;
}

    #homepagecontent section.b-0 {
        border-bottom: rgba(0,0,0,0.1) 1px solid !important;
    }


#homepagecontent .btn {
    color: #666;
    font-weight: bold;
    /*margin-top: 10px;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#homepagecontent .btn-yellow-ept {
    color: #444 !important;
    background-color: #FFCC00;
    font-weight: bold;
    border-color: #fc0;
    height: auto;
    white-space: normal;
}

#homepagecontent .btn-grey-ept {
    color: #FFF !important;
    background-color: #444;
    font-weight: bold;
    border-color: #444;
}

/* Selected providers */
#selected-providers .owl-item {
    padding-right: 15px;
}

#selected-providers .owl-featured-item a.figure {
    height: 150px;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

#selected-providers .owl-featured-detail {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    padding: 10px;
}

#selected-providers .category {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#selected-providers .company {
    font-size: 14px;
    margin: 0;
}

#selected-providers .location {
    font-style: italic;
    font-size: 12px;
    padding-top: 4px;
}

#selected-providers .description {
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width: 480px) {
    #selected-providers .location,
    #selected-providers .company,
    #selected-providers .category {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media(min-width: 480px) and (max-width: 1100px) {
    #selected-providers .location,
    #selected-providers .company,
    #selected-providers .category {
        max-width: 240px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media(min-width: 760px) and (max-width: 800px) {
    #selected-providers .location,
    #selected-providers .company,
    #selected-providers .category {
        max-width: 340px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Ideas */
.home-subtitle {
    color: #aaa;
}

#home-ideas {
    list-style: none;
    width: 100%;
    text-align: center;
}

    #home-ideas img {
        height: 150px;
        width: 150px;
    }

    #home-ideas h4 {
        margin-bottom: 10px;
        font-size: 14px;
    }

/* Sector */
#home-sector h3 {
    padding: 50px 35px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
}

#home-sector #reception h3 {
    /*background: #fff url('images/reception-200h.jpg') no-repeat 50% 50%;*/
    background: #fff url('images/reception-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-sector #artiste h3 {
    /*background: #fff url('images/artistes-200h.jpg') no-repeat 50% 50%;*/
    background: #fff url('images/artistes-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
    padding: 50px 75px;
}

#home-sector #service h3 {
    /*background: #fff url('images/service-400h.jpg') no-repeat 50% 50%;*/
    background: #fff url('images/service-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-sector #musical h3 {
    /*background: #fff url('images/musical-200h.jpg') no-repeat 50% 50%;*/
    background: #fff url('images/musical-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
    /*padding: 28px 50px;*/
}

#home-sector ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

    #home-sector ul li {
        padding: 3px 0;
    }

#home-sector a {
}

    #home-sector a:hover {
        color: #000;
        /*font-weight: bold;*/
    }

@media(max-width: 480px) {
    #home-sector #artiste h3,
    #home-sector h3 {
        padding: 30px 20px;
        font-size: 20px;
    }
}

/* Cities */
#home-cities h3 {
    padding: 40px 45px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
}

#home-cities #city1 h3 {
    background: #fff url('images/city1-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-cities #city2 h3 {
    background: #fff url('images/city2-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-cities #city3 h3 {
    background: #fff url('images/city3-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-cities #city4 h3 {
    background: #fff url('images/city4-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-cities #city5 h3 {
    background: #fff url('images/city5-1000L.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#home-cities ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

    #home-cities ul li {
        padding: 3px 0;
    }

#home-cities a:hover {
    color: #000;
    /*font-weight: bold;*/
}

@media(max-width: 480px) {
    #home-cities h3 {
        padding: 30px 20px;
        font-size: 20px;
    }
}


/* Tips */
#home-tips a h4 {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#home-tips a:hover h4 {
    color: #000;
}


/* Avis */
.testimonial-content p {
    text-align: left;
    margin-bottom: 10px;
}

@media(max-width: 480px) {
    .testimonial-content p {
        min-height: 200px;
    }
}

@media(min-width: 480px) and (max-width: 1100px) {
    .testimonial-content p {
        min-height: 450px;
    }
}

@media(min-width: 760px) and (max-width: 800px) {
    .testimonial-content p {
        min-height: 300px;
    }
}

@media(min-width: 1100px) {
    .testimonial-content p {
        min-height: 200px;
    }
}

/* France Cities */
#home-france {
    /*border: solid 1px pink;*/
}

    #home-france > div {
        /*border:solid 1px purple;*/
    }

    #home-france h3 {
        text-transform: capitalize;
        white-space: nowrap;
        margin: 0 0 10px 0;
        display: inline-block;
        min-width: 130px;
    }

    #home-france ul {
        margin: 0 0 30px 0;
        padding: 0;
        list-style: none;
    }

        #home-france ul li:hover a,
        #home-france ul li a:hover{
           color:#000;
        }


@media only screen and (max-width: 767px) {
    .hide-on-small-screen {
        display: none !important;
    }
}


/************************* Conseils Page *************************/
/*.conseils-template .callout .btn{
    padding: 10px 7px;
    font-size: 14px !important;
}*/

@media only screen and (min-width: 767px) {
    .conseils-template h1 {
        width: 70%;
    }
}


/************************* Forms *************************/
.mandatory {
    color: red;
}

.checkbox2.white label {
    color: #FFFFFF;
}

.checkbox2 label {
    vertical-align: middle;
    font-size: 13px !important;
    font-weight: 800;
    padding: 2px;
}

.checkbox2 input[type='checkbox'] {
    margin-right: 5px;
}

#provider .checkbox2 div {
    padding: 0 2px 0 2px;
}

/* Home section */

#slider.home {
    height: 1000px;
}

#slider h1 {
    line-height: 1.5 !important;
}

@media screen and (max-width: 767px) {
    #slider h2 {
        font-size: 16px !important;
        line-height: 16px !important;
        text-align: center;
    }
}

#slider div.transparence_m11 {
    background-color: rgba(0, 0, 0, 0.65);
}

#slider .yellow {
    color: #ffcc00;
}

#slider .btn-yellow-ept {
    color: #666;
    background-color: #ffcc00;
    border-color: #ffcc00;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
    border: 0px;
    font-size: 16px;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#slider div.erreur-m1 {
    color: #000000;
    background-color: #ffcccc;
    border-color: #FFCC00;
    padding: 6px 10px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-left: 0;
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: currentcolor;
    border-left-color: rgba(0,0,0,0.1);
    border-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-left-width: 5px;
}

/* Directory */

#slider .container.slider-featured-text {
    margin-top: 90px !important;
}

#slider div.slider-featured-text h2.ept-description-excerpt {
    margin-bottom: 0;
    font-weight: normal;
    line-height: 22px;
    font-size: 12px !important;
}

/* Romain */
@media screen and (max-width: 767px) {
    #slider p.prefix-title {
        font-size: 30px !important;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        text-shadow: rgba(0, 0, 0, 0.16) 1px 1px 1px;
    }
}

.ept-link-more {
    color: #fff !important;
    font-style: italic;
}

#directory .marker-yellow {
    color: #FFCC00 !important;
}

#directory .btn {
    color: #666;
    font-weight: bold;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#directory .text-summary {
    color: #179BD7;
    font-weight: 400;
    margin: 0;
}

#directory .title {
    font-family: 'Open Sans','Arial','Helvetica','sans-serif';
}

    #directory .title a:link, #directory .title a:visited {
        color: #666;
    }

#directory .btn-yellow-ept {
    color: #444 !important;
    background-color: #FFCC00;
    font-weight: bold;
    border-color: #fc0;
}

#directory .directory-return-link {
    margin-top: -20px;
}

    #directory .directory-return-link a {
        color: #666;
    }

        #directory .directory-return-link a:hover {
            color: #000;
            /*font-weight: bold;*/
        }

#directory-pagination .page-item.active .page-link {
    background-color: #FFCC00;
    border-color: #FFCC00;
}

#directory h1, #directory h2 span, #directory h2, #directory h3 {
    color: #666 !important;
    display: block;
}

#DirectoryPageDescription p,
#DirectoryPageDescription ul li {
    font-size: 13px !important;
}

#DirectoryPageDescription h2,
.ms-ept h2 {
    font-size: 24px;
    line-height: normal;
}

#DirectoryPageDescription h3,
.ms-ept h3 {
    font-size: 22px;
}

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

#DirectoryJoblinks h3 {
    margin-left: -15px;
}
    #DirectoryJoblinks ul {
        list-style: none;
        padding: 0 15px 0 0;
        margin:0;
    }
        #DirectoryJoblinks ul li {
            white-space: nowrap;
            border-bottom: solid 1px #ddd;
            position: relative;
            padding: 3px 0;
        }

        #DirectoryJoblinks .zone-b ul li {
            white-space: normal;
            border-bottom: none 0;
        }
           /* #DirectoryJoblinks ul li span.text-ellipsis {
                white-space: nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
            }*/
            #DirectoryJoblinks ul li span.provider-count {
                font-size: 11px;
                position: absolute;
                right: 2px;
                top: 3px;
            }

    #DirectoryJoblinks span.provider-count,
    #DirectoryJoblinks a {
        color: #666;
    }
    #DirectoryJoblinks li:hover a,
    #DirectoryJoblinks a:hover {
        color: #000;
        /*font-weight: bold;*/
    }


/* Directory left-menu */
/*https://api.jqueryui.com/1.11/theming/css-framework/*/
#left-menu-wrap .left-menu {
    color: #666;
}

    #left-menu-wrap .left-menu .category-title {
        padding: 10px 0 10px 5px;
        display: inline-block;
        font-weight: bold;
    }

    #left-menu-wrap .left-menu .search-menu {
        width: 100%;
        padding: 5px 10px;
        display: inline-block;
        border: solid 1px #efefef;
        color: #666;
    }

        #left-menu-wrap .left-menu .search-menu.bg-close {
            background: transparent url("jquery-ui/images/close-gray.png") 97% 50% no-repeat;
            padding-right: 30px;
        }

    #left-menu-wrap .left-menu .wrap-menu-items {
        max-height: 300px;
        overflow-y: scroll;
        border: solid 1px #efefef;
        border-top: none 0;
        background: #fff;
        background: linear-gradient(white 85%, #efefef);
    }

    /* 1er niveau */
    #left-menu-wrap .left-menu ul > li > a {
        padding-bottom: 8px;
        padding-top: 8px;
        font-weight: bold;
    }

    #left-menu-wrap .left-menu #cities-menu ul > li > a {
        font-weight: normal;
    }

    /* 2ème niveau */
    #left-menu-wrap .left-menu ul > li > ul {
        padding-bottom: 4px;
        padding-top: 4px;
        display: block;
    }

        #left-menu-wrap .left-menu ul > li > ul > li > a {
            padding: 2px 0 2px 20px;
        }

    #left-menu-wrap .left-menu #cities-menu ul li a span.text-ellipsis,
    #left-menu-wrap .left-menu ul li ul li a span.text-ellipsis {
        /*  width: 150px;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: normal;
        background: transparent;
    }

    #left-menu-wrap .left-menu ul li:hover a span,
    #left-menu-wrap .left-menu ul li ul li:hover a span.text-ellipsis,
    #left-menu-wrap .left-menu #cities-menu ul li:hover a span.text-ellipsis {
        font-weight: bold;
    }

    #left-menu-wrap .left-menu ul li ul li a span.provider-count {
        position: absolute;
        top: 2px;
        right: 2px;
        background: #fff;
        padding-left: 5px;
        font-weight: normal;
        background: transparent;
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span.provider-count {
        position: absolute;
        top: 9px;
        right: 9px;
    }

    /* active */
    #left-menu-wrap div.side-nav.left-menu ul > li.active > a,
    #left-menu-wrap .left-menu li > ul > li.active > a > span.text-ellipsis,
    #left-menu-wrap .left-menu li.active > a > span.text-ellipsis {
        color: #000;
        font-weight: bold !important;
    }
    /* hover */
    #left-menu-wrap div.side-nav.left-menu ul.list-group-bordered > li > a:hover,
    #left-menu-wrap div.side-nav.left-menu ul > li:hover > a,
    #left-menu-wrap .left-menu li.active:hover > a > span.text-ellipsis,
    #left-menu-wrap .left-menu li.active ul li:hover a span.text-ellipsis {
        color: #000 !important;
        font-weight: bold !important;
        /*font-size: 13px;*/
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span {
        font-size: 12px;
    }

#left-menu-wrap div.side-nav.left-menu ul.list-group-noicon > li ul {
    display: block; /* ouverture des thèmes dans menu de gauche responsive*/
}

/* autocomplete */
ul.ui-autocomplete {
    border: solid 1px #efefef;
    cursor: pointer;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #fff;
    background: linear-gradient(white 85%, #efefef);
    color: #666;
}

    ul.ui-autocomplete li.ui-autocomplete-category {
        font-size: 15px;
        border-bottom: solid 1px #efefef;
        padding: 8px 0 4px 5px;
        font-weight: bold;
    }

    ul.ui-autocomplete li.ui-menu-item div {
        padding: 5px 0 5px 15px;
    }


.ui-autocomplete-focus > div {
    background: #fff !important;
    background: linear-gradient(white 85%, #efefef) !important;
    font-weight: bold;
    /* color: #179BD7 !important;*/
}


/*.ui-autocomplete.ui-front li.ui-autocomplete-category:focus + li > div,
.ui-autocomplete.ui-front li.ui-autocomplete-category:hover + li,
.ui-autocomplete.ui-front li.ui-autocomplete-category:hover + li > div,
.ui-autocomplete.ui-front li:hover,
.ui-autocomplete.ui-front li:hover div {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    background: #fff;
    border: none 0;
}

.ui-autocomplete.ui-front li.ui-autocomplete-category:hover {
    font-size: 15px;
    color:#666;
}*/

.ui-menu-item.ui-state-focus,
.ui-menu-item a.ui-state-focus,
.ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-state-hover,
.ui-state-active {
    color: #000 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    background: #fff !important;
    border: none 0 !important;
}



.ui-autocomplete-term {
    font-weight: bold !important;
    color: #000 !important;
}

@media(max-width: 767px) {
    div .side-nav.left-menu ul {
        display: block;
        max-height: 100%;
        margin-bottom: 0;
    }
}


@media(min-width:600px) and (max-width: 800px) {
    #left-menu-wrap .left-menu .category-title {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    #left-menu-wrap .left-menu li.list-group-item ul {
        overflow: hidden;
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span.text-ellipsis,
    #left-menu-wrap .left-menu ul li ul li a span.text-ellipsis {
        width: 60px;
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span.provider-count,
    #left-menu-wrap .left-menu ul li ul li a span.provider-count {
        display: none;
    }
}

@media(min-width:801px) and (max-width: 980px) {
    #left-menu-wrap .left-menu .category-title {
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span.text-ellipsis,
    #left-menu-wrap .left-menu ul li ul li a span.text-ellipsis {
        width: 70px;
    }
}

@media(min-width:981px) and (max-width: 1200px) {
    #left-menu-wrap .left-menu .category-title {
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span.text-ellipsis,
    #left-menu-wrap .left-menu ul li ul li a span.text-ellipsis {
        width: 120px;
    }
}

@media(min-width:1201px) {
    #left-menu-wrap .left-menu .category-title {
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #left-menu-wrap .left-menu #cities-menu ul li a span.text-ellipsis,
    #left-menu-wrap .left-menu ul li ul li a span.text-ellipsis {
        width: 180px;
    }
}
/*
@media(max-width: 767px){
    #left-menu-wrap .left-menu .search-menu {
        display: none;
    }
}*/
/* Provider - Page perso - HtmlLongDescription */
#provider section.page-header {
    padding: 15px 0 25px 0;
}

#provider .bleu_16_bold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #179BD7;
}

#provider .gris_18_bold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #666666;
}

#provider .align-right {
    text-align: right !important;
}

#provider .breadcrumb {
    /*  display: inline;*/
    position: relative;
}

#provider h1, #provider h1 span, #provider h2, #provider h3 {
    color: #666 !important;
    display: block;
}

#provider .btn-yellow-ept {
    text-align: center;
    color: #666;
    background-color: #ffcc00;
    border-color: #ffcc00;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
    border: 0px;
    font-size: 16px;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 90%;
}

#provider .btn-grey-ept {
    text-align: center;
    color: #FFF;
    background-color: #999;
    border-color: #666;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
    border: 0px;
    font-size: 16px;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 90%;
}

#provider .description {
    white-space: pre-line;
}

#provider .img-fluid {
    max-height: 410px;
    max-width: 100%;
    width: auto !important;
}

#provider .controlls-over .owl-pagination {
    width: auto !important;
}

@media screen and (max-width: 767px) {

    #provider .description {
        height: 6rem;
        overflow: hidden;
    }

    #provider .img-fluid {
        max-height: 300px;
    }
}

#provider-footer-content a:link, #provider-footer-content a:visited {
    color: #666;
}

#provider-footer-content a:hover {
    color: #179bd7;
    text-decoration: none;
}



/****** Etape 1 du formulaire DDD (header) ******/
#ddd.container {
    max-width: 70%;
}

@media only screen and (max-width: 767px) {
    #ddd.container {
        max-width: 100%;
    }
}

#ddd.container div.row {
    /*background-color: rgba(0, 0, 0, .4);*/
    background-color:transparent;
}



#quote-form {
    width: 100%;
    color: #fff;
    line-height: 2.5;
    box-sizing: border-box;
}

    #quote-form .ept-magic-nowrap-large {
        white-space: nowrap;
    }


@media(max-width: 1024px) {
    #quote-form .ept-magic-nowrap-large {
        white-space: normal;
    }

    #quote-form .ept-magic-nowrap-medium {
        white-space: nowrap;
    }

    .ept-description-excerpt {
        text-overflow: ellipsis;
        max-height: 45px;
        overflow: hidden;
    }

    #quote-form label.h5 {
        font-size: 20px !important;
    }
}

#quote-form .ept-inline-block {
    display: inline-block !important;
}

@media(max-width: 500px) {
    #quote-form .ept-magic-nowrap-large {
        white-space: normal;
    }

    #quote-form .ept-magic-nowrap-medium {
        white-space: normal;
    }

    #quote-form .ept-inline-block {
        display: block !important;
    }
}

#ddd #quote-form .quote-label {
}

#ddd #quote-form .quote-button {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    background: #ffcc00;
    border: solid 2px #ffcc00;
    padding: 5px;
    width: 100%;
}

#ddd #quote-form #button {
    padding: 4px 20px;
}

@media(max-width: 500px) {
    #ddd #quote-form #button {
        margin-top: 5px !important;
    }
}

#ddd #quote-form .ddd-datepicker {
    background: #fff;
    border: solid 1px #d3d4d5;
    text-align: center;
    color: #333;
    font-weight: 500;
    text-shadow: initial;
    /*padding-right: 25px;*/
    padding: 5px 45px 5px 20px;
    cursor: pointer;
}

    #ddd #quote-form .ddd-datepicker:focus {
        border: solid 1px #ffcc00;
    }

.input-datepicker-wrapper {
    position: relative;
}

.icon-arrow-bottom {
    background: transparent url("jquery-ui/images/ui-icons_444444_256x240.png") -64px -16px no-repeat;
    /*transparent url("jquery-ui/images/ui-icons_444444_256x240.png") -64px -190px no-repeat width: 16px;*/
    height: 16px;
    width: 16px;
    position: absolute;
    right: 10px;
    top: 22px;
    cursor: pointer;
}

/****** DDD form on Provider Page ******/
#ddd.container.providerPage {
    max-width: 100%;
    background-color: #eee;
}

#ddd.container.providerPage {
    max-width: 100%;
    background-color: #eee;
}

    #ddd.container.providerPage div.row {
        background-color: #eee;
    }

        #ddd.container.providerPage div.row .quote-label {
            color: #333;
        }


/****** Modal ajax popup ******/
.modal-backdrop {
    background-color: #000;
}

    .modal-backdrop.show {
        opacity: 0.8;
    }


/****** Datepicker DDD personnalisation ******/

/* header */
#ui-datepicker-div.ui-widget {
    font-family: 'Raleway',Arial,Helvetica,sans-serif;
    padding: 15px;
}

#ui-datepicker-div .ui-widget-header {
    background: none;
    border: none 0;
    font-weight: normal;
}

    #ui-datepicker-div .ui-widget-header .ui-state-hover {
        border: none;
        background: none;
        font-weight: normal;
        color: #ffcc00;
    }

/* icone prev/next */
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-position: -96px 0;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next .ui-icon {
    background-position: -32px 0;
}

/* ligne des mois */
#ui-datepicker-div.ui-datepicker th {
    font-weight: normal;
    font-size: .8em;
}

/* cases date */
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
    background: #fff;
}

.ui-datepicker td {
    padding: 0px;
    border: solid 1px #ccc;
    padding: 7px 0px;
    width: 44px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
}

/* date sélectionnée */
#ui-datepicker-div .ui-datepicker-current-day,
#ui-datepicker-div .ui-datepicker-current-day a {
    background: #d3d4d5; /*#ffcc00;*/
    color: #000;
    border-color: #d3d4d5; /*#ffcc00;*/
}

/* date des mois précédents/suivants */
.ui-datepicker td.ui-datepicker-other-month {
    border: none;
}

.ui-datepicker td a,
.ui-datepicker td.ui-datepicker-unselectable span {
    text-align: center;
}




/****** Quote form #quotation-step ******/

/* layout */
#quote-popup {
    top: 50px;
}

.quote-dialog .modal-content {
    border: none;
    color: #333;
}

.quote-dialog .modal-header {
    border: none;
}

.quote-dialog .modal-footer,
.quote-dialog .modal-header {
    border-color: #f8f9fa;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

    .quote-dialog .modal-header button.close span {
        color: #888;
        font-size: 40px;
        font-weight: lighter;
        display: block;
        margin-top: -20px;
        margin-right: -10px;
    }

.quote-dialog .modal-body {
    height: 500px;
    padding-top: 30px;
}

    .quote-dialog .modal-body fieldset {
        border: solid 1px #ddd;
        margin: 1.5rem;
        max-height: 330px;
        overflow-y: auto;
        overflow-x: hidden; /* Forcé pour la slide OtherJob fieldset.other-jobs */
        font-weight: normal;
    }

        .quote-dialog .modal-body fieldset.themes {
            max-height: 280px;
        }

        .quote-dialog .modal-body fieldset.other-jobs {
            border: none 0;
        }

        .quote-dialog .modal-body fieldset.no-summary {
            max-height: 350px;
        }

        .quote-dialog .modal-body fieldset.no-scroll {
            overflow: hidden;
        }

/* MEDIA QUERIES */
@media only screen and (max-width: 767px) {
    /*.quote-dialog h3 {
            color: green !important;
        }*/

    .quote-dialog .modal-body {
        height: 450px;
        padding-top: 5px;
    }

        .quote-dialog .modal-body h3 {
            font-size: 20px;
        }

        .quote-dialog .modal-body p {
            font-size: 14px;
        }

        .quote-dialog .modal-body fieldset {
            max-height: 310px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .quote-dialog .modal-body fieldset.themes {
                max-height: 300px;
            }

        .quote-dialog .modal-body #themeContainer {
            margin-top: 0;
        }

        .quote-dialog .modal-body fieldset.other-jobs {
            max-height: 300px;
        }

        .quote-dialog .modal-body fieldset.no-summary {
            max-height: 330px;
        }

        .quote-dialog .modal-body fieldset.quote-summary {
            max-height: 290px;
        }

        .quote-dialog .modal-body fieldset.no-scroll {
            overflow: hidden;
        }

    .quote-dialog .wrap-providers-summary {
        height: 200px;
    }
}

quote-dialog .modal-body form h3 {
    font-weight: 600;
}


/* Validation */
.quote-dialog .modal-body .validation-summary {
}

    .quote-dialog .modal-body .validation-summary span {
        margin: 0;
    }

.quote-dialog .modal-body .field-validation-error {
    display: block;
}


.quote-dialog .modal-body .validation-summary ul {
    margin: 0;
}

    .quote-dialog .modal-body .validation-summary ul li {
        list-style-position: inside;
        list-style-type: circle;
    }


/* éléments de formulaire */

/* Moteur de recherche de métier - slide 1 */
/*.select2-container--default .select2-selection--single {
    border: none 0;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #000;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffcc00 !important;
    color: #000 !important;
}

.quote-dialog .select2 {
    width: 100% !important;
}*/


.font-size-14 {
    font-size: 14px;
}


/* Side Date */
.quote-dialog .icon-arrow-bottom {
    top: 15px;
}

/* Liste des thèmes */

#themeContainer {
    margin-top: 60px;
}

fieldset.list {
    border: none 0 !important;
}

ul#listThemes {
    margin: 0;
    padding: 0;
}

li.itemTheme {
    cursor: pointer;
    border: solid 1px #ddd;
    list-style: none;
    width: 48%;
}

li.selected-theme {
    background-color: rgba(0,0,0,.25) !important;
    position: relative;
}

li.itemTheme {
}

    li.itemTheme h4 {
        font-size: 14px;
        margin: 5px 0;
    }

    li.itemTheme img {
        display: inline-block;
        height: 100px;
        width: 100px;
    }

    li.itemTheme p {
        font-size: 12px;
        margin: 0;
    }

@media only screen and (max-width: 992px) {
    li.itemTheme {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    li.itemTheme img.img-fluid {
        float: left !important;
    }
}



/* Radio button & checkbox */
.quote-dialog fieldset.list .quote-label {
    border: solid 0.5px #efefef;
    font-weight: normal;
}

.quote-dialog input[type="radio"]:hover,
.quote-dialog input[type="checkbox"]:hover {
    color: #ddd;
}

.quote-dialog input[type="radio"]:hover,
.quote-dialog input[type="checkbox"]:hover {
    color: #ffcc00 !important;
}

/* select */
.quote-dialog .quote-input.fullwidth {
    width: 100%;
}

.quote-dialog .quote-input.no-border {
    border: none 0;
}

.quote-dialog select.quote-input {
    font-size: 14px;
}

/* Input */
.quote-dialog fieldset .quote-input {
}

.quote-dialog .disclaimer {
    font-size: 12px;
    font-style: italic;
    /*  GARDER   background: transparent url("images/coche-noire.png") 0 0 no-repeat;*/
}

.quote-dialog .loema-position-bottom {
    position: absolute;
    bottom: 0;
}

/* Slide Other Jobs (Multiplication) */
.item-box.item-selected .item-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.quote-dialog .item-selected .item-hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

    .quote-dialog .item-selected .item-hover .inner .ico-rounded > span {
        opacity: 1;
        background-color: #17c119;
        color: #fff !important;
    }

.quote-dialog .item-box {
    box-shadow: none;
    cursor: pointer;
}

.quote-dialog .item-box-desc {
    text-align: center !important;
    padding: 10px;
    margin-bottom: 20px;
}

    .quote-dialog .item-box-desc a {
        color: #000 !important;
    }

        .quote-dialog .item-box-desc a.selected-job {
            color: #17c119;
        }

    .quote-dialog .item-box-desc h2, .quote-dialog .item-box-desc h3, .quote-dialog .item-box-desc h4, .quote-dialog .item-box-desc h5 {
        font-size: 14px !important;
    }

.item-box.item-selected .overlay.dark-5 {
    background-color: rgba(0,0,0,.25);
}

@media only screen and (min-width: 768px) {
    .item-box .item-hover .inner .ico-rounded > span {
        color: #fff;
        color: #17c119;
        border-radius: 3rem !important;
        -moz-border-radius: 3rem !important;
        -webkit-border-radius: 3rem !important;
        width: 3rem;
        height: 3rem;
        line-height: 50px !important;
        font-size: 25px !important;
    }
}

@media only screen and (max-width: 767px) {
    .item-box .item-hover .inner .ico-rounded > span {
        border-radius: 7rem !important;
        -moz-border-radius: 7rem !important;
        -webkit-border-radius: 7rem !important;
        width: 7rem;
        height: 7rem;
        line-height: 110px !important;
        font-size: 50px !important;
    }
}
/*.item-box .item-selected .inner .ico-rounded:hover > span,*/
.item-box .item-hover .inner .ico-rounded:hover > span {
    color: #fff;
}

/* Slide SMS Code */
fieldset.sms-code input.refusal {
}

fieldset.sms-code label {
    display: inline;
}

/* Slides de sorties */
.quote-dialog .alert {
    color: #333;
    line-height: 2;
}

/* button */
.btn-ept {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    display: inline-block;
    line-height: initial;
    width: 100%;
}

.btn-ept-next {
    border-color: #ffcc00;
    background: #ffcc00;
    color: #333;
}

.btn-ept-close,
.btn-ept-prev {
    border-color: #ddd;
    background: #bbb;
    color: #333;
}

.btn-ept-skip {
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.col-12 .btn-ept {
    font-size: 18px;
}

.btn-ept-action {
    white-space: normal;
    font-size: 14px;
}


@media only screen and (max-width: 767px) {
    .btn-ept {
    }

    .loema-padding-lr-1 {
    }

    .loema-responsive-button {
        display: inline-block;
        max-width: 100%;
        padding: 0;
    }
}

/* barre de progression */
.quote-dialog .progress-bar {
    background-color: #ffcc00;
    color: #888;
    height: 7px;
    border-radius: 5px;
    text-align: right;
}

    .quote-dialog .progress-bar span {
        display: inline-block;
        margin-top: 30px;
        padding-right: 5px;
    }


/* Slide location */
.quote-dialog .dont-find-my-city {
    display: block;
}

/* Slide Recap */
.quote-dialog .quote-summary p {
    display: none;
    margin-bottom: 5px;
    text-align: center;
}


/* Slide finale avec les prestataires correspondants à la demande */
.quote-dialog .wrap-providers-summary {
    height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
}

.quote-dialog .slide-providers-summary h3,
.quote-dialog .slide-providers-summary h4,
.quote-dialog .slide-providers-summary > p {
    margin-bottom: 20px;
}

.quote-dialog .providers-summary .item-box-desc {
    border: solid 3px #fff;
    background: #fffaf0;
    padding: 7px;
}

    .quote-dialog .providers-summary .item-box-desc .call-provider a {
        font-size: 13px;
        border-color: #fc0;
        background: #fc0;
        padding: 10px 0;
    }

    .quote-dialog .providers-summary .item-box-desc .crop-img {
        width: 200px;
        height: 100px;
        overflow: hidden;
        border: solid 1px #ffefd5;
    }

    .quote-dialog .providers-summary .item-box-desc img {
        width: 200px;
    }

@media only screen and (max-width: 767px) {
    /*.quote-dialog h3{color:red;}*/

    .quote-dialog .providers-summary .item-box-desc .crop-img {
        width: 100%;
        height: 200px;
    }

    .quote-dialog .providers-summary .item-box-desc img {
        width: auto;
    }
}


.quote-dialog .wrap-providers-summary .item-box-desc h4 {
    margin-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
}

.quote-dialog .wrap-providers-summary .item-box-desc h6 {
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: normal;
}

.quote-dialog .wrap-providers-summary p.description {
    margin: 3px 8px 8px;
    font-size: 14px;
    min-height: 40px;
}


.quote-dialog .job-question-multiply-title {
    margin-top: -10px;
}

/********* PAGE ERREURS ********/
.code-error-404 {
    font-size: 150px;
    text-align: center;
    color: #ccc;
}

@media only screen and (max-width:482px) {
    .code-error-404 {
        font-size: 60px;
    }
}


/************ INSCRIPTION **************/
.register-step-payment a {
    white-space: normal;
    margin-top: 5px;
}
.register-step-payment .badge {
    margin-bottom: 10px;
}

    .register-step-payment .btn-soft {
        color: #0052ea;
        border-color: #eaf1ff;
        background-color: #eaf1ff;
        font-size: 16px !important;
    }
    .register-step-payment .btn-warning {
        color: #212529;
        background-color: #fad776;
        border-color: #fad776;
        font-size: 16px !important;
    }
    .register-step-payment .w-100 {
        width: 100% !important;
    }

.register-summary{
    padding-left: 5px;
    list-style: none;
}

    .register-summary .step {
        padding-left: 5px;
        list-style: circle;
    }

/************ PAGE LANDING PRO **************/
#landingpro-page .bg-warning-soft {
    color: #cf9a08 !important;
    background-color: #fdedc0 !important;
}

#contact-pro {
    background: #fff;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
}

    #contact-pro h1, #contact-pro small {
        color: #666 !important;
        text-shadow: none !important
    }
    #contact-pro select.form-control {
        color: #333 !important;
        border-color: #ddd !important;
    }
    #contact-pro select option {
        color: #333 !important;
    }
        #contact-pro input.form-control {
            color: #333 !important;
            background: #fff !important;
            border-color: #ddd !important;
        }

    #contact-pro input.sendContactFormPro {
        color: #666 !important;
        background-color: #ffcc00 !important;
        padding: 5px 15px 5px 15px;
        font-weight: bold;
        border: 0px;
        font-size: 16px;
    }