/*!
Theme Name: sogemec
Theme URI: http://underscores.me/
Author: Impulsion Média
Author URI: http://www.impulsionmedia.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sogemec
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sogemec is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-Thin.woff2') format('woff2'),
		url('font/woff/Metropolis-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-ThinItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-ExtraLight.woff2') format('woff2'),
		url('font/woff/Metropolis-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-ExtraLightItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-Light.woff2') format('woff2'),
		url('font/woff/Metropolis-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-LightItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-Regular.woff2') format('woff2'),
		url('font/woff/Metropolis-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-RegularItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-RegularItalic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-Medium.woff2') format('woff2'),
		url('font/woff/Metropolis-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-MediumItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-Bold.woff2') format('woff2'),
		url('font/woff/Metropolis-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
	src:url('font/woff2/Metropolis-BoldItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Metropolis';
    src:url('font/woff2/Metropolis-Black.woff2') format('woff2'),
		url('font/woff/Metropolis-Black.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Metropolis';
    src:url('font/woff2/Metropolis-BlackItalic.woff2') format('woff2'),
		url('font/woff/Metropolis-BlackItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}


/* Normalize
--------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:''';font-style:normal}q:after{content:''';font-style:normal}textarea,input[type='text'],input[type='button'],input[type='submit'],input[type='reset'],input[type='search'],input[type='password']{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
/* FONTS */


/*  LAYOUT  */

* {
	margin: 0;
	padding: 0;
}
html {
}
body {
	font-family: 'Metropolis', Arial, Helvetica, Sans-serif;
	font-size: 19.5px;
	color: #303030;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
    font-weight:300;
    letter-spacing:0.25px;
}

a {
	color: #016d87;
	text-decoration: none;
	-webkit-transition: color .3s cubic-bezier(.4, 0, 0, 1);
	transition: color .3s cubic-bezier(.4, 0, 0, 1);
}
a:hover, a:active, a:focus {
	outline: 0;
	
}
em {font-style:italic}
.clear {clear:both;height:0}
.upper {text-transform:uppercase}
.small {font-size: 14px;
    line-height: 1.3;
    display: block;}

.mobile-phone-icon {display:none}
#page, #container {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.entry-content {padding:50px;min-height:500px}
.insert-page .entry-content {padding:0;min-height:inherit}
.entry-header {padding:50px;}
.entry-header h1 {font-size:42px;font-weight:500;}

#content {
max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
        display: table;
    width: 100%;
    position: relative;
}




.wrapper {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
    width: 100%;
}

/*  COLORS  */

