/*
Theme Name:         Ronneby
Theme URI:          http://themes.dfd.name/ronneby/
Description:        Ronneby - Highly Functional Multifaceted WP Theme
Version:            2.1.1
Author:             DFD
Author URI:         http://dfd.name/
Tags:               light, white, one-column, two-columns, three-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

License:            GPL v2
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
*/

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

/* CSS Personnalisé ComptaDurable */

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

/* ----------- Typographies ----------- */

/* --- Noto Serif --- */

@font-face {
    font-family: 'noto_serifregular';
    src: url('NotoSerif-Regular.eot');
    src: url('NotoSerif-Regular.eot?#iefix') format('embedded-opentype'),
         url('NotoSerif-Regular.woff2') format('woff2'),
         url('NotoSerif-Regular.woff') format('woff'),
         url('NotoSerif-Regular.svg#noto_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_serifitalic';
    src: url('NotoSerif-Italic.eot');
    src: url('NotoSerif-Italic.eot?#iefix') format('embedded-opentype'),
         url('NotoSerif-Italic.woff2') format('woff2'),
         url('NotoSerif-Italic.woff') format('woff'),
         url('NotoSerif-Italic.svg#noto_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_serifbold';
    src: url('NotoSerif-Bold.eot');
    src: url('NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
         url('NotoSerif-Bold.woff2') format('woff2'),
         url('NotoSerif-Bold.woff') format('woff'),
         url('NotoSerif-Bold.svg#noto_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_serifbold_italic';
    src: url('NotoSerif-Bolditalic.eot');
    src: url('NotoSerif-Bolditalic.eot?#iefix') format('embedded-opentype'),
         url('NotoSerif-Bolditalic.woff2') format('woff2'),
         url('NotoSerif-Bolditalic.woff') format('woff'),
         url('NotoSerif-Bolditalic.svg#noto_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --- End Noto Serif --- */

/* --- Montserrat --- */

@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular.eot');
    src: url('montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular.woff2') format('woff2'),
         url('montserrat-regular.woff') format('woff'),
         url('montserrat-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratitalic';
    src: url('Montserrat-Italic.eot');
    src: url('Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Italic.woff2') format('woff2'),
         url('Montserrat-Italic.woff') format('woff'),
         url('Montserrat-Italic.svg#montserratitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium';
    src: url('Montserrat-Medium.eot');
    src: url('Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Medium.woff2') format('woff2'),
         url('Montserrat-Medium.woff') format('woff'),
         url('Montserrat-Medium.svg#montserratmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium_italic';
    src: url('Montserrat-Mediumitalic.eot');
    src: url('Montserrat-Mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Mediumitalic.woff2') format('woff2'),
         url('Montserrat-Mediumitalic.woff') format('woff'),
         url('Montserrat-Mediumitalic.svg#montserratmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemibold';
    src: url('Montserrat-Semibold.eot');
    src: url('Montserrat-Semibold.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Semibold.woff2') format('woff2'),
         url('Montserrat-Semibold.woff') format('woff'),
         url('Montserrat-Semibold.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemibold_italic';
    src: url('Montserrat-Semibolditalic.eot');
    src: url('Montserrat-Semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Semibolditalic.woff2') format('woff2'),
         url('Montserrat-Semibolditalic.woff') format('woff'),
         url('Montserrat-Semibolditalic.svg#montserratsemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('Montserrat-Bold.eot');
    src: url('Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Bold.woff2') format('woff2'),
         url('Montserrat-Bold.woff') format('woff'),
         url('Montserrat-Bold.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold_italic';
    src: url('Montserrat-Bolditalic.eot');
    src: url('Montserrat-Bolditalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Bolditalic.woff2') format('woff2'),
         url('Montserrat-Bolditalic.woff') format('woff'),
         url('Montserrat-Bolditalic.svg#montserratbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextrabold';
    src: url('Montserrat-Extrabold.eot');
    src: url('Montserrat-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Extrabold.woff2') format('woff2'),
         url('Montserrat-Extrabold.woff') format('woff'),
         url('Montserrat-Extrabold.svg#montserratextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextrabold_italic';
    src: url('Montserrat-Extrabolditalic.eot');
    src: url('Montserrat-Extrabolditalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Extrabolditalic.woff2') format('woff2'),
         url('Montserrat-Extrabolditalic.woff') format('woff'),
         url('Montserrat-Extrabolditalic.svg#montserratextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratblack';
    src: url('Montserrat-Black.eot');
    src: url('Montserrat-Black.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Black.woff2') format('woff2'),
         url('Montserrat-Black.woff') format('woff'),
         url('Montserrat-Black.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratblack_italic';
    src: url('Montserrat-Blackitalic.eot');
    src: url('Montserrat-Blackitalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Blackitalic.woff2') format('woff2'),
         url('Montserrat-Blackitalic.woff') format('woff'),
         url('Montserrat-Blackitalic.svg#montserratblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('Montserrat-Light.eot');
    src: url('Montserrat-Light.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Light.woff2') format('woff2'),
         url('Montserrat-Light.woff') format('woff'),
         url('Montserrat-Light.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight_italic';
    src: url('Montserrat-Lightitalic.eot');
    src: url('Montserrat-Lightitalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Lightitalic.woff2') format('woff2'),
         url('Montserrat-Lightitalic.woff') format('woff'),
         url('Montserrat-Lightitalic.svg#montserratlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextralight';
    src: url('Montserrat-Extralight.eot');
    src: url('Montserrat-Extralight.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Extralight.woff2') format('woff2'),
         url('Montserrat-Extralight.woff') format('woff'),
         url('Montserrat-Extralight.svg#montserratextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextralight_italic';
    src: url('Montserrat-Extralightitalic.eot');
    src: url('Montserrat-Extralightitalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Extralightitalic.woff2') format('woff2'),
         url('Montserrat-Extralightitalic.woff') format('woff'),
         url('Montserrat-Extralightitalic.svg#montserratextralight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratthin';
    src: url('Montserrat-Thin.eot');
    src: url('Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Thin.woff2') format('woff2'),
         url('Montserrat-Thin.woff') format('woff'),
         url('Montserrat-Thin.svg#montserratthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratthin_italic';
    src: url('Montserrat-Thinitalic.eot');
    src: url('Montserrat-Thinitalic.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Thinitalic.woff2') format('woff2'),
         url('Montserrat-Thinitalic.woff') format('woff'),
         url('Montserrat-Thinitalic.svg#montserratthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --- End Montserrat --- */

/* --- Raleway --- */

@font-face {
    font-family: 'ralewayregular';
    src: url('Raleway-Regular.eot');
    src: url('Raleway-Regular.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Regular.woff2') format('woff2'),
         url('Raleway-Regular.woff') format('woff'),
         url('Raleway-Regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayitalic';
    src: url('Raleway-Italic.eot');
    src: url('Raleway-Italic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Italic.woff2') format('woff2'),
         url('Raleway-Italic.woff') format('woff'),
         url('Raleway-Italic.svg#ralewayitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('Raleway-Medium.eot');
    src: url('Raleway-Medium.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Medium.woff2') format('woff2'),
         url('Raleway-Medium.woff') format('woff'),
         url('Raleway-Medium.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium_italic';
    src: url('Raleway-Mediumitalic.eot');
    src: url('Raleway-Mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Mediumitalic.woff2') format('woff2'),
         url('Raleway-Mediumitalic.woff') format('woff'),
         url('Raleway-Mediumitalic.svg#ralewaymedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('Raleway-Semibold.eot');
    src: url('Raleway-Semibold.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Semibold.woff2') format('woff2'),
         url('Raleway-Semibold.woff') format('woff'),
         url('Raleway-Semibold.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold_italic';
    src: url('Raleway-Semibolditalic.eot');
    src: url('Raleway-Semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Semibolditalic.woff2') format('woff2'),
         url('Raleway-Semibolditalic.woff') format('woff'),
         url('Raleway-Semibolditalic.svg#ralewaysemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('Raleway-Bold.eot');
    src: url('Raleway-Bold.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Bold.woff2') format('woff2'),
         url('Raleway-Bold.woff') format('woff'),
         url('Raleway-Bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold_italic';
    src: url('Raleway-Bolditalic.eot');
    src: url('Raleway-Bolditalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Bolditalic.woff2') format('woff2'),
         url('Raleway-Bolditalic.woff') format('woff'),
         url('Raleway-Bolditalic.svg#ralewaybold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('Raleway-Extrabold.eot');
    src: url('Raleway-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Extrabold.woff2') format('woff2'),
         url('Raleway-Extrabold.woff') format('woff'),
         url('Raleway-Extrabold.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold_italic';
    src: url('Raleway-Extrabolditalic.eot');
    src: url('Raleway-Extrabolditalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Extrabolditalic.woff2') format('woff2'),
         url('Raleway-Extrabolditalic.woff') format('woff'),
         url('Raleway-Extrabolditalic.svg#ralewayextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayblack';
    src: url('Raleway-Black.eot');
    src: url('Raleway-Black.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Black.woff2') format('woff2'),
         url('Raleway-Black.woff') format('woff'),
         url('Raleway-Black.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewayblack_italic';
    src: url('Raleway-Blackitalic.eot');
    src: url('Raleway-Blackitalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Blackitalic.woff2') format('woff2'),
         url('Raleway-Blackitalic.woff') format('woff'),
         url('Raleway-Blackitalic.svg#ralewayblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight';
    src: url('Raleway-Light.eot');
    src: url('Raleway-Light.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Light.woff2') format('woff2'),
         url('Raleway-Light.woff') format('woff'),
         url('Raleway-Light.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight_italic';
    src: url('Raleway-Lightitalic.eot');
    src: url('Raleway-Lightitalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Lightitalic.woff2') format('woff2'),
         url('Raleway-Lightitalic.woff') format('woff'),
         url('Raleway-Lightitalic.svg#ralewaylight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight';
    src: url('Raleway-Extralight.eot');
    src: url('Raleway-Extralight.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Extralight.woff2') format('woff2'),
         url('Raleway-Extralight.woff') format('woff'),
         url('Raleway-Extralight.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight_italic';
    src: url('Raleway-Extralightitalic.eot');
    src: url('Raleway-Extralightitalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Extralightitalic.woff2') format('woff2'),
         url('Raleway-Extralightitalic.woff') format('woff'),
         url('Raleway-Extralightitalic.svg#ralewayextralight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaythin';
    src: url('Raleway-Thin.eot');
    src: url('Raleway-Thin.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Thin.woff2') format('woff2'),
         url('Raleway-Thin.woff') format('woff'),
         url('Raleway-Thin.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaythin_italic';
    src: url('Raleway-Thinitalic.eot');
    src: url('Raleway-Thinitalic.eot?#iefix') format('embedded-opentype'),
         url('Raleway-Thinitalic.woff2') format('woff2'),
         url('Raleway-Thinitalic.woff') format('woff'),
         url('Raleway-Thinitalic.svg#ralewaythin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --- End Raleway --- */


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


/* ----------- Général ----------- */

	a:hover{
		text-decoration: none;
		font-style: normal;
	}

/* ----------- End Général ----------- */


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


/* ----------- Menu ----------- */

/*  Menu Général */

	#header-container.header-style-1:not(.small) #header .header-wrap{
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	    -o-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.1), Direction=180, Strength=5);
	}

	#header-container.header-style-1:not(.small) #header .header-wrap div.sub-nav{
		-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
	    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
	    -o-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
	    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.1), Direction=180, Strength=6);
	}

	.sub-nav{
		border-radius: 2px;
	}

@media only screen and (min-width: 1024px){ 
	#header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title:hover, 
	#header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title.hover,
	#header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title.open {
		color: #2187c0 !important;
	}
}

/*  End Menu Général */

/*  Menu Mobile */

    /*  Burger Menu - modification css existant */
    .icon-mobile-menu span.icon-wrap {
        left: auto !important;
    }
    .icon-mobile-menu span.icon-wrap.dfd-middle-line, .icon-mobile-menu span.icon-wrap.dfd-top-line, .icon-mobile-menu span.icon-wrap.dfd-bottom-line{
        width: 30px !important;
    }
    .icon-mobile-menu span.icon-wrap.dfd-top-line{
        margin-top: -8px !important;
    }
    .icon-mobile-menu span.icon-wrap.dfd-bottom-line{
        margin-top: 8px !important;
    }

    /*  Burger Menu - nouvelle structure */
    a.cd-wrap {
        cursor: pointer;
        height: 56px;
        width: 56px;
        /*border: 1px solid #333;*/
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    a.cd-wrap span {
        height: 1.25px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        transform-origin: top right;
        transition: 0.3s ease-out;
    }

    /*  Burger Menu hover */
    a.cd-wrap:hover {
        background-color: #333;
    }
    a:hover span.cd-middle, a:hover span.cd-upper, a:hover span.cd-bottom {
        background-color: #fff !important;
    }

    /*  Burger Menu actif */
    a.cd-wrap.opened {
        background-color: #333;
    }
    a.cd-wrap.opened span.cd-middle {
        transform: rotate(-45deg) translate(-1px,-5px);
        background-color: #fff !important;
    }
    a.cd-wrap.opened span.cd-upper {
        opacity: 0;
    }
    a.cd-wrap.opened span.cd-bottom {
        transform: rotate(45deg) translate(0px,5px);
        background-color: #fff !important;
    }

    /*  Volet Menu ouvert - Text */
    .sidr .sidr-inner > ul > li > a {
        font-size: 12px !important;
    }
    .sidr ul li a.active {
        color: #165d86;
    }
    .sidr ul li a {
        font-size: 11px !important;
    }
    .sidr ul li ul li a:hover {
        color: #165d86;
    }


@media screen and (max-width: 1023px){
    .header-top-panel{
    	visibility: hidden !important;
        height: 0px !important;
    }
    .mobile-logo{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .mobile-logo a{
        display: flex !important;
        align-items: center;
        justify-content: center; 
    }
}

/*  End Menu Mobile */

/* ----------- End Menu ----------- */


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


/* ----------- Pages Section Visual Composer ----------- */

	.vc_custom_1510424979521{
		display: flex;
	    align-items: center;
	    justify-content: center;
	}

@media screen and (max-width: 1134px){
	.cd-colonne-ecran{
		background-image: none !important;
	}
	.cd-page-ecran{
		padding: 0 auto !important;
	}
	.cd-colonne-ecran p{
		font-size: 12px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1135px) {
	.cd-colonne-trois{
		height: 750px !important;
	}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
	.cd-colonne-trois{
		height: auto !important;
		width: 100% !important;
	}
	.cd-trois-colonnes .row{
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width: 799px) {
	.cd-first-row .row{
		display: flex;
		flex-direction: column-reverse;
	}
	.cd-colonne-trois{
		height: auto !important;
	}
}

/* ----------- End Page Section Visual Composer ----------- */


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


/* ----------- Home ----------- */

@media screen and (max-width: 988px) and (min-width: 800px){
    #home-col-1, #home-col-2, #home-col-3{
        height: 380px !important;
    }
}

@media screen and (max-width: 1023px){
    #layout {
        height: 100% !important;
    }

    #layout .iScrollVerticalScrollbar {
        display: none !important;
    }

    #footer-wrap {
        position: relative !important;
    }
    .vc-row-wrapper.dfd-row-full-height{
        min-height: 100% !important;
        height: 100% !important;
        padding: 0 !important;
    }
    .fp-scroller, .fp-scrollable, .fp-tableCell{
        height: 100% !important;
        padding: 0 !important;
    }
    .fp-tableCell{
        /*padding: 70px 0;*/
    }
    .vc-row-wrapper.vc-row-responsive-5a116bda4a8e5{
        padding: 0 !important;
    }
}

/* ----------- End Home ----------- */


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


/* ----------- Blog ----------- */

	#main-wrap{
		background-color: #f5f5f5;
	}

	#right-sidebar:before{
		background-color: white !important;
	}

	#change_wrap_div .blog-top, #change_wrap_div .dfd-blog-loop .row{
		width: auto !important;
		padding: 0 2%;
	}

	.cd-blog {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.cd-blog-post {
		width: 300px;
		/*max-height: min-content;*/
		display: flex;
		flex-direction: column;
		align-items: center;
		/*background-color: #f5f5f5;*/
		background-color: white;
		/*padding: 5px;*/
	}

	.cd-blog-post .text-left {
    	height: 100% !important;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
    }

	.cd-single-part{
		height: 80%;
		margin-top: 200px;
	}

	.cd-blog-flex-content{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.cd-blog-content, .cd-blog-title, .cd-blog-meta{
		padding: 0 15px;
		text-align: center;
	}

	.cd-blog-title{
		padding-top: 15px;
	}

    .cd-blog-img{
    	width: 300px;
    	height: 200px;
    	min-height: 200px;
    	overflow: hidden;
    }

    .cd-blog-img img{
    	min-width: auto !important;
    	max-width: initial !important;
    	/*min-width: 100%;
    	max-height: 350px;
    	min-height:100%;*/
    	position: absolute;
    	margin:auto;
    	/*top:-2000px;*/
    	left:-2000px;
    	/*bottom:-2000px;*/
    	right:-2000px;
    }

    .cd-blog-more-share{
    	margin: 25px 10px 10px 10px;
    	padding: 0 !important;
    	border: none !important;
    }

    .cd-blog-more-share:hover{
    	margin: 25px 10px 10px 10px;
    	padding: 0 !important;
    }

    .cd-more{
    	width: 100%;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .cd-more-button{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	width: 100%;
    	height: 100%;
    	color: #fff !important;
    	background-color: #165d86;
    	letter-spacing: 3px !important;
    	border: 2px solid #165d86 !important;
    }

    .cd-more-button:hover{
    	color: #165d86 !important;
    	background-color: #fff;
    	border: 2px solid #165d86 !important;
    }

    .cd-share-list:before{
    	display: flex;
    	justify-content: left;
    }

    #cd-blog-mail{
    	width: 100%;
    	height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
    }

    #cd-blog-mail:after{
		color: white;
		font-size: 15px;
		content: "\ea9f" !important;
	    font-family: "icomoon" !important;
    }

@media screen and (max-width: 599px){
    .cd-blog-post .text-left {
        height: auto !important;
    }
}

/* ----------- End Blog ----------- */


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


/* ----------- Newsletter ----------- */

/* Newsletter All */

	.cd-content-newsletter{
	    display:flex;
	    flex-direction:column;
	}

	.cd-element-newsletter{
	    display:flex;
	    width:100%;
	    margin: 0 0 2% 0!important;
	}

	.cd-element-newsletter input[type="email"]{
	    height:45px;
	    width:60%;
	    margin: 0 !important;
	}

	.cd-element-newsletter input::placeholder{
	    z-index:1;
	    color: grey !important;
	    font-style:italic !important;
	}

	.cd-element-newsletter button{
	    height:45px;
	    display:flex;
	    align-items:center;
	    justify-content:center;
	    width:40% !important;
	    padding:0 !important;
	    border: 2px solid #165D86;
	}

	.cd-element-newsletter button:hover{
	    background-color: #3b3b3b;
	    border: 2px solid #ffffff;
	}

	.cd-text-newsletter{
	    text-align:center;
	}

	.cd-text-newsletter p{
	    font-style:italic;
	}

	.cd-text-newsletter .cd-newsletter-subscription-success{
	    color: grey;
	    font-style:italic;
	}

	.cd-text-newsletter .cd-newsletter-subscription-error{
	    color: #FE4747;
	    font-style:italic;
	}

@media screen and (max-width: 1024px){
    .cd-element-newsletter{
        display:flex;
        flex-direction:column;
        width:100%;
    }
    
    .cd-element-newsletter input, .cd-element-newsletter input[type="email"]{
        width:100% !important;
        margin:0 !important;
    }
    
    .cd-element-newsletter input::placeholder{
        text-align:center;
    }

    
    .cd-element-newsletter button{
        display:flex;
        width:100% !important;
        margin:0 !important;
    }
}

/* End Newsletter All */

/* Newsletter Blog */

	#cd-input-newsletter-blog{
		border-radius: 2px !important;
		border-right: none;
	}

	#cd-submit-newsletter-blog{
		border-radius: 2px !important;
	}

/* End Newsletter Blog */

/* Newsletter Footer */

	#cd-input-newsletter-footer{
		border:none !important;
	}

@media screen and (max-width: 799px){
    .cd-footer-newsletter{
        margin-right:20px;
        margin-left:20px;
    }
    .cd-acc-lab{
        text-align:center;
        margin: 0px;
    }
}

/* End Newsletter Footer */

/* ----------- End Newsletter ----------- */


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


/* ----------- Articles ----------- */

/* base wp */

	.single-post{
		background-color: #f5f5f5!important;
	}

/* ajout cd */

	.article-cd{
		/* fonctionnement du bloc */
		display: flex;
		flex-direction: column;
		/* taille du bloc */
		width: 100%;
		/* marges du bloc */
		padding: 50px 100px;	
	}

	.article-cd a{
		color: #165d86;
		font-weight: 600;
	}

	.article-cd a:hover{
		color: #cdcdcd;
		font-weight: 600;
	}

	.article-cd-top{
		/*min-height: 200px;*/
		padding: 20px 0;
		text-align: center;
	}

	.category-article{
    	line-height: 1;
    	max-height: 25px;
    	margin: 30px 0;
	}

	.category-article span{
		/* typo du bloc */
		font-family: "Raleway";
		font-size: 12px;
    	font-weight: 400;
    	font-style: normal;
    	text-transform: none;
    	letter-spacing: 0px;
    	line-height: 1;
    	color: #fff;
    	/* style du bloc */
    	background-color: #165d86;
    	/* marges du bloc */
    	padding: 7px 13px;
	}

	.category-article > span{
    	margin-right: 20px;
	}

	.meta-article{
		font-style: italic;
	    font-weight: 400;
	    font-size: 14px;
	    font-family: "Droid Serif";
	    line-height: 20.02px;
	    text-transform: none;
	    letter-spacing: 0px;
    }

    .article-cd-ill{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	width: 100%;
    }

    .img-article{
    	width: 100%;
    }

    .img-article img{
    	width: 100%;
    	height: 100%;
    }

    .article-cd-content{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	margin: 30px 0;
    }

/* ----------- End Article ----------- */

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

/* ----------- Page client ----------- */

/* Version standard (écrans desktop HD) de la page client */

	/* Start Base structure page client */

		.cd-page-main{
			/* taille du bloc */
			width: 100%;
			/* marges du bloc */
			margin: 0 auto;
			padding: 0 auto;
			/* fonctionnement du bloc */
			display: flex;
			justify-content: center;
		}

		.cd-column{		
			width: 100%;
			display: flex;
			flex-direction: column;
		}

		.cd-row{
			display: flex;
		}

	/* End Base structure page client */

	/* Start Column 2: Présentation Client */

		#cd-aside{
			/* taille du bloc */
			width: 30%;
			/* marges du bloc */
			margin: 20px 30px;
		}

		.cd-text-client{
			margin-bottom: 30px;
		}

		.cd-text-client h5{
			margin: 0 0 30px 0;
		}

		.cd-doc-btn{
			width: 100%;
			display: flex;
		}

		.cd-doc-btn a{
			width: 100%;
			font-weight: 600;
			color: #fff !important;
			background-color: #165d86;
			border: 2px solid #165d86;
			padding: 10px 15px;
			margin: 20px 0;
			text-align: center;
		}

		.cd-doc-btn a:hover{
			color: #165d86 !important;
			background-color: transparent;
			border: 2px solid #165d86;
		}

	/* End Column 2: Présentation Client */

	/* Start Column 1: Illustrations Client */

		#cd-content{
			width: 70%;
			margin: 0 auto;
			margin: 10px;
			display: flex;
		}

		.cd-one{
			width: 60%;
		}

		.cd-two{
			width: 40%;
		}

		/* Start Base blocs ombres */

		.cd-bloc{
			/* taille du bloc */
			height: 100%;
			width: 100%;
			/* marges du bloc */
			margin: 10px;
			/* style du bloc */
			background-color: #fff;
			-moz-box-shadow: 2px 2px 15px 0px #cdcfdd;
	        -webkit-box-shadow: 2px 2px 15px 0px #cdcdcd;
	        -o-box-shadow: 2px 2px 15px 0px #cdcdcd;
	        box-shadow: 2px 2px 15px 0px #cdcdcd;
	        filter:progid:DXImageTransform.Microsoft.Shadow(color=#cdcdcd, Direction=134, Strength=15);
		}

		/* End Base blocs ombres */

		/* Start Column 1 - part 1: Img/Video & Infos Clients */

		.cd-double{
			/*height: 100%;*/
		}

		.cd-media{
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.cd-media img, .cd-media video{
			width: 100%;
			height: auto;
		}

		/* End Column 1 - part 1: Img/Video & Infos Clients */

		/* Start Column 1 - part 2: Logo Client & Img/Video & Doc */

		.cd-row-two{
			flex-direction: column;
		}

		.cd-logo{
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.cd-logo img{
			width: 300px;
			height: auto;
		}

		/* End Start Column 1 - part 2: Logo Client & Img/Video */

		/* Start Bloc Infos Client */

		.cd-infos-inter{
			height: inherit !important;
		}

		.cd-row-inter{
			display: flex;
			height: 33.333%;
			/*width: 100%;*/
		}

		.cd-inter-small{
			width: 50%;
			/*height: 100%;*/
			border: 1px solid #e7e7e7;
			display: flex;
			justify-content: center;
			/*align-items: center;*/
			flex-direction: column;
		}

		.cd-inter-big{
			width: 100%;
			/*height: 100%;*/
			border: 1px solid #e7e7e7;
			display: flex;
			justify-content: center;
			/*align-items: center;*/
			flex-direction: column;
		}

		.cd-title{
			margin: 0 auto;
			font-weight: 500;
			font-size: 12px;
		}

		.cd-rep{
			margin: 0 auto;
			color: #165d86;
			font-size: 20px;
			font-weight: 600;
			text-align: center;
		}

		a.cd-rep{
			font-size: 16px;
		}

		p.cd-adress, p.cd-fond{
			font-size: 14px;
		}

		/* End Bloc Infos Client */

	/* End Column 1: Illustrations Client */


/* Version pour les écrans (desktop BR) de moins de 1134px de la page client */

@media screen and (max-width: 1134px){
	.cd-one{
		flex-direction: column-reverse;
	}
	.cd-double{
		flex-direction: column-reverse;
		margin-right: 20px; 
	}
	.cd-bloc{
		width: auto;
	}
}

/* Version pour les écrans (tablettes) de moins de 1024px de la page client */

@media screen and (max-width: 1024px) {
	#cd-content{
		flex-direction: column-reverse;
	}
	.cd-one, .cd-two{
		width: 100%;
	}
	.cd-one{
		flex-direction: column-reverse;
	}
	.cd-double{
		flex-direction: column-reverse;
		margin-right: 0px; 
	}
	.cd-hidden{
		display: none;
	}
}

/* Version pour les écrans (mobiles) de moins de 644px de la page client */

@media screen and (max-width: 644px) {
	.cd-page-main{
		display: flex;
    	flex-direction: column;
    	align-items: center;
    }
    #cd-aside{
    	width: 100%;
		flex-direction: column;
		padding: 0 12%;
	}
	#cd-content{
		flex-direction: column-reverse;
		margin-right: 6%;
	}
	.cd-one, .cd-two{
		width: 100%;
		flex-direction: column;
	}
	.cd-one{
		flex-direction: column-reverse;
		margin-bottom: 30px; 
	}
	.cd-double{
		flex-direction: column;
		margin-right: 0px;
	}
	.cd-hidden{
		display: none;
	}
    .cd-text-client, .cd-doc-client{
    	text-align: center;
    }

}

/* ----------- End Page client ----------- */


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


/* ----------- Portfolio All ----------- */

	.page-portfolio{
		/* fonctionnement du bloc */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		/* taille du bloc */
		width: 100%;
		/* marges du bloc */
		padding: 0 20px 50px 20px;
		/* style du bloc */
		background-color: #f5f5f5;
	}

	.item-portfolio{
		/* fonctionnement du bloc */
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		/* taille du bloc */
		width: 380px;
		/* marges du bloc */
		margin: 15px;
		/* style du bloc */
		background-color: #fff;
		box-shadow: 2px 3px 10px 0px #e1e1e1;
		 -moz-box-shadow: 2px 3px 10px 0px #e1e1e1;
         -webkit-box-shadow: 2px 3px 10px 0px #e1e1e1;
         -o-box-shadow: 2px 3px 10px 0px #e1e1e1;

	}

    .content-portfolio {
        max-width: 100%;
    }

	.img-portfolio{
		overflow: hidden;
	}

	.title-portfolio, .text-portfolio, .button-portfolio{
		padding: 0 30px;
		text-align: center;
	}

	.title-portfolio{
		/* fonctionnement du bloc */
		display: flex;
		flex-direction: column;
		align-items: center;
		/* marges du bloc */
		padding-top: 30px;
		padding-bottom: 10px;
		/* typo du bloc */
		font-weight: 600;
	}

	.title-portfolio h5{
		/* typo du bloc */
		font-size: 18px !important;
		letter-spacing: 4px;
	}

	.delimiter-title-portfolio{
		/* forme du bloc */
		width: 100px;
		margin-top: 10px;
    	margin-bottom: 15px;
    	/* style du bloc */
    	border-bottom-style: solid;
    	border-bottom-width: 1px;
    	border-bottom-color: #dddddd;
	}

	.text-portfolio{
		/* fonctionnement du bloc */
		overflow: auto;
		/* taille du bloc */
		max-height: 400px;
	}

	.button-portfolio a{
		/* fonctionnement du bloc */
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		/* taille du bloc */
		width: 200px;
		height: 50px;
		/* marges du bloc */
		margin-bottom: 30px;
		/* style du bloc */
		background-color: #575756;
		/* typo du bloc */
		color: #fff;
		font-weight: 600;
        text-transform: uppercase;
		/* animation du bloc */
		transition: background-color 0.4s 0.1s;
		 -webkit-transition: background-color 0.4s 0.1s;
         -moz-transition: background-color 0.4s 0.1s;
	}

	.button-portfolio a:hover{
		/* style du bloc */
		background-color: #165d86;
		/* typo du bloc */
		color: #fff;
	}

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

/* Portfolio Publication */

	.publi-portfolio{
		/* taille du bloc */
		height: 1000px !important;
	}

	.publi-img{
		/* marges du bloc */
		margin: 40px 100px 0 100px;
	}

	.publi-text{
		/* taille du bloc */
		max-height: 500px !important;
	}

/* End Portfolio Publication */

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

/* Portfolio Presse */

    .presse-portfolio{
        /* taille du bloc */
        height: 1000px !important;
    }

    .presse-img{
        /* fonctionnement du bloc */
        display: flex;
        justify-content: center;
        align-items: center;
        /* taille du bloc */
        height: 175px !important;
        /* marges du bloc */
        margin: 30px 30px 0 30px;
    }

    .presse-text{
        /* taille du bloc */
        max-height: 500px !important;
    }

/* End Portfolio Presse */

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

/* Portfolio Guide */

	.guide-portfolio{
		/* taille du bloc */
		height: 750px !important;
	}

	.guide-img{
		/* marges du bloc */
		margin: 40px 100px 0 100px;
	}

/* End Portfolio Guide */

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

/* Portfolio Publication */

	.video-portfolio{
		/* taille du bloc */
		height: 1000px !important;
	}

/* End Portfolio Publication */

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

/* Portfolio Video */

	.video-portfolio{
		/* taille du bloc */
		height: 600px !important;
	}

/* End Portfolio Video */

/* ----------- End Portfolio All ----------- */


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


/* ----------- Footer ----------- */

.cd-footer-text a {
    color: #ffffff;
}
.cd-footer-text a:hover {
    color: rgba(243,156,4,1);
}

.wpb_wrapper p > a:not(.dk_toggle):hover {
    color: rgba(243,156,4,1) !important;
}

@media screen and (max-width: 799px){
    .cd-footer-text .wpb_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cd-footer-social .soc-icon-container{
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ----------- End Footer ----------- */


/* ----------- 404 ----------- */

.button-on-page .cd-error-link{
    display: flex;
    justify-content: center;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/* Si la barre de recherche est apparente : affichez (1) et commentez (2) */
/* Si la barre de recherche est masquée : affichez (2) et commentez (1) */
/* (1) */
    /* .cd-error-search{
        display: flex;
        justify-content: center;
    } */
/* (2) */
    .not-found404{
        margin-bottom: 10%;
        margin-top: 2%;
    }

/* ----------- End 404 ----------- */


/* ----------- Liste puce ----------- */

.liste_puce li {
    line-height: 22px
}
.liste_puce li a {
    color: rgba(243,156,4,1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.liste_puce li a:hover {
    color: #000000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}