.c-white {color:white}
.c-blue {color:#00add8}
.c-black {color:#231f20}
.c-link {color:#01719b}


/*  PAGINATION  */
.pagination {display:block;margin-top:40px}

.nav-links {    display: table;
    margin: 0 auto;}
a.page-numbers {border-radius: 7px;
    width: 35px;
    background: #f5f4f3;
    padding: 5px;
    margin: 0 5px;
    line-height:25px;
    text-decoration: none!important;
    display: inline-block;text-align:center;border:1px solid #f5f4f3}
span.page-numbers.current {border-radius: 7px;
    width: 35px;
    background: white;
    padding: 5px;
        margin: 0 5px;
    line-height:25px;
    display: inline-block;text-align:center;
border:1px solid #f5f4f3;}
a.prev.page-numbers {text-indent: -9999px;background-image: url('img/previous.gif');
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: center
   }
a.next.page-numbers {text-indent: -9999px;background-image: url('img/next.gif');
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: center
   }



body.home #header {height:134px;display:block;position:absolute;background:transparent;width: 100%;}
#header {height:134px;display:block;position:relative;background:transparent;width: 100%;}
.header-wrapper {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
    z-index: 4;
    position:relative;
}



.mobile-message {display:none;}

#carousel {background:#fefdf9;display:block}



#site-logo {display:block;position:relative;float:left;width:auto;}
#site-logo .logo {margin-top:50px;width:224px}
.top-right-container {display:block;
    float: right;
    width: 80%;}
.utility {display:flex;justify-content: flex-end;position:relative;}

#mega-menu-wrap-menu-2 {}
.esp-client-link {line-height: 60px;margin-left: 20px;}
.top-phone {margin-left: 25px;}
.top-email {margin-left: 27px;font-size: 18px;position: relative;top: 1px;}
.top-right-utility-container-one {display:flex;width:100%;justify-content: flex-end;line-height:1.7}
.top-right-utility-container-one {font-size:12.5px;letter-spacing:0;text-transform:uppercase;font-weight:500;background-image: url('img/bg-top-right-utility.png');background-repeat: no-repeat;background-position: right bottom;position:relative;}
.top-right-utility-container-one a {color:#303030}
.top-right-utility-container-one a:hover {color:#00add8}
.top-right-utility .language {display:block;position:relative;text-transform:uppercase;font-size:12.5px;font-weight:400;padding-left:20px;top:0;padding-right: 65px;line-height: 60px;}
.top-right-utility .language a {color:#303030;}
.top-right-utility .language a:hover {color:#00add8}


#mega-menu-menu-2 .mega-menu-item a.mega-menu-link {line-height:60px!important;height:60px!important;}
#mega-menu-menu-2 .mega-menu-item.mega-toggle-on a.mega-menu-link {box-shadow: 0px 3px 5px rgb(0 0 0 / 10%)!important;}
#mega-menu-menu-2 .mega-sub-menu a.mega-menu-link {line-height:40px!important;height:40px!important;padding-left: 26px!important;padding-right: 26px!important;width:150px;font-weight:600!important}
#mega-menu-menu-2 .mega-sub-menu {}
#mega-menu-menu-2 .mega-sub-menu a.mega-menu-link:hover {color:#00add8!important;}
#mega-menu-menu-2 ul.mega-sub-menu {border-bottom-left-radius: 8px!important;border-bottom-right-radius: 8px!important}
#mega-menu-menu-2 ul.mega-sub-menu a.mega-menu-link {border-bottom:1px solid #e8e9e9!important;border-top:1px solid #ffffff!important;font-size: 14.25px!important;}
#mega-menu-menu-2 ul.mega-sub-menu li:first-child a.mega-menu-link {border-top:none!important}
#mega-menu-menu-2 ul.mega-sub-menu li:last-child a.mega-menu-link {border-bottom:none!important}
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {border-bottom-right-radius: 8px!important;border-bottom-left-radius: 8px!important;}


.top-right-utility-container-two {display:flex;justify-content: flex-end;margin-top:6px;}


.top-right-utility-container-one .phone {padding-left:25px;font-size:14px;line-height:1.0;font-weight: 500;position: relative;top: -2px;}
.top-right-utility-container-one .phone a {font-weight:600;color:#333d47;text-decoration:underline 1px rgba(0, 0, 0, 0);transition: text-decoration-color 300ms;text-underline-offset: 1px;}
.top-right-utility-container-one .phone a:hover {font-weight:600;color:#333d47;text-decoration-color: rgba(0, 0, 0, 0.6);}
.top-right-utility-container-one .phone .demo-icon {font-size:20px;position: relative;right: -5px;opacity:0.7}



#responsive-menu-pro-additional-content a {font-size:32px;color:white;opacity:0.7;display:inline-block;margin-right:10px}

#responsive-menu-pro-additional-content a.resp-lang-en {color:white;font-size:12.5px;text-transform:uppercase;display: block;margin:10px 0 20px 0;opacity:1.0;font-weight:700;}
#responsive-menu-pro-additional-content a.resp-lang-fr {color:white;font-size:12.5px;text-transform:uppercase;display: block;margin:10px 0 20px 0;opacity:1.0;font-weight:700;}
body.lang-en #responsive-menu-pro-additional-content a.resp-lang-en {display:none}
body.lang-fr #responsive-menu-pro-additional-content a.resp-lang-fr {display:none}


.top-right-utility .menu-utility {display:block;position:relative;float:right;text-transform:uppercase;font-size:13px;font-family:'Nunito';margin-top:20px;font-weight:800}
.top-right-utility .menu-utility li{display:inline-block;position:relative;border-right: 1px solid #f4e0dc;padding: 0 10px;}
.top-right-utility .menu-utility li a {color:black}
.top-right-utility .menu-utility li a:after {
    content: '\e802';
	display: inline-block;
    padding: 0 10px;
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	margin-left: -20px;
	-webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	-o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	color: black;
	font-size: 14px;
	opacity: 0;
    margin-top:0;
    top:0px;
    position:relative;
}
.top-right-utility .menu-utility li a:hover:after {margin-left: -1px;opacity: 1.0;}
.top-right-utility .menu-utility li a:hover {color:black}

.wpml-ls-legacy-list-horizontal {
    border: none!important;
    padding: 0!important;
    clear: both;
}
.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
    padding: 0!important;
    line-height: 1.0!important;
}
.top-right-utility .language .lang.fr li.wpml-ls-item-en {display:none}
.top-right-utility .language .lang.en li.wpml-ls-item-fr {display:none}
.top-right-utility .language .wpml-ls-link .wpml-ls-display {display:none}


.wpml-ls-legacy-list-horizontal a span {
    vertical-align:bottom!important;
}


.bouton-menu {margin-left: 64px;margin-top: 15px;}
.menu-btn {color: white;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    background: #00add8;
    border-radius: 9px;
    padding: 11px 10px 10px 10px;
    text-align: center;
    display: inline-block;
    margin-top: 0;
    font-size: 13px;
    border: 1px solid #00add8;
    letter-spacing: 0.25px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
}
.menu-btn:hover {color: white;background:#026d88;
    border-color:#026d88;}

.menu-btn.phone {padding: 11px 25px 10px 25px;font-size: 14.5px;}
.menu-btn-phone {position: relative;
    top: -15px;    text-align: center;}
.menu-btn-phone span {display:block;font-size:10px;text-transform:uppercase;letter-spacing: 0.25px;margin-bottom: 3px;color: #7c7b7b;}

#menu {display:block;position:relative;}



/********************************************ANNOUNCER CUSTOM STYLES*******************************/


.ancr {padding:40px 0!important;
    background-image: url(img/sogemec-assurances-logo-sm-announcer-fr.png)!important;
    background-repeat: no-repeat!important;
    background-position: 50px center!important;}
.ancr strong {font-weight:600}
.ancr p {line-height:1.5}
.ancr-btn  {
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 9px;
    padding: 11px 10px 10px 10px!important;
    text-align: center;   
    font-size: 13px;
    border: 1px solid #00add8;
    letter-spacing: 0.25px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);}

.ancr-close-icon  {display:none}
.ancr .ancr-close-btn {
    position: absolute;
    top: 50%;
    right: 0;
    color: inherit;
    line-height: 0;
    padding: 0;
    z-index: 6000;
}
.ancr-close-btn:after {
    content: '\e80c';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    speak: none;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 48px;
    top: 0;
    left: -5px;
    position: relative;
    opacity: 0.5;}

/********************************************MEGA MENU STYLES*******************************/



#container {
    position: relative;min-height:1000px}
#container:after
{content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 135px, rgba(0,0,0,1) 140px);
    visibility: visible;
    opacity: 0;
    transition: opacity .3s linear;
    z-index: 1;
    
}


.nav-focus #container:after  {
    opacity: .2;
pointer-events: all;
}

#mega-menu-wrap-menu-1 a.mega-menu-link, #mega-menu-wrap-menu-medecin a.mega-menu-link, #mega-menu-wrap-menu-omnipraticien a.mega-menu-link, #mega-menu-wrap-menu-notaire a.mega-menu-link, #mega-menu-wrap-menu-ingenieur a.mega-menu-link, #mega-menu-wrap-menu-resident a.mega-menu-link, #mega-menu-wrap-menu-etudiant a.mega-menu-link {
    
    font-size: 14.60px!important;
       font-weight: 500!important;
    letter-spacing: 0.75px!important;
}

#mega-menu-wrap-menu-medecin #mega-menu-menu-medecin li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-omnipraticien #mega-menu-menu-omnipraticien li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-notaire #mega-menu-menu-notaire li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-ingenieur #mega-menu-menu-ingenieur li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-resident #mega-menu-menu-resident li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-etudiant #mega-menu-menu-etudiant li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu  {
    box-shadow: 0 50px 60px 0 rgb(36 50 66 / 25%);
}
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 1000;
}

#mega-menu-menu-medecin {}
.mega-sub-menu .row-1 {min-height:261px!important;}
.mega-sub-menu .custom-html-widget {line-height:1.6} 

.mega-sub-menu .row-1.second .row-1-col-2 .custom-html-widget, .mega-sub-menu .row-1.third .row-1-col-2 .custom-html-widget, .mega-sub-menu .row-1.fourth .row-1-col-2 .custom-html-widget {padding-right:30px;padding-left:30px}
.mega-sub-menu .row-1.second .row-1-col-2 .mega-block-title, .mega-sub-menu .row-1.third .row-1-col-2 .mega-block-title, .mega-sub-menu .row-1.fourth .row-1-col-2 .mega-block-title  {margin-left:30px!important}
.mega-sub-menu .row-1.second .row-1-col-3 .custom-html-widget, .mega-sub-menu .row-1.third .row-1-col-3 .custom-html-widget, .mega-sub-menu .row-1.fourth .row-1-col-3 .custom-html-widget {padding-right:30px;}


.mega-sub-menu .row-1 .custom-html-widget a {font-weight: 700!important;
    font-size: 16.5px!important;
    letter-spacing: 0!important;
    line-height: 1.3!important;
    padding-bottom: 6px!important;
    text-decoration: underline 1px rgba(1, 109, 135, 0.3)!important;
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.mega-sub-menu .row-1-col-1 {position:relative}
.mega-sub-menu .row-1-col-1 .custom-html-widget {padding-right:60px;position:relative}

.mega-sub-menu .row-2-col-1 .widget_text {font-size:12.2px!important;line-height:1.2!important;position:relative;margin-top: -60px!important;letter-spacing:0.50px!important}
.mega-sub-menu .row-1-col-2 {}
.mega-sub-menu .row-1-col-3 {}
.mega-sub-menu .row-1-col-4 {}
.mega-sub-menu .row-2 {}
.row-2-col-1 {}
.row-2-col-1 a {display:inline-block;padding: 0 10px 0 10px;border-right:1px solid #a3afb7;color:#303030;font-size:12px!important;font-weight:500!important;line-height:19px}

.row-2-col-1 a:hover {color:#026d88; text-decoration: underline 1px rgba(1, 109, 135, 0.3)!important;}
.row-2-col-1 a:first-child {padding-left:0}
.row-2-col-1 a:last-child {padding-right:0;border-right:none}
.mega-block-title {font-weight: 500!important;
    font-size: 15.5px!important;
    border-bottom: 1px solid #ced5d9!important;
    display: table!important;
padding-bottom: 0!important;
    margin-bottom: 25px!important;}
.row-1-col-1 .mega-block-title {
    font-weight:600!important;
    font-size:18px!important;
line-height:25px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#mega-menu-wrap-menu-medecin .mega-menu-row a.mega-menu-link, #mega-menu-wrap-menu-notaire .mega-menu-row a.mega-menu-link, #mega-menu-wrap-menu-omnipraticien .mega-menu-row a.mega-menu-link, #mega-menu-wrap-menu-ingenieur .mega-menu-row a.mega-menu-link, #mega-menu-wrap-menu-resident .mega-menu-row a.mega-menu-link, #mega-menu-wrap-menu-etudiant .mega-menu-row a.mega-menu-link  {font-weight:700!important;
    font-size:16.5px!important;
    letter-spacing:0!important;
    line-height: 1.3!important;
    padding-bottom: 6px!important;
    text-decoration: underline 1px rgba(1, 109, 135, 0.3)!important;
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}





/********************************************HOME CONTENT STYLES*******************************/
.container-full-width {
	width: 100%
}
.container-full-width.sectionbg {
	width: 100%;
    position:relative;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}


.container-full-width-content {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0;
	display: block;
}
.container-full-width-content-extra {
	margin: 0 auto;
	max-width: 1340px;
	padding: 0;
	display: block;
}
.container-full-width-content-extra.sans-profil {
	padding-top: 20px;
}

.container-full-width-content.section {
    display: flex;
    align-content: center;
    min-height: 668px;
    align-items: center;
    width: 100%;
}



.container-full-width-inside {	
	padding: 0;
    width:100%
}

.container-full-width-inside p.texte {
	font-size: 24px;
	padding: 0 60px 20px 60px
}
.container-full-width-inside-section {
	text-align: left;
	padding: 0;
}

.container-full-width.section {
	width: 100%
}
.container-section {
width: 100%;
display:table
}

.container-section-content {
	margin: 0 auto;
	max-width: 1300px;
	display: block;
	padding: 0;
}
.container-section-inside {
	color: #505050;
	text-align: left;
	padding: 0 0 0 0;
}






/* WIDGETS */



/* CAROUSSEL */




/********************************************ACCUEIL STYLES*******************************/

.accueil-contenu {}
.row-1 {display:flex}
.accueil-gauche {width:48%;display:block;background-image: url('img/bg-accueil-left.png');
     background-repeat: no-repeat;
    background-position: center top;
    }
.accueil-gauche-inner-container {width:100%;display:block;padding:56px 40px 0 0}
.accueil-gauche h2 {font-size:30px;margin-bottom:30px;font-weight: 200;}
.accueil-gauche a {text-decoration:underline 1px rgba(1, 109, 135, 0.3);transition: text-decoration-color 300ms;text-underline-offset: 3px;}
.accueil-gauche a:hover {text-decoration-color: rgba(1, 109, 135, 1);}
.accueil-gauche p {margin-bottom:30px;line-height:1.4}
.accueil-gauche strong {font-weight:600}
.btn-bleu-moyen {
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none!important;
    background: #00add8;
    border-radius: 9px;
    padding: 11px 5px 12px 20px;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    border: 1px solid #00add8;
    letter-spacing: 1px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin-right: 58px;
    margin-top:15px
}
.btn-bleu-moyen:after {
    content: '\e802';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    speak: none;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 21px;
    margin-top: 0;
    top: 1px;
    left: -5px;
    position: relative;
    opacity:0.5;
}
.btn-bleu-moyen:hover:after {
   
    opacity:0.9;
    left: 3px;
   
}

.btn-bleu-moyen-outline {
        color: #00add8;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none!important;
    background: white;
    border-radius: 9px;
    padding: 11px 20px 20px 20px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    border: 1px solid #00add8;
    letter-spacing: 0;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin-right: 0;
    margin-top: 10px;
}
.btn-bleu-moyen-outline .icn-espace-client {    position: relative;
    top: 7px;
    margin: 0;
    padding: 0;}
.btn-bleu-moyen-outline .icn-espace-client.depot {    position: relative;
    top: 7px;
    margin: 0 10px 0 0;
    padding: 0;}
.btn-bleu-moyen-outline:hover {
        color: #00add8;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline!important;
    background: white;
    border-radius: 9px;
    padding: 11px 20px 20px 20px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    border: 1px solid #026d88;
    letter-spacing: 0;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin-right: 0;
    margin-top: 10px;
}
.btn-depot-droite {float:right;display:block;}

.accueil-droite {width:52%;display:block;position:relative;top:-105px;    right: -15px;    margin-bottom: -70px;}
.accueil-droite-bg-container {background-image: url('img/bg-accueil-right.png');
     background-repeat: no-repeat!important;
    background-size: auto!important;
    -webkit-background-size: contain!important;
    -moz-background-size: contain!important;
    -o-background-size: contain!important;
    background-size: contain!important;width:100%;display:table;padding:15px}
.accueil-droite-inner-container {background-color:white;border-radius:10px;display:block;width:100%;margin:0;min-height:400px;padding:50px 58px 0 58px;}
.row-2 {margin-bottom: 80px;
    padding-top: 0;
    display: block;}
body.page-template-custom-sans-profil .row-2 {padding-bottom: 80px;}
.row-2-titre {    text-align: center;
    font-size: 30px;
    margin: 40px 0;
    font-weight: 200;
    border-top:1px solid #e3e3e3;
    padding-top:60px;
}
.accueil-bloc-container {display:block;width:100%}
.accueil-bloc-container ul.blocs {display:flex;justify-content: space-between}
.accueil-bloc-container ul.blocs li {width:31%;}
.accueil-bloc-container ul.blocs .card-holder {border-radius: 7px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    height: 250px;
}
.accueil-bloc-container ul.blocs .card-holder img {width:100%;
    webkit-transition: 0.3s cubic-bezier(.3,0,0,1);
    -o-transition: 0.3s cubic-bezier(.3,0,0,1);
    transition: 0.3s cubic-bezier(.3,0,0,1);}
.accueil-bloc-container ul.blocs a:hover img {transform: scale(1.05);}

.accueil-bloc-container ul.blocs h4 {font-size:24px;font-weight:700;margin:20px 0 20px 0;padding:0 20px}
.accueil-bloc-container ul.blocs a h4 {color:#303030}
.accueil-bloc-container ul.blocs a:hover h4 {color:#016d87}

.accueil-bloc-container ul.blocs a h4:after {
    content: '\e802';
    display: inline-block;
    padding: 0 10px;    
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    margin-left: -1px;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: #303030;
    font-size: 24px;
    opacity: .3;
    margin-top: 0;
    top: 1px;
    position: relative;
}
.accueil-bloc-container ul.blocs a:hover h4:after {
    margin-left: 8px;
    opacity: .8;
    color:#016d87;
}

.accueil-bloc-container ul.blocs span {line-height:1.4;display:block;padding:0 10px 0 20px}


.accueil-droite-inner-container h3 {
    font-size: 46px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px #00000000;
    font-weight: 600;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 36px;
}
.accueil-droite-inner-container p {line-height:1.4}
.accueil-droite-inner-container p span {font-weight: 600;
    margin: 36px  0 0 0;
    display: block;}
.accueil-droite-inner-container .bienvenue-holder p span {font-weight: 600;
    margin: 36px  0 20px 0;
    display: block;padding-left: 15px;}

.bienvenue-holder {display:flex;
flex-wrap:wrap}
.bienvenue-gauche {width:100%;}
.bienvenue-gauche span {font-weight: 600;
    margin: 0  0 20px 0;
    display: inline-block;text-decoration: underline 1px rgba(227, 227, 227, 1.0);
    text-underline-offset: 9px;}
.bienvenue-gauche ul {    padding-right: 0;}
.bienvenue-gauche li {}
.bienvenue-gauche li a {color:#303030}
.bienvenue-gauche li a:hover {color:#016d87}

.bienvenue-holder li {font-size:22px;font-weight:700}
.bienvenue-holder li a {    color: #303030;
    border: 1px solid #00add8;
    border-radius: 9px;
    padding: 16px 5px 17px 15px;
    display: inline-block;
    width: 100%;margin-bottom:10px;letter-spacing: 0;}

.bienvenue-droite {width:100%}
.bienvenue-droite span {font-weight: 600;
    margin: 0  0 20px 0;
    display: inline-block;text-decoration: underline 1px rgba(227, 227, 227, 1.0);
    text-underline-offset: 9px;}
.bienvenue-droite ul {}
.bienvenue-droite li {}
.bienvenue-droite li a {color:#303030}
.bienvenue-droite li a:after, .bienvenue-gauche li a:after {
    content: '\e802';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    margin-left: -1px;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: #303030;
    font-size: 24px;
    opacity: .3;
    margin-top: 0;
    top: 1px;
    position: relative;
}
.bienvenue-droite li a:hover {color:#016d87}
.bienvenue-droite li a:hover:after, .bienvenue-gauche li a:hover:after {
    margin-left: 8px;
    opacity: .8;
    color:#016d87;
}

.bienvenue-bas {font-weight:500;font-size:14px;margin-top:55px;padding-top:16px;text-transform:uppercase;line-height:1.3;text-align: center;}
.bienvenue-bas a {text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.bienvenue-bas a:hover {text-decoration-color: rgba(1, 109, 135, 1);}
.balado {margin:20px auto 80px auto;width:70%;text-align:center}
.balado h4 {font-size:30px;font-weight:200;margin-bottom:30px}
.balado p {line-height:1.4;}
.balado a.btn-accueil-balado {
    color: #00add8;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none!important;
    background: white;
    border-radius: 9px;
    padding: 11px 20px 10px 20px;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    border: 1px solid #94ddf8;
    letter-spacing: 1px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin:20px auto;
}
.balado a.btn-accueil-balado:hover {
    color: white;
    background: #00add8;
    border: 1px solid #00add8;
}
.wp-block-image {margin:0}
.wp-image-109 {margin-top:60px}



/********************************************SECTION Page sans profil *******************************/

.header-overlay {
    background:linear-gradient(90deg, rgba(239, 243, 245, 1) 40%, rgba(239, 243, 245, 0) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    border-radius:6px;
}
#entete-section-normal .header-overlay {
    background:linear-gradient(90deg, rgba(239, 243, 245, 1) 40%, rgba(239, 243, 245, 0.5) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    border-radius:6px;
}

#entete-section-plain {
    width: 100%;
    position: relative;
    margin-top: 13px;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center;
   border-radius:8px;
}
#entete-section-plain .wrapper {display:flex;align-content:center;align-items:center;min-height: 398px;max-width: 1340px;}

#entete-section-normal {
    width: 100%;
    position: relative;
    margin-top: 13px;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center;
   border-radius:8px;
}
#entete-section-normal .wrapper {display:flex;align-content:center;align-items:center;min-height: 198px;max-width: 1340px;}
body.medecin-template-single-medecin-normal-one-col #entete-section-normal .wrapper {display:flex;align-content:center;align-items:center;min-height: 125px;max-width: 1340px;}
.entete-section-inner-titre {width:50%;z-index: 2;}
.entete-section-inner-titre.plain {width:50%;z-index: 2;}
.entete-section-inner-titre.plain.fullwidth {width:80%;z-index: 2;}

.entete-section-inner-titre h1 {
    font-size: 30px;
    font-weight: 200;
    color: #303030;
    margin-bottom: 20px;
padding-left: 46px}
.entete-section-inner-titre h2 {font-size: 54px;
    color: #303030;
    margin: 0 0 30px 0;
    line-height: 1.1;
    letter-spacing: -1px;
    font-weight: 400;
    Padding-left:44px;
    /* background: white;*/
   /* padding: 10px 20px 10px 44px;*/
/*border-radius:0 8px 8px 0;*/

}

    

.section-general-contenu .row-1 {display:flex;margin-bottom:0}
.section-general-gauche {width:48%;display:block;background-image: url('img/bg-accueil-left.png');
     background-repeat: no-repeat;
    background-position: center top;
    }
.section-general-gauche-inner-container {width:100%;display:block;padding:56px 40px 0 24px}
.section-general-gauche h2 {font-size:30px;margin-bottom:30px;font-weight: 200;}
.section-general-gauche a {text-decoration:underline 1px rgba(1, 109, 135, 0.3);transition: text-decoration-color 300ms;text-underline-offset: 3px;}
.section-general-gauche a:hover {text-decoration-color: rgba(1, 109, 135, 1);}
.section-general-gauche p {margin-bottom:30px;line-height:1.4}
.section-general-gauche strong {font-weight:600}

.section-general-droite {width:52%;display:block;position:relative;top:-50px;right: -12px;z-index:1}
.section-general-droite-bg-container {
    background-image: url('img/bg-accueil-right.png');
     background-repeat: no-repeat!important;
    background-size: auto!important;
    -webkit-background-size: auto!important;
    -moz-background-size: auto!important;
    -o-background-size: auto!important;
    background-size: auto!important;
    width:100%;
    display:table;
    padding:12px
}
.section-general-droite-inner-container {background-color:white;border-radius:10px;display:block;width:100%;margin:0;min-height:600px;padding:50px 58px 0 58px;}


.section-general-droite-inner-container h3 {
    font-size: 46px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 0;
}
.section-general-droite-inner-container p {line-height:1.4}
.section-general-droite-inner-container p span {font-weight: 600;
    margin: 36px 0 20px 0;
    display: block;
    padding-left: 15px;}

.smaller-text-block {font-size:17px;padding:25px 0 20px 0;margin-top:50px;border-top:1px solid #e3e3e3;line-height:1.6}
.carousel-logo-titre {font-weight:600;font-size:17px;margin-top:40px;margin-bottom:30px;text-align:center;line-height:1.3}
#slider-logos {width:90%;margin:0 auto}
#slider {margin-top: 40px;}
.flexslider .slides img {
    
}
.flex-control-paging li a {
    width: 16px!important;
    height: 16px!important;}

.flex-control-paging li a {
    background: #c2c2c1!important;
    background: rgba(194, 194, 193, 0.5)!important;
}

.flex-control-paging li a.flex-active {
    background: #c1e5f2!important;
    background: rgba(193, 229, 242, 0.9)!important;
}
.flex-control-nav {
      bottom: -60px!important;
}

p#breadcrumbs {text-transform:uppercase;font-size:10px;padding-left:47px;letter-spacing: 0.25px;color:#7c7b7b}
p#breadcrumbs a {color:#7c7b7b}
p#breadcrumbs i {}
p#breadcrumbs span.breadcrumb_last {}

/********************************************WIDGET STYLES*******************************/

.footer-banner  {position:relative;bottom:-48px;margin-top: -48px}
.footer-banner img {border-radius:8px!important;}
.footer-banner p {    position: absolute;
    top: 100px;
    font-size: 48px;
    padding-left: 192px;
    font-weight: 200;
    line-height: 56px;
    letter-spacing: -0.75px;}

.chat {text-align:center}


/********************************************Single medecin STYLES*******************************/

.container-carousel-section {border-radius: 8px;overflow: hidden;margin-top:16px;}
.entete-section-inner-titre.plain h1 {font-size: 30px;
    font-weight: 200;
    color: #303030;
    margin-bottom: 5px;
    padding-left: 46px;}
#entete-section-normal .entete-section-inner-titre.plain h1 {font-size: 30px;
    font-size: 54px;
    font-weight: 200;
    line-height: 1.0;
    letter-spacing: -0.75px;}
.entete-section-inner-titre.plain .sous-titre {font-size:54px;font-weight:400;line-height:1.0;letter-spacing:-0.75px;padding: 20px 20px 20px 46px;background:rgb(255 255 255 / 40%);width:100%;    border-bottom-right-radius: 8px;border-top-right-radius: 8px;}

.entete-section-inner-titre.plain .sous-titre.fullwidth {font-size:54px;font-weight:400;line-height:1.0;letter-spacing:-0.75px;padding: 20px 20px 20px 46px;background:rgb(255 255 255 / 40%);width:100%;    border-bottom-right-radius: 8px;border-top-right-radius: 8px;}
.entete-section-inner-titre.plain .introduction {font-size: 20px;
    line-height: 1.4;
    margin-top: 25px;
    padding-left: 46px;
    width: 100%;}
.section-profil-contenu .row-1 {display:flex;margin-bottom:80px}
.section-profil-gauche {width:60%;display:block;background-image: url('img/bg-accueil-left.png');
     background-repeat: no-repeat;
    background-position: center top;
    }
.section-profil-gauche.one-col, .espace_client-template .sogemec-form.webform {width:100%;display:block;background-image: url('img/bg-accueil-left.png');
     background-repeat: no-repeat;
    background-position: -5% 0;
    }
.sogemec-form.webform {}
.section-profil-gauche.one-col.espace-client {width:100%;display:block;background-image: url('img/bg-accueil-left.png');
     background-repeat: no-repeat;
    background-position: center top;
    }
.section-profil-gauche-inner-container {width:100%;display:block;padding:56px 40px 0 24px}
.section-profil-gauche.one-col.espace-client .section-profil-gauche-inner-container {width:100%;display:block;padding:0}
.section-profil-gauche-inner-container h2 {font-size:30px;margin-bottom:30px;margin-top:40px;font-weight: 600;}
.section-profil-gauche-inner-container h2:first-child {margin-top:0}
.section-profil-gauche h3 {font-size:30px;margin-bottom:30px;margin-top:40px;font-weight: 200;line-height:1.3}
.section-profil-gauche a {text-decoration:underline 1px rgba(1, 109, 135, 0.3);transition: text-decoration-color 300ms;text-underline-offset: 3px;}
.section-profil-gauche a:hover {text-decoration-color: rgba(1, 109, 135, 1);}
.section-profil-gauche p {margin-bottom:30px;line-height:1.4}
.section-profil-gauche ul, .section-profil-gauche.one-col.espace-client ul.normal-list {list-style-type: disc;margin:0 0 0 40px;padding-bottom: 30px;}
.section-profil-gauche ul li, .section-profil-gauche.one-col.espace-client ul.normal-list li {line-height: 1.5;padding:5px 0 5px 0}
.section-profil-gauche ul li ul {padding-bottom:0}
.section-profil-gauche ol {list-style-type:decimal;margin:0 0 0 40px;padding-bottom: 30px;}
.section-profil-gauche ol li {line-height: 1.5;padding:5px 0 5px 0}
.section-profil-gauche strong {font-weight:600}

.section-profil-droite {width:40%;display:block;position:relative;top:-50px;right: -12px;z-index:1}
.section-profil-droite-bg-container {
    background-image: url('img/bg-accueil-right.png');
     background-repeat: no-repeat!important;
    background-size:contain!important;
    -webkit-background-size: contain!important;
    -moz-background-size: contain!important;
    -o-background-size: contain!important;
    background-size: contain!important;
    width:100%;
    display:table;
    padding:12px
}
.section-profil-droite-inner-container {background-color:white;border-radius:10px;display:block;width:100%;margin:0;min-height:600px;padding: 33px 45px 0 45px;}
.jeune .section-profil-droite-inner-container {background: rgb(0,173,216);
background: linear-gradient(180deg, rgba(0,173,216,1) 0%, rgba(0,173,216,1) 55%, rgba(41,214,153,1) 100%);}

.section-profil-droite-inner-container h3 {
    font-size: 36px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-shadow: 0px 0px #00000000;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 30px;
}
.section-profil-droite-inner-container h4.calculez {font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.75px;
    margin-bottom: 15px;
    margin-top: 30px;}
.section-profil-droite-inner-container h4 {
    font-size: 32px;
    font-weight: 300;
    display: table;
    letter-spacing: -0.25px;
    margin-bottom: 30px;
}
h2.gradient {
   font-size: 46px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 60px;
}
.jeune .section-profil-droite-inner-container h3 {
    font-size: 36px;
    color:white;
    -webkit-text-fill-color: white;
    background:transparent;
    font-weight: 500;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 30px;
}
.jeune .section-profil-droite-inner-container {color:white}
.section-profil-droite-inner-container p {line-height:1.4;font-size:17px;margin-bottom: 15px;}
.section-profil-droite h5 {font-size: 18px;font-weight: 700;margin-bottom: 15px;}
.section-profil-droite strong {font-weight: 700}

.section-profil-droite a {text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.section-profil-droite a:hover {text-decoration-color: rgba(1, 109, 135, 1);}
.section-profil-droite ul {list-style-type: disc;margin:0 0 0 40px;padding-bottom: 20px;line-height:1.4;font-size:17px;}
.section-profil-droite ul li {line-height: 1.5;padding:5px 0 5px 0;text-align: left;}
.section-profil-droite ol {list-style-type:decimal;margin:0 0 0 40px;padding-bottom: 20px;line-height:1.4;font-size:17px;}
.section-profil-droite ol li {line-height: 1.5;padding:5px 0 5px 0;text-align: left;}

.section-profil-droite .icn-espace-client {position: relative;top: 6px;}
.section-profil-droite .quote {font-size:14px;text-align:center;line-height:1.3;margin-top: 15px;}
.section-profil-droite .quote h6 {font-weight:600;margin-bottom:20px}
.section-profil-droite .quote p {font-size:14px;}
.section-profil-droite .quote em {font-style:italic;font-size:14px;}
.section-profil-droite .quote span {font-size:14px;}
.section-profil-droite .banner-cyberrisque img {margin-bottom:15px}

.right-menu {font-size:18px;line-height:1.5}
.right-menu span {font-weight:500;padding-top:15px;}
.right-menu a {font-weight:600;color:#026d88;text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.right-menu a:hover {text-decoration-color: rgba(1, 109, 135, 1);}
.right-menu .bluetag {background: #00add8;
    font-weight: 500;
    font-size: 9px;
    display: inline-block;
    padding: 2px 5px 0 5px;
    color: white;
    text-transform: uppercase;
    line-height: 13px;
    border-radius: 5px;
    position: relative;
    left: 7px;
    top: -1px;
    letter-spacing: 0.50px;}

.jeune .right-menu {font-size:18px;}
.jeune .right-menu a {font-weight:600;color:white;text-decoration: none!important;border:1px solid white;border-radius:5px;width:100%;padding:5px 10px 3px 10px;display:block;margin:0 0 7px 0;position:relative;background-color:rgba(255,255,255,0.00); -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);}
.jeune .right-menu a:after {
    content: '\e802';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    speak: none;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 21px;
    margin-top: 0;
    top: 1px;
    right:8px;
    position: absolute;
    opacity: 0.5;
}
.jeune .right-menu a:hover:after {
    right:0;
    opacity: 1;}
.jeune .right-menu a:hover {background-color:rgba(255,255,255,0.2)}
.section-profil-droite.jeune a {color:white;text-decoration: underline 1px rgba(255, 255, 255, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.section-profil-droite.jeune a:hover {color:white;text-decoration: underline 1px rgba(255, 255, 255, 1);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}

.section-profil-titre {
    font-weight: 600;
    font-size: 24px;
    margin: 40px 0 20px 45px;
}
.section-profil-titre a {
    color:#303030;
}
.section-profil-gauche-inner-container .btn-bleu-moyen {
    display: table;
    margin: 0 auto 80px auto;
}
.wp-block-separator {
    border-top: 1px solid;
    border-bottom: none;
    color: #d6e8ec;
}

.col-droite-jeune-quote {padding:45px;border:1px solid #38a3c0;border-radius: 10px;margin: 12px;}


ul.icones-jeune  {display:flex;list-style-type: none;margin:0 0 60px 0;padding:0;justify-content: center}
ul.icones-jeune  li {margin: 0;
    padding: 0;
    display: block;
    text-align: center;line-height: 1.1;
    width: 40%;font-weight:600;font-size:20px}
ul.icones-jeune  li img {}

table.tableau {background: #f1f6f8;
margin-top: 10px;font-size: 15px;width:100%}
table.tableau  tbody {border-top: none;}
table.tableau  thead {background:#ccf5ff}
table.tableau  th {font-weight:600;text-align:left;padding: 10px 20px 10px 7px;border-bottom:1px solid white}
table.tableau  tr {}
table.tableau  td {padding: 7px 20px 7px 7px;border-bottom:1px solid white}
table.tableau  td {padding: 7px 20px 7px 7px;border-bottom:1px solid white}
table.tableau  td:first-child {width:33.333%}
table.tableau  td:nth-child(2) {width:33.333%}
table.tableau  td:last-child {width:33.333%}
table.tableau.deux  td:first-child {width:25%}
table.tableau.deux  td:nth-child(2) {width:25%}
table.tableau.deux  td:last-child {width:25%}
.section-profil-gauche h2 + div.accordeons {}
.section-profil-gauche h2 span {font-weight:400;color:#00add8;}
.section-profil-gauche .accordeons {padding-bottom:30px}
.section-profil-gauche .accordeons h3 {font-size:20px;font-weight:400;margin:0 0 0 0;line-height: 1.3;padding: 20px 25px 20px 0;border-bottom: 1px solid #e5e4e4;cursor:pointer;position: relative;letter-spacing: 0.50px;}
.section-profil-gauche .accordeons h3:hover {color:#00add8}
.section-profil-gauche .accordeons h3.ui-accordion-header-active {border-bottom: 2px solid #00add8;color:#00add8}
.section-profil-gauche .accordeons .ui-accordion-content-active {border-bottom: 1px solid #e5e4e4;}
.section-profil-gauche .accordeons h3.ui-state-default:after {
    content: '\e808';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    speak: none;
    /* margin-left: -20px; */
    -webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    -o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    color: #bcbcbc;
    font-size: 14px;
    opacity: 1;
    margin-top: 0;
    /* top: 0px; */
    position: absolute;
    /* left: 0; */
    right: 0;
}
.section-profil-gauche .accordeons h3:hover.ui-state-default:after {
    color: #00add8;
}
.section-profil-gauche .accordeons h3.ui-accordion-header-active:after {
    content: '\e80a';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    speak: none;
    /* margin-left: -20px; */
    -webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    -o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    color: #00add8;
    font-size: 14px;
    opacity: 1;
    margin-top: 0;
    /* top: 0px; */
    position: absolute;
    /* left: 0; */
    right: 0;
}
.section-profil-gauche .accordeons .ui-accordion-content {padding:30px 0 40px 0;}
.section-profil-gauche .accordeons .ui-accordion-content a {color:#333d47;text-decoration: underline 1px rgba(51, 61, 71, 0.5);text-underline-offset: 2px;
    transition: text-decoration-color 300ms, text-underline-offset 300ms;}
.section-profil-gauche .accordeons .ui-accordion-content a:hover {color:#333d47;text-decoration: underline 1px rgba(51, 61, 71, 1);}
.section-profil-gauche .accordeons .ui-accordion-content em a {text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    background: #e3f6fd;
    padding: 7px 5px 7px 15px;
    border-radius: 5px;
    color:#01719b;
   }
.section-profil-gauche .accordeons .ui-accordion-content em a:after {content: '\e802';
	display: inline-block;
    padding: 0 10px;
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	left: -4px;
	-webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	-o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	color: #01719b;
	font-size: 18px;
	opacity: 1;
    margin-top:0;
    top:1px;
    position:relative;}
.section-profil-gauche .accordeons .ui-accordion-content em a:hover:after {left: 0px;}
.section-profil-gauche .accordeons .ui-accordion-content em a:hover {color: #01719b;text-decoration:none;}

a.btn-calculatrice {
    color: #00add8;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none!important;
    background: white;
    border-radius: 9px;
    padding: 0 20px 0 20px;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    border: 1px solid #94ddf8;
    letter-spacing: 1px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin: 0 auto;
    width: 100%;
    line-height: 50px;
}
a.btn-calculatrice:after {
    content:url(img/icn-calculatrice-sm.png);
    padding:0;
    margin:0;
    top:6px;left:15px;
    position:relative;
}
a.btn-calculatrice:hover {
    color: #026d88;
    border: 1px solid #00add8;
}
.section-profil-droite.jeune a.btn-calculatrice {
    color: #00add8;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none!important;
    background: white;
    border-radius: 9px;
    padding: 0 20px 0 20px;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    border: 1px solid #94ddf8;
    letter-spacing: 1px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin: 0 auto;
    width: 100%;
    line-height: 50px;
}
.section-profil-droite.jeune a.btn-calculatrice:after {
    content:url(img/icn-calculatrice-sm.png);
    padding:0;
    margin:0;
    top:6px;left:15px;
    position:relative;
}
.section-profil-droite.jeune a.btn-calculatrice:hover {
    color: #026d88;
    border: 1px solid #00add8;
}

.coordonnees-container {display:flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start}
.coordonnees-content {display:block;width:33.3333%;line-height:1.2}


/********************************************ESPACE CLIENT STYLES*******************************/

.row-message-droite {display:flex}
.message-droite-col-1 {width:75%;}
.message-droite-col-2 {width:25%;}
.message-droite-col-2-inner {padding-left:25px}
.message-droite-col-2 h3 {    font-size: 36px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-shadow: 0px 0px #00000000;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 30px;
    line-height:1.1
}
.message-droite-col-2 p {    line-height: 1.4;
    font-size: 17px;
    margin-bottom: 15px;}
.message-droite-col-2 a {text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.top-right-utility-container-two .titre-ec-holder {}
.top-right-utility-container-two .titre-ec-holder h1.titre-ec {font-size: 42px;
    background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
    background: -o-linear-gradient(right, #00add8 20% , #43f16f);
    background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
    background: linear-gradient(to right, #00add8 20% , #43f16f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    display: table;
    letter-spacing: -0.75px;
    margin-bottom: 0;}
.top-right-utility-container-two .titre-ec-holder h1.titre-ec span.titre-ec-sp {  background: -webkit-linear-gradient(left, #303030 20% , #303030);
    background: -o-linear-gradient(right, #303030 20% , #303030);
    background: -moz-linear-gradient(right, #303030 20% , #303030);
    background: linear-gradient(to right, #303030 20% , #303030);font-weight:200;color:#303030; -webkit-background-clip:text;
    -webkit-text-fill-color: transparent; display: inline-block;padding-left:10px}

.espace-client-select {display:block;width:100%;padding:60px 0 30px 0;border-radius:10px;background-image: url(img/espace-client-home-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;}
.espace-client-select p {font-size:30px;display:block;width:70%;margin:0 auto 20px auto;text-align:center;}
.espace-client-select a {
    color: #026d88;
    font-weight: 600;
    text-decoration: none!important;
    background: white;
    border-radius: 9px;
    padding: 11px 20px 10px 20px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    border: 1px solid #026d88;
    letter-spacing: 0;
    width:310px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin:6px auto;
}
.espace-client-select a:hover {
    color: white;
    background: #00add8;
    border: 1px solid #00add8;
}
.espace-client-select-texte {display:block;width:65%;text-align:center;margin:0 auto 50px auto;background-image: url(img/espace-client-bg.jpg);
    background-repeat: no-repeat;
    padding-top:60px;
    background-size: contain;
    background-position: center top;}

.ec-entete-row-1 {text-transform:uppercase;font-weight:600;margin-top:50px;margin-bottom:25px;border-bottom:1px solid #cbcbcb;padding-bottom:20px}
.ec-entete-row-1 p {text-transform:none;font-weight:300;padding-top:15px}
.ec-entete-row-2 {padding-bottom:15px;border-bottom:1px solid #cbcbcb}
.ec-list-box-container {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top:60px;}
.section-profil-gauche a.ec-list-box {display:block;border:1px solid #22add1;border-radius:7px; width:22%;text-align:center;text-decoration:none;background-image: url(img/espace-client-home-bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;}
.section-profil-gauche a.ec-list-box:hover img {transform: scale(1.00);}
.section-profil-gauche a.ec-list-box:hover {border-color:#016d87;background-image: none;background-color:white}
.ec-list-box-titre {text-transform:uppercase;font-weight:600;text-decoration:none;display:block;margin:30px 0 15px 0;letter-spacing:-0.25px;}
.section-profil-gauche a.ec-list-box:hover .ec-list-box-titre {text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.ec-list-box-desc {text-decoration:none;color:#303030;display:block;padding:0 20px;line-height:1.2;font-size:17px;    min-height: 75px}
.ec-list-box img {display:block;margin: 0 auto 30px auto;webkit-transition: 0.3s cubic-bezier(.3,0,0,1);
    -o-transition: 0.3s cubic-bezier(.3,0,0,1);
    transition: 0.3s cubic-bezier(.3,0,0,1);transform: scale(0.90);}

.ec-entete-row-1 {}
.ec-entete-row-1 div {display:inline-block;padding-right:40px}
.ec-entete-row-1 a {text-decoration:none;}
.ec-entete-row-1 a.active {color:#303030;text-decoration: underline 3px rgba(48, 48, 48, 1);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}
.ec-entete-row-1 .desc {font-weight: 300;Text-transform: none;margin-top:20px}

.ec-entete-row-1 a.passive:hover {text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}


#b {display:block;}
#d {display:none;}
#c:hover ~ #d {display:block}
#c:hover ~ #b {display:none}
#f {display:none}
#e:hover ~ #f {display:block}
#e:hover ~ #b {display:none}
#h {display:none}
#g:hover ~ #h {display:block}
#g:hover ~ #b {display:none}

.ec-entete-row-3 {font-size:16px;}
.ec-entete-row-4 {padding-top:10px;padding-bottom:40px}
.ec-entete-row-4 a {    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #026d88;
    text-decoration: none;
    letter-spacing: -0.25px;
    border: 1px solid #016d87;
    border-radius: 5px;
    padding: 7px;}
.ec-entete-row-4 a:hover {border-color:#303030;color:#303030}
.ec-entete-row-4 a.active {border-color:silver;color:#303030}
.ec-entete-row-4 a.active:hover {}

.section-profil-gauche.one-col.espace-client h2 {font-size:16px;font-weight:600;margin:10px 0 5px 0;}
.section-profil-gauche.one-col.espace-client ul {list-style-type: none;margin:0 0 0 30px}
.section-profil-gauche.one-col.espace-client ul li {    line-height: 1.3;
    padding: 15px 0 5px 0;}
.section-profil-gauche.one-col.espace-client ul li a {font-weight:600;text-decoration:none;transition: text-decoration-color 300ms;}
.section-profil-gauche.one-col.espace-client ul li a:hover {text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    
    text-underline-offset: 3px;}
.pdf-desc {display:block;font-size:16px;}
.section-profil-gauche.one-col.espace-client ul li a.pdf:before {
    content: url(img/icn-download.png);
        position: relative;
   top: 5px;
    margin-left: -31px;
    padding-right: 8px;
}
.section-profil-gauche.one-col.espace-client ul li a.form-secure:before {
    content: url(img/icn-form-secure.png);
        position: relative;
    top: 7px;
    margin-left: -31px;
    padding-right: 8px;
}
.section-profil-gauche.one-col.espace-client ul li a.form-doc:before {
    content: url(img/icn-doc.png);
        position: relative;
    top: 7px;
    margin-left: -31px;
    padding-right: 8px;
}
.espace_client h1.lock:after {
    content: url(img/icn-form-secure.png);
        position: relative;
    top: 0;
    left:12px;
    padding-right:0;
}
.espace_client h1.doc:after {
    content: url(img/icn-doc.png);
        position: relative;
    top: 0;
    left:12px;
    padding-right:0;
}
.section-profil-gauche.one-col.espace-client ul li .file-size {font-weight:500;color:#8f8e8e;font-size:16px;}
.note-importante {background:#00add8;font-size:12px;font-weight:500;color:white;text-transform:uppercase;border-radius:5px;padding:3px 10px 6px 10px;cursor: pointer;z-index:1000;position: relative;display: table;}
.note-importante:after {content: '\e800';
    display: inline-block;
    padding: 0 0 0 7px;
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    speak: none;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 18px;
    margin-top: 0;
    top: 2px;
    left: 0;
    position: relative;
    opacity: 0.8;}
.note-importante.active:after {content: '\e803';
    display: inline-block;
    padding: 0 0 0 7px;
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    speak: none;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 18px;
    margin-top: 0;
    top: 1px;
    left: 0;
    position: relative;
    opacity: 0.8;}

div#notebox-a, div#notebox-b, div#notebox-c, div#notebox-d {
  padding: 20px;
  background: #f8fafc;
  display: none;
  border: 1px solid #00add9;
border-radius:5px;
  position: relative;
    font-size:16px;
    top:-5px;
    left:9px;
    z-index:500;
}

div#notebox-a ul, div#notebox-b ul, div#notebox-c ul, div#notebox-d ul {
    list-style-type: disc;
    margin: 0 0 0 40px;
    padding-bottom: 30px;
}

h4.ec {font-size:24px;font-weight:600;margin:40px 0 30px 0}
.espace_client h1 {    font-size: 54px;
    font-weight: 200;
    line-height: 1.0;
    letter-spacing: -0.75px;margin:20px 0 40px 0}

.section-profil-gauche.one-col.espace-client p {font-size:16px}
.espace-message {margin:0 auto;display:block;width:70%;font-size: 16px;line-height:1.3;text-align:center}
.message-additionnel-esp-client {margin:0 auto;display:block;width:70%;font-size: 19.5px;line-height:1.3;text-align:center;padding:30px;border:1px solid #22add1;border-radius:9px;margin-bottom:80px}
.message-additionnel-esp-client strong {font-weight:600}
.message-additionnel-esp-client a {font-weight:600;text-decoration: underline 1px rgba(1, 109, 135, 0.3);
    transition: text-decoration-color 300ms;
    text-underline-offset: 3px;}



/********************************************Equipe et conseillers*******************************/

.coordonnees-titre {font-size: 14px;
    line-height: 1.4;
    display: block;}

.equipe-list, .equipe-list-etudiant-accueil {display:flex;flex-wrap:wrap;justify-content:flex-start}
.equipe-list-container {display:block;width:25%;    margin-bottom: 20px;}
.equipe-list-etudiant-accueil .equipe-list-container {display:block;width:33.3333%;}
.equipe-list-etudiant-accueil .equipe-list-container {display:block;width:50%;}
body.medecin_etudiant-template-single-medecin_etudiant-normal-one-col-conseillers .equipe-list-container {display:block;width:33.3333%;}
.equipe-list-inside-container {text-align: center;padding-bottom: 20px;
    border-radius: 9px;margin: 10px;background: rgb(254,254,254);}
.equipe-image-container {display: block;
    overflow: hidden;
    height: 240px;
    border-radius: 50%;
    margin: 30px auto 15px auto;
    width: 240px;}
.equipe-list-etudiant-accueil .equipe-image-container {display: block;
    overflow: hidden;
    height: 240px;
    border-radius: 50%;
    margin: 20px auto 15px auto;
    width: 240px;}
.equipe-image-container img {width: 100%;
    height: auto;}
.equipe-prenom {display:block;font-weight:600;text-transform:uppercase;padding-bottom:5px;}
.equipe-nom {display:block;font-weight:600;text-transform:uppercase;padding-bottom:10px;}
.equipe-list-etudiant-accueil .equipe-prenom {display:block;font-weight:600;text-transform:uppercase;padding-bottom:5px;font-size:16px}
.equipe-list-etudiant-accueil .equipe-nom {display:block;font-weight:600;text-transform:uppercase;padding-bottom:10px;font-size:16px}
.titre-all-holder {display:block;min-height:135px;padding: 0 30px;}
.equipe-list-etudiant-accueil .titre-all-holder {display:block;min-height:100px;padding: 0 20px;}
.equipe-titre_abbreviation {display:block;font-size:13px;padding: 0 0 10px 0;font-weight:500;}
ul.equipe-titre {list-style-type: none;;margin:0;padding:0;}
ul.equipe-titre li {font-size:13px;margin:0;padding:3px 0 3px 0;line-height:1.3}

.equipe-courriel a {color: white;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    background: #00add8;
    border-radius: 9px;
    padding: 10px 15px 10px 15px;
    text-align: center;
    display: inline-block;
    margin-top: 0;
    font-size: 14.3px;
    border: 1px solid #00add8;
    letter-spacing:0;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin-bottom:10px;
    }
.equipe-courriel a i {margin-right: 4px;
    opacity: 0.7;
    font-size: 16px;}
.equipe-tel a {text-decoration:none;color:#00add8;font-weight:600;font-size:16px;display:block;padding-right: 10px;}

.equipe-tel a i {font-size: 24px;
    position: relative;
    top: 2px;}

/********************************************TROUVEZ UNE CLINIQUE*******************************/





/******************************************** PAGE PLAIN STYLES*******************************/


/********************************************SEARCH STYLES*******************************/




/********************************************SINGLE nouvelle STYLES*******************************/



/********************************************FORM STYLES*******************************/



.sogemec-form {
    position: relative;
    border: none!important;
    min-height: 200px;
    padding: 0!important; 
    margin: 0!important;
    font-size: 18px!important;
    color: #303030!important;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: "Metropolis";
}
form#calcFraisSpecA table tbody tr td, form#sogomec-form-critical-illness table tbody tr td, form#calcFraisIng table tbody tr td, form#calcFraisNot table tbody tr td, form#calcMalGnot table tbody tr td {
    padding: 15px 0 15px 0!important;
}
form#life-insurance table tbody tr td {
    padding:  15px 0 15px 30px!important;
}

.sous-titre.bleu.dixhuit.strong {font-weight:600!important;font-size:20px;}
form#calcFraisSpecA table tbody th, form#calcFraisIng table tbody th, form#calcFraisNot table tbody th, form#calcMalGnot table tbody th {
    font-weight:600!important;
}

form#calcFraisSpecA .sous-titre.bleu.dixhuit.strong {font-size:24px!important}
form#calcFraisSpecA input[type="text"], form#sogomec-form-critical-illness input[type="text"], form#calcFraisIng input[type="text"], form#calcFraisNot input[type="text"], form#calcMalGnot input[type="text"] {
    background: #f1f6f8;
    border: 1px solid #dae3e6;
    padding: 15px!important;
    color: #303030!important;
    width: 150px;
    font-family: "Metropolis";
    border-radius:8px!important;
    font-size:18px!important;
}
form#sogomec-form-critical-illness input {width:150px!important;}
form#life-insurance input[type="text"] {
    background: #f1f6f8;
    border: 1px solid #dae3e6;
     padding: 15px!important;
    color: #303030!important;
    width: 50%;
    font-family: "Metropolis";
    border-radius:8px!important;
    font-size:18px!important;
}
form#calcBesoinsAssurance div.form-item input[type="text"] {
    background: #f1f6f8;
    border: 1px solid #dae3e6;
     padding: 15px!important;
    color: #303030!important;
    width: 32%;
    font-family: "Metropolis";
    border-radius:8px!important;
    font-size:18px!important;
}

form#calcBesoinsAssurance div.form-item {
    padding-left: 11px!important;
    border-bottom: 1px solid #f1f6f8;
    padding-bottom: 8px!important;
    padding-top: 8px!important;
    Margin-top:0!important;
    margin-bottom:0!important;
}
form#calcBesoinsAssurance div.form-item {
    padding-left: 11px;
    border-bottom: 1px solid #f1f6f8;
    padding-bottom: 8px;
    padding-top: 8px;
}
form#calcBesoinsAssurance div.form-item #lblDepMens {padding:20px 0!important;}
form#calcBesoinsAssurance div.form-item .sous-titre.strong {font-weight:600;padding: 20px 0;}
form#calcBesoinsAssurance div.form-item .strong.bleu.dixhuit {font-weight: 600!important;font-size: 24px;}
form#calcBesoinsAssurance .sous-titre.bleu.dixhuit.strong {font-weight: 600!important;font-size: 24px;}
form#calcBesoinsAssurance .form-item.webform-component.webform-component-textfield.webform-container-inline {padding-left:0!important}
form#calcBesoinsAssurance .webform-component--separateur {display:none;}
form#calcBesoinsAssurance fieldset h4.strong {padding-bottom:40px}
form#calcBesoinsAssurance fieldset {padding-top:20px;}
.section-profil-gauche form p {
    margin-bottom: 0;
    line-height: 1.4;
}


form fieldset {}
form fieldset h4 {font-size:24px!important}
form fieldset h4.strong {font-weight:600!important;}
form#life-insurance table td.strong {font-weight:600!important}
form#life-insurance table th {font-weight:600!important;text-align:left!important;font-size:24px!important}
input#txtSalAnBrut, input#txtAutresRevenus, form#life-insurance #Table3 input, input#txtAutreRevenuDeces {width:125px!important}
input#txtAgeClient, input#txtTauxRendement, input#txtTauxInflation, input#txtPourcentRevenu, input#txtAnCombler {width:50px!important}
form#life-insurance table#Table3 tbody tr td:nth-child(2) {
    padding-right: 60px!important;
}
form#sogomec-form-critical-illness .sous-titre.bleu.dixhuit.strong {font-weight: 600!important;font-size: 24px;}
form#sogomec-form-critical-illness legend.strong {font-weight: 600!important;font-size: 24px;}

.sogemec-form.form h2:first-child, .sogemec-form.webform h2:first-child {display:none}

/* 
**Drupal form styles
*/

.required-text.form-item {padding-top:40px!important;font-size:14px;color:#00add8;}
.required-text.contact.form-item {padding-top:0!important;margin-top: 0;}
.required-text .dixhuit {font-size:20px}
.form-item .description {
    font-size: 13px!important;
}
.form-item.js-form-type-radio, .form-type-checkbox.form-item {margin-top:7px;margin-bottom:7px;}

.form-item-je-consens-a-recevoir-mes-factures-et-la-documentation-de-renouvellement-pour-tous-mes-contrats-dassurance-par-courriel, .form-item-i-do-not-require-a-response  {clear:both;display:block;padding-top:30px}
.form-item-je-consens-a-recevoir-mes-factures-et-la-documentation-de-renouvellement-pour-tous-mes-contrats-dassurance-par-courriel input, .form-item-reponse input, .form-item-i-do-not-require-a-response input {width:20px;height:20px;top: 3px;
    position: relative;}

div.form-item input[type="text"], div.form-item input[type="email"], div.form-item textarea {
background: #f1f6f8;
    border: 1px solid #dae3e6;
    padding: 15px!important;
    color: #303030!important;
    width: 50%;
    font-family: "Metropolis";
    border-radius: 8px!important;
    font-size: 18px!important;
}
div.form-item input[type="text"].error, .error {
    background-color: white!important;
    border-color:red!important;
}
div.form-item input[type="date"] {
background: #f1f6f8;
    border: 1px solid #dae3e6;
    padding: 15px!important;
    color: #303030!important;
    width: 220px;
    font-family: "Metropolis";
    border-radius: 8px!important;
    font-size: 18px!important;
}
.messages--error {}
.messages--error ul {list-style-type: disc!important}
.messages--error li {color:maroon;
    line-height: 1.2!important;
    padding: 5px 0 5px 0!important;
}
.webform-submission-form label {display:block}
.webform-submission-form label.visually-hidden {display: none;}
.js-form-type-radio label {display:inline-block;font-weight: normal;}
div.form-item select {color:#303030!important;
    width: auto;
    padding: 14px 15px 14px 15px!important;
     border-radius: 8px!important;
    border: 1px solid silver;
    font-size: 18px!important;
    font-family: "Metropolis";}
#edit-paiement-11--wrapper, #edit-payment--wrapper {display:block;width:100%;}
.form-item-numero-de-client-ou-didentification-11, .form-item-numero-de-client-ou-didentification, .form-item-numero-de-client-ou-didentification, .form-item-numero-de-client, .form-item-client-number, .form-item-client-or-identification-number {display:block;width:47%;}

.form-item-nom-de-lassure-11, .form-item-nom, .form-item-insured-family-name, .form-item-last-name {display: block;
    float:left;clear:both;
    width: 47%;
    margin-right: 40px;}
.form-item-prenom-de-lassure-11, .form-item-prenom, .form-item-insured-first-name, .form-item-first-name, .form-item-nom, .form-item-name {display: block;
    float:left;
    width: 47%;}
.form-item-adresse-de-courriel-11, .form-item-email-address {clear:both;display: block;
    float:left;
    width: 47%;
    margin-right: 40px;}
.form-item-confirmation-du-courriel-11, .form-item-email-confirmation {display: block;
    float:left;
    width: 47%;}
.form-item-nom-sur-la-carte-11, .form-item-name-on-the-card {clear:both;display: block;
    float:left;
    width: 47%;}
.form-item-numero-de-la-carte-11, .form-item-card-number {clear:both;display: block;
    float:left;
    width: 47%;
    margin-right: 40px;}
.form-item-type-de-carte-11, .form-item-card-type {display: block;
    float:left;
    width: 47%;}
.form-item-expiration-11, .form-item-expiration {
clear: both;
display: block;
float: left;
margin-right: 40px;}
.form-item-ccv-11, .form-item-ccv {
display: block;
float: left;}
#edit-nom-sur-la-carte-11--wrapper {clear: both;
display: block;
float: left;}
#edit-sagit-il-dun-compte-conjoint-au-titre-duquel-une-seule-signature-est-requise--wrapper {width:100%;clear:both}
#edit-instruction-11, #edit-instruction {display:block;    clear: both;
    width: 100%;}
#edit-instruction-11 img, #edit-instruction img {display:block;}
#edit-instruction-11 span, #edit-instruction span  {width:40%!important;}
#edit-instruction-11 span, #edit-instruction span {width:40%!important;}
.form-item-notes-11, .form-item-reponse, .form-item-notes {float: left;clear:both;width: 100%;}
.form-item-autorisations-11, .form-item-i-we-hereby-authorize {float: left;clear:both}
.form-actions {clear:both;display:block}
.form-actions .form-submit {
    font-weight: 600;
    background-color: #00add8;
    color: white;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 10px;
    border: none;
    padding: 10px 30px 10px 30px;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    text-decoration: none;cursor:pointer}
label.option { display: inline;font-weight: normal;}
.form-item-autorisations-11 label {font-weight: 600;}
input#edit-autorisations-11 {width:20px;height:20px;top: 3px;
    position: relative;}
#edit-expiration-11 label {display:none;}
.form-item-expiration-11-month, .form-item-expiration-year {float: left;display:block;margin-right: 10px!important;margin-top: 0!important;}
.form-item-expiration-11-year, .form-item-expiration-month {float: left;display:block;margin-top: 0!important;}
#edit-a-quel-garanti-sapplique-1--wrapper--description {clear:both;}
legend#edit-a-quel-garanti-sapplique-1--wrapper-legend {margin-bottom:15px;}
.form-item-a-quel-garanti-sapplique-1 {}
.js-form-wrapper.js-webform-states-hidden {margin-top:0}
#edit-a-quel-garanti-sapplique-1--wrapper--description {width:75%}
#edit-renseignements-sur-le-compte-bancaire p, #edit-autorisation-titre p, #edit-renseignements-sur-le-compte-bancaire-vieux-33 p, #edit-renseignements-sur-le-compte-bancaire-32 p, #edit-renseignements-sur-le-compte-bancaire-vieux-32 p, #edit-renseignements-sur-le-compte-bancaire-31 p {font-size:20px}
#edit-specimen, #edit-specimen-vieux-33, #edit-specimen-32, #edit-specimen-vieux-32, #edit-specimen-31 {float: right;
    width: 70%;
    display: block;
    margin-top: 30px;}
#edit-specimen p, #edit-specimen-vieux-33 p, #edit-specimen-32 p, #edit-specimen-vieux-32 p, #edit-specimen-31 p {border-bottom:none!important;margin-bottom:0!important;}
.form-item-no-de-succursale, .form-item-no-de-succursale-vieux-33, .form-item-no-de-succursale-32, .form-item-no-de-succursale-vieux-32, .form-item-no-de-succursale-31 {
    display: block;
    float: left;
    width: 25%;
    margin-right: 20px;
    margin-top: 0!important;
}
.form-item-no-dinstitution, .form-item-no-dinstitution-vieux-33, .form-item-no-dinstitution-32, .form-item-no-dinstitution-vieux-32, .form-item-no-dinstitution-31 {
    display: block;
    float: left;
    width: 25%;
    margin-right: 20px;
}
.form-item-no-de-compte-bancaire, .form-item-no-de-compte-bancaire-vieux-33, .form-item-no-de-compte-bancaire-32, .form-item-no-de-compte-bancaire-vieux-32, .form-item-no-de-compte-bancaire-31 {
    display: block;
    float: left;
    width: 25%;
    margin-right: 20px;
}
#webform-submission-webform-2098-add-form .form-item-sagit-il-dun-compte-conjoint-au-titre-duquel-une-seule-signature-est-requise, #webform-submission-webform-2099-add-form .form-item-sagit-il-dun-compte-conjoint-au-titre-duquel-une-seule-signature-est-requise 
{padding-top: 5px!important;}

.form-item-nom-du-titulaire-du-compte-vieux-33, .form-item-nom-du-titulaire-du-compte-vieux-32, .form-item-nom-du-titulaire-du-compte-32, .form-item-nom-du-titulaire-du-compte-31 {display: block;
    float:left;
    width: 47%;}
.form-item-adresse-de-la-succursale-vieux-33, .form-item-adresse-de-la-succursale-32, .form-item-adresse-de-la-succursale-vieux-32, .form-item-adresse-de-la-succursale-31 {display: block;
    float: left;
    width: 35%;
    margin-right: 40px;
    clear: both;}
.form-item-ville-vieux-33, .form-item-ville-32, .form-item-ville-vieux-32, .form-item-ville-31 {
    display: block;
    float: left;
    width: 35%;
    margin-right: 40px;
}
.form-item-code-postal-vieux-33, .form-item-code-postal-32, .form-item-code-postal-vieux-32, .form-item-code-postal-31 {
    display: block;
    float: left;
    width: 19%;
}
.form-item-type-de-service {display: block;
    float: left;
    width: auto;
    clear: both;
    margin-right: 40px;}

.form-item-type-de-compte {
    display: block;
    float: left;
    width: auto;
}
#edit-fieldset-compte-bancaire {margin-bottom:0!important;}
#edit-autorisation-2-1, #edit-autorisation-1 {width:20px;height:20px;top: 3px;position: relative;}

.form-item-date-de-naissance {display: block;
float: left;
clear: both;
width: 47%;}
.form-item-numero-civique, .form-item-numero-civique-nouv, .form-item-civic-number, .form-item-civic-number-two {
  clear: both;
  display: block;
  float: left;
  width: 20%;
  margin-right: 40px;
}
.form-item-rue, .form-item-rue-nouv, .form-item-street, .form-item-street-two {
  display: block;
  float: left;
  width: 47%;
  margin-right: 40px;
}
.form-item-membre-des-medecins-francophones-du-canada {clear:both;width:100%;float:left}
.form-item-nom-de-l-assureur {
    display: block;
    width: 47%;  float: left;clear:both;  margin-right: 40px;}
.form-item-numero-de-client, .form-item-client-or-identification-number {display: block;
    width: 47%;  float: left;}
.form-item-app, .form-item-app-nouv, .form-item-apt, .form-item-apt-two {
  display: block;
  float: left;
  width: 20%;
}
#edit-etes-vous-client-de-sogemec-assurances--wrapper, #edit-are-you-a-client-of-sogemec-assurances--wrapper { clear: both;
  display: block;
  float: left;
  width: 100%;}
.form-item-ville, .form-item-ville-nouv, .form-item-numero-de-membre, .form-item-city, .form-item-city-two {
  clear: both;
  display: block;
  float: left;
  width: 47%;
  margin-right: 40px;
}
.form-item-formulaire-s-requis {clear: both;
  display: block;
  float: left;
  width: 100%;}
.form-item-province-etat, .form-item-province-etat-nouv, .form-item-province__-state, .form-item-province-state-nouv {
  clear: both;
  display: block;
  float: left;
  width: 47%;
  margin-right: 40px;
}
.form-item-code-postal, .form-item-code-postal-nouv, .form-item-postal-code, .form-item-postal-code-two, .form-item-postal-code-zip-code {
  display: block;
  float: left;
  width: 20%;
}
.form-item-telephone, .form-item-telephone-nouv, .form-item-telephone, .form-item-telephone-two {
  clear: both;
  display: block;
  float: left;
  width: 47%;
  margin-right: 40px;
}
.form-item-tel-endroit, .form-item-tel-endroit-nouv, .form-item-telephone-place, .form-item-telephone-place-deux {
  display: block;
  float: left;
  width: 20%;
  margin-right: 40px;
}
.form-item-tel-endroit select, .form-item-tel-endroit-nouv select, .form-item-telephone-place select, .form-item-telephone-place-deux select  {
  width: 100%!important;
  margin-top: 25px;
}

#edit-adress-titre p, #edit-adress-titre-nouv p , #edit-adress-titre-two p {
    font-size: 20px;
    font-weight:600;
    text-transform:uppercase
}

#edit-separateur, #edit-separateur-trois, #edit-separateur2 , .edit-separateur-deux {clear: both;
    padding-top: 30px;
}
.form-item-comments, .form-item-where-did-you-hear-about-us, .form-item-i-would-like-an-agent-to-contact-me-about-my-group-automobile-home-and-business-insurance-plan, .form-item-correspondence, .form-item-categorie-un, .form-item-categorie-deux, .form-item-categorie-trois, .form-item-categorie-quatre, .form-item-categorie-cinq, .form-item-categorie-six, .form-item-commentaires, .form-item-par-ou-avez-vous-entendu-parler-de-notre-site-, .form-item-correspondance, .form-item-je-desire-rencontrer-un-conseiller-pour-evaluer-ou-reviser-mes-protections-dassurances{ display: block;
  width:100%;
    float: left;
    clear: both;}
.form-required::after {
    color: #25b4d9!important;
    font-size: 24px!important;
    content: "*";
    position: relative!important;
    left: 2px!important;
    line-height: 5px!important;
}
.form-item-courriel, .form-item-email {
    display: block;
    width: 47%;
    float: left;
    margin-right: 40px;
    clear: both;
}
.form-item-confirmez-le-courriel {
  display: block;
  float: left;
  width: 47%;
}
.form-item-profession-un, .form-item-occupation-un {display:block;float:left;
    margin-right: 40px;}
.form-item-specialite, .form-item-universite, .form-item-specialty, .form-item-university {display:block;float:left;}

#edit-je-desire-me-desabonner--wrapper, #edit-i-wish-to-unsubscribe--wrapper {clear:both;width: 100%;}
#edit-je-desire-me-desabonner--wrapper input, #dit-i-wish-to-unsubscribe--wrapper input, #edit-meilleur-moment-pour-vous-rejoindre- input, #edit-best-time-to-contact-you- input, .form-item-membre-des-medecins-francophones-du-canada input {width:20px;height:20px;top: 3px;
    position: relative;}

.form-item-poste, .form-item-ext {
  display: block;
  float: left;
  width: 20%;
}

.form-item-entre, .form-item-between {clear:both;
    display: block;
  float: left;margin-right: 40px;}
.form-item-et, .form-item-and {display: block;
  float: left;}

/* 
** Contact Form 7 Styles 
*/


.form-half-first {display: block;
    width: 48%;
    float: left;
    clear: both;
    margin-bottom: 30px;
    margin-right: 30px;}
.form-half-second {display: block;
    width: 48%;
    float: left;
    margin-bottom: 30px;}
.form-full {display:block;clear:both;width:100%;
    margin-bottom: 30px;}

div.wpcf7 {padding-top:60px}

.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form select, 
.wpcf7-form textarea {
       color: #1f252b;
    width: 100%;
    padding: 16px 16px;
    border-radius: 4px;
    border: 1px solid silver;
    font-size: 18px;
    font-family: 'HCo Gotham SSm';
    font-weight:300;
    letter-spacing:-0.50px
}
.wpcf7-form p {
    margin: 0 0 28px;
}
.wpcf7 label {font-weight:600;font-size:18px;line-height:1.5}
.wpcf7 label span.req {color: red;}

div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
span.wpcf7-not-valid-tip {
    color: #f9443b;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-bottom: 100px;
    margin-right: 10px;}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {margin:0}
/* 
** Button Styles 
*/
.wpcf7-form .wpcf7-submit {
    -webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    -o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    clear: both;
    padding: 25px 60px 25px 60px;
    text-align: center;
    background: rgb(0,183,248);
    background: #00aeef;
    text-transform: uppercase;
    color: white;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    width: auto;
    border:none;
}
.cf7md-help-text {font-size:14px;color:gray;letter-spacing:-0.25px}

.wpcf7 .wpcf7-submit:disabled {background:silver}
.wpcf7 .wpcf7-submit:disabled:hover {background:silver;cursor:not-allowed;}

.wpcf7-form .wpcf7-submit:hover {
    cursor: pointer;
    color: white;background:#0182b3;
  text-decoration:none
}
div.wpcf7-validation-errors {
    background: #ffe2e2;
    border: 1px solid #ff0000;
    color: #C10000;
}
 
div.wpcf7-response-output {
    margin: 2em 0!important;
    padding: 15px!important;
    border-radius: 5px!important;
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;	
     background: #ffe2e2!important;
    border: 1px solid #ff0000!important;
    color: #C10000!important;
}
span .wpcf7-not-valid {
    border: 1px solid #ff0000 !important;
}

.wpcf7-spam-blocked {
     background: #e2e2e2!important;;
     border: 1px solid #bcbcbc !important;
     color: #383838!important;;
}
 
.wpcf7-mail-sent-ng {
     background: #fcf8e3!important;;
     border: 1px solid #ac9163 !important;
     color: #8a6d3b!important;;
}
 
.wpcf7 .sent div.wpcf7-response-output {
     background: #dff0d8!important;
     border: 1px solid #3c763d !important;
     color: #3c763d!important;
}

/* Change input field styles when click into (on focus) */

.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus {


    border-color:#c0ebfb!important
}
.wpcf7 input[type=text]:active, .wpcf7 input[type=email]:active, .wpcf7 input[type=tel]:active {
 
}
.wpcf7 input:focus { 
    outline: none !important;
    border-color: #719ECE!important;
    box-shadow:none!important;
}
.wpcf7  textarea:focus { 
    outline: none !important;
    border-color: #719ECE!important;
    box-shadow: none!important;
}




/********************************************COLONNE DROITE STYLES*******************************/


/********************************************FOOTER MESSAGE WIDGET*******************************/



/********************************************FOOTER STYLES*******************************/

.container-section.footer {
background:#303030;
    color:white;
        font-size: 13.5px;
    letter-spacing: 0.75px;

}

.footer-row-one {border-bottom: 1px solid #252525; padding-bottom: 75px;padding-top:100px}

.footer-decouvrez-holder {padding-left:192px}
h3.footer-decouvrez {font-size: 46px;
   background: -webkit-linear-gradient(left, #00add8 20% , #43f16f);
   background: -o-linear-gradient(right, #00add8 20% , #43f16f);
   background: -moz-linear-gradient(right, #00add8 20% , #43f16f);
   background: linear-gradient(to right, #00add8 20% , #43f16f); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px #00000000;
font-weight:600;display:table;letter-spacing:-0.75px;margin-bottom:36px;
}

.footer-row-two {display:flex;border-top: 1px solid #383838; padding: 40px 0 45px 0;}
.footer-left {width:25%}
.footer-left-two {width:25%}
.footer-right {width:25%}
.footer-right-two {width:25%}

.footer-row-two a {display:block;padding:8px 0;text-decoration:underline 1px rgba(0, 0, 0, 0);transition: text-decoration-color 300ms;text-underline-offset: 3px;}
.footer-row-two a:hover {text-decoration-color: rgba(255, 255, 255, 0.6);color:white}
.footer-left .widget-content .wp-block-group br {display:none;}
.footer-right-two .widget-content .wp-block-group br {display:none;}
.footer-right .widget-content .wp-block-group br {display:none;}
.footer-left-two .widget-content .wp-block-group br {display:none;}
#footer h4 {
color:#6e6e6e;
    text-transform:uppercase;
font-weight:600;font-size: 13.5px;
    letter-spacing: 0.75px;margin-bottom: 10px;}


#footer .wp-block-group__inner-container h4:nth-child(5){margin-top:35px}
#footer > div.footer-row-two > div.footer-left-two > div > div > div > h4:nth-child(4) {padding-top:20px}

#footer a {color:white;}

.footer-decouvrez {display:block}
.footer-btn-bleu {color: white;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    background: #00add8;
    border-radius: 9px;
    padding: 14px 10px 16px 20px;
    text-align: center;
    display: inline-block;
    margin-top: 0;
    font-size: 17px;
    border: 1px solid #00add8;
    letter-spacing: 1px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
margin-right:58px;
}
.footer-btn-bleu:after {
    content: '\e802';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    speak: none;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 21px;
    margin-top: 0;
    top: 1px;
    left: 0;
    position: relative;
    opacity:0.5;
}
.footer-btn-bleu:hover:after {
   
    opacity:0.9;
    left: 6px;
   
}
.footer-phone-link {display:inline-block;font-weight:600;margin-right:28px;}
.footer-phone-link:before {content:url('img/icn-phone.png'); position:relative;top:5px;margin-right: 3px;}
.footer-email-link {display:inline-block;font-weight:600;margin-right:28px;}
.footer-email-link:before {content:url('img/icn-mail.png'); position:relative;top:6px;margin-right: 4px;}
.footer-bureaux-link {display:inline-block;font-weight:600;}
.footer-bureaux-link:before {content:url('img/icn-pin.png'); position:relative;top:5px}
.footer-bureaux-link:after {
    content: '\e802';
    display: inline-block;
    padding: 0 10px;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    margin-left: -3px;
    -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);
    color: white;
    font-size: 18px;
    opacity: .5;
    margin-top: 0;
    top: 2px;
    position: relative;
}
.footer-bureaux-link:hover:after {
    margin-left: 4px;
    opacity: .9;
}
a.btn-footer-black {
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    background: #515050;
    border-radius: 9px;
    padding: 11px 45px 10px 45px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #515050;
    letter-spacing: 0.75px;
    -webkit-transition: .3s cubic-bezier(.4, 0, 0, 1);
    transition: .3s cubic-bezier(.4, 0, 0, 1);
    margin-top:20px;
}
a.btn-footer-black:hover {
    background: #727171;
    border: 1px solid #727171;
}
a.balado-link {margin-top:5px;padding:0}
a.balado-link:after {content:url('img/icn-balado-sm.png'); position:relative;top:15px;left:5px}
p.social {margin-top:15px;}
p.social a {font-size:38px;display:inline-block;position:relative;left:-7px;opacity:0.4;  -webkit-transition: 0.3s cubic-bezier(.4,0,0,1);
    -o-transition: 0.3s cubic-bezier(.4,0,0,1);
    transition: 0.3s cubic-bezier(.4,0,0,1);}
p.social a:hover {opacity:1.0;}

#copyright {display:flex;justify-content: space-between;margin-bottom:40px}
.copyright-left {}
.copyright-right {text-align:right;font-size:11.5px;font-weight:100;color:#c5c4c4}
.copyright-right .menu {margin-bottom:20px}
.copyright-right .menu li {display:inline-block;font-size:13.5px;line-height:16px;border-right:1px solid #6d6c6c;margin:0;padding:0;}
.copyright-right .menu li:last-child {border-right:none;}
.copyright-right .menu li a {color:white;display:block;padding:0 10px 0 8px;text-decoration:underline 1px rgba(0, 0, 0, 0);transition: text-decoration-color 300ms;text-underline-offset: 3px;}
.copyright-right .menu li a:hover {text-decoration-color: rgba(255, 255, 255, 0.6);color:white}


.copyright-right .menu li:last-child a {padding-right:0}

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


}

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

    
    
    .container-full-width-inside {
    padding: 0 30px;
    }
    
    .container-section.footer {padding:0 30px}
    
    .header-wrapper {padding:0 30px}
    .top-right-container {
    display: block;
    float: right;
    width: 75%;
}
    .container-full-width-content-extra.sans-profil {
    padding-right: 10px;
    padding-left: 10px;
}
    .section-general-droite-inner-container {
    padding: 50px 28px 0 38px;
}
    .accueil-droite-inner-container {
  
    padding: 50px 28px 0 38px;
}
    
}


@media screen and (max-width: 1270px)
{
.top-right-container {
    display: block;
    float: right;
    width: 80%;
}
    #site-logo .logo {
    margin-top: 54px;
    width: 200px;
}
    .footer-banner p {
    top: 75px;
    padding-left: 90px;
  
}
    .footer-decouvrez-holder {
    padding-left: 90px;
}
    .section-general-droite-inner-container h3 {
    font-size: 40px;
}
    .entete-section-inner-titre h2 {
    font-size: 48px;
}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-121,
    #mega-menu-menu-medecin li#mega-menu-item-214, #mega-menu-menu-medecin li#mega-menu-item-1599,
    #mega-menu-menu-notaire li#mega-menu-item-335, #mega-menu-menu-notaire li#mega-menu-item-1612,
    #mega-menu-menu-ingenieur li#mega-menu-item-348, #mega-menu-menu-ingenieur li#mega-menu-item-1592,
    #mega-menu-menu-resident li#mega-menu-item-358, #mega-menu-menu-resident li#mega-menu-item-1626,
    #mega-menu-menu-etudiant li#mega-menu-item-364, #mega-menu-menu-etudiant li#mega-menu-item-1587
    {
    margin-right: 20px!important;
}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-156,
    #mega-menu-menu-medecin li#mega-menu-item-215, #mega-menu-menu-medecin li#mega-menu-item-1600,
    #mega-menu-menu-notaire li#mega-menu-item-346, #mega-menu-menu-notaire li#mega-menu-item-1613,
    #mega-menu-menu-ingenieur li#mega-menu-item-353, #mega-menu-menu-ingenieur li#mega-menu-item-1593,
    #mega-menu-menu-resident li#mega-menu-item-360, #mega-menu-menu-resident li#mega-menu-item-1627,
    #mega-menu-menu-etudiant li#mega-menu-item-365, #mega-menu-menu-etudiant li#mega-menu-item-1588
    {
    margin-right: 20px!important;
        margin-left: 20px!important;
}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-155,
    #mega-menu-menu-medecin li#mega-menu-item-216, #mega-menu-menu-medecin li#mega-menu-item-1601,
    #mega-menu-menu-notaire li#mega-menu-item-337, #mega-menu-menu-notaire li#mega-menu-item-1614,
    #mega-menu-menu-ingenieur li#mega-menu-item-354, #mega-menu-menu-ingenieur li#mega-menu-item-1594,
    #mega-menu-menu-resident li#mega-menu-item-361, #mega-menu-menu-resident li#mega-menu-item-1628
    {
    margin-right: 20px!important;
     margin-left: 20px!important;
}
    .bouton-menu {
    margin-left: 44px;
}
    .equipe-list-container {
    display: block;
    width: 33.3333%;
    margin-bottom: 20px;
}
    
    .ec-entete-row-1 div {
    padding-right: 20px;
}
    .ec-entete-row-4 a {
   
    margin-right: 13px;
    font-size: 14px;
   
    padding: 7px;
}
    .ec-list-box-titre {
   
    margin: 20px 0 15px 0;
    font-size: 16px;
}
    .ec-list-box-desc {
    font-size: 16px;
}
    
}

/* Mobile Menu breakpoint */

@media screen and (max-width:1080.98px)
{
    .row-message-droite {
    display: block;
}
    .message-droite-col-1 {width:100%;}
.message-droite-col-2 {width:100%;}
    .message-droite-col-2-inner {padding-left:0}
    .message-droite-col-2 h3 {text-align:center;width: 100%;}

.message-droite-col-2 p { text-align:center}
    
    .ancr-container {
   padding-right:75px!important;padding-left:75px!important
}
    .ancr {
    background-image: none!important;
}
    
    .rmp-menu-sub-level-item .rmp-menu-subarrow i {
    vertical-align: middle;
    line-height: 43px!important;
}
    .rmp-menu-sub-level-item .rmp-menu-subarrow {

    border-left-color: #00add8!important;
    height: 41px!important;
    line-height: 41px!important;
    width: 40px!important;
    background-color: #00add8!important;
}
    
    .rmp-menu-sub-level-item .rmp-menu-sub-level-item .rmp-menu-item-link {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #ffffff;
    background-color: #015b72!important;
    border-bottom: 1px solid #09728d!important;
}
    
    .container-full-width-inside {
    padding: 0 30px;
    }
    
    .container-section.footer {padding:0 30px}
    
    .rmp-menu-title-image {margin:inherit!important}
    .rmp-menu-additional-content .social a {color:white}
   #site-logo .logo {
    margin-top: 20px;
    width: 200px;
       margin-left:0;
}
    .bouton-menu   {margin-left: 64px;
    margin-top: 15px;
    position: absolute;
    top: 5px;
    right: 110px;}
    .top-right-utility-container-one {background-image: none;}
    
   
    .top-right-utility {
    position: absolute;
    right: 3%;
        top: 60px;}
    
    .row-1 {
    display: flex;
    flex-wrap: wrap;
}
    .accueil-gauche {width:100%;order:2}
    .accueil-droite {width:100%;order:1;
    display: block;
    position: relative;
    top: 0;
    right: 0;margin-bottom:auto}
    .accueil-droite-inner-container {
    background-color: white;
    border-radius:0;
    display: block;
    width: 100%;
    margin: 0;
    min-height: 400px;
    padding: 50px 0 50px 0;
   text-align: center;
}
    
    .accueil-droite-inner-container h3 {
    width: 70%;
    margin: 0 auto;
}
    .accueil-droite-inner-container .bienvenue-holder .bienvenue-gauche p span {
    padding-left: 0;
    padding-right: 40px;
}
     .accueil-droite-inner-container .bienvenue-holder .bienvenue-droite p span {
    padding-left: 0;
    padding-right: 20px;
}
    
    .accueil-droite-bg-container {
    background-image: none;
    width: 100%;
    display:block;
    padding: 0;
}
    .bienvenue-gauche {
    width: 52%;
}
    .bienvenue-droite {
    width: 48%;
}
    .accueil-gauche-inner-container {
    width: 100%;
    display: block;
    padding: 56px 0 0 0;
    text-align: center;
}
    .accueil-gauche-inner-container p:last-child {text-align:center}
    .accueil-gauche-inner-container p:last-child .btn-bleu-moyen {margin-right:0}
    .accueil-gauche-inner-container p:nth-child(4) {display:none}
    .accueil-bloc-container ul.blocs .card-holder {
  
    height: 120px;
}
    .accueil-bloc-container ul.blocs span {
    font-size: 16px;
}
    
    .footer-decouvrez-holder {
    padding-left: 0;
}
    
    .footer-row-one {
    border-bottom: 1px solid #252525;
    padding-bottom: 50px;
    padding-top: 75px;
    text-align: center;
}
    
    .footer-row-two {display:none;}
    #copyright {padding-top:20px}
    h3.footer-decouvrez {
    margin: 0 auto;
}
    .footer-btn-bleu {
    display: table;
    margin: 30px auto;
}
    
    .footer-banner p {
 top: 20%;
    padding-left: 70px;
    line-height: 42px;
    font-size: 42px;
}
    
    
    
    .section-general-contenu .row-1 {
    display: flex;
        flex-wrap:wrap;
    margin-bottom: 50px;
}
  .section-general-droite {
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
      order:1;
}  
    .section-general-gauche {
    width: 100%;
    display: block;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
      order:2;
}
    .section-general-droite-bg-container {
    background-image: none;
    width: 100%;
    display: table;
    padding: 0;
}
    .section-general-droite-inner-container {
    padding: 50px 0 0 0;
        text-align: center;
}
    .container-carousel-section {
    border-radius: 0;
}
    .section-profil-droite {
    width: 100%;
    top: 0;
    right: 0;
}
    
    .section-profil-gauche {
    width: 100%;
    background-image: url(img/bg-accueil-left.png);
        background-size: contain;
}
    
    .section-profil-droite-bg-container {    
    background-image: none;
    padding: 0;
}
    .section-profil-droite-inner-container {
   text-align:center;
    border-radius: 0;
    padding: 50px 0 0 0;
        margin:0 auto;
        width:60%;
        min-height:300px;
}
.section-profil-droite.jeune .section-profil-droite-inner-container {
  
    border-radius: 8px;
    padding: 50px 20px 0 20px;
    width: 100%;
}
    
.entete-section-inner-titre.plain .sous-titre {
    padding: 20px 20px 20px 30px;
   
}
.entete-section-inner-titre.plain .introduction {
   
    padding-left: 30px;
}
    
    .entete-section-inner-titre.plain {
    width: 80%;
    z-index: 2;
}
    
    .section-profil-droite-inner-container h4.calculez {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.75px;
    margin-bottom: 15px;
    margin-top: 50px;
        margin-left:auto;
        margin-right:auto;
}
    
    .section-profil-droite h5 {
    font-size: 24px;
}
    
    .section-profil-titre {
    font-weight: 600;
    font-size: 24px;
    margin: 20px 0 20px 30px;
}
    .section-profil-droite-inner-container h3 {
    font-size: 42px;
        margin-left:auto;
        margin-right:auto;
}
    
    .carousel-logo-titre {
    font-weight: 600;
    font-size: 17px;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.3;
}
    .container-full-width-content-extra.sans-profil {
    padding-right: 0;
    padding-left: 0;
        padding-top:0
}
    #entete-section-plain {
    width: 100%;
    position: relative;
    margin-top: 0;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: right;
    border-radius: 0;
}
    .header-overlay {
    background: linear-gradient(90deg, rgba(239, 243, 245, 1) 40%, rgba(239, 243, 245, 0.4) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    border-radius: 0;
}  
    .entete-section-inner-titre.plain h1 {
    padding-left: 30px;
        font-size:20px
}
    .entete-section-inner-titre h2 {
    Padding-left: 30px;
}
    
    .section-general-droite-inner-container h3 {
    margin: 0 auto;
    text-align: center;
}
    
    .section-general-droite-inner-container p span {
      padding-left: 0;
}
    
    .section-general-droite-inner-container .bienvenue-gauche p span {
        padding-right:40px
}
    .section-general-droite-inner-container .bienvenue-droite p span {
        padding-right:17px
}
    .section-general-gauche-inner-container {
    padding: 56px 0 0 0;
    text-align: center;
}
    
    .section-profil-gauche-inner-container {
    width: 100%;
    display: block;
    padding: 56px 0 0 0;
}
    #entete-section-normal .wrapper {
   
    min-height: 128px;
}
    p#breadcrumbs {
    padding-left: 30px;
   }
    
    .coordonnees-content p:nth-child(2) {font-size:14px;}
    body[class*="one-col-equipe"] .coordonnees-content p:nth-child(2) {font-size:19.5px;}
    
    #container {
    min-height: 500px;
}
    .equipe-image-container {
    display: block;
    overflow: hidden;
    height: 200px;
    border-radius: 50%;
    margin: 30px auto 15px auto;
    width: 200px;
}
    .equipe-list-etudiant-accueil .equipe-image-container {
    display: block;
    overflow: hidden;
    height: 200px;
    border-radius: 50%;
    margin: 30px auto 15px auto;
    width: 200px;
}
    
    
    .top-right-utility-container-two .titre-ec-holder h1.titre-ec {
    font-size: 32px;
    
}
    
body.single-espace_client .bouton-menu {
    margin-left: 30px;
    margin-top: 15px;
    position: absolute;
    top: 75px;
    left: 0;
}
    .section-profil-contenu .row-1 {
   
    margin-bottom: 50px;
}
    .espace-client-select p {
    width: 90%;
}
    .message-additionnel-esp-client {
   
  
    margin-bottom: 40px;
}
    
  #entete-section-plain .wrapper {
    min-height: 320px;
}
    .entete-section-inner-titre.plain .sous-titre {
    font-size: 48px;
}
    .section-profil-gauche a.ec-list-box {
   
    width: 48%;
    text-align: center;
    text-decoration: none;
    background-image: url(img/espace-client-home-bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin: 6px 6px;
}
    
    .ec-entete-row-1 {
    font-size: 16px;
        text-transform:none;
}
    .ec-entete-row-4 a {
   
    margin-bottom: 10px;
}
 
    
    form#life-insurance table tbody tr td {
    padding: 15px 0 15px 0!important;
}
    
}



@media screen and (max-width:768.98px)
{
    
    
    .section-profil-droite-inner-container {
   
    width: 70%;
}
    
    .coordonnees-content {
    display: block;
    width: 50%;
    line-height: 1.2;
}
    
body[class*="one-col-equipe"] .coordonnees-content {
    display: block;
    width: 100%;
    line-height: 1.2;
}
    
    .section-general-droite-inner-container .bienvenue-gauche p span {
    padding-right: 10px;
}
     
#copyright {
    display: block;
   
    margin-bottom: 20px;
}
.copyright-left {
    
    margin-top: 20px;
    text-align: center;
    
    margin-bottom: 30px;
}
    .copyright-right .menu {
    text-align: center;
        
    margin-bottom: 20px;
}
    .copyright-right {
    text-align: center;
    font-size: 11.5px;
    font-weight: 100;
    color: #c5c4c4;
}
    .message-additionnel-esp-client {
   
    width: 95%;
    
}
    .espace-client-select p {
    width: 100%;
}
    .entete-section-inner-titre.plain .sous-titre {
    font-size: 38px;
}
    .section-profil-gauche-inner-container h2 {
    font-size: 24px;
}
    h2.gradient {
    font-size: 46px!important;
    
}
    #entete-section-plain {
   
    background-position: -300px;
}
    .section-profil-gauche .accordeons h3 {
    font-size: 18px;
        padding: 15px 25px 15px 0;
}
    .ec-entete-row-1 div {
    padding-right: 0;
        display:block
}
    .ec-entete-row-1 div a {display:none}
    .ec-entete-row-1 div a.active {display:block}
    
    .ec-entete-row-1 .desc {display:none;}
    .espace_client h1 {
    font-size: 40px;
    margin: 0 0 20px 0;
}
    .espace_client h1.lock:after {
    top: 2px;
}
    
    #webform-submission-webform-2098-add-form .form-item-nom-de-lassure, #webform-submission-webform-2099-add-form .form-item-nom-de-lassure {
    width: 100%!important;
}
    
    #webform-submission-webform-2098-add-form .form-item-prenom-de-lassure, #webform-submission-webform-2099-add-form .form-item-prenom-de-lassure {
    width: 100%!important;
}
    #webform-submission-webform-2098-add-form .form-item-adresse-de-courriel, #webform-submission-webform-2099-add-form .form-item-adresse-de-courriel {
    width: 100%!important;
    margin-right: 0!important;
}
    
    #webform-submission-webform-2098-add-form .form-item-confirmation-du-courriel, #webform-submission-webform-2099-add-form .form-item-confirmation-du-courriel {
    width: 100%!important;
}
    #webform-submission-webform-2098-add-form .form-item-numero-du-client, #webform-submission-webform-2099-add-form .form-item-numero-du-client {
    width: 100%!important;
    margin-right: 0!important;
}
    #webform-submission-webform-2098-add-form .form-item-numero-de-police, #webform-submission-webform-2099-add-form .form-item-numero-de-police {
    width: 100%!important;
}
    #webform-submission-webform-2098-add-form .form-item-nom-du-titulaire-du-compte, #webform-submission-webform-2099-add-form .form-item-nom-du-titulaire-du-compte {
    width: 100%!important;
    margin-right: 0!important;
}
    #webform-submission-webform-2098-add-form .form-item-adresse-de-la-succursale, #webform-submission-webform-2099-add-form .form-item-adresse-de-la-succursale {
    width: 100%!important;
    margin-right: 0!important;
}
    #webform-submission-webform-2098-add-form .form-item-ville, #webform-submission-webform-2099-add-form .form-item-ville {
    width: 100%!important;
    margin-right: 0!important;
}
    #webform-submission-webform-2098-add-form .form-item-code-postal, #webform-submission-webform-2099-add-form .form-item-code-postal {
    width: 100%!important;
}
    
.form-item-numero-de-client-ou-didentification-11, .form-item-numero-de-client-ou-didentification, .form-item-numero-de-client-ou-didentification, .form-item-numero-de-client, .form-item-client-number, .form-item-client-or-identification-number {width:100%!important;}

    
.form-item-nom-de-lassure-11, .form-item-nom, .form-item-insured-family-name, .form-item-last-name {
    width: 100%;
    margin-right: 0;}
.form-item-prenom-de-lassure-11, .form-item-prenom, .form-item-insured-first-name, .form-item-first-name, .form-item-nom, .form-item-name {
    width: 100%;}
.form-item-adresse-de-courriel-11, .form-item-email-address {
    width: 100%;
    margin-right: 0;}
.form-item-confirmation-du-courriel-11, .form-item-email-confirmation {
    width: 100%;}
.form-item-nom-sur-la-carte-11, .form-item-name-on-the-card {
    width: 100%;}
.form-item-numero-de-la-carte-11, .form-item-card-number {
    width: 100%;
    margin-right: 0;}
.form-item-type-de-carte-11, .form-item-card-type {
    width: 100%;}
.form-item-expiration-11, .form-item-expiration {
clear: both;
display: block;
float: left;
margin-right: 40px;}
.form-item-ccv-11, .form-item-ccv {
display: block;
float: left;}
#edit-sagit-il-dun-compte-conjoint-au-titre-duquel-une-seule-signature-est-requise--wrapper {width:100%;clear:both}
#edit-instruction-11, #edit-instruction {display:block;    clear: both;
    width: 100%;}
#edit-instruction-11 img, #edit-instruction img {display:block;}
#edit-instruction-11 span, #edit-instruction span  {width:40%!important;}
#edit-instruction-11 span, #edit-instruction span {width:40%!important;}
.form-item-notes-11, .form-item-reponse, .form-item-notes {float: left;clear:both;width: 100%;}
.form-item-autorisations-11, .form-item-i-we-hereby-authorize {float: left;clear:both}
.form-actions {clear:both;display:block}
.form-actions .form-submit {
    font-weight: 600;
    background-color: #00add8;
    color: white;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 10px;
    border: none;
    padding: 10px 30px 10px 30px;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    text-decoration: none;cursor:pointer}
label.option { display: inline;font-weight: normal;}
.form-item-autorisations-11 label {font-weight: 600;}
input#edit-autorisations-11 {width:20px;height:20px;top: 3px;
    position: relative;}
#edit-expiration-11 label {display:none;}
.form-item-expiration-11-month, .form-item-expiration-year {float: left;display:block;margin-right: 10px!important;margin-top: 0!important;}
.form-item-expiration-11-year, .form-item-expiration-month {float: left;display:block;margin-top: 0!important;}
#edit-a-quel-garanti-sapplique-1--wrapper--description {clear:both;}
legend#edit-a-quel-garanti-sapplique-1--wrapper-legend {margin-bottom:15px;}
.form-item-a-quel-garanti-sapplique-1 {}
.js-form-wrapper.js-webform-states-hidden {margin-top:0}
#edit-a-quel-garanti-sapplique-1--wrapper--description {width:75%}
#edit-renseignements-sur-le-compte-bancaire p, #edit-autorisation-titre p, #edit-renseignements-sur-le-compte-bancaire-vieux-33 p, #edit-renseignements-sur-le-compte-bancaire-32 p, #edit-renseignements-sur-le-compte-bancaire-vieux-32 p, #edit-renseignements-sur-le-compte-bancaire-31 p {font-size:20px}
#edit-specimen, #edit-specimen-vieux-33, #edit-specimen-32, #edit-specimen-vieux-32, #edit-specimen-31 {float: right;
    width: 100%!important;
    display: block;
    margin-top: 30px;}
#edit-specimen p, #edit-specimen-vieux-33 p, #edit-specimen-32 p, #edit-specimen-vieux-32 p, #edit-specimen-31 p {border-bottom:none!important;margin-bottom:0!important;}
    #edit-specimen img, #edit-specimen-vieux-33 img, #edit-specimen-32 img, #edit-specimen-vieux-32 img, #edit-specimen-31 img {width:100%!important;height:auto!important}
.form-item-no-de-succursale, .form-item-no-de-succursale-vieux-33, .form-item-no-de-succursale-32, .form-item-no-de-succursale-vieux-32, .form-item-no-de-succursale-31 {
    width: 30%!important;
    margin-right: 20px!important;
    margin-top: 0!important;
}
    #webform-submission-webform-2098-add-form .form-item-institution-financiere, #webform-submission-webform-2099-add-form .form-item-institution-financiere {
    width: 100%!important;
}
    #webform-submission-webform-2098-add-form .form-item-institution-financiere select, #webform-submission-webform-2099-add-form .form-item-institution-financiere  select {
    width: 100%!important;
}
    
.form-item-no-dinstitution, .form-item-no-dinstitution-vieux-33, .form-item-no-dinstitution-32, .form-item-no-dinstitution-vieux-32, .form-item-no-dinstitution-31 {
    width: 30%!important;
    margin-top: 0!important;
    margin-right: 20px;
}
.form-item-no-de-compte-bancaire, .form-item-no-de-compte-bancaire-vieux-33, .form-item-no-de-compte-bancaire-32, .form-item-no-de-compte-bancaire-vieux-32, .form-item-no-de-compte-bancaire-31 {
    width: 100%!important;
    margin-top: 0!important;
    margin-right: 0!important;
}
#webform-submission-webform-2098-add-form .form-item-sagit-il-dun-compte-conjoint-au-titre-duquel-une-seule-signature-est-requise, #webform-submission-webform-2099-add-form .form-item-sagit-il-dun-compte-conjoint-au-titre-duquel-une-seule-signature-est-requise 
{padding-top: 5px!important;}

.form-item-nom-du-titulaire-du-compte-vieux-33, .form-item-nom-du-titulaire-du-compte-vieux-32, .form-item-nom-du-titulaire-du-compte-32, .form-item-nom-du-titulaire-du-compte-31 {
    width: 100%!important;}
.form-item-adresse-de-la-succursale-vieux-33, .form-item-adresse-de-la-succursale-32, .form-item-adresse-de-la-succursale-vieux-32, .form-item-adresse-de-la-succursale-31 {
    width: 100%!important;
    margin-right: 0}
.form-item-ville-vieux-33, .form-item-ville-32, .form-item-ville-vieux-32, .form-item-ville-31 {
    width: 100%!important;
    margin-right: 0!important;
}
.form-item-code-postal-vieux-33, .form-item-code-postal-32, .form-item-code-postal-vieux-32, .form-item-code-postal-31 {
    width: 100%!important;
}
.form-item-type-de-service {display: block;
    float: left;
    width: auto;
    clear: both;
    margin-right: 40px;}

.form-item-type-de-compte {
    display: block;
    float: left;
    width: auto;
}
#edit-fieldset-compte-bancaire {margin-bottom:0!important;}
#edit-autorisation-2-1, #edit-autorisation-1 {width:20px;height:20px;top: 3px;position: relative;}

.form-item-date-de-naissance {display: block;
float: left;
clear: both;
width: 60%;}
.form-item-numero-civique, .form-item-numero-civique-nouv, .form-item-civic-number, .form-item-civic-number-two {
  clear: both;
  display: block;
  float: left;
  width: 50%;
  margin-right: 0;
}
.form-item-rue, .form-item-rue-nouv, .form-item-street, .form-item-street-two {
  display: block;
  float: left;
  width: 100%;
  margin-right: 0;
}
.form-item-membre-des-medecins-francophones-du-canada {clear:both;width:100%;float:left}
.form-item-nom-de-l-assureur {
    display: block;
    width: 100%;  float: left;clear:both;  margin-right: 0;}
.form-item-numero-de-client, .form-item-client-or-identification-number {display: block;
    width: 100%; }
.form-item-app, .form-item-app-nouv, .form-item-apt, .form-item-apt-two {
  width: 50%;
}
#edit-etes-vous-client-de-sogemec-assurances--wrapper, #edit-are-you-a-client-of-sogemec-assurances--wrapper { 
  width: 100%;}
.form-item-ville, .form-item-ville-nouv, .form-item-numero-de-membre, .form-item-city, .form-item-city-two {
  width: 100%;
  margin-right: 0;
}
.form-item-formulaire-s-requis {clear: both;
  display: block;
  float: left;
  width: 100%;}
.form-item-province-etat, .form-item-province-etat-nouv, .form-item-province__-state, .form-item-province-state-nouv {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  margin-right: 0;
}
.form-item-code-postal, .form-item-code-postal-nouv, .form-item-postal-code, .form-item-postal-code-two, .form-item-postal-code-zip-code {
  display: block;
  float: left;
  width: 50%;
}
.form-item-telephone, .form-item-telephone-nouv, .form-item-telephone, .form-item-telephone-two {
  width: 100%;
  margin-right: 0;
    margin-bottom: 0!important;
}
.form-item-tel-endroit, .form-item-tel-endroit-nouv, .form-item-telephone-place, .form-item-telephone-place-deux {
  width: 50%;
  margin-right: 0;
    margin-top: 0!important;
}
.form-item-tel-endroit select, .form-item-tel-endroit-nouv select, .form-item-telephone-place select, .form-item-telephone-place-deux select  {
  width: 100%!important;
  margin-top: 10px;
}

#edit-adress-titre p, #edit-adress-titre-nouv p , #edit-adress-titre-two p {
    font-size: 20px;
    font-weight:600;
    text-transform:uppercase
}

#edit-separateur, #edit-separateur-trois, #edit-separateur2 , .edit-separateur-deux {clear: both;
    padding-top: 30px;
}
.form-item-comments, .form-item-where-did-you-hear-about-us, .form-item-i-would-like-an-agent-to-contact-me-about-my-group-automobile-home-and-business-insurance-plan, .form-item-correspondence, .form-item-categorie-un, .form-item-categorie-deux, .form-item-categorie-trois, .form-item-categorie-quatre, .form-item-categorie-cinq, .form-item-categorie-six, .form-item-commentaires, .form-item-par-ou-avez-vous-entendu-parler-de-notre-site-, .form-item-correspondance, .form-item-je-desire-rencontrer-un-conseiller-pour-evaluer-ou-reviser-mes-protections-dassurances{ display: block;
  width:100%;
    float: left;
    clear: both;}
.form-required::after {
    color: #25b4d9!important;
    font-size: 24px!important;
    content: "*";
    position: relative!important;
    left: 2px!important;
    line-height: 5px!important;
}
.form-item-courriel, .form-item-email {
    display: block;
    width: 100%;
    float: left;
    margin-right: 0;
    clear: both;
}
.form-item-confirmez-le-courriel {
  display: block;
  float: left;
  width: 100%;
}
.form-item-profession-un, .form-item-occupation-un {display:block;float:left;
    margin-right:0;}
.form-item-specialite, .form-item-universite, .form-item-specialty, .form-item-university {display:block;float:left;}

#edit-je-desire-me-desabonner--wrapper, #edit-i-wish-to-unsubscribe--wrapper {clear:both;width: 100%;}
#edit-je-desire-me-desabonner--wrapper input, #dit-i-wish-to-unsubscribe--wrapper input, #edit-meilleur-moment-pour-vous-rejoindre- input, #edit-best-time-to-contact-you- input, .form-item-membre-des-medecins-francophones-du-canada input {width:20px;height:20px;top: 3px;
    position: relative;}

.form-item-poste, .form-item-ext {
  display: block;
  float: left;
  width: 50%;
}

.form-item-entre, .form-item-between {clear:both;
    display: block;
  float: left;margin-right: 40px;}
.form-item-et, .form-item-and {display: block;
  float: left;}
    
    
    
    #webform-submission-webform-2116-add-form .form-item-nom-de-lassure, #webform-submission-webform-2117-add-form .form-item-nom-de-lassure {
    width: 100%!important;
    margin-right: 0!important;
}
    
    
    #webform-submission-webform-2116-add-form .form-item-prenom-de-lassure, #webform-submission-webform-2117-add-form .form-item-prenom-de-lassure {
    width: 100%!important;
}
    #webform-submission-webform-2116-add-form .form-item-adresse-de-courriel, #webform-submission-webform-2117-add-form .form-item-adresse-de-courriel {
    width: 100%!important;
    margin-right: 0!important;
}
    
    #webform-submission-webform-2116-add-form .form-item-confirmation-du-courriel, #webform-submission-webform-2117-add-form .form-item-confirmation-du-courriel {
    width: 100%!important;
}
    #webform-submission-webform-2116-add-form .form-item-numero-du-client, #webform-submission-webform-2117-add-form .form-item-numero-du-client {
    width: 100%!important;
    margin-right: 0!important;
}
    
    #webform-submission-webform-2116-add-form .form-item-numero-de-police, #webform-submission-webform-2117-add-form .form-item-numero-de-police {
    width: 100%!important;
}
    #edit-institution-financiere-32, #edit-institution-financiere-vieux-33 {width:100%!important}
    
    
    
    
    
    
    input#txtSalAnBrut, input#txtAutresRevenus, form#life-insurance #Table3 input, input#txtAutreRevenuDeces {
    width: 85px!important;
    /* float: left; */
}
    #life-insurance #Table5 td:first-child {width:70%}
    #life-insurance  #Table2 td:first-child {width:25%}
    
    
}

@media screen and (max-width:660px)
{
  .bienvenue-holder {
    flex-wrap: wrap;
}
    .bienvenue-gauche {
    width: 100%;
}
    .bienvenue-droite {
    width: 100%;
}
    .bienvenue-gauche ul {
    padding-right: 0;
}
    .accueil-droite-inner-container .bienvenue-holder .bienvenue-gauche p span {
    padding-left: 0;
    padding-right: 10px;
}
    .accueil-droite-inner-container .bienvenue-holder .bienvenue-droite p span {
    padding-left: 0;
    padding-right: 10px;
}
    .footer-banner p {
    top: 20%;
    padding-left: 40px;
    line-height: 1.1;
    font-size: 30px;
}
    .entete-section-inner-titre.plain {
    width: 75%;
    z-index: 2;
}
    .entete-section-inner-titre h2 {
    font-size: 36px;
}
    .entete-section-inner-titre.plain h1 {
    font-size: 20px;
    padding-left: 30px;
}
    #entete-section-plain {
   
    background-position: -300px 0;
}
     .header-overlay {
    background: linear-gradient(90deg, rgba(239, 243, 245, 0.9) 40%, rgba(239, 243, 245, 0.4) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    border-radius: 0;
}
    #entete-section-plain .wrapper {
  
    min-height: 298px;
}
    .equipe-list-container {
    display: block;
    width: 50%;
    margin-bottom: 20px;
}
    .equipe-list-etudiant-accueil .equipe-list-container {
    width: 50%;
    margin-bottom: 20px;
}
    
    .equipe-image-container {
    height: 240px;
    width: 240px;
}
    
    .equipe-list-etudiant-accueil .equipe-image-container {
    height: 240px;
    width: 240px;
}
    
    .section-profil-gauche.one-col, .espace_client-template .sogemec-form.webform {

    background-position: 100% 0;
}
    
    
    p#breadcrumbs {
   display:none;
}
    .section-profil-titre {
    margin: 0 0 20px 30px;
        font-size: 20px;
}
    .entete-section-inner-titre.plain .sous-titre {
    font-size: 30px;
    letter-spacing: 0;
    padding: 15px 15px 15px 30px;
}
    .entete-section-inner-titre.plain .introduction {
    padding-left: 30px;
    margin-top: 10px;
    font-size: 16px;
}
.top-right-utility-container-two .titre-ec-holder h1.titre-ec {
    font-size: 24px;
}
    
    .ec-list-box-container {
    margin-top: 30px;
}
    .section-profil-gauche a.ec-list-box {
    width: 47%;
   
}
    .espace_client h1 {
    font-size: 32px;
    letter-spacing: -0.50px;
    margin: 20px 0 20px 0;
}
    .ec-entete-row-4 {
    padding-bottom: 10px;
}
    
}
@media screen and (max-width:576.98px)
    
    
    
{
    
     
    .section-profil-droite-inner-container {
   
    width: 100%;
}
    
    
    .espace-client-select {
    display: block;
    width: 100%;
    padding: 60px 0 30px 0;
    border-radius: 10px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
}
    
    
    .titre-all-holder {
    display: block;
    min-height: 100px;
    padding: 0 30px;
}
    
    .equipe-list-container {
    display: block;
    width: 100%;
    margin-bottom: 20px;
        border-bottom: 1px solid #ededed;
}
    
    .equipe-image-container {
    height: 260px;
    width: 260px;
}
    
    #site-logo .logo {
    margin-top: 20px;
    width: 160px;
       margin-left:0;
}
    .menu-btn {
   padding: 10px 10px 9px 10px;
    width: 120px;
}
    .menu-btn.phone {
    padding: 10px 5px 9px 5px;
    font-size: 13.5px;
      
   
}
    
    .menu-btn-phone {
    top: -8px;
}
    
    .bouton-menu {
    margin-left: 64px;
    margin-top: 15px;
    position: absolute;
    top: 0;
    right: 100px;
}
    #entete-section-plain {
    background-position: -300px 0;
}
    .entete-section-inner-titre h2 {
    font-size: 32px;
        margin-bottom:0;
}
    .entete-section-inner-titre.plain {
    width: 90%;
}
    #entete-section-plain .wrapper {
    min-height: 250px;
}
    .section-profil-droite h5 {
    font-size: 18px;
}
    .section-profil-titre {
    font-size: 17px;
}
    .equipe-list-etudiant-accueil .equipe-list-container {
    width: 100%;
    margin-bottom: 20px;
}
    .entete-section-inner-titre.plain {
    width: 100%;
}
    .section-profil-gauche h2 span {
   
    display: block;
}
    ul.icones-jeune {

    flex-wrap: wrap;
}
    ul.icones-jeune li {
    margin: 0 0 20px 0;
   
    width: 100%;
    font-size: 20px;
}
    .section-profil-droite.jeune .section-profil-droite-inner-container {
    
    padding: 40px 10px 0 10px;
}
    .espace_client h1 {
    font-size: 26px;
    letter-spacing: -0.50px;
    margin: 20px 0 20px 0;
    font-weight: 400;
}
    .top-right-utility-container-two .titre-ec-holder h1.titre-ec {
    font-size: 18px;
    letter-spacing: -0.25px;
}
    .espace_client h1.lock:after {
    top: 6px;
}
    
    form#life-insurance table#Table3 tbody tr td:nth-child(2) {
    padding-right: 20px!important;
}
    input#txtSalAnBrut, input#txtAutresRevenus, form#life-insurance #Table3 input, input#txtAutreRevenuDeces {
    width: 50px!important;
    /* float: left; */
}
    
    #life-insurance  #Table4 td:first-child {width:50%}
    form#life-insurance table#Table3 tbody tr td:nth-child(2) {
    
    width: 25%;
}
    form#life-insurance table#Table3 tbody tr td:nth-child(4) {
    
    width: 25%;
}
    
    form#calcFraisSpecA table tbody tr td:first-child, form#sogomec-form-critical-illness table tbody tr td:first-child, form#calcFraisIng table tbody tr td:first-child, form#calcFraisNot table tbody tr td:first-child, form#calcMalGnot table tbody tr td:first-child {

    width: 50%!important;
}
    
    form#calcFraisSpecA .sous-titre.bleu.dixhuit.strong {
    font-size: 18px!important;
}
    form#life-insurance table th {
    font-weight: 600!important;
    text-align: left!important;
    font-size: 18px!important;
}
    form fieldset h4 {
    font-size: 18px!important;
}
    form#calcBesoinsAssurance div.form-item .strong.bleu.dixhuit {
    font-weight: 600!important;
    font-size: 18px;
}
    form#calcBesoinsAssurance fieldset h4.strong {
    padding-bottom: 20px;
}
    form#sogomec-form-critical-illness legend.strong {
    font-size: 18px;
}
    form#sogomec-form-critical-illness .sous-titre.bleu.dixhuit.strong {
    font-size: 18px;
}
    
    
}
@media screen and (max-width:425px)
{
    
    .sogemec-form {
  
    font-size: 16.5px!important;
    line-height: 1.3;
}
    
    
    form#calcFraisSpecA table tbody tr td:first-child, form#sogomec-form-critical-illness table tbody tr td:first-child, form#calcFraisIng table tbody tr td:first-child, form#calcFraisNot table tbody tr td:first-child, form#calcMalGnot table tbody tr td:first-child {

    width: 40%!important;
}
    
    form#sogomec-form-critical-illness input {
    width: 100px!important;
}
    
    body {
        font-size: 15.5px;}
    .section-profil-gauche-inner-container h2 {
  
    margin-bottom: 20px;
    margin-top: 30px;
}
    .section-profil-gauche .accordeons .ui-accordion-content {
    padding: 20px 0 30px 0;
    font-size: 17px;
}
    
    .jeune .right-menu a {
    padding: 5px 5px 3px 5px;
    font-size: 17px;
}
    
    a.btn-calculatrice {
    font-weight: 700;
    padding: 0 10px 0 10px;
    font-size: 16px;
}
    
    
    .section-profil-droite h5 {
    font-size: 16px;
}
    p#breadcrumbs {
    padding-left: 30px;
}
    
    #entete-section-normal .entete-section-inner-titre.plain h1 {
   
    font-size: 36px;
}
    #entete-section-normal .wrapper {
    min-height: 80px;
}
    .entete-section-inner-titre.plain.fullwidth {
    width: 100%;
    z-index: 2;
}
    
    .copyright-right .menu li {
    margin: 4px 0 4px 0;
}
    #menu-menu-copyright li:nth-child(2) {border-right:none;padding-right:0}
    
    .footer-phone-link {
   line-height:1.6;
        display:block;
    margin-right: 0;
}
    .footer-email-link {
    line-height:1.6;
        display:block;
    margin-right: 0;
}
    .footer-bureaux-link {
    line-height: 1.6;
    display: block;
    margin-top: 5px;
    margin-left: 15px;
}
    
    .btn-bleu-moyen {
   
   padding: 8px 5px 10px 12px;
    margin-right: 0;
    margin-top: 15px;
}
    .footer-btn-bleu {
   
   padding: 8px 5px 10px 12px;
    margin-top: 15px;
}
    
    .bouton-menu {
    margin-left: 64px;
    margin-top: 15px;
    position: absolute;
    top: 0;
    right: 70px;
}
    
    .logo-footer {width:100%}
    
    .menu-btn {    width: 115px;}
    
   #site-logo .logo {
    margin-top: 20px;
    width: 120px;
       margin-left:0;
}
    
    .row-2 {display:none;}
    
    .accueil-gauche-inner-container p:nth-child(5) {display:none}
    .footer-banner p {
    top: 20%;
    padding-left: 30px;
    line-height: 1.1;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.25px;
}
    .entete-section-inner-titre h2 {
    font-size: 28px;
    letter-spacing: 0;
}
    .entete-section-inner-titre.plain h1 {
    font-size: 18px;
}
   #entete-section-plain {
    background-position: -375px 0;
}
    .header-overlay {
    background: linear-gradient(90deg, rgba(239, 243, 245, 0.9) 40%, rgba(239, 243, 245, 0.6) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    border-radius: 0;
}
    .espace-client-select a {
   
    width: 260px;
  
}
    body.single-espace_client .bouton-menu {
   
    margin-top: 6px;
}
    .top-right-utility-container-two .titre-ec-holder h1.titre-ec {
    font-size: 16px;
}
    .message-additionnel-esp-client {
    width: 100%;
    font-size: 15px;
        padding:10px;
}
    .top-right-utility-container-two .titre-ec-holder h1.titre-ec span.titre-ec-sp {

    padding-left: 5px;
}
    .section-profil-gauche ul, .section-profil-gauche.one-col.espace-client ul.normal-list {
      margin: 0 0 0 0;
    padding-bottom: 20px;
    font-size: 15.5px;
}
    .section-profil-gauche .accordeons h3 {
    font-size: 15.5px;
    padding: 15px 25px 15px 0;
}
    .section-profil-droite-inner-container p {
    line-height: 1.3;
    font-size: 15.5px;
    margin-bottom: 15px;
}
    .section-profil-droite ul {
    list-style-type: disc;
    margin: 0 0 0 30px;
    padding-bottom: 15px;
    line-height: 1.3;
    font-size: 15.5px;
}
    .section-profil-gauche-inner-container {
    padding: 36px 0 0 0;
}
    
}

@media screen and (max-width:390px)
{
    form#life-insurance table#Table3 tbody tr td:nth-child(4) {
    width: 30%;
}
    form#life-insurance table#Table3 tbody tr td:nth-child(2) {
    width: 35%;
}
    .espace_client h1 {
    font-size: 22px;
}
    
    .section-profil-titre {
    font-size: 15px;
}
    
    .section-profil-gauche-inner-container h2 {
    font-size: 20px;
}
    
    h2.gradient {
    font-size: 40px;
    margin-bottom: 50px;
}
    
    .copyright-right .menu li {
    margin: 4px 0 4px 0;
}
    #menu-menu-copyright li:nth-child(2) {border-right:none;padding-right:0}
}