@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;300;400;500&display=swap");
@charset "utf-8";

#colorsDefinition,
a,
a:hover {
    color: #45abeb;
}
code,
mark {
    padding: 2px 4px;
}
#logo,
img {
    vertical-align: middle;
}
.pager > a,
.skip-links a,
a,
i,
nav a:hover {
    text-decoration: none;
}
.clearfix:after,
.megaMenu.cols-2 .secondLevel > .arrowTop + li:nth-child(2n + 2) .megaMenu.cols-3 .secondLevel > .arrowTop + li:nth-child(3n + 2) .megaMenu.cols-4 .secondLevel > .arrowTop + li:nth-child(4n + 2),
.megaMenu.cols-2 .secondLevel > li:nth-child(2n + 1),
.megaMenu.cols-3 .secondLevel > li:nth-child(3n + 1),
.megaMenu.cols-4 .secondLevel > li:nth-child(4n + 1),
.megaMenu.cols-5 .secondLevel > .arrowTop + li:nth-child(5n + 2),
.megaMenu.cols-5 .secondLevel > li:nth-child(5n + 1),
.megaMenu.cols-6 .secondLevel > .arrowTop + li:nth-child(6n + 2),
.megaMenu.cols-6 .secondLevel > li:nth-child(6n + 1) {
    clear: both;
}
html {
    font-size: 62.5%;
}
body {
    background: #444;
    color: #17252E;
    font-weight: 300;
    font-size: 1.4em;
	font-family: 'Fira Sans', Arial sans-serif;
    letter-spacing: 0.05px;
    line-height: 1.8em;
}
section {
    background: #fff;
}
a,
i {
    outline: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
a:hover {
    text-decoration: underline;
}
a > i {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
select {
    border-color: #67a8de;
}
blockquote,
caption,
details,
dl,
figure,
label,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0.75em 0 0;
    line-height: 1.8;
}
blockquote {
    margin: 30px 100px;
    padding: 20px;
    font: italic 1.4em "Fira sans", Helvetica, arial, sans-serif;
    color: #38c2f7;
    text-align: center;
    border-top: 1px solid #38c2f7;
    border-bottom: 1px solid #38c2f7;
}
.smaller {
    font-size: 0.7143em;
}
.small {
    font-size: 0.8571em;
}
.big {
    font-size: 1.1429em;
}
.bigger {
    font-size: 1.2857em;
}
.biggest {
    font-size: 1.4286em;
}
body,
html {
    margin: 0;
    padding: 0;
}
ol,
ul {
    padding-left: 0;
}
ul.unstyled {
    list-style: none;
}
code,
kbd,
pre,
samp {
    white-space: pre-wrap;
    font-family: consolas, "DejaVu Sans Mono", courier, monospace;
    line-height: 1em;
}
code,
kbd,
mark {
    border-radius: 2px;
}
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
kbd {
    padding: 0 2px;
    border: 1px solid #999;
}
code {
    background: rgba(0, 0, 0, 0.04);
    color: #b11;
}
mark {
    background: #ff0;
}
sub,
sup {
    position: relative;
    vertical-align: 0;
}
.skip-links,
.skip-links a {
    position: absolute;
}
sup {
    bottom: 1ex;
}
sub {
    top: 0.5ex;
}
table {
    margin: 20px auto;
    border-collapse: collapse;
}
table.fourColumns td,
table.fourColumns th {
    border: 2px solid #fff;
}
table.fourColumns td:nth-child(odd) {
    width: 15%;
    font-weight: 700;
    background-color: #eee;
}
li ol,
li p:first-child,
li ul {
    margin-top: 0;
    margin-bottom: 0;
}
blockquote,
code,
img,
input,
pre,
table,
td,
textarea,
video {
    max-width: 100%;
}
:not(.gm-style) img {
    heigth: auto !important;
}
.ie678 .gm-style img {
    height: 100%;
}
.gm-style img,
.gmnoprint img,
.gmnoscreen img {
    max-width: none !important;
}
a img {
    border: 0;
}
body > script {
    display: none !important;
}
.skip-links a {
    left: -7000px;
    padding: 0.5em;
    color: #fff;
    background: #000;
}
#footerInner{
    text-align: center;
} 
footer,
footer a {
    color: #fff;
    text-transform: uppercase;
}
footer .widgetShortcutFooter ul {
    text-align: center;
    display: inline-block;
    margin: 4% 0% 1% 0%;
    width: 100%;
}
footer .widgetShortcutFooter ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0 10px;
}
footer .widgetShortcutFooter ul li a:hover,
footer .mentions:hover{
    color: #a0d2f2 !important;
    text-decoration: none;
    border-bottom: 1px solid #a0d2f2;
}
footer .social-footer {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0 40px 0;
}
footer .social-footer ul li {
    list-style-type: none;
    display: inline;
    margin: 0 5px;
    padding: 0;
}
footer .social-footer ul li img{
    max-width: 20px;
}
.social a:hover,
footer .social-footer a:hover {
    opacity: 0.7;
}
#page,
header {
    background-color: #fff;
}
.skip-links a:focus {
    position: static;
}
.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}
hr {
    margin: 0;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.h1-like,
.h1-like.elementTitle > *,
h1 {
    margin: 1.6em 0 1em;
    font-size: 2.4em;
}
#breadcrumb + #content #text .ligneElement:first-child h1 {
    margin-bottom: 0.5em;
}
.h2-like,
.h2-like.elementTitle > *,
h2 {
    margin: 30px 0 40px 0;
    font-size: 29px;
    font-weight: normal;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    text-transform:uppercase;
}
h2 span {
    font-weight: bold !important;
}
h2::before {
    content:url(/modeles/fr/default/images/top-title.png);
    display: block;
    margin: 0 0 5px 0;
}
#mobileMenu {
    height: 60px;
    line-height: 60px;
}
.h2-like.light,
.h2-like.light.elementTitle > *,
h2.light {
    font-weight: 300;
}
.h3-like,
.h3-like.elementTitle > *,
h3 {
    margin: 1.2em 0 0;
    font-size: 1.6em;
    font-weight: 300;
}
.h4-like,
.h4-like.elementTitle > *,
h4 {
    margin: 1.6em 0 0;
    font-size: 1.3em;
    font-weight: 600;
}

h5 {
    margin: 1em 0 0;
    font-size: 1.1em;
    font-weight: 400;
    color: #999;
}

h6 {
    margin: 0.8em 0 0;
    font-size: 0.8em;
}
#page {
    overflow-x: hidden;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 120px;
    border-bottom: 1px solid #ccc;
    -webkit-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}
.social {
	position: absolute;
	width: auto;
	padding: 0 0 10px 0;
	right: 8px;
	top: 5px;
}
.social ul li {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 10px;
}
.social ul li img {
    max-width: 20px;
}
#logo {
    display: inline-block;
    margin: 10px 0 0 0;
}
#logo img {
    max-width: 280px;
}
#mobileMenu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: none;
    width: 60px;
    font-size: 24px;
    color: #000;
    text-align: center;
    border-left: 1px solid #ccc;
    cursor: pointer;
}
#mobileMenu:hover {
    color: #fff;
    background-color: #45abeb;
}
#wrapper {
    padding-top: 90px;
}
#rubricPicture {
    background-color: #eee;
}
#contents .widget {
    padding-bottom: 30px;
}
footer {
    background-color: #17252E;
}
footer a:hover {
    color: #fff;
}
.pager > a {
    height: 40px;
    font-weight: 600;
    line-height: 38px;
    color: #999;
}
.pager > a:hover {
    color: #fff;
    background-color: #45abeb;
    border-color: #45abeb;
}
.pager > a.pager_current_page,
.pager > a.pager_current_page:hover {
    font-weight: 700;
    color: #45abeb;
    background-color: transparent;
    border-color: #45abeb;
}
nav > ul > li > ul,
nav > ul > li > ul > li ul {
    position: absolute;
    width: 250px;
    border-top: 5px solid #45abeb;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.pager > a > i {
    font-size: 1.4em;
    line-height: 38px;
}
#breadcrumb,
nav a {
    font-size: 0.9286em;
}
#breadcrumb ul,
nav ul {
    list-style-type: none;
}
#breadcrumb ul {
    margin: 0 !important;
}
#breadcrumb ul li:first-child{
   text-indent: -9999px;
    background: url('../images/breadcrumb-icon.png');
    width: 33px;
    background-size: 33px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}
#breadcrumb ul li a{
   text-transform: uppercase;
   color: #000;
   font-family: 'Fira Sans', sans-serif;
   font-size: 10px;
   border-bottom: 1px solid #000;
}
#breadcrumb ul li a:hover{
   color: #93D4F6 !important;
   border-bottom: 1px solid #93D4F6 !important;
   text-decoration: none !important;
}
#nested {
	float: right;
	margin: 70px 0 0 0;
}
nav > ul > li > ul {
    top: 85px;
    left: 50%;
    z-index: 10;
    display: none;
    background-color: #fff;
    transform: translateX(-50%);
    margin-left: -5px;
}
nav > ul li:hover > ul {
    display: block;
}
nav > ul > li > ul > i {
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 999;
}
nav a {
    line-height: 2.308em;
    color: #17252E;
	text-transform: uppercase;
	font-size: 13px;
}
#nested li:last-child a {
	margin: 0;
	padding-right: 10px;
}
nav ul > li > span > img {
    max-height: 30px;
    cursor: pointer;
}
nav ul > li > span.nestedPicture + a {
    float: left;
}
nav ul > li.active > span.nestedPicture {
    margin-right: 10px;
}
nav > ul > li.active > a {
    color: #000;
    background-color: #92d4f6;
    border-radius: 5px;
}
nav > ul > li > ul li {
    border-bottom: 1px solid #ddd;
}
nav > ul > li > ul li:last-child {
    border-bottom: none;
}
nav > ul > li > ul a {
    font: 400 1em/3.077em Raleway, "Fira sans", Arial, sans-serif;
}
nav > ul > li > ul a:hover {
    background-color: rgba(76, 198, 255, 0.1);
}
nav > ul > li > ul > li ul {
    top: -5px;
    left: 250px;
    z-index: 10;
    display: none;
    background-color: #fff;
}
nav > ul > li.megaMenu {
    position: static;
}
nav > ul > li.megaMenu > ul {
    left: 50%;
    width: 1080px;
    padding: 20px;
    margin-left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
nav > ul > li.megaMenu > ul > li {
    float: left;
    padding-right: 30px;
    border-bottom: none;
}
nav > ul > li.megaMenu > ul > li > a {
    padding: 0 5px;
    font: 600 1.2em/2em "Fira sans", Arial, sans-serif;
    color: #45abeb;
}
nav > ul > li.megaMenu > ul > li .nestedPicture {
    position: relative;
    padding: 0 5px;
    cursor: pointer;
}
nav > ul > li.megaMenu > ul > li .nestedPicture:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
    z-index: 2;
    box-shadow: inset 0 0 0 0 rgba(69, 171, 235, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
nav > ul > li.megaMenu > ul > li .nestedPicture > img {
    float: none;
    max-height: 200px;
    border: 1px solid #666;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
nav > ul > li.megaMenu > ul > li .nestedPicture:hover:before {
    box-shadow: inset 0 0 0 8px rgba(69, 171, 235, 0.5);
}
nav > ul > li.megaMenu > ul > li .nestedPicture:hover > img {
    border-color: #29adf1;
    opacity: 0.7;
}
nav > ul > li.megaMenu > ul > li > a:hover {
    background-color: rgba(0, 156, 255, 0.1);
}
nav > ul > li.megaMenu > ul > li ul {
    position: static;
    display: block;
    width: auto;
    border: none;
    box-shadow: none;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}
nav > ul > li.megaMenu > ul > li ul li {
    border: none;
}
nav > ul > li.megaMenu > ul > li ul li > a {
    padding: 0 5px;
    font: 400 1em/2.307em "Fira sans", Arial;
    color: #999;
}
nav > ul > li.megaMenu > ul > li ul li > a:before {
    content: "f105";
    display: inline-block;
    margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bubble {
    position: absolute;
    top: -20px;
    right: -15px;
    padding: 5px;
    line-height: 1;
    color: #fff;
    text-transform: none;
    background: #ff7633;
}
#smart-toggle i,
#smart-toggle i:after,
#smart-toggle i:before {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #666;
    position: absolute;
}
#smart-toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    display: none;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: #fff;
    transition: transform 0.5s;
}
#smart-toggle i {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: background 0.5s;
}
#smart-toggle i:after,
#smart-toggle i:before {
    content: "";
    top: 0;
    left: 0;
    transform: translateY(-6px);
    transition: transform 0.5s;
}
#smart-toggle:hover i,
#smart-toggle:hover i:after,
#smart-toggle:hover i:before {
    background-color: #29adf1;
}
#smart-toggle i:after {
    transform: translateY(6px);
}
#smart-toggle.is-opened i {
    background: 0 0;
}
#smart-toggle.is-opened i::before {
    transform: translateY(0) rotate(45deg);
}
#smart-toggle.is-opened i::after {
    transform: translateY(0) rotate(-45deg);
}
#article #text ol,
#article #text ul,
#content #text ol,
#content #text ul {
    padding: 10px 0;
    margin-top: 0;
    margin-left: 30px;
}
#article #text a:hover {
    text-decoration: underline;
}
#article #text h2 {
    margin: 30px 0 20px;
}
#article #text h3 {
    margin: 20px 0 10px;
}
#accountSubscription fieldset > legend {
    display: none;
}
#accountSubscription fieldset > .row:last-child {
    padding-bottom: 30px;
}
#accountSubscription fieldset + .row {
    max-width: 700px;
    padding-bottom: 0;
    text-align: right;
}
#blogDescription {
    font: 400 1.1423em/2em Raleway, Arial;
    color: #666;
}
.blogPostPicture {
    background-color: #eee;
    background-position: center;
    background-size: cover;
}
.blogBox .blogPostPicture,
.blogList .blogPostPicture {
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.blogPostPicture img {
    width: 100%;
    visibility: hidden;
}
.blogPostTitle {
    margin: 1em 0 0.7em;
}
.blogPostTitle a {
    color: #444;
}
.blogPostCategory + .blogPostTitle {
    margin-top: 0;
}
.blogPostCategory {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2em;
    color: #999;
    text-transform: uppercase;
}
.blogPostResume .blogPostPicture {
    cursor: pointer;
}
.blogPostResume .blogPostDate {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    height: 60px !important;
    width: 40px;
    padding: 8px 0 10px;
    margin-left: -20px;
    font: 400 13px/1.8em Raleway, Arial;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #45abeb;
}
.blogPostResume .blogPostCategory {
    font-size: 0.8em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blogPostResume .blogPostDate:after,
.blogPostResume .blogPostDate:before {
    content: "";
    position: absolute;
    top: 0;
    left: -18px;
    display: block;
    width: 0;
    height: 0;
    border-right: 18px solid #45abeb;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
.blogPostResume .blogPostDate:after {
    left: auto;
    right: -18px;
    border-right: none;
    border-left: 18px solid #45abeb;
}
.blogPostDate strong {
    display: block;
    font-size: 1.667em;
}
#blogPostDetailMetas {
    padding-top: 10px;
}
#blogPostDetailMetas,
.blogPostMetas {
    font: 400 0.857em/30px Raleway, Arial;
}
#blogPostDetailMetas > *,
.blogPostMetas > * {
    height: 25px;
}
.blogPostMetas:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 45px;
    background-color: #45abeb;
}
.blogList .blogPostPicture img,
.blogPostResume .rating-stars,
.blogPostResume .ratingsDatas .h3-like {
    display: none;
}
#blogPostDetailMetas i,
.blogPostMetas i {
    font-size: 1.6em;
}
#blogPostDetailMetas i {
    margin-top: 2px;
}
.postDetail-fullwidth #blogPostDetailMetas i {
    margin-top: 0;
}
.blogPostTags li {
    color: #999;
}
.blogBox .blogPostResume {
    padding: 30px 10px;
    margin-bottom: 30px;
}
.blogBox .blogPostContent {
    height: 320px;
    padding: 20px 20px 10px;
    border: 1px solid #ccc;
    border-top: none;
}
.blogBox .blogPostPicture {
    height: 230px;
    text-align: center;
    border-top: 5px solid #45abeb;
}
.blogBox .blogPostPicture img {
    visibility: hidden;
}
.blogBox .blogPostCategory,
.blogMasonry .blogPostCategory {
    padding-top: 0;
}
.blogBox .blogPostTitle {
    margin-top: 0;
    font-size: 1.2em;
    overflow: hidden;
}
.blogBox.blogPostsList .blogPostTitle {
    max-height: 50px;
}
.blogBox .blogPostDescription {
    height: 100px;
}
.blogBox .blogPostLink {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
}
.blogList .blogPostResume {
    height: 330px;
    padding: 0 0 30px;
    font-size: 0;
}
.blogList .blogPostDate {
    top: 50%;
    left: 20px;
    font-size: 14px;
    margin-top: -45px;
}
.blogList .blogPostPicture {
    float: left;
    width: 30%;
    height: 100%;
    border: 1px solid #ccc;
    border-right: none;
}
.blogList .blogPostContent {
    float: right;
    width: 70%;
    height: 100%;
    padding: 0 30px 30px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.blogList .blogPostTitle {
    font-size: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#blogPostDetail #blogPostDetailMetas:before,
.blogList .blogPostMetas:before {
    margin-top: 35px;
}
.blogList .blogPostLink {
    text-align: right;
}
.blogMasonry .blogPostResume {
    float: left;
    display: block;
    vertical-align: top;
    width: 23%;
    padding: 0 !important;
    margin: 0 2% 2% 0 !important;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.blogPostsList.blogMasonry.cols-2 .blogPostResume {
    width: 48%;
}
.blogPostsList.blogMasonry.cols-3 .blogPostResume {
    width: 31.333% !important;
    min-width: 31.333% !important;
}
.blogPostsList.blogMasonry.cols-4 .blogPostResume {
    width: 23%;
}
.blogMasonry .blogPostResume:nth-child(4n + 4) {
    margin: 0 0 2%;
}
.blogMasonry .blogPostResume:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#blogPostDetail #blogPostNavigation a:hover,
#directoryEntryNavigation a:hover {
    box-shadow: inset 0 0 0 6px rgba(69, 171, 235, 0.25);
    text-decoration: none;
}
.blogMasonry .blogPostAuthor {
    padding-right: 0;
}
.blogMasonry .blogPostDate {
    position: static;
    float: none;
    display: none;
    width: auto;
    height: auto !important;
    padding: 0 10px 0 0;
    margin-left: 0;
    line-height: inherit;
    color: #444;
    text-align: left;
    text-transform: none;
    background-color: transparent;
}
.blogMasonry .blogPostDate * {
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
}
.blogMasonry .blogPostDate:before {
    content: ", le";
    position: static;
    display: inline-block;
    width: auto;
    margin-right: 5px;
    border: none;
}
#blogPostDetail .blogPostMetas:before,
.blogMasonry .blogPostDate:after,
.blogMasonry .blogPostLink,
.blogMasonry .ratingsDatas,
.blogPostDetail #wrapperInner > h1,
.cols-2.blogList .blogPostCategory,
.cols-2.blogList .blogPostTags,
.cols-4.blogBox .blogPostCategory {
    display: none;
}
.blogMasonry .blogPostDate strong {
    margin-right: 5px;
}
.blogMasonry .commentsDatas {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0;
    text-align: center;
    border: none;
}
.blogMasonry .blogPostTags {
    clear: both;
    padding-left: 0;
    border: none;
}
.blogMasonry .blogPostContent {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.blogMasonry .blogPostTitle {
    margin-top: 0;
    font-size: 1.2em;
}
.blogMasonry .blogPostMetas {
    position: static;
    padding-bottom: 0;
    font-size: 11px;
}
.blogMasonry .blogPostMetas:before {
    position: static;
    margin: 20px 0;
}
.blogMasonry .blogPostMetas > * {
    height: auto;
}
.blogMasonry .blogPostDescription {
    padding-top: 10px;
    font-size: 0.9em;
}
.cols-2.blogPostsList .blogPostResume {
    float: left;
    width: 50%;
}
.cols-2.blogList .blogPostResume {
    padding: 0;
}
.cols-2.blogBox .blogPostResume:nth-child(odd),
.cols-2.blogList .blogPostResume:nth-child(odd),
.cols-2.blogPostsList .blogPostResume:nth-child(odd) {
    padding-right: 15px;
}
.cols-2.blogBox .blogPostResume:nth-child(even),
.cols-2.blogList .blogPostResume:nth-child(even),
.cols-2.blogPostsList .blogPostResume:nth-child(even) {
    padding-left: 15px;
}
.cols-2.blogPostsList .blogPostResume .blogPostPicture {
    height: 300px;
}
.cols-2.blogList .blogPostDescription {
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cols-2.blogBox .blogPostResume:nth-child(odd) .blogPostDate {
    margin-left: -21px;
}
.cols-2.blogBox .blogPostResume:nth-child(even) .blogPostDate {
    margin-left: -17px;
}
.cols-3.blogPostsList .blogPostResume {
    float: left;
    width: 33.333% !important;
    min-width: 33.333% !important;
}
.cols-3.blogBox .blogPostResume:nth-child(3n + 1) {
    padding: 30px 20px 30px 0;
    clear: both;
}
.cols-3.blogBox .blogPostResume:nth-child(3n + 3) {
    padding: 30px 0 30px 20px;
}
.cols-3.blogBox .blogPostResume:nth-child(3n + 3) .blogPostDate {
    margin-left: -10px;
}
.cols-4.blogBox .blogPostResume {
    width: 25%;
    padding: 0 10px 30px;
}
.cols-2.blogList .blogPostResume:nth-child(even) .blogPostDate {
    left: 35px;
}
.cols-4.blogBox .blogPostPicture {
    height: 160px;
}
.cols-2.blogList .blogPostResume {
    height: 210px;
}
.cols-2.blogList .blogPostResume .blogPostPicture {
    width: 40%;
    height: 100%;
}
.cols-2.blogList .blogPostContent {
    width: 60%;
}
.cols-2.blogList .blogPostMetas {
    padding-bottom: 15px;
}
.cols-4.blogBox .blogPostResume:nth-child(4n + 1) {
    padding: 0 20px 30px 0;
}
.cols-4.blogBox .blogPostResume:nth-child(4n + 1) .blogPostDate {
    margin-left: -30px;
}
.cols-4.blogBox .blogPostResume:nth-child(4n + 4) {
    padding: 0 0 30px 20px;
}
.cols-4.blogBox .blogPostResume:nth-child(4n + 4) .blogPostDate {
    margin-left: -10px;
}
.cols-2.blogList .blogPostResume:nth-child(n + 1),
.cols-3 .blogPostResume:nth-child(n + 2),
.cols-4 .blogPostResume:nth-child(n + 3) {
    margin-bottom: 30px;
}
.cols-1.blogBox .blogPostResume:last-child {
    margin-bottom: 0;
}
#blogPostDetailPicture img {
    width: 100%;
}
#blogPostDetail .blogPostTitle {
    margin-top: 0;
    padding-top: 5px;
    height: auto;
    font-size: 2.4em;
    line-height: 1.4em;
}
#blogPostDetail .blogPostDate {
    position: static;
    margin-top: 0;
    font-size: 14px;
}
#blogPostDetail .blogPostAuthor {
    height: 40px;
    line-height: 40px;
}
#blogPostDetail #blogPostAuthorMetas a {
    font-size: 1.2em;
    color: #999;
}
#blogPostDetail #blogPostAuthorMetas a.googleplus:hover {
    color: #dd4e42;
}
#blogPostDetail #blogPostAuthorMetas a.twitter:hover {
    color: #00aced;
}
#blogPostDetail #blogPostAuthorMetas a.siteweb:hover {
    color: #45abeb;
}
#blogPostDetail #blogPostAuthorDesc {
    margin-left: 250px;
}
#blogPostDetail #blogPostNavigation a strong {
    font-size: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#blogPostDetail #blogPostNavigation a i {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 20px;
    font-size: 3em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#blogPostDetail #blogPostPrevious i {
    left: 20px;
}
#blogPostDetail #blogPostNext i {
    right: 20px;
}
.blogPostSocialButton {
    height: 30px;
    line-height: 30px;
    color: #999;
    border-radius: 15px;
}
.blogPostSocialButton > * {
    height: 24px;
    line-height: 28px !important;
}
#buttonFacebook > * {
    top: 0;
    -webkit-transition: top 0.2s ease-in-out;
    -ms-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
}
.blogPostSocialButton:hover {
    color: #fff;
    text-decoration: none;
}
#buttonFacebook:hover {
    background-color: #355089;
}
#buttonTwitter:hover {
    background-color: #00aced;
}
#buttonFacebook:hover > * {
    top: -30px;
}
.postDetail-fullwidth #buttonFacebook:hover > * {
    top: -24px;
}
.blogPostSocialButton > span {
    display: block !important;
    font-size: 1em;
}
#blogPostDetail .ratingsDatas i {
    display: none !important;
}
.blogPostDetail.postDetail-fullwidth #wrapperInner,
.blogPostDetail.postDetail-parallax #wrapperInner {
    width: 100%;
    padding-top: 0;
}
.blogPostDetail.postDetail-fullwidth #breadcrumb,
.blogPostDetail.postDetail-parallax #breadcrumb {
    position: absolute;
    width: 1080px;
    margin: 0 auto;
}
.blogPostDetail #contents .widget {
    display: none;
}
.blogPostDetail.postDetail-fullwidth #blogPostDetail,
.blogPostDetail.postDetail-parallax #blogPostDetail {
    padding-top: 0;
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailPicture,
.blogPostDetail.postDetail-parallax #blogPostDetailPicture {
    max-height: 400px;
    padding-bottom: 0;
}
.blogPostDetail.postDetail-fullwidth .blogPostCategory,
.blogPostDetail.postDetail-parallax .blogPostCategory {
    color: #fff;
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailHeader {
    min-height: 180px;
    background-color: #666;
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailHeaderContent,
.blogPostDetail.postDetail-parallax #blogPostDetailHeaderContent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 1080px;
    margin-left: -540px;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blogPostDetail.postDetail-parallax .blogPostDate {
    color: #fff;
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailMetas,
.blogPostDetail.postDetail-parallax #blogPostDetailMetas {
    padding-top: 10px;
    padding-bottom: 0;
}
.blogPostDetail.postDetail-fullwidth .blogPostSocialButton,
.blogPostDetail.postDetail-parallax .blogPostSocialButton {
    line-height: 24px;
    color: #fff;
    border-color: #fff;
    border-width: 2px;
}
.blogPostDetail.postDetail-parallax #buttonFacebook:hover > * {
    top: -23px;
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailContent,
.blogPostDetail.postDetail-parallax #blogPostDetailContent {
    width: 1080px;
    padding-top: 30px;
    margin: 0 auto;
}
.elementDirectory.pb0 .directoryEntries {
    padding-bottom: 0;
}
.directoryListFilters {
    display: none;
    list-style-type: none;
}
.directoryListFilters li {
    float: left;
    padding: 5px 10px;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
    background: #eee;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.directoryEntryPicture,
.directoryGrid .directoryEntry {
    background-position: center center;
    background-size: cover;
}
.directoryListFilters li.active,
.directoryListFilters li:hover {
    color: #fff;
    background-color: #45abeb;
}
.directoryListFilters .filterNumber {
    display: inline-block;
    height: 20px;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 20px;
    border-right: 1px solid #ccc;
}
#content #text .filtersActive .directoryListFilters {
    display: block;
    padding-top: 0;
}
.directoryEntryPicture img,
.filtersActive .directoryEntries .mix {
    display: none;
}
.directoryEntry:last-child {
    padding-bottom: 0;
}
.directoryEntryPicture {
    height: 200px;
    background-color: #eee;
    -webkit-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
}
.directoryEntryContent {
    margin-left: 200px;
}
.directoryEntryMetas {
    font-size: 0.8em;
}
.directoryEntryMetas ul {
    margin: 0 !important;
    padding: 0 !important;
}
.directoryEntryMetas ul li {
    float: left;
    list-style-type: none;
}
.directoryEntryMetas ul li + li:before {
    content: ",";
    margin-right: 3px;
}
.directoryEntryMetas ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.directoryEntryDescription {
    height: 50px;
    font-size: 0.857em;
    line-height: 2em;
    text-overflow: ellipsis;
}
.directoryEntryBackground {
    display: none;
}
.directoryEntryTag,
.tagcloud a {
    display: inline-block;
    padding: 0 5px;
    font-size: 11px !important;
    line-height: 20px;
    border: 1px solid #45abeb !important;
}
.directoryEntryLink > span,
.directoryGrid .directoryEntryShortDescription {
    display: none;
}
#content #text .directoryEntryTag:hover,
.directoryEntryTag:hover,
.tagcloud a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #45abeb;
}
.directoryEntryLink {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    line-height: 45px;
    color: #999;
}
.directoryEntryLink:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.directoryEntryLink > i {
    font-size: 1.6em;
}
.cols-2 .directoryEntry {
    float: left;
    width: 50%;
}
.cols-2 .directoryEntry:nth-child(odd) {
    padding-right: 10px;
}
.cols-2 .directoryEntry:nth-child(even) {
    padding-left: 10px;
}
.directoryGrid .directoryEntry {
    padding-bottom: 0;
    background-image: url(/modeles/fr/default/css/../images/img_noPicture.jpg);
    cursor: pointer;
    overflow: hidden;
}
.directoryGrid .directoryEntry > div {
    border: none;
}
.directoryGrid .directoryEntryPicture {
    float: none;
    width: 100%;
    border-right: none;
}
.directoryGrid .directoryEntryContent {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    background-color: #45abeb;
    -webkit-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: perspective(1px) translateY(100%) translateZ(0);
    -ms-transform: perspective(1px) translateY(100%) translateZ(0);
    transform: perspective(1px) translateY(100%) translateZ(0);
    outline: transparent solid 1px;
    -webkit-font-smoothing: antialiased;
}
.directoryGrid .directoryEntry:hover .directoryEntryContent {
    -webkit-transform: perspective(1px) translateY(0);
    -ms-transform: perspective(1px) translateY(0);
    transform: perspective(1px) translateY(0);
}
.directoryGrid h3 {
    padding-right: 0;
    margin-bottom: 0;
    font-weight: 700;
}
.directoryGrid .directoryEntryMetas {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1em;
    font-weight: 400;
}
.directoryGrid .directoryEntryClient {
    padding-left: 0;
    border-left: none;
}
.directoryGrid .directoryEntryDescription,
.directoryGrid .directoryEntryLink,
.directoryGrid .directoryEntryTags {
    display: none !important;
}
.directoryGrid.cols-2 .directoryEntry {
    width: 50%;
    padding: 0;
}
.directoryGrid.cols-2 .directoryEntryPicture {
    height: 405px;
}
.directoryGrid.cols-3 .directoryEntry {
    float: left;
    width: 33.333%;
    padding: 0;
}
.directoryGrid.cols-3 .directoryEntryPicture {
    height: 270px;
}
.directoryGrid.cols-4 .directoryEntry {
    float: left;
    width: 25%;
    padding: 0;
}
.directoryGrid.textMove .directoryEntryContent {
    top: 0;
    background-color: rgba(69, 171, 235, 0.8);
    opacity: 0;
    -webkit-transition: padding-top 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -ms-transition: padding-top 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: padding-top 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    text-align: center;
}
.directoryGrid.textMove .directoryEntryTextMove {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
}
.directoryGrid.textMove .directoryEntry:hover .directoryEntryContent {
    opacity: 1;
}
.directoryGrid.textMove .directoryEntry:hover .directoryEntryTextMove {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.directoryLine .directoryEntry {
    padding-bottom: 0;
    background-color: #000;
    cursor: pointer;
}
.directoryLine .directoryEntry > div {
    height: 300px;
    border: none;
    overflow: hidden;
}
.directoryLine .directoryEntryPicture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    opacity: 0.7;
}
#content #text .directoryLine .directoryEntry:hover .directoryEntryPicture {
    transform: scale(1.2);
}
.directoryLine .directoryEntry:hover .directoryEntryPicture {
    opacity: 0.9;
}
.directoryLine .directoryEntryContent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 1080px;
    padding: 30px 150px 30px 0;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.9);
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#accountActions a svg,
.widgetLoginLinkConnect > svg {
    -webkit-transition: fill 0.2s ease-in-out;
    -ms-transition: fill 0.2s ease-in-out;
}
.directoryLine .directoryEntry:hover .directoryEntryContent {
    padding: 30px 130px 30px 30px;
}
.directoryLine .directoryEntryContent h3 {
    font-size: 4em;
    line-height: 1em;
    color: #fff;
}
.directoryLine .directoryEntryMetas {
    padding: 20px 0;
}
#content #text .directoryLine .directoryEntryTag {
    color: #fff;
    border-color: #fff !important;
}
#content #text .directoryLine .directoryEntryTag:hover {
    color: #45abeb;
    background-color: #fff;
}
.directoryLine .directoryEntryShortDescription {
    height: auto;
    padding: 0 0 20px;
    font-size: 1.2em;
}
#content #text .directoryLine .directoryEntryLink {
    position: absolute;
    top: 50%;
    right: 100px;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    border: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
#content #text .directoryLine .directoryEntry:hover .directoryEntryLink {
    right: 80px;
    text-decoration: none;
    background-color: transparent;
}
.directoryLine .directoryEntryLink > i {
    display: none;
}
.directoryLine .directoryEntryLink > span {
    display: block;
}
.fullwidth.directoryEntryDetail #wrapperInner {
    padding-top: 0;
}
.fullwidth.directoryEntryDetail #breadcrumb {
    display: none;
}
.fullwidth #directoryEntryDetailHeading {
    border-right: none;
    border-left: none;
}
#directoryEntryDetailContent,
#directoryEntryDetailFooter > div,
.fullwidth #directoryEntryDetailHeading > div {
    width: 1080px;
    margin: 0 auto;
}
#directoryEntryDetail h1 {
    width: auto;
    margin: 0;
}
.directoryEntryTagsLink {
    height: 20px;
    line-height: 20px;
    font-size: 0.786em;
    border-color: #45abeb;
}
#directoryEntryNavigation i {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 20px;
    font-size: 3em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#directoryEntryPrevious i {
    left: 20px;
}
#directoryEntryNext i {
    right: 20px;
}
#directoryEntryNavigation strong {
    display: block;
    font-size: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#directoryEntryDetailGallery li {
    float: left;
    width: 33.33%;
    list-style-type: none;
}
#directoryEntryDetailMainImage img,
.userConnected #addComments textarea {
    width: 100%;
}
#addComments textarea {
    height: 300px;
    font-size: 1em;
}
.itemDate,
.widgetLoginRemember {
    font-size: 0.857em;
}
.userConnected #commentUserDatas {
    display: none;
}
.userConnected #commentUserDatas + div {
    float: none;
    width: 100%;
    padding-left: 0;
}
.ui-stars-cancel,
.ui-stars-star {
    display: inline-block;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    background: 0 0;
    overflow: hidden;
}
.ui-stars-cancel,
.ui-stars-cancel a {
    background: url(/common_images/skin001/star-delete.gif) 0 -16px no-repeat;
}
.ui-stars-star,
.ui-stars-star a {
    background: url(/common_images/skin001/star.gif) no-repeat;
}
.ui-stars-cancel a,
.ui-stars-star a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0;
}
.ui-stars-star-on a {
    background-position: 0 -16px !important;
}
.ui-stars-star-hover a {
    background-position: 0 -32px;
}
.ui-stars-cancel-hover a {
    background-position: 0 -16px;
}
.ui-stars-cancel-disabled a,
.ui-stars-star-disabled,
.ui-stars-star-disabled a {
    cursor: default !important;
}
.ui-stars-star {
    background: 0 0 !important;
    overflow: hidden !important;
}
#contents .widget + .widget {
    margin-top: 30px;
}
.widget .widgetTitle {
    margin-top: 0;
}
.widget.cols-2 .item {
    float: left;
    width: 50%;
}
.widget.cols-2 .item:nth-child(odd) {
    clear: both;
    padding-right: 30px;
}
.widget.cols-2 .item:nth-child(even) {
    padding-left: 30px;
}
.itemDate {
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: rgba(69, 171, 235, 0.7);
}
header .widgetLogin {
    position: absolute;
    top: 30px;
    right: 50px;
    z-index: 2;
}
header .widgetLoginLinkConnect {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 0;
}
header .widgetConnectLinks .widgetLoginLinkConnect:before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #45abeb;
    border-radius: 10px;
    box-shadow: 0 0 0 3px #fff;
}
.widgetLoginLinkConnect > svg {
    display: none;
    transition: fill 0.2s ease-in-out;
}
.widgetLoginLinkConnect:hover > svg {
    fill: #45abeb !important;
}
#loginboxform .arrowTop {
    display: none;
}
header .widgetLoginLinkConnect > svg {
    display: block;
}
header .widgetLoginLinkConnect > span {
    display: none;
}
header #loginboxform {
    position: absolute;
    top: -1000px;
    right: -15px;
    z-index: 100;
    width: 300px;
    margin-top: -20px;
    background-color: #fff;
    border-top: 5px solid #45abeb;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
header #loginboxform .row > label,
header .widgetLoginLinks {
    display: none !important;
}
header #loginboxform.translateYfadeIn {
    top: 50px;
    margin-top: 0;
    opacity: 1;
}
header #loginboxform.translateYfadeOut {
    margin-top: -20px;
    opacity: 0;
}
header #loginboxform .arrowTop {
    position: absolute;
    top: -15px;
    right: 20px;
    display: block;
}
header #loginboxform fieldset {
    padding: 20px 20px 60px;
}
header #loginboxform .row {
    padding-bottom: 5px;
}
header #loginboxform input[type="text"],
header #loginboxform input[type="password"] {
    width: 100%;
    height: 40px;
    margin-top: 0;
    padding-left: 60px;
    line-height: 41px;
}
header #loginboxform .password:before,
header #loginboxform .username:before {
    content: "f007";
    position: absolute;
    top: 11px;
    left: 15px;
    z-index: 2;
    display: block;
    width: 30px;
    height: 20px;
    font: normal normal normal 20px/1 FontAwesome;
    color: #ccc;
    text-rendering: auto;
    border-right: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header #loginboxform .password:before {
    content: "f023";
}
header #loginboxform .submit {
    display: block !important;
    padding: 15px 0 0;
}
header #loginboxform .submit input {
    width: 100%;
}
header #loginboxform .widgetLoginRemember {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #eee;
}
#accountActions a {
    color: #666;
}
#accountActions a:hover {
    color: #45abeb;
    text-decoration: none;
}
#accountActions ul.groupActions:first-child a:hover {
    box-shadow: inset 0 0 0 6px rgba(69, 171, 235, 0.25);
}
#accountActions a svg {
    transition: fill 0.2s ease-in-out;
}
#accountActions a:hover svg {
    fill: #45abeb;
}
#searchResults > li:last-child {
    margin-bottom: 0;
}
.searchResultIndex {
    font-size: 2em;
    font-weight: 600;
    line-height: 90px;
}
.searchResult {
    margin-left: 100px;
}
.searchResult > div {
    line-height: 54px;
}
.searchResult > div,
.searchResult > ul > li {
    text-overflow: ellipsis;
    white-space: nowrap;
}
header .widgetSearch {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 3;
}
.widgetSearchLink > svg {
    display: none;
    -webkit-transition: fill 0.2s ease-in-out;
    -ms-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out;
}
.widgetSearchLink:hover > svg {
    fill: #45abeb !important;
}
header .widgetSearchLink > svg {
    display: block;
}
header #searchform {
    position: fixed;
    top: -1000px;
    left: 0;
    right: 0;
    z-index: 100;
    display: block;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
header #searchform.active {
    top: 0;
    bottom: 0;
    opacity: 1;
}
header #searchform .search {
    position: fixed;
    top: -1000px;
    left: 20%;
    right: 20%;
    z-index: 101;
    padding-bottom: 0;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
header #searchform.active .search {
    top: 50%;
    opacity: 1;
}
header #searchform .search label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 0 10px;
    margin-top: 0;
    font: 400 30px/60px Arial;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
header #searchform .search.active label,
header #searchform .search.hasContent label {
    top: -40px;
    font-size: 14px;
}
header #searchform .search input[type="text"] {
    width: 100%;
    height: 60px;
    margin-top: 0;
    font-size: 30px;
    line-height: 60px;
    color: #444;
    border: none;
    border-bottom: 2px solid #444;
}
header #searchform .search input[type="text"]:focus {
    background-color: transparent;
    border-color: #45abeb;
}
header #searchform .submit {
    display: none;
}
table.calendar * {
    line-height: 40px;
}
table.calendar thead a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
}
table.calendar thead a:hover {
    color: #fff;
    background-color: #45abeb;
}
table.calendar thead a > i {
    vertical-align: top;
    line-height: 30px;
}
table.calendar .calendarDays th {
    width: 30px;
}
table.calendar .no_day {
    background-color: #eee;
}
#contents .widgetHighlightPosts {
    padding-bottom: 0;
}
.widgetShortcutTools li a {
    display: block;
    line-height: 40px;
}
.widgetShortcutTools li a:hover {
    padding-left: 30px;
    color: #fff;
    text-decoration: none;
    background-color: #45abeb;
}
.widgetShortcutTools li a i {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 2em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
label {
    display: block;
    margin: 0 0 5px;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.newCheckbox + label,
.newRadio + label,
input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline-block;
}
#form input[type="text"],
#form input[type="password"],
#form input[type="mail"],
#formpersonnalise input[type="text"],
#formpersonnalise input[type="password"],
#formpersonnalise input[type="mail"],
#formpersonnalise input[type="date"],
textarea {
    width: 700px;
    max-width: 100%;
}
input[type="text"],
input[type="password"],
input[type="mail"],
input[type="date"],
textarea {
    padding: 5px 10px;
    font-family: Arial, sans-serif;
    outline: 0;
    border: 1px solid #999;
    transition: all 0.2s ease-in-out;
}
input[type="text"],
input[type="password"],
input[type="mail"],
input[type="date"] {
    height: 36px;
    padding: 0 10px;
    font-size: 1em;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="mail"]:focus,
input[type="date"]:focus,
textarea:focus {
    outline-offset: 0;
    background: #e2f8ff;
    border-color: #45abeb;
}
textarea {
    font-size: 1em;
    resize: none;
}
select {
    width: 700px;
    outline: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
fieldset + fieldset {
    margin-top: 20px;
}
legend {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    font-size: 1.4em;
    font-weight: 600;
}
form a.backLink {
    display: none;
}
.obligatory {
    color: #ed1f24;
}
::-webkit-input-placeholder {
    color: #ccc;
}
:-moz-placeholder {
    color: #ccc;
}
::-moz-placeholder {
    color: #ccc;
}
:-ms-input-placeholder {
    color: #ccc;
}
.row {
    padding-bottom: 20px;
}
.formulaire > form {
    min-width: 490px;
}
.back {
    height: 70px;
    line-height: 40px;
}
.newCheckbox,
.newRadio {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-align: center;
    cursor: pointer;
}
.multi_checkbox {
    display: block;
}
.newCheckbox,
.newCheckboxElement > *,
.newRadioElement > * {
    display: inline-block;
    vertical-align: middle;
}
.newCheckboxElement {
    position: relative;
    margin-bottom: 10px;
}
.newCheckboxElement input[type="checkbox"] {
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.newCheckboxElement label,
.newRadioElement label {
    margin-bottom: 0;
    line-height: 20px;
}
.newCheckbox {
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.newCheckbox:hover {
    border: 2px solid #45abeb;
}
.newCheckbox.active {
    background-color: #45abeb;
    border-color: #45abeb;
}
.newCheckbox.active:before {
    content: "f00c";
    font: normal normal normal 13px/1 FontAwesome;
    color: #fff;
}
.newCheckbox.active + label,
.newRadio.active + label {
    color: #45abeb;
}
.multi_radio {
    display: block;
}
.newRadioElement {
    position: relative;
    margin-bottom: 5px;
}
.newRadioElement input[type="radio"] {
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.newRadio {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}
.newRadio:hover {
    border: 2px solid #45abeb;
}
.newRadio.active {
    border: 3px solid #45abeb;
}
#overDiv.calendar,
#overDiv.calendar thead {
    border: 1px solid #ccc;
}
.insertDate {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
#overDiv.calendar {
    position: absolute;
    z-index: 1000;
}
#overDiv.calendar #overlibcontent {
    padding: 20px 20px 70px;
}
#overDiv.calendar table {
    width: 300px;
}
#overDiv.calendar caption,
#overDiv.calendar table {
    margin: 0;
}
#overDiv.calendar caption {
    position: absolute;
    top: 62px;
    left: 50%;
    width: 100px;
    font-size: 12px;
    font-weight: 700;
    transform: translateX(-50%);
}
#overDiv.calendar th[colspan="3"] a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    right: 0;
    width: 140px;
    text-align: center;
    color: transparent;
    background-color: transparent;
    transform: translateX(-50%);
}
#overDiv.calendar th[colspan="3"] a:before {
    content: attr(title);
    display: block;
    cursor: pointer;
    height: 30px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 30px;
    color: #45abeb;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #45abeb;
    border-radius: 15px;
    white-space: nowrap;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#overDiv.calendar th[colspan="3"] a:hover:before {
    color: #fff;
    text-decoration: none;
    background-color: #45abeb;
}
#overDiv.calendar tbody {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.newInputFileElement {
    position: relative;
    padding-top: 15px;
    max-width: 700px;
}
.newInputFileElement input[type="file"] {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}
.newInputFile {
    height: 36px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    color: #666;
    background-color: #fff;
    border: 1px solid #999;
    cursor: pointer;
}
.selectWithVisual .element {
    position: relative;
    width: 100%;
}
.selectWithVisual .element label {
    cursor: pointer;
}
.selectWithVisual .element img {
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.selectWithVisual .element.active img,
.selectWithVisual .element:hover img {
    box-shadow: 0 0 0 5px #45abeb;
}
.selectWithVisual .element.active label:before {
    content: "f00c";
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 3;
    display: block;
    font: normal normal normal 18px/1 FontAwesome;
    color: #fff;
}
.selectWithVisual .element.active label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border: 20px solid transparent;
    border-left: 20px solid #45abeb;
    border-top: 20px solid #45abeb;
}
.selectWithVisual input[type="radio"] {
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.selectWithVisual.cols-2 .element {
    width: 50%;
}
.selectWithVisual.cols-3 .element {
    width: 33.333%;
}
.selectWithVisual.cols-4 .element {
    width: 25%;
}
.selectWithVisual.cols-5 .element {
    width: 20%;
}
.selectWithVisual.cols-2 .element:nth-child(2n + 1),
.selectWithVisual.cols-3 .element:nth-child(3n + 1),
.selectWithVisual.cols-4 .element:nth-child(4n + 1),
.selectWithVisual.cols-5 .element:nth-child(5n + 1) {
    clear: both;
    padding-right: 10px;
    padding-left: 0;
}
.selectWithVisual.cols-2 .element:nth-child(2n + 2),
.selectWithVisual.cols-3 .element:nth-child(3n + 3),
.selectWithVisual.cols-4 .element:nth-child(4n + 4),
.selectWithVisual.cols-5 .element:nth-child(5n + 5) {
    padding-right: 0;
    padding-left: 10px;
}
.aide {
    font-size: 0.8em;
}
.confirmpasswd,
.strength_password {
    display: block;
    width: 700px;
    margin-top: 5px;
    padding: 5px;
}
.badPass,
.notequalpasswd,
.shortPass {
    background-color: rgba(237, 31, 36, 0.2);
}
.equalpasswd,
.goodPass {
    background-color: rgba(42, 169, 69, 0.4);
}
.errorMessage,
.loginError {
    display: block;
    margin-top: 10px;
    padding: 5px;
    color: #ea6161;
    border: 1px solid #ea6161;
}
.loginError {
    margin-bottom: 20px;
}
.errorForm {
    padding: 0 10px;
    margin-top: 10px;
    line-height: 30px;
    color: #ed1f24;
    border: 1px solid #ed1f24;
}
.error input,
.error select,
.error textarea {
    background-color: rgba(237, 31, 36, 0.1);
    border-color: #ed1f24;
}
.log.confirmation_validation {
    padding: 30px 0;
}
.infoMessage {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    color: #666;
    background: rgba(0, 156, 255, 0.1);
}
.infoMessage h2 {
    margin-bottom: 5px;
    color: #666;
}
#reset {
    display: none;
}
#captchaCode a {
    margin-left: 20px;
}
#captchaCode a:before {
    content: "f021";
    display: inline-block;
    margin-right: 5px;
    font: normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fullwidth #wrapperInner {
    width: 100%;
}
.fullwidth #content {
    padding-bottom: 0;
}
.fullwidth #breadcrumb {
    width: 1180px;
    margin: 0 auto;
}
.fullwidth h1 {
    width: 1180px;
    margin: 0 auto 1em;
}

/********* ACCUEIL ******/

#homePage_1 .ligneElement {
    padding-bottom: 30px;
}

#homePage_1 .h2-nb h2 {
    margin: 30px 0 10px 0 !important;
}

#homePage_1 .team-home {
    background-color:#F3F3F3;
    background-image: url(/modeles/fr/default/images/background-equipe-bnm.jpg);
    background-position: 10% 10%;
    background-repeat: no-repeat;
}

#homePage_1 .families-products {
    background-color:#17252E;
}

#homePage_1 .families-products h2 {
    color: #fff !important;
}

#homePage_1 .families-products .links-products {
    background-image: url(/modeles/fr/default/images/background-product-families.png);
    background-repeat: no-repeat;
}

#homePage_1 .families-products .img-product-lien {
    margin: -55px 0 0 -110px;
}

#homePage_1 .families-products .img-product-lien.img-one {
    margin: -55px 0 0 -150px;
}

#homePage_1 .families-products .img-product-lien.img-three {
    margin: -55px 0 0 -75px;
}




#homePage_1 .families-products .links-products img{
   min-width: 610px;
} 


#homePage_1 .certification .elementText .posLeft {
    margin-right: 40px !important;
}


#homePage_1 .concept .elementText img {
    margin: -140px 0 0 0;
}

/********* QUI SOMMES-NOUS ******/

#qui_sommes_nous .bubble,
#certif_iso .bubble {
    position: relative;
    background: #93d3f6;
    color: #FFFFFF;
    font-family: Fira Sans;
    font-size: 20px;
    line-height: 120px;
    filter: drop-shadow(19px 16px 0px #0D1B24);
    text-align: center;
    width: 92%;
    min-height: 305px;
    border-radius: 10px;
    padding: 3px;
    margin: 25px 0 0 30px;
}
#qui_sommes_nous .bubble:after,
#certif_iso .bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 33px 28px 0;
    border-color: transparent #93d3f6 transparent transparent;
    bottom: -28px;
    left: 15%;
    margin-left: -16.5px;
}

#qui_sommes_nous .bubble p,
#certif_iso .bubble p {
    color: #17252E !important;
    font-family: Fira Sans;
    font-size: 16px;
    line-height: 1.4em !important;
    text-align: justify !important;
    padding: 10px 30px 0 30px;
}

#qui_sommes_nous .who,
#certif_iso .who {
    margin: 20px 0 0 220px;
    width: 17%;
}

#qui_sommes_nous .who p,
#certif_iso .who p{
    margin: 0 !important;
}

#qui_sommes_nous .name,
#certif_iso .name{
    font-weight: bold;
    color: #FFF;
    font-size: 18px;
    line-height: 0.9em;
}

#qui_sommes_nous .who span,
#certif_iso .who span{
    font-style: italic;
    color: #FFF;
    font-size: 13px;
}

#qui_sommes_nous .who .when,
#certif_iso .who .when {
    border-top: 1px solid #93D4F6;
    color: #93D4F6;
    font-size: 10px;
}

#qui_sommes_nous .valeurs p { font-size: 18px; }

#qui_sommes_nous .img-moyens img { width: 30%; }

#qui_sommes_nous .img-moyens .txtCenter { text-align: left; }

#qui_sommes_nous .section-grey {
    background-color: #F5F4F4;
}

#qui_sommes_nous h3  {
    background-color: #17252E;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1em 0 0 0;
    line-height: 1em;
}

#qui_sommes_nous h3::before {
    content: "";
    display: inline-block;
    margin: 0 0 0 10px;
    width: 67px;
    height: 30px;
    background-image: url(/modeles/fr/default/images/left-title.png);
    background-size: 67px 30px;
    background-repeat: no-repeat;
    padding: 3px 10px 0 10px;
    vertical-align: middle;
}

#qui_sommes_nous .elementText ul,
#concept_hapisolutions .elementText ul {   
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
} 

#qui_sommes_nous .elementText li {   
    background-image: url(/modeles/fr/default/images/list-li.png);
    background-repeat: no-repeat;
    background-size: 12px 14px;
    background-position: 10px 7px;
    list-style-position: inside;
    list-style-type: none;
    background-color: #fff;
    border-top: 1px solid #F5F4F4;
    padding: 2px 0 5px 30px;
    font-size: 16px;
    line-height: 1.7em;
} 

#qui_sommes_nous .valeur img { max-width: 70%; }

#qui_sommes_nous .elementText li span{   
    font-size: 14px;
} 

#qui_sommes_nous .section-blue {
    background-color: #D1E8F9;
    background-image: url(/modeles/fr/default/images/actions-planete-bnm.png);
    background-repeat: no-repeat;
    background-position: 0px 20%;
}

#qui_sommes_nous .actions h2::before {
    content: url(/modeles/fr/default/images/top-title-green.png);
    display: block;
    margin: 0 0 5px 0;
}

#qui_sommes_nous .actions .intro {
    margin: 0 0 50px 80px;
}

#qui_sommes_nous .actions .intro p + p + p {
    margin: 30px 0 0 80px;
}

#qui_sommes_nous .section-blue h3  {
    background-color: #77BFB3;
    color: #17252E;
    font-size: 19px;
}

#qui_sommes_nous .section-blue h3::before {
    margin: 0 0 0 5px;
    padding: 3px 10px 0 5px;
}


/********* EQUIPE ******/
#notre_equipe #pagehead {
    background-color:#F3F3F3;
}
.equipe {
    background-color:#F3F3F3;
    background-image: url(/modeles/fr/default/images/background-equipe-bnm.jpg);
    background-position: 10% 10%;
    background-repeat: no-repeat;
}
.equipe .marketing {
    margin-top: 0px;
}
.equipe .structured_text_semantique_text h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    width: 180px;
}

.equipe .assistante-dir h3 {
    font-size: 13px;
}
.equipe .bloc-membre {
    max-width: 180px;
    display: block;
    margin: 0 auto;
}
.equipe .bloc-membre.bleu h3 {
    background: #93D4F6;
    padding: 5px;
}
.equipe .bloc-membre.gris h3 {
    background: #898A8E;
    padding: 5px;
}
.equipe .bloc-membre p {
    background: #fff;
    color: #17252E;
    padding: 5px 12px;
    margin-top: 1px;
}
.equipe .bloc-membre p a {
    color: #17252E;
}
.equipe .presidence h3 {
    color: #2768B1;
    font-size: 30px;
}
.equipe .presidence p {
    background: #2768B1;
    color: #fff !important;
    text-align: center;
    width: 180px;
    margin-top: 10px;
}
.equipe .presidence p a{
    color: #fff !important;
}
.equipe .president {
    background: url(/modeles/fr/default/images/branche.png) center center no-repeat;
    background-size: contain;
    width: 500px;
    height: 299px;
    position: relative;
    margin-top: 20px;
}
.equipe .president .bloc-membre {
    position: absolute;
    top: 70px;
    left: 20%;
    right: 20%;
}
.equipe .compta {
    margin-top: 9%;
    margin-right: 20px;
}
.equipe .achats:after,
.equipe .ventes:after {
    display: block;
    width: 11px;
    height: 66px;
    content: '';
    background: url(/modeles/fr/default/images/branche-col-big.png);
    background-size: contain;
    margin: 15px auto 0; 
}
.equipe .chirurgie:after,
.equipe .chirurgie-generale:after {
    display: block;
    width: 11px;
    height: 46px;
    content: '';
    background: url(/modeles/fr/default/images/branche-col-min.png);
    background-size: contain;
    margin: 15px auto 0; 
}
.equipe .chirurgie-generale {
    margin-top: -25px;
}
.equipe .quali {
    margin-top: 9%;
    margin-left: 20px;
}

.assistante-dir {
  position: relative;
  z-index: 1;
  margin-top: -110px;
  margin-left: 140px;
}


.equipe .dib .ligneElement {
    display: inline-block;
    vertical-align: top;
}

.mtn100 {
  margin-top: -110px;
}

.ml280 {
  margin-left: 280px;
}

.mrn444 {
  margin-right: -444px;
}

.mt55 {
  margin-top:-60px;
}

.mr135 {
  margin-right: 135px;
}
.ml180 {
  margin-left: 180px;
}
.mr180 {
  margin-right: 180px;
}

.ml60 {
  margin-left: 60px;
}

.mr545 {
  margin-right: 545px;
}

.mt25 {
  margin-top:25px;
}
.mr80 {
    margin-right: 80px;
}
.ml80 {
    margin-left: 80px;
}
.ml70 {
  margin-left:70px;
}

.mlbig {
    margin-left: 343px;
}
.savoir-faire {
    background: url(/modeles/fr/default/images/bg-savoir-faire.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 30px 0 0 0;
}
.savoir-faire .savoir img {
    max-width: 147px;
    object-fit: contain;
    margin: -30px 35px 0 35px;
    display: block;
}
.savoir-faire .img .posLeft  {
    float: right;
}
.savoir-faire h2::before {
     content: url(/modeles/fr/default/images/left-title.png);
     display: block;
}
.savoir-faire p {
    color: #17252E;
}
.savoir-faire-image img {
    max-width: 300px;
}
.savoir-faire-image .txtLeft { text-align: center; }
.directoryEntryDetail #wrapper {
    padding: 0;
}
.directoryEntryDetail .fiche-head {
    background: #93D4F6;
    color: #17252E;
    padding: 20px;
    height: 110px;
}
.directoryEntryDetail .dib { 
    display: inline-block; 
    width: 60%;
}
.directoryEntryDetail .fiche-head h3 {
    font-weight: 700;
    font-size: 18px;
    display: block;
}
.directoryEntryDetail .fiche-head h4 {
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    display: block;
    line-height: 15px;
    margin: 0;
}
.directoryEntryDetail .photo-membre {
    background: url('/modeles/fr/default/images/bg-photo-membre.png') 0 0 no-repeat;
    background-size: 128px 128px;
    display: inline-block;
    width: 128px;
    height: 128px;
    margin-right: 20px;
}
.directoryEntryDetail .photo-membre img {
    border-radius: 160px;
    width: 100px;
    height: 100px;
    margin: 14px;
}
.directoryEntryDetail .infos-membre {
    padding-left: 38%;
}
.directoryEntryDetail .infos-membre label {
    font-weight: 700;
    display: block;
    font-style: 12px !important;
    margin-bottom: 0;
    margin-top: 20px;
}
.directoryEntryDetail .discipline label {
    background: #93D4F6;
    font-weight: 700;
    color: #17252E;
    padding: 5px 20px;
    margin: 20px 0 0 0;
}
.directoryEntryDetail .discipline ul {
    padding-left: 40px;
    margin-bottom: 20px;
}
.directoryEntryDetail .discipline ul li {
    color: #17252E;
}
.directoryEntryDetail #nested,
.directoryEntryDetail footer,
.directoryEntryDetail header {
    display: none;
}

/**** CERTIF ISO ****/

#certif_iso h2 {
    margin: 30px 0 60px 0;
}
#certif_iso .mission-valeur {
    background: url(/modeles/fr/default/images/bg-mission-valeur.jpg) center center no-repeat;
    background-size: contain;
}
#certif_iso .mission-valeur .mission {
    margin-bottom: 80px;
}
#certif_iso .picto-certif {
    background: url(/modeles/fr/default/images/bg-picto-certif.jpg) center center no-repeat;
    background-size: cover;
}
#certif_iso .objectif {
    background: #2C3941;
    color: #fff;
}
#certif_iso .objectif h2 {
    color: #fff;
}
#certif_iso .objectif h3 {
    color: #93D4F6;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
}
#certif_iso .objectif h3:after {
    content: '';
    background: url(/modeles/fr/default/images/line-blue.png);
    width: 139px;
    height: 14px;
    background-size: contain;
    display: inline-block;
    float: right;
    margin-right: 40px;
}
#certif_iso .objectif h4 {
    color: #93D4F6;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 40px;
}
#certif_iso .bulle {
    margin-top: 60px;
}
#certif_iso .objectif .ligneElement {
    margin-bottom: 40px;
    position: relative;
}
#certif_iso .bubble {
    margin-left: 0;
}
#certif_iso .objectif .elementPicture  img {
    position: absolute;
    width: 525px;
    z-index: 0;
}
#certif_iso .objectif .mt140 {
    margin-top: 140px;
}

/****** NOS PRODUITS *******/

#nos_produits .bloc-bleu {
    background: #17252E;
    color: #fff; 
}
#nos_produits .bloc-bleu figcaption {
    color: #fff;
    font-size: 18px;
}

#nos_produits .bloc-bleu img{
    max-width: 45%;
}

#nos_produits .chirurgie-generale {
    background: #0367B6 url(/modeles/fr/default/images/bg-chirurgie.jpg) 0 0 no-repeat;
    background-size: contain;
}

.produits  h2::before {
    content: url(/modeles/fr/default/images/top-title-white.png) !important;
}

.produits .chirurgie-generale  h3  {
    background-color: #17252E;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1em 0 0 0;
    line-height: 1em;
    font-size: 20px;
}

.produits .chirurgie-generale  h3::before {
    content: "";
    display: inline-block;
    margin: 0 0 0 10px;
    width: 67px;
    height: 30px;
    background-image: url(/modeles/fr/default/images/left-title-blue.png);
    background-size: 67px 30px;
    background-repeat: no-repeat;
    padding: 3px 10px 0 10px;
    vertical-align: middle;
}

.produits .chirurgie-generale .elementText ul,
.medical .elementText ul {   
    margin: 10px 0 0 0 !important;
    padding: 0 0 10px 0 !important;
    background: #fff;
} 

.produits .chirurgie-generale .elementText li:before,
.medical .elementText li:before {   
    content: "";
    background-image: url(/modeles/fr/default/images/list-li.png);
    display: block;
    height: 14px;
    width: 12px;
    left: -1em;
    top: 1.3em;
    position: relative;
    background-size: 12px 14px;
    background-repeat: no-repeat;
} 

.produits .chirurgie-generale .elementText li,
.medical .elementText li {   
    list-style-type: none;
    background-color: #fff;
    border-top: 1px solid #F5F4F4;
    padding: 0 5px 0 30px;
    font-size: 16px;
} 

.produits .chirurgie-generale .elementText li span{   
    font-size: 14px;
} 

#nos_produits .list-bigger ul {   
    background-color: transparent;
    margin: 0 0 0 10px !important;
} 

#nos_produits .list-bigger li:before {   
    content: "";
    background-image: url(/modeles/fr/default/images/list-li-big.png);
    display: block;
    height: 20px;
    width: 17px;
    left: -1em;
    top: 0.8em;
    position: relative;
    background-size: 18px 20px;
    background-repeat: no-repeat;
} 

#nos_produits .list-bigger li {   
    list-style-type: none;
    background-color: transparent;
    border-top: 0;
    padding: 0 0 0 30px;
    font-size: 39px;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    background-image: none;
} 

#nos_produits .focus {
    background: url(/modeles/fr/default/images/bg-picto-certif.jpg) center center no-repeat;
    background-size: cover;
}
.focus h3 {
    color: #2768B1;
    font-weight: bold;
    font-size: 39px;
    line-height: 46px;
}

#nos_produits .slide-product {
    background: #2768B1;
}

#nos_produits .product {
    text-align: center;
}

#nos_produits .product .visuel {
    background: #fff;
    padding: 0px;
    width: 90%;
    border-radius: 10px;
    margin: 0 auto;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#nos_produits .product  {
    width: 90%;
}

#nos_produits .product img {
       width: auto;
    margin: 10px auto 0 auto;
    display: inline-block;
    max-height: 250px;
}

#nos_produits .slick-slider .visuel:hover { opacity: 0.7; }


#nos_produits .product .product-name {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin: 20px 0 0 0;
    display: inline-block;
    text-transform: uppercase;
    line-height: 28px;
}

#nos_produits .product .product-name:hover {
    color: #000;
    text-decoration: none !important;
}

#nos_produits .slick-slider a.slick-arrow { position: absolute; top:38%; }
#nos_produits .slick-slider a.slick-prev.slick-arrow { left: -100px; }
#nos_produits .slick-slider a.slick-next.slick-arrow { right: -100px; }
#nos_produits .slick-slider a.slick-arrow img { width: 60%; }

#nos_produits .slick-slider a.slick-arrow:hover { opacity: 0.5; }

.produits .fancybox-title { display: none !important; }

.details-produit.chirurgie-medical h4 {
    margin: 0 0 10px 0;
    color: #2768B1;
    border-bottom: 1px solid #2768B1;
}

.details-produit.chirurgie-regenerative-esthetique h4 {
    margin: 0 0 10px 0;
    color: #fc5d02;
    border-bottom: 1px solid #fc5d02;
}

.details-produit.medical-extra h4 {
    margin: 0 0 10px 0;
    color: #93d4f6;
    border-bottom: 1px solid #93d4f6;
}

.details-produit h4::before {
    content: "";
    display: inline-block;
    margin: 0 0 5px 0px;
    width: 67px;
    height: 30px;
    background-image: url(/modeles/fr/default/images/left-title-blue.png);
    background-size: 67px 30px;
    background-repeat: no-repeat;
    padding: 3px 10px 0 10px;
    vertical-align: middle;
}

.details-produit.chirurgie-regenerative-esthetique h4::before {
    background-image: url(/modeles/fr/default/images/left-title-orange.png);
}

.details-produit.medical-extra h4::before {
    background-image: url(/modeles/fr/default/images/left-title-blue-default.png);
}

.details-produit .coleft {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
}

.details-produit img { margin: 10px 0; }

.details-produit .colright {
    width: 66%;
    display: inline-block;
    vertical-align: top;
}


#nos_produits .chirurgie-esthetique {
    background: #FC5D02 url(/modeles/fr/default/images/bg-chirugie-esthetique.jpg) 0 0 no-repeat;
    background-size: contain;
}

.medical h3  {
    background-color: #17252E;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1em 0 0 0;
    line-height: 1em;
    font-size: 20px;
}

.medical h3::before {
    content: "";
    display: inline-block;
    margin: 0 0 0 10px;
    width: 67px;
    height: 30px;
    background-image: url(/modeles/fr/default/images/left-title-blue-default.png);
    background-size: 67px 30px;
    background-repeat: no-repeat;
    padding: 3px 10px 0 10px;
    vertical-align: middle;
}


#nos_produits .slide-product-esthetique {
    background: #FC5D02;
}

#nos_produits .medical {
    background: #81D5F9 url(/modeles/fr/default/images/bg-medical.jpg) 0 0 no-repeat;
    background-size: contain;
}
#nos_produits .slide-product-medical {
    background: #93D4F6;
}

/********* LE CONCEPT HAPISOLUTIONS ******/


#concept_hapisolutions .concept .elementText img {
    margin: -140px 0 0 0;
}

#concept_hapisolutions figcaption {
    color: #17252E;
}

#concept_hapisolutions .concept  {
    background-color: #F5F4F4;
}

#concept_hapisolutions .list-bigger ul {   
    background-color: transparent;
    margin: 0 0 0 10px !important;
} 



#concept_hapisolutions .list-bigger li {   
    list-style-type: none;
    background-color: transparent;
    border-top: 0;
    padding: 0 0 0 30px;
    font-size: 30px;
    color: #17252E;
    line-height: 0.7em;
    text-transform: uppercase;
    font-weight: bold;
    background-image: none;
} 

#concept_hapisolutions .elementText li {
    background-image: url(/modeles/fr/default/images/list-li.png);
    background-repeat: no-repeat;
    list-style-position: inside;
    list-style-type: none;
    border-top: 0;
    padding: 2px 0 5px 20px;
    font-size: 14px;
    line-height: 1.7em;
    background-size: 12px 14px;
    background-position: left 7px;
}

/********* Mentions Légales  ******/


#element1043 {
    width: 1180px;
    max-width: 100%;
    margin: 0 auto !important;
    float: none;
    padding: 0px 10px 80px 10px;
}


/********* Contact  ******/
#contact #breadcrumb { display: none; }
#contact .title-one {
    height: 135px;
}
#contact .coordonnees {
    position: relative;
}
#contact .contact {
    position: absolute;
    max-width: 380px;
    width: 380px;
    top: 0px;
    left: 13%;
    height: 520px;
}
#contact .bloc-contact {
    background: #17252E;
    color: #fff;
    padding: 10px 30px;
    height: 520px;
    font-size: 18px;
}
#contact .map .generatedGoogleMap {
    width: 100% !important;
}

#contact .logo {
    max-width: 220px;
    margin: 30px auto;
}

#contact .adresse, #contact .tel {
    margin-bottom: 30px;
}
#contact .contact-adresse {
    display: inline-block;
    vertical-align: -58px;
}
#contact .contact-telephone {
    display: inline-block;
    vertical-align: -20px;
}
#contact .contact-fax {
    display: inline-block;
    vertical-align: 12px;
}
#contact .adresse:before {
    content:'';
    background: url('/modeles/fr/default/images/picto-pinmap.png') 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 27px;
    margin-right: 20px;
}
#contact .tel:before {
    content:'';
    background: url('/modeles/fr/default/images/picto-tel.png') 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 27px;
    margin-right: 20px;
}
#contact .fax:before {
    content:'';
    background: url('/modeles/fr/default/images/picto-fax.png') 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 27px;
    margin-right: 20px;
}

#contact .baseline {
    margin: 60px 0;
    display: block;
}

#contact input, #contact select, #contact textarea {
    border: 1px solid #2768B1;
}

#contact textarea {
    margin: 0;
}

#contact input::placeholder,
#contact textarea::placeholder {
  color: #17252E;
  font-family: 'Fira Sans', Arial;
  font-weight: 700;
} 
#contact input::-webkit-input-placeholder,
#contact textarea::-webkit-input-placeholder {
  color: #17252E;
  font-family: 'Fira Sans', Arial;
  font-weight: 700;
} 
#contact input::-moz-placeholder,
#contact textarea::-moz-placeholder {
  color: #17252E;
  font-family: 'Fira Sans', Arial;
  font-weight: 700;
} 
#contact input:-ms-input-placeholder,
#contact textarea:-ms-input-placeholder {
  color: #17252E;
  font-family: 'Fira Sans', Arial;
  font-weight: 700;
} 

#contact .select2-container {
    width: 100% !important;
}

#contact .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: 'Fira sans', arial;
    color: #17252E;
    font-weight: 700;
}

#contact .select2-container--default .select2-selection--single {
    border: 1px solid #2768B1;
}

#contact input[type="submit"] {
    background: #93D4F6;
    border: none;
    height: auto;
    padding: 0 50px;
}

#contact .rgpd {
    font-size: 13px;
    font-family: 'Fira sans', arial;
}

/********* GENERAL ******/

.variant {
    background-color:#17252E;
}

.txtWhite p { color: #fff; }
.txtWhite ul li p { color: #17252E; }

.variant #breadcrumb ul li a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.title-one{
    background-image: url(/modeles/fr/default/images/background-title-one.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 148px;
}

h1 {
    padding: 50px 0 10px 0;
    font-size: 34px;
    font-weight: normal;
    line-height: 1.6em;
    color: #000;
    text-align: center;
    text-transform:uppercase;
}
h1 span {
    font-weight: bold !important;
}

.section-dark {
    background-color: #2d3a42;
}

.section-dark h2,
.section-dark p{
    color: #fff;
}
figcaption {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    color: #2768B1;
}

#content #text a:hover {
    text-decoration: underline;
}
#content #text .button:hover,
#content #text .linkToRubric a:hover,
#content #text a.button:hover,
.fancybox-nav {
    text-decoration: none;
}

.lineAfter,
.lineBefore,
.lineBeforeAndAfter {
    position: relative;
}
.lineAfter span,
.lineBefore span,
.lineBeforeAndAfter span {
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.lineAfter:after,
.lineBefore:before,
.lineBeforeAndAfter:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    height: 2px;
    margin-top: 1px;
    background-color: #ccc;
}
.lineBeforeAndAfter {
    text-align: center;
}
.lineBeforeAndAfter span {
    padding: 0 20px;
}
.lineBefore {
    text-align: right;
}
.lineBefore span {
    padding-left: 20px;
}
.lineAfter span {
    padding-right: 20px;
}
.capBeautiful:first-letter {
    float: left;
    display: block;
    padding: 0.1em 0.15em;
    margin: 0.1em 0.2em 0 0;
    font-size: 3.8em;
    font-weight: 700;
    line-height: 1em;
    color: #fff;
    background-color: #45abeb;
    border-radius: 4px;
}
.linkToRubric {
    position: relative;
    padding: 30px;
    margin-top: 30px;
    color: #45abeb;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.linkToRubric:hover {
    border-color: #45abeb;
    box-shadow: inset 0 0 0 6px rgba(69, 171, 235, 0.25);
}
.linkToRubric p {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.linkToRubric a {
    font-size: 1.4em;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.linkToRubric img {
    padding-bottom: 10px;
}
.linkToRubric.normal a {
    font-size: 1em;
}
.linkToRubric.mt0 {
    margin-top: 0;
}
.linkToRubric.linkPrevious {
    margin-right: 10px;
}
.linkToRubric.linkNext {
    margin-left: 10px;
}
.linkToRubric.linkNext:before,
.linkToRubric.linkPrevious:before {
    content: "f104";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 20px;
    font: normal normal 3em/1 FontAwesome;
    font-size: 3em;
    transform: translateY(-50%);
}
.linkToRubric.linkNext:before {
    content: "f105";
    left: auto;
    right: 20px;
}
.linkToRubric.linkPrevious p {
    padding-left: 30px;
}
.linkToRubric.linkNext p {
    padding-right: 30px;
}
.pageElement > .elementMap {
    position: relative;
}
.pageElement > .elementMap.map-Fullwidth .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.ligneElement:last-child .pageElement > .elementMap.map-Fullwidth {
    margin-bottom: -30px;
}
#content #text table td,
#content #text table th {
    padding: 10px;
    border: 1px solid #ccc;
}
#content #text table.noBorder,
#content #text table.noBorder td,
#content #text table.noBorder th {
    border-color: transparent;
}
#content #text table thead tr > th[scope="row"]:first-child {
    background: 0 0;
    border: none;
}
#content #text table tbody tr > th:first-child {
    background: #eee;
}
.diaporamaWrapper {
    z-index: 1;
}
.diaporamaControlNext,
.diaporamaControlPrev {
    z-index: 2;
    display: block;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    font: normal normal normal 3em/60px FontAwesome;
    color: #000;
    text-align: center;
    cursor: pointer;
    opacity: 0.25;
    -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.diaporamaControlNext:hover,
.diaporamaControlPrev:hover {
    opacity: 0;
}
.diaporamaControlNext > span,
.diaporamaControlPrev > span {
    display: none;
}

.homeSlider .diaporamaControlPrev:hover,
.homeSlider .diaporamaControlNext:hover {
  background-color: transparent !important;
}

.homeSlider .diaporamaControlPrev:hover:before,
.homeSlider .diaporamaControlNext:hover:before {
 opacity: .5; 
}



.diaporamaControlPrev:before {
    content: "";
  display: block;
  width:40px;
  height: 30px;
  position:relative;
  background: url('/modeles/fr/default/images/previous.png') 0 0 no-repeat;
  background-size: contain;
  margin-left: 20px;
}
.diaporamaControlNext:before {
   content: "";
  display: block;
  width:40px;
  height: 30px;
  position:relative;
  background: url('/modeles/fr/default/images/next.png') 0 0 no-repeat;
  background-size: contain;
  margin-right: 20px;
}
.diaporamaExtra {
    z-index: 2;
    padding: 30px 100px;
}
.diaporamaExtraTopCenter,
.diaporamaExtraTopLeft,
.diaporamaExtraTopRight {
    margin-top: 40px;
}
.diaporamaExtraBottomCenter,
.diaporamaExtraBottomLeft,
.diaporamaExtraBottomRight {
    margin-bottom: 40px;
}
.diaporamaExtraMiddleCenter,
.diaporamaExtraMiddleLeft,
.diaporamaExtraMiddleRight {
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.diaporamaExtraBottomCenter,
.diaporamaExtraMiddleCenter,
.diaporamaExtraTopCenter {
    text-align: left;
}
.diaporamaExtraBottomRight,
.diaporamaExtraMiddleRight,
.diaporamaExtraTopRight {
    text-align: right;
}
.diaporamaExtra strong {
    display: block;
	padding: 20px 18% 20px 10%;
	font-size: 40px;
	line-height: 1.2em;
	text-align: left;
}
.diaporamaExtra span {
	font-size: 20px;
	text-align: left;
	display: inline-block;
	padding: 60px 20% 0 20%;
}
#diaporama_29 { height: 660px !important; }
.diaporamaDots {
    padding: 10px;
    line-height: 10px;
    margin: 0 0 10px 0;
}
.diaporamaDot {
    display: inline-block;
    width: 20px;
    height: 17px;
    margin: 0 1px;
    text-indent: -9999px; 
    cursor: pointer;
        background-image: url('/modeles/fr/default/images/polygone-bas.png');
    -webkit-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-size: 20px 17px;
background-repeat: no-repeat;
}
.diaporamaDot:nth-child(2) {
    background-image: url('/modeles/fr/default/images/polygone.png');
}
.diaporamaDot:nth-child(2):hover,
.diaporamaDotActive:nth-child(2) {
    background-image: url('/modeles/fr/default/images/polygone-over.png') !important;
}
.diaporamaDot:hover {
    background-image: url('/modeles/fr/default/images/polygone-bas-over.png');
}
.diaporamaDotActive,
.diaporamaDotActive:hover {
   
}
.elementDiaporama.txtWhite {
    color: #fff;
}
#content #text .button.primary {
    width: auto !important;
    padding-left: 25px !important;
}
#content #text .button.primary:hover {
    color: #29adf1;
    background-color: transparent;
}
#content #text .button + .we-go {
    display: none !important;
}
.button.red {
    color: #ed1f24;
    border-color: #ed1f24;
}
.button.orange {
    color: #ff7200;
    border-color: #ff7200;
}
.button.yellow {
    color: #ffd800;
    border-color: #ffd800;
}
.button.green {
    color: #25be29;
    border-color: #25be29;
}
.button.blue {
    color: #000 !important;
    border-color: #93D4F6;
    background-color: #93D4F6;
       background-size: 100% 100%;  
}
.button.blue:hover {
    color: #93D4F6 !important;
    border-color: #93D4F6 !important;
background: linear-gradient(to right, #93D4F6, #93D4F6);
      background-repeat: no-repeat;
      background-size: 0 100%;
      transition: background-size 1s 0s;
    background-size: 0 100%;  
    background-color: #fff !important;
   
}
.button.blueLight {
    color: #00c0ff;
    border-color: #00c0ff;
}
.button.pink {
    color: #ff39a0;
    border-color: #ff39a0;
}
.button.purple {
    color: #ab51d9;
    border-color: #ab51d9;
}
.button.black {
    color: #000;
    border-color: #000;
}
.button.white {
    color: #fff;
    border-color: #fff;
}
.button.primary.red,
.button.red:hover {
    color: #fff;
    background-color: #ed1f24;
    border-color: #ed1f24;
}
.button.orange:hover,
.button.primary.orange {
    color: #fff;
    background-color: #ff7200;
    border-color: #ff7200;
}
.button.primary.yellow,
.button.yellow:hover {
    color: #fff;
    background-color: #ffd800;
    border-color: #ffd800;
}
.button.green:hover,
.button.primary.green {
    color: #fff;
    background-color: #25be29;
    border-color: #25be29;
}
.button.blue:hover,
.button.primary.blue {
    color: #fff;
    background-color: #0090ff;
    border-color: #0090ff;
}
.button.blueLight:hover,
.button.primary.blueLight {
    color: #fff;
    background-color: #00c0ff;
    border-color: #00c0ff;
}
.button.pink:hover,
.button.primary.pink {
    color: #fff;
    background-color: #ff39a0;
    border-color: #ff39a0;
}
.button.primary.purple,
.button.purple:hover {
    color: #fff;
    background-color: #ab51d9;
    border-color: #ab51d9;
}
.button.black:hover,
.button.primary.black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.button.primary.white,
.button.white:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.button.primary.red:hover {
    color: #ed1f24 !important;
    background-color: transparent;
    border-color: #ed1f24;
}
.button.primary.orange:hover {
    color: #ff7200 !important;
    background-color: transparent;
    border-color: #ff7200;
}
.button.primary.yellow:hover {
    color: #ffd800 !important;
    background-color: transparent;
    border-color: #ffd800;
}
.button.primary.green:hover {
    color: #25be29 !important;
    background-color: transparent;
    border-color: #25be29;
}
.button.primary.blue:hover {
    color: #0090ff !important;
    background-color: transparent;
    border-color: #0090ff;
}
.button.primary.blueLight:hover {
    color: #00c0ff !important;
    background-color: transparent;
    border-color: #00c0ff;
}
.button.primary.pink:hover {
    color: #ff39a0 !important;
    background-color: transparent;
    border-color: #ff39a0;
}
.button.primary.purple:hover {
    color: #ab51d9 !important;
    background-color: transparent;
    border-color: #ab51d9;
}
.button.primary.black:hover {
    color: #000 !important;
    background-color: transparent;
    border-color: #000;
}
.button.primary.white:hover {
    color: #fff !important;
    background-color: transparent;
    border-color: #fff;
}
.tabsBeautiful {
    display: none;
    padding: 30px 0;
}
#content #text .tabsBeautifulContents,
#content #text .tabsBeautifulHeadings {
    padding: 0;
    margin: 0;
}
.tabsBeautifulHeadings {
    border-bottom: 1px solid #999;
}
.tabsBeautifulHeadings li {
    list-style-type: none;
    float: left;
    height: 40px;
    padding: 0 20px;
    margin-bottom: -1px;
    line-height: 40px;
    color: #999;
    cursor: pointer;
}
.tabsBeautifulHeadings li.active,
.tabsBeautifulHeadings li.active:hover {
    color: #45abeb;
    border: 1px solid #999;
    border-bottom-color: #fff;
    box-shadow: inset 0 2px 0 #45abeb;
}
.tabsBeautifulHeadings li:hover {
    color: #444;
}
.accordeonBeautifulContent .item.active > h4,
.accordeonBeautifulContent .item > h4:hover,
.scoreValue,
.tabsBeautiful .tabsMobile > li.tab.active,
.tabsBeautiful .tabsMobile > li.tab:hover {
    color: #45abeb;
}
.tabsBeautifulContents {
    border: 1px solid #999;
    border-top: none;
}
.tabsBeautifulContents li {
    list-style-type: none;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}
.tabsBeautifulContents li > div {
    padding: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.tabsBeautifulContents li.active > div {
    opacity: 1;
}
#content #text .tabsBeautiful .tabsMobile {
    padding: 0;
    border: 1px solid #999;
}
.tabsBeautiful .tabsMobile > li {
    padding: 0 20px;
    border-bottom: 1px solid #999;
}
.tabsBeautiful .tabsMobile > li:last-child {
    border-bottom: none;
}
.tabsBeautiful .tabsMobile > li.tab {
    position: relative;
    height: 40px;
    padding-right: 40px;
    font-weight: 700;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.tabsBeautiful .tabsMobile > li.tab:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.homePage_2 .yentlDot,
.tabsBeautiful .tabsMobile > li.tabContent {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.tabsBeautiful .tabsMobile > li.tab.active:after {
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.tabsBeautiful .tabsMobile > li.tab:hover:after,
.tabsBeautiful .tabsMobile > li.tab:hover:before {
    border-color: #45abeb;
}
.tabsBeautiful .tabsMobile > li.tabContent {
    height: auto;
    padding: 20px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
.accordeonBeautiful {
    display: none;
    padding: 30px 0;
}
#content #text .accordeonBeautifulContent {
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0;
    border: 1px solid #ccc;
}
.accordeonBeautifulContent .item > h4 {
    height: 40px;
    padding: 0 10px;
    margin: 0;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.accordeonBeautifulContent .item:first-child > h4 {
    border-top: none;
}
.accordeonBeautifulContent .item > div {
    padding: 20px;
    overflow: hidden;
}
.progressbarBeautiful {
    display: none;
    padding: 30px 0 10px;
}
#content #text .progressbarBeautifulContent {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
}
.progressItem {
    margin-bottom: 20px;
}
.progressItem > div {
    background-color: #eee;
}
.progressItem > div > div {
    width: 0;
    height: 4px;
    background-color: #45abeb;
    overflow: visible !important;
}
.fancybox-inner,
.homePage_1 .blocTestimonials .diaporamaSlide,
.mod,
body.homePage_2,
li.noTitle {
    overflow: hidden;
}
.progressItem span {
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 2;
    display: block;
    width: 50px;
    font-size: 0.8em;
    font-weight: 400;
    color: #45abeb;
    text-align: right;
    background-color: #fff;
    opacity: 0;
}
#content #text .scoreBeautifulContent {
    padding: 30px 0;
}
#content #text .scoreBeautifulContent > div.clearfix {
    padding-bottom: 20px;
}
#content #text .scoreBeautifulContent > div.clearfix:last-child {
    padding-bottom: 0;
}
.scoreItem {
    padding: 0 10px;
}
.scoreItem:first-child {
    padding: 0 20px 0 0 !important;
}
.scoreItem:last-child {
    padding: 0 0 0 20px;
}
.scoreItem > strong {
    font-weight: 100;
}
.scoreValue {
    font-size: 5em;
    font-weight: 600;
    line-height: 1em;
}
#content #text .chartBeautiful table {
    display: none;
}
#content #text .chartBeautiful {
    padding-top: 20px;
}
#content #text .chartBeautifulContent {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
#content #text .legendActive .chartBeautifulContent {
    height: auto;
}
#content #text .chartBeautifulGraph {
    height: 200px;
}
#content #text .chartBeautifulContent .chartBackground,
#content #text .chartBeautifulContent .chartItem {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    stroke-dasharray: 502;
    stroke-dashoffset: -502;
    transition: stroke-dashoffset 2s linear;
}
#content #text .chartBeautifulContent .chartItem {
    transform: rotate3d(0, 0, 1, -90deg);
}
#content #text .chartBeautifulContent .chartItem:first-child {
    z-index: 11;
    stroke: #45abeb;
}
#content #text .chartBeautifulContent .chartItem:nth-child(2) {
    z-index: 10;
    stroke: #45ceeb;
}
#content #text .chartBeautifulContent .chartItem:nth-child(3) {
    z-index: 9;
    stroke: #45e9eb;
}
#content #text .chartBeautifulContent .chartItem:nth-child(4) {
    z-index: 8;
    stroke: #3fd99d;
}
#content #text .chartBeautifulContent .chartItem:nth-child(5) {
    z-index: 7;
    stroke: #42bc76;
}
#content #text .chartBeautifulContent .chartItem:nth-child(6) {
    z-index: 6;
    stroke: #6dd276;
}
#content #text .chartBeautifulContent .chartItem:nth-child(7) {
    z-index: 5;
    stroke: #78b65a;
}
#content #text .chartBeautifulContent .chartItem:nth-child(8) {
    z-index: 4;
    stroke: #86d439;
}
#content #text .chartBeautifulContent .chartItem:nth-child(9) {
    z-index: 3;
    stroke: #c6da55;
}
#content #text .chartBeautifulContent .chartItem:nth-child(10) {
    z-index: 2;
    stroke: #ecea2a;
}
#content #text .chartBeautifulContent .chartBackground {
    stroke-dashoffset: 0;
}
#content #text .chartBeautifulLegend li {
    height: 30px;
    margin-bottom: 10px;
    line-height: 30px;
    border-left: 2px solid #ccc;
}
.blocWithIcon i,
.blocWithIconLateral i {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
}
#content #text .chartBeautifulLegend li:last-child {
    margin-bottom: 0;
}
#content #text .chartBeautifulLegend li:first-child {
    border-color: #45abeb;
}
#content #text .chartBeautifulLegend li:nth-child(2) {
    border-color: #45ceeb;
}
#content #text .chartBeautifulLegend li:nth-child(3) {
    border-color: #45e9eb;
}
#content #text .chartBeautifulLegend li:nth-child(4) {
    border-color: #3fd99d;
}
#content #text .chartBeautifulLegend li:nth-child(5) {
    border-color: #42bc76;
}
#content #text .chartBeautifulLegend li:nth-child(6) {
    border-color: #6dd276;
}
#content #text .chartBeautifulLegend li:nth-child(7) {
    border-color: #78b65a;
}
#content #text .chartBeautifulLegend li:nth-child(8) {
    border-color: #86d439;
}
#content #text .chartBeautifulLegend li:nth-child(9) {
    border-color: #c6da55;
}
#content #text .chartBeautifulLegend li:nth-child(10) {
    border-color: #ecea2a;
}
.blocWithIcon i {
    margin: 0 auto;
    font-size: 2em;
    color: #fff;
    text-align: center;
    background-color: #45abeb;
    border-radius: 40px;
}
.blocWithIcon:hover i {
    font-size: 2.4em;
    background-color: #4cc6ff;
}
.blocWithIconLateral .elementTitle > * {
    margin-bottom: 10px;
    color: #222;
}
.blocWithIconLateral > div:last-child {
    margin-left: 50px;
}
.blocWithIconLateral i {
    font-size: 2em;
    color: #45abeb;
}
.callToAction .elementTitle > * {
    margin-top: 0;
}
.callToActionText {
    line-height: 40px;
}
.callToActionLink {
    height: 40px;
    line-height: 40px;
}
.callToAction.bgBlack .button {
    color: #fff;
    border-color: #fff;
}
.callToAction.bgBlack .button:hover {
    color: #444;
    background-color: #fff;
}
section.hasBackground {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
}
section.hasBackground:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(/modeles/fr/default/css/../images/bg_grid.png);
}
.hasBackgroundContent {
    position: relative;
    z-index: 2;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
}
.homePage_1 #wrapperInner {
    padding-top: 0;
}
.homePage_1 #breadcrumb {
    display: none;
}
.homePage_1 .homeSlider .diaporamaSlide {
    display: block !important;
    background-size: cover;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.homePage_1 .homeSlider .diaporamaSlide img {
    display: none;
    width: 100% !important;
}
.homePage_1 .homeSlider .diaporamaSlide:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(/modeles/fr/default/css/../images/bg_grid.png);
}
.homePage_1 .homeSlider .diaporamaControlNext,
.homePage_1 .homeSlider .diaporamaControlPrev,
.homePage_3 .homeSlider .diaporamaControlNext,
.homePage_3 .homeSlider .diaporamaControlPrev {
    z-index: 2;
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 30px;
    font: normal normal normal 3em/60px FontAwesome;
    color: #fff;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    opacity: 1;
}
.homePage_1 .homeSlider .diaporamaControlNext:hover,
.homePage_1 .homeSlider .diaporamaControlPrev:hover,
.homePage_3 .homeSlider .diaporamaControlNext:hover,
.homePage_3 .homeSlider .diaporamaControlPrev:hover {
    color: #27abeb;
    background-color: rgba(255, 255, 255, 1);
}
.homePage_1 .homeSlider .diaporamaExtra {
    color: #fff;
}
.homePage_1 .blocTestimonials .diaporamaDot,
.homePage_1 .homeSlider .diaporamaDot {
}
.homePage_1 .blocTestimonials .diaporamaDot:hover,
.homePage_1 .homeSlider .diaporamaDot:hover {
    
}
.homePage_1 .blocTestimonials .diaporamaDotActive,
.homePage_1 .blocTestimonials .diaporamaDotActive:hover,
.homePage_1 .homeSlider .diaporamaDotActive,
.homePage_1 .homeSlider .diaporamaDotActive:hover {
    background-image: url('/modeles/fr/default/images/polygone-bas-over.png');
    background-color: none !important;
}
.homePage_1 .directoryEntries {
    padding-bottom: 0;
}
.homePage_1 .blocTestimonials .diaporamaSlide {
    padding: 0 100px !important;
}
.homePage_1 .blocTestimonials .diaporamaSlide:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.homePage_1 .blocTestimonials .diaporamaSlide:before {
    display: none;
}
.homePage_1 .blocTestimonials .diaporamaImage img {
    float: left;
    border-radius: 10px;
}
.homePage_1 .blocTestimonials .diaporamaControlPrev {
    left: 30px !important;
    opacity: 0.5;
}
.homePage_1 .blocTestimonials .diaporamaControlNext {
    right: 30px !important;
    opacity: 0.5;
}
.homePage_1 .blocTestimonials .diaporamaControlNext:before,
.homePage_1 .blocTestimonials .diaporamaControlPrev:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.homePage_1 .blocTestimonials .diaporamaControlNext:before {
    border: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.homePage_1 .blocTestimonials .diaporamaControlNext:hover,
.homePage_1 .blocTestimonials .diaporamaControlPrev:hover {
    opacity: 1;
}
.homePage_1 .blocTestimonials .diaporamaExtra {
    position: static !important;
    height: 150px;
    padding: 10px 160px 0 30px;
    margin: 0 0 0 180px;
    line-height: 120px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    border-left: 1px solid #fff;
}
.homePage_1 .blocTestimonials .diaporamaExtra > div {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.homePage_1 .blocTestimonials .diaporamaExtra strong {
    font-size: 1.6em;
}
.homePage_1 .blocTestimonials .diaporamaExtra span {
    font-size: 1em;
}
.homePage_1 .blocTestimonials .diaporamaDots {
    bottom: -45px !important;
}
.homePage_1 #homepageFacilities .facility:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.homePage_1 #homepageFacilities .facility:first-child:after {
    background-color: #5bd2f4;
}
.homePage_1 #homepageFacilities .facility:nth-child(2):after {
    background-color: #45adeb;
}
.homePage_1 #homepageFacilities .facility:nth-child(3):after {
    background-color: #2277c6;
}
body.homePage_2 {
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.homePage_2 header {
    color: #666;
    background-color: transparent;
    border: none;
}
.homePage_2 header nav > ul > li > a {
    position: relative;
    line-height: 26px;
    border: 2px solid transparent;
    border-radius: 5px;
}
.homePage_2 header nav > ul > li > a:hover {
    border-color: #fff;
}
.homePage_2 header nav > ul > li.active > a:hover {
    border-color: transparent;
}
.homePage_2 header nav .secondLevel a {
    color: #666;
}
.homePage_2 header .closeLayer:hover,
.homePage_2 header nav > ul > li.megaMenu > ul > li > a {
    color: #45abeb;
}
.homePage_2 #wrapper,
.homePage_2 #wrapperInner {
    padding-top: 0;
}
.homePage_2 #breadcrumb {
    display: none;
}
.homePage_2 .elementDiaporama > div {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.homePage_2 .elementDiaporama > div:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.homePage_2 .yentlSlide {
    background-position: center;
    background-size: cover;
}
.homePage_2 .yentlSlideContent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 1080px;
    font-size: 1.5em;
    line-height: normal;
    color: #666;
}
.homePage_2 .yentlSlideTitle {
    font-size: 2.4em;
    font-weight: 700;
}
.homePage_2 #yentlDots {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 4;
    width: 50px;
    font-weight: 600;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.homePage_2 .yentlDot {
    position: relative;
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.homePage_2 .yentlDot:before {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    right: -300px;
    z-index: 2;
    height: 40px;
    padding: 0 15px;
    font-weight: 300;
    line-height: 44px;
    color: #fff;
    background-color: #45abeb;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.homePage_2 .yentlDot > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
    right: 0;
    z-index: 2;
    display: block;
    height: 100%;
    padding: 5px 10px;
    font-size: 1.6em;
    font-weight: 700;
    color: #fff;
    background-color: #444;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.homePage_3 #breadcrumb,
.homePage_3 footer {
    display: none;
}
.homePage_2 .yentlDot.active > span {
    left: 0;
    line-height: 32px;
}
.homePage_2 .yentlDot.active:hover:before {
    opacity: 1;
    right: 50px;
}
.homePage_3 #page,
.homePage_3 #wrapper {
    height: 100%;
}
.homePage_3 #wrapperInner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 0;
    background-color: #fff;
}
#homePage_2,
#homePage_2 .homeSlider,
#homePage_2 .homeSlider .diaporama,
.homePage_3 #content,
.homePage_3 #content #text,
.homePage_3 #contents {
    height: 100% !important;
}
.homePage_3 .diaporamaWrapper {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.homePage_3 .diaporamaSlide {
    background-position: center;
    background-size: cover;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.homePage_3 .diaporamaSlide img {
    display: none;
    width: 100% !important;
}
.homePage_3 .diaporamaDots {
    padding: 0;
}
.homePage_3 .diaporamaDot {
    width: 30px;
    height: 30px;
    padding: 0;
    font-weight: 700;
    line-height: 30px;
    color: #222;
    text-align: center;
    text-indent: 0;
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
}
.homePage_3 .diaporamaDot.diaporamaDotActive,
.homePage_3 .diaporamaDot.diaporamaDotActive:hover {
    color: #fff;
    background-color: #222;
}
.homePage_3 .diaporamaDot:hover {
    color: #fff;
    background-color: #45abeb;
}
.homePage_3 .diaporamaControlNext,
.homePage_3 .diaporamaControlPrev,
.homePage_3 .diaporamaExtraMiddleCenter,
.homePage_3 .diaporamaExtraMiddleLeft,
.homePage_3 .diaporamaExtraMiddleRight {
    top: 50% !important;
}
.homePage_3 .diaporamaExtra strong {
    font-size: 4em;
}
.homePage_3 .diaporamaControlNext:hover,
.homePage_3 .diaporamaControlPrev:hover {
    color: #45abeb;
}
.button,
input[type="button"],
input[type="submit"] {
    display: inline-block;
    max-width: 100%;
    height: 50px;
    padding: 0 25px;
    font-family:"Fira Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 48px;
    color: #000;
    text-transform: uppercase;
    text-overflow: ellipsis;
    background-color: transparent;
    border: 2px solid #45abeb;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
    overflow: hidden;
    -webkit-appearance: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.button.primary,
.button:hover,
input[type="button"].primary,
input[type="button"]:hover,
input[type="submit"].primary,
input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #45abeb;
}
.button.primary:hover,
input[type="button"].primary:hover,
input[type="submit"].primary:hover {
    color: #45abeb;
    background-color: transparent;
}
.button.mini {
    height: 30px;
    line-height: 28px;
}
.noTitle .widgetTitle,
.noTitle h2,
.noTitle h4 {
    display: none;
}
li.noTitle > a {
    white-space: nowrap;
    color: transparent !important;
}
li.noTitle > a:hover {
    background-color: transparent !important;
}
.noResults {
    color: #999;
}
.noResults i {
    font-size: 2em;
}
.icons {
    display: inline-block;
    vertical-align: top;
    background-image: url(/modeles/fr/default/css/../images/icons.png) !important;
}
.square-20,
.square-30,
.square-50,
.square-60 {
    display: inline-block;
    vertical-align: middle;
}
.square-20 {
    width: 20px;
    height: 20px;
}
.square-30 {
    width: 30px;
    height: 30px;
}
.square-50 {
    width: 50px;
    height: 50px;
}
.square-60 {
    width: 60px;
    height: 60px;
}
.hide {
    display: none !important;
}
.inbl {
    display: inline-block;
    vertical-align: top;
}
.inblB,
.inblM {
    display: inline-block !important;
}
.inblM {
    vertical-align: middle;
}
.inblB {
    vertical-align: bottom;
}
.block {
    display: block !important;
}
.relative {
    position: relative;
}
.ligneElement:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.size1_1 {
    width: 100%;
}
.size1_2 {
    width: 50%;
}
.size2_3 {
    width: 66%;
}
.size1_2:first-child {
    padding-right: 1%;
}
.size1_2:last-child {
    padding-left: 1%;
}
.size1_3 {
    width: 33.33%;
    padding: 0 0.67%;
}
.size1_3:first-child {
    padding: 0 1.33% 0 0;
}
.size1_3:last-child {
    padding: 0 0 0 1.33%;
}
.size1_4 {
    width: 25%;
}
.size1_4:first-child {
    padding: 0 1.5% 0 0;
}
.size1_4:nth-child(2) {
    padding: 0 1% 0 0.5%;
}
.size1_4:nth-child(3) {
    padding: 0 0.5% 0 1%;
}
.size1_4:last-child {
    padding: 0 0 0 1.5%;
}
.size1_5 {
    width: 20%;
    padding: 0 1%;
}
.size1_5:first-child {
    padding: 0 1.6% 0 0;
}
.size1_5:nth-child(2) {
    padding: 0 1.2% 0 0.4%;
}
.size1_5:nth-child(3) {
    padding: 0 0.8%;
}
.size1_5:nth-child(4) {
    padding: 0 0.4% 0 1.2%;
}
.size1_5:last-child {
    padding: 0 0 0 1.6%;
}
.size1_6 {
    width: 16.66%;
}
.size1_6:first-child {
    padding: 0 1.66% 0 0;
}
.size1_6:nth-child(2) {
    padding: 0 1.34% 0 0.34%;
}
.size1_6:nth-child(3) {
    padding: 0 1% 0 0.66%;
}
.size1_6:nth-child(4) {
    padding: 0 0.66% 0 1%;
}
.size1_6:nth-child(5) {
    padding: 0 0.34% 0 1.34%;
}
.size1_6:last-child {
    padding: 0 0 0 1.66%;
}
.size1_7 {
    width: 14.285%;
    padding: 0 1%;
}
.size1_8 {
    width: 12.5%;
    padding: 0 1%;
}
.w10 {
    width: 10%;
}
.w20 {
    width: 20%;
}
.w25 {
    width: 25%;
}
.w30 {
    width: 30%;
}
.w33 {
    width: 33.333%;
}
.w40 {
    width: 40%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w66 {
    width: 66.667%;
}
.w70 {
    width: 70%;
}
.w80 {
    width: 80%;
}
.w90 {
    width: 90%;
}
.w100 {
    width: 100% !important;
    min-width: 100% !important;
}
.w50p {
    width: 50px;
}
.w100p {
    width: 100px;
}
.w150p {
    width: 150px;
}
.w200p {
    width: 200px;
}
.w250p {
    width: 250px;
}
.w300p {
    width: 300px;
}
.w350p {
    width: 350px;
}
.w375p {
    width: 375px;
}
.w400p {
    width: 400px;
}
.w450p {
    width: 450px;
}
.w500p {
    width: 500px;
}
.w550p {
    width: 550px;
}
.w580p {
    width: 580px;
}
.w600p {
    width: 600px;
}
.w650p {
    width: 650px;
}
.w680p {
    width: 680px;
}
.w700p {
    width: 700px;
}
.w750p {
    width: 750px;
}
.w780p {
    width: 780px;
}
.w800p {
    width: 800px;
}
.w900p {
    width: 900px;
}
.w1000p {
    width: 1000px;
}
.w1080p {
    width: 1080px;
}
.w1180p {
    width: 1180px;
}
.h25 {
    height: 25%;
}
.h50 {
    height: 50%;
}
.h75 {
    height: 75%;
}
.h100 {
    height: 100%;
}
.h100p {
    height: 100px;
}
.h200p {
    height: 200px;
}
.h300p {
    height: 300px;
}
.h400p {
    height: 400px;
}
.h500p {
    height: 500px;
}
.h600p {
    height: 600px;
}
.h700p {
    height: 700px;
}
.h800p {
    height: 800px;
}
.h900p {
    height: 900px;
}
.h1000p {
    height: 1000px;
}
.p0 {
    padding: 0;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.p20 {
    padding: 20px;
}
.p30 {
    padding: 30px;
}
.p40 {
    padding: 40px;
}
.p50 {
    padding: 50px;
}
.pt0 {
    padding-top: 0;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt60 {
    padding-top: 60px;
}
.pt80 {
    padding-top: 80px;
}
.pr0 {
    padding-right: 0;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.pr30 {
    padding-right: 30px;
}
.pr40 {
    padding-right: 40px;
}
.pr50 {
    padding-right: 50px;
}
.pb0 {
    padding-bottom: 0;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb50 {
    padding-bottom: 50px;
}
.pb60 {
    padding-bottom: 60px;
}
.pb80 {
    padding-bottom: 80px;
}
.pl0 {
    padding-left: 0;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl25 {
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl50 {
    padding-left: 50px;
}
.mt0 {
    margin-top: 0;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mr0 {
    margin-right: 0;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mb0 {
    margin-bottom: 0;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
#content #text ul.ml0,
.ml0 {
    margin-left: 0;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.posLeft {
    float: left;
}
.posCenter {
    text-align: center;
}
.posMiddle {
    margin: 0 auto;
}
.posRight {
    float: right;
}
.txtLeft {
    text-align: left;
}
.txtCenter {
    text-align: center;
}
.txtRight {
    text-align: right;
}
.op50 {
    opacity: 0.5;
}
.op75 {
    opacity: 0.75;
}
.max460 img { max-width: 460px; }
.bgOrange {
    color: #fff;
    background-color: #ff6f0e;
}
.bgRed {
    color: #fff;
    background-color: #ea6169;
}
.bgBlue {
    color: #fff;
    background-color: #45adeb;
}
.bgBlue.bgLight {
    background-color: #5bd2f4;
}
.bgBlue.bgHeavy {
    background-color: #2277c6;
}
.bgBlue .button,
.bgOrange .button,
.bgRed .button {
    color: #fff;
    border-color: #fff;
}
.bgBlue .button:hover,
.bgOrange .button:hover,
.bgRed .button:hover {
    color: #45adeb;
    background-color: #fff;
}
.bgGrey {
    background-color: #eee;
}
.bgBlack {
    color: #fff;
    background-color: #222;
}
.borderAll {
    border: 1px solid #ccc;
}
.borderTop {
    border-top: 1px solid #ccc;
}
.borderRight {
    border-right: 1px solid #ccc;
}
.borderBottom {
    border-bottom: 1px solid #ccc;
}
.borderLeft {
    border-left: 1px solid #ccc;
}
.noBorder {
    border: none !important;
}
.noDot {
    list-style-type: none;
}
.arrowTop {
    display: block;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-bottom: 10px solid #45abeb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.layerElement.fadeOut {
    opacity: 0 !important;
}
.closeLayer,
.closeLayerWhite {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 28px;
    color: #444;
    text-align: center;
    cursor: pointer;
}
.closeLayerWhite,
.tooltip {
    color: #fff;
}
.closeLayer:hover,
.closeLayerWhite:hover {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tooltipCall {
    position: relative;
}
.tooltip {
    position: fixed;
    z-index: 9999;
    display: block;
    height: 24px;
    padding: 0 10px;
    margin-top: -25px;
    font-size: 0.857em;
    line-height: 24px;
    background-color: #45abeb;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-top 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-top 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-top 0.5s cubic-bezier(0.19, 1, 0.22, 1), margin-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.tooltip.toBottom {
    margin-top: 0;
    margin-bottom: -25px;
}
.tooltip:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #45abeb;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.tooltip.toBottom:before {
    top: auto;
    bottom: 24px;
    border: none;
    border-bottom: 5px solid #45abeb;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.tooltip.toLeft:before {
    left: auto;
    right: 10px;
}
.tooltip.active {
    margin-top: -40px;
    opacity: 1;
}
.tooltip.toBottom.active {
    margin-bottom: -40px;
}
@media (min-width: 1081px) and (max-width: 1280px) {
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture {
        height: 220px;
    }
    #contact .contact {
        left: 0;
    }
}
@media (min-width: 1281px) and (max-width: 1480px) {
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture {
        height: 250px;
    }
    #contact .contact {
        left: 0;
    }
}
@media (min-width: 1481px) and (max-width: 1680px) {
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture {
        height: 280px;
    }
}
@media (min-width: 1681px) and (max-width: 1880px) {
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture {
        height: 320px;
    }
}
@media (min-width: 1881px) {
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture {
        height: 360px;
    }
}
@media (max-width: 1099px) {
     #contact .contact {
        left: 0;
    }
    .fullwidth #breadcrumb,
    .fullwidth #breadcrumb + #content #text .ligneElement:first-child h1,
    .w1080p,
    .w1180p {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .fullwidth h1 {
        width: 100%;
        margin: 0 auto 1em;
        padding: 50px 0 50px 0;
        font-size: 27px;
    }
    #logo {
        margin: 5px 0 0 0;
    }
    #logo img{
        max-height: 50px;
    }
    .social { display: none; }
    #nested {
        float: none;
        margin: 0px 0 0 0;
    }
    .max460 img {
        max-width: 80%;
    }
    .fullwidth #wrapperInner {
        padding: 0px !important;
    }
    #page {
        position: relative;
    }
    .homePage_2 header,
    header {
        left: auto;
        z-index: 102;
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #ccc;
    }
    header .widgetSearch {
        top: 15px;
        right: 80px;
    }
    header .widgetLogin {
        top: 15px;
        right: 130px;
    }
    #mobileMenu {
        display: block;
    }
    nav.inblM {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 100;
        right: -100%;
        display: block !important;
        width: 100%;
        padding-left: 0;
        background-color: #eee;
        overflow: hidden;
        opacity: 0;
    }
    nav ul {
        position: relative;
        display: block;
    }
    nav.inblM ul li,
    nav.inblM ul li.posLeft,
    nav > ul > li.megaMenu > ul > li {
        position: relative;
        float: none;
        width: auto !important;
        padding: 0;
        margin-top: 0 !important;
        border-bottom: none;
    }
    nav.inblM ul li.posLeft:hover,
    nav.inblM ul li:hover,
    nav > ul > li.megaMenu > ul > li ul li:hover,
    nav > ul > li.megaMenu > ul > li:hover {
        background-color: #45abeb;
    }
    nav.inblM ul li.backLevel:hover,
    nav.inblM ul li.backLevel:hover a,
    nav.inblM ul li.backLevel:hover i {
        color: #666 !important;
        background-color: transparent;
    }
    nav.inblM ul li a,
    nav > ul > li.megaMenu > ul > li ul li > a,
    nav > ul > li.megaMenu > ul > li > a {
        height: 50px;
        margin: 0;
        padding: 0 40px 0 30px;
        font-size: 1.1em;
        font-weight: 400;
        line-height: 50px;
        color: #666;
        text-overflow: ellipsis;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        overflow: hidden;
    }
    nav > ul li.active > a,
    nav > ul > li.megaMenu > ul > li ul li.active > a,
    nav > ul > li.megaMenu > ul > li.active > a {
        color: #45abeb;
        background-color: transparent;
        border-left: 20px solid #45abeb;
        border-radius: 0;
    }
    nav > ul > li.active > i {
        color: #45abeb;
    }
    nav > ul > li ul,
    nav > ul > li.megaMenu ul,
    nav > ul > li.megaMenu > ul > li ul {
        position: fixed;
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        display: block;
        padding: 0;
        margin-left: 0;
        background-color: transparent;
        border: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    nav.inblM ul li:hover > a,
    nav > ul > li.megaMenu > ul > li ul li:hover > a,
    nav > ul > li.megaMenu > ul > li:hover > a,
    nav > ul > li > ul a:hover {
        color: #fff !important;
        background-color: transparent;
    }
    nav > ul > li i {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: 50px;
        height: 50px;
        font: normal normal normal 30px/50px FontAwesome !important;
        color: #666;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    nav > ul > li ul > li.backLevel a {
        padding-left: 50px;
    }
    nav > ul > li ul > li.backLevel a > span {
        color: #999;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
    }
    nav > ul > li ul > li:first-child > a > i {
        left: 0;
        right: auto;
        border-right: 1px solid #ccc;
    }
    nav > ul li:hover > i,
    nav > ul > li ul > li:first-child > a:hover > i {
        color: #fff;
    }
    nav.inblM ul li.backLevel i:hover {
        color: #fff !important;
        background-color: #45abeb;
    }
    nav li.noTitle > a {
        color: inherit !important;
    }
    .arrowTop,
    nav > ul > li.megaMenu > ul > li ul li > a:before {
        display: none;
    }
    #wrapper {
        position: relative;
        z-index: 101;
        padding-top: 60px;
        background-color: #fff;
    }
    .directoryLine .directoryEntry:hover .directoryEntryContent,
    .directoryLine .directoryEntryContent {
        width: 100%;
        padding: 30px 100px 30px 30px;
    }
    #content #text .directoryLine .directoryEntryLink {
        right: 60px;
    }
    #content #text .directoryLine .directoryEntry:hover .directoryEntryLink {
        right: 40px;
    }
    .fullwidth #directoryEntryDetailContent,
    .fullwidth #directoryEntryDetailHeading {
        padding: 20px;
    }
    #directoryEntryDetailContent,
    #directoryEntryDetailFooter > div,
    .fullwidth #directoryEntryDetailHeading > div {
        width: 100%;
    }
    #directoryEntryDetailFooter {
        padding-right: 20px;
        padding-left: 20px;
    }
    .blogPostDetail.postDetail-fullwidth #blogPostDetailHeaderContent,
    .blogPostDetail.postDetail-parallax #blogPostDetailHeaderContent {
        left: 0;
        width: 100%;
        padding: 0 20px;
        margin-left: 0;
    }
    .blogPostDetail.postDetail-fullwidth #blogPostDetailContent,
    .blogPostDetail.postDetail-parallax #blogPostDetailContent {
        width: 100%;
    }
    .blogList .blogPostResume .blogPostDescription {
        max-height: 100px;
        padding-bottom: 0;
        margin-bottom: 20px;
        overflow: hidden;
    }
    footer .widgetShortcutFooter ul li {
        list-style-type: none;
        display: block !important;
        margin: 0;
        padding: 0;
    }
}
@media (max-width: 879px) {
    .equipe .w50 {
        width: 100%;
    }
    .pb60 {
        padding-bottom: 20px;
    }
    .pt80 {
        padding-top: 20px;
    }
    .pb80 {
        padding-bottom: 20px;
    }
    .button.blue {
        color: #000 !important;
        border-color: #93D4F6;
        background-color: #93D4F6;
        background-size: 100% 100%;  
    }
    .button.blue:hover {
        color: #000 !important;
        border-color: #93D4F6;
        background-color: #93D4F6;
        background-size: 100% 100%; 
    }
    .savoir-faire .img img {
        display: none;
    }
    #qui_sommes_nous .valeur img {
        max-width: 50%;
    }
    .posRight {
        float: none;
    }
    .bloc-bleu .size1_3 {
        width: 33% !important;
    }
    #nos_produits .bloc-bleu figcaption {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
    }
    #nos_produits .list-bigger li {
        font-size: 28px;
    }
    .produits .chirurgie-generale h3,
    .medical h3 {
        font-size: 18px;
    }
    #homePage_1 .families-products .links-products { background-image: none; }
    #homePage_1 .families-products .img-product-lien {
        margin: 0 0 0 0 !important;
    }
    #homePage_1 .families-products .links-products img {
        min-width: auto !important;
        margin: -50px 0 -40px 0;
    }
    .txtWhite ul li p {
        color: #17252E;
        line-height: 1.4em;
        font-size: 16px;
    }
    #nos_produits .product .product-name {
        line-height: 22px;
    }
    #qui_sommes_nous .actions .intro {
    margin: 0 0 0 0;
    }

    #qui_sommes_nous .actions .intro p + p + p {
        margin: 0 0 0 0;
    }
    .valeur img { max-width: 70%; }
    #certif_iso .mission-valeur {
        background: url(/modeles/fr/default/images/bg-mission-valeur.jpg) center 44% no-repeat;
        background-size: contain;
    }
    #homePage_1 .concept .elementText img,
    #concept_hapisolutions .concept .elementText img {
        margin: 0 0 0 0;
    }
    #homePage_1 .certification img {
        width: 70%;
        margin: -20px 20% 20px 20%;
    }
    .medical .elementText li {
        font-size: 16px;
    }
    #qui_sommes_nous .actions .intro p {
        line-height: 1.6em;
    }
    .focus h3 {
        font-size: 32px;
        line-height: 37px;
    }
   .list-bigger li { line-height: 1em; }
    #qui_sommes_nous .bubble,
    #certif_iso .bubble {
        min-height: 500px;
        margin: 50px 0 0 -20px;
    }
    #qui_sommes_nous .bubble p, #certif_iso .bubble p {
        color: #17252E !important;
        font-family: Fira Sans;
        font-size: 17px;
        line-height: 1.2em !important;
        text-align: left !important;
        padding: 10px 20px 0 20px;
    }
    #qui_sommes_nous .who,
    #certif_iso .who{
        width: 35%;
        margin: 20px 0 0 140px;
    }
    #certif_iso h2 {
        margin: 30px 0 40px 0;
    }
    #qui_sommes_nous h3 {
        font-size: 1.1em;
    }
    #qui_sommes_nous .elementText li {
        font-size: 16px;
    }
    #qui_sommes_nous .section-blue .intro {
       text-align: center;
    }
    #qui_sommes_nous .section-blue h3 {
        font-size: 18px;
    }
    #qui_sommes_nous .wintro {
        width: 100% !important;
    }
    #qui_sommes_nous .section-blue {
        background-color: #D1E8F9;
        background-image: none;
    }
    #nos_produits .bloc-bleu img{
        max-width: 95%;
    }
    .title-one {
        background-size: cover !important;
        height: auto;
        min-height: 140px;
    }
    .equipe .president {
        background: none;
        width: 100%;
        height: 180px;
        margin-top: 0;
    }
    .equipe .presidence h3 {
        margin: 0;
    }
    .equipe .service-clients::after, .equipe .chirurgie::after, .equipe .chirurgie-generale::after, .equipe .communication::after  {
        background: none;
        height: auto;
    }
  
  .equipe .dib .ligneElement {
    display: flex;
    flex-wrap: wrap;
    text-align:center;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .equipe .structured_text_semantique_text h3, .equipe .presidence p {
    width: 280px;
  }
  
  .equipe .bloc-membre {
    max-width: 280px;
  }
  
  
    .equipe .achats::after, .equipe .ventes::after {
        background: none;
        height: auto;
    }
    .equipe .chirurgie-generale {
        margin-top: 0;
    }
    .equipe .bloc-membre.gris h3 {
        margin: 0;
    }
    .directoryEntryDetail .dib {
        display: inline-block;
        width: 52%;
    }
    #notre_equipe .equipe .ligneElement {
        margin: 0;
    }
    .h1-like,
    h1 {
        line-height: 1.4em;
    }
    .h2-like,
    h2 {
        line-height: 1.2em;
        margin: 0;
    }
    .h3-like,
    h3 {
        font-size: 1.6em;
    }
    .details-produit .coleft {
        width: 100%;
    }

    .details-produit .colright {
        width: 100%;
    }

    #nos_produits .product .visuel { height: 90px; }
    #nos_produits .product img { max-height: 79px; margin: 7px auto 0 auto; }
    #nos_produits .product .product-name { font-size: 15px; line-height: 18px; }

    #concept_hapisolutions #content #text ul {
        padding: 0px 0 20px 0;
        margin-top: -10px !important;
    }

    #concept_hapisolutions .list-bigger li {
        font-size: 21px;
    }

    #concept_hapisolutions .elementPicture .txtLeft { text-align: center; }
    #concept_hapisolutions .elementPicture .txtLeft img { width: 50%; }
        
    .w33,
    .w600p,
    .w700p {
        width: 100%;
    }
    .mhide {
        display: none;
    }
    .mblock {
        display: block !important;
    }
    .mw10 {
        width: 10%;
    }
    .mw20 {
        width: 20%;
    }
    .mw25 {
        width: 25%;
    }
    .mw30 {
        width: 30%;
    }
    .mw33 {
        width: 33.333%;
    }
    .mw40 {
        width: 40%;
    }
    .mw50 {
        width: 50%;
    }
    .mw60 {
        width: 60%;
    }
    .mw66 {
        width: 66.667%;
    }
    .mw70 {
        width: 70%;
    }
    .mw80 {
        width: 80%;
    }
    .mw90 {
        width: 90%;
    }
    .mw100 {
        float: none;
        width: 100% !important;
        min-width: 100% !important;
        border-left: none;
        border-right: none;
    }
    .mpt0 {
        padding-top: 0;
    }
    .mpt10 {
        padding-top: 10px;
    }
    .mpt20 {
        padding-top: 20px;
    }
    .mpt30 {
        padding-top: 30px;
    }
    .mpr0 {
        padding-right: 0;
    }
    .mpr10 {
        padding-right: 10px;
    }
    .mpr20 {
        padding-right: 20px;
    }
    .mpr30 {
        padding-right: 30px;
    }
    .mpb0 {
        padding-bottom: 0;
    }
    .mpb10 {
        padding-bottom: 10px;
    }
    .mpb20 {
        padding-bottom: 20px;
    }
    .mpb30 {
        padding-bottom: 30px;
    }
    .mpl0 {
        padding-left: 0;
    }
    .mpl10 {
        padding-left: 10px;
    }
    .mpl20 {
        padding-left: 20px;
    }
    .mpl30 {
        padding-left: 30px;
    }
    .mmt0 {
        margin-top: 0;
    }
    .mmt10 {
        margin-top: 10px;
    }
    #searchResults,
    .mmt20 {
        margin-top: 20px;
    }
    .mmr0 {
        margin-right: 0;
    }
    .mmr10 {
        margin-right: 10px;
    }
    .mmb0 {
        margin-bottom: 0;
    }
    .mmb10 {
        margin-bottom: 10px;
    }
    .mml0 {
        margin-left: 0 !important;
    }
    .mml10 {
        margin-left: 10px;
    }
    .mtxtLeft {
        text-align: left;
    }
    .mtxtCenter {
        text-align: center;
    }
    .mtxtRight {
        text-align: right;
    }
    .mBorderAll {
        border: 1px solid #ccc;
    }
    .mBorderTop {
        border-top: 1px solid #ccc;
    }
    .mBorderRight {
        border-right: 1px solid #ccc;
    }
    .mBorderBottom {
        border-bottom: 1px solid #ccc;
    }
    .mBorderLeft {
        border-left: 1px solid #ccc;
    }
    .mNoBorder {
        border: none !important;
    }
    .size1_2,
    .size2_3,
    .size1_2:first-child,
    .size1_2:last-child,
    .size1_3,
    .size1_3:first-child,
    .size1_3:last-child,
    .size1_4,
    .size1_4:last-child,
    .size1_4:nth-child(2),
    .size1_4:nth-child(3),
    .size1_5,
    .size1_5:last-child,
    .size1_6,
    .size1_6:last-child,
    .size1_7,
    .size1_7:last-child,
    .size1_8,
    .size1_8:last-child {
        width: 100%;
        padding: 0;
    }
    .diaporamaExtra strong {
        padding: 280px 0 30px 0;
    }
    #diaporama_29 {
        height: 490px !important;
    }
    footer .widget {
        float: none;
        width: 100%;
        padding-bottom: 2px;
        text-align: center;
        border: none;
    }
    footer .widget:last-child {
        padding-bottom: 0;
    }
    .formulaire > form {
        min-width: 0;
    }
    #form input[type="text"],
    #form input[type="password"],
    #form input[type="mail"],
    #formpersonnalise input[type="text"],
    #formpersonnalise input[type="password"],
    #formpersonnalise input[type="mail"],
    #formpersonnalise input[type="date"],
    textarea {
        width: 100%;
    }
    #searchResults > li {
        margin-bottom: 20px;
        border: none;
    }
    .searchResultIndex {
        width: 50px;
        padding-top: 10px;
        line-height: normal;
    }
    .searchResult {
        margin-left: 50px;
    }
    .searchResult > div {
        padding: 10px;
        line-height: normal;
        white-space: normal;
    }
    .searchResult > ul {
        background-color: transparent;
        border-top: 1px dashed #ccc;
    }
    .pager > a {
        margin-bottom: 10px;
    }
    .homePage_1 .blocTestimonials .diaporamaExtra strong {
        padding-top: 0;
    }
    .diaporamaExtra strong {
        font-size: 4.6em;
    }
    .diaporamaDot {
        border-radius: 0;
    }
    .scoreBeautifulContent.cols-4 .scoreItem,
    .scoreBeautifulContent.cols-5 .scoreItem {
        width: 50% !important;
    }
    .scoreBeautifulContent.cols-4 .scoreItem:nth-child(n + 3),
    .scoreBeautifulContent.cols-5 .scoreItem:nth-child(n + 3) {
        padding-top: 30px;
    }
    .blogBox.blogPostsList .blogPostTitle {
        max-height: 40px;
    }
    .blogPostsList.blogMasonry.cols-3 .blogPostResume,
    .blogPostsList.blogMasonry.cols-4 .blogPostResume,
    .cols-2.blogPostsList .blogPostResume,
    .cols-3.blogBox .blogPostResume:nth-child(3n + 1),
    .cols-3.blogBox .blogPostResume:nth-child(3n + 3),
    .cols-3.blogPostsList .blogPostResume {
        float: none;
        width: 100% !important;
        padding-right: 0;
        padding-left: 0;
    }
    .cols-2.blogBox .blogPostResume:nth-child(odd),
    .cols-2.blogList .blogPostResume:nth-child(odd),
    .cols-2.blogPostsList .blogPostResume:nth-child(odd) {
        padding-right: 0;
    }
    .cols-2.blogBox .blogPostResume:nth-child(even),
    .cols-2.blogList .blogPostResume:nth-child(even),
    .cols-2.blogPostsList .blogPostResume:nth-child(even) {
        padding-left: 0;
    }
    .cols-2.blogList .blogPostResume:nth-child(even) .blogPostDate {
        left: 20px;
    }
    .select2-container {
        width: 100% !important;
    }
}
@media (max-width: 799px) {
    .h2-like,
    h2 {
        font-size: 2.4em;
    }
    .diaporamaExtra strong {
        font-size: 3.4em;
    }
    .diaporamaExtra span {
        font-size: 1.2em;
    }
    .linkToRubric.linkPrevious {
        margin-right: 0;
    }
    .linkToRubric.linkNext {
        margin-left: 0;
    }
    .cols-2 .directoryEntry:nth-child(even),
    .cols-2 .directoryEntry:nth-child(odd) {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    }
    .directoryEntryPicture {
        float: none;
        width: 100%;
        height: 240px;
        border: none;
    }
    .directoryEntryContent {
        padding: 20px;
        margin-left: 0;
    }
    .directoryLine .directoryEntryContent h3 {
        font-size: 3em;
        font-weight: 500;
    }
    .directoryGrid.cols-2 .directoryEntry,
    .directoryGrid.cols-3 .directoryEntry {
        width: 100%;
    }
    .directoryGrid.cols-4 .directoryEntry {
        width: 50%;
    }
    #blogPostDetail .blogPostTitle,
    #directoryEntryDetail h1 {
        font-size: 2em;
    }
    #directoryEntryNavigation strong {
        font-size: 1.2em;
    }
    .callToActionText.h2-like {
        font-size: 1.8em;
    }
    .homePage_2 .yentlSlideContent {
        width: 70% !important;
    }
    .homePage_2 .yentlSlideTitle {
        font-size: 2em;
        line-height: 1.2;
    }


    #contact .contact {
        position: relative;
        max-width: 100%;
        width: 100%;
        top: 0px;
        left: 0;
        height: auto;
        padding: 0;
    }
}
@media (max-width: 639px) {
    .diaporamaExtra strong {
        padding-bottom: 10px;
        font-size: 2.6em;
    }
    .diaporamaExtra span {
        font-size: 1em;
        margin: 0;
        padding: 0;
    }
    .blogBox .blogPostContent {
        height: auto;
        padding-bottom: 70px;
    }
    .blogBox .blogPostDescription,
    .cols-2.blogList .blogPostResume {
        height: auto;
    }
    .cols-2.blogPostsList .blogPostResume {
        padding-top: 30px;
        padding-right: 0;
        padding-left: 0;
    }
    .blogList .blogPostPicture,
    .cols-2.blogList .blogPostPicture,
    .cols-2.blogList .blogPostResume .blogPostPicture {
        float: none;
        width: 100%;
        height: 200px;
    }
    .blogList .blogPostContent,
    .cols-2.blogList .blogPostContent {
        float: none;
        width: 100%;
    }
    .blogList .blogPostDate,
    .cols-2.blogList .blogPostResume:nth-child(even) .blogPostDate {
        top: 0;
        left: 50%;
        margin-top: 0;
    }
    .cols-2.blogList .blogPostDescription {
        padding: 20px 0;
        white-space: normal;
    }
    .blogList .blogPostLink {
        padding-top: 10px;
        text-align: center;
    }
    .blogList .blogPostResume {
        height: auto;
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .blogMasonry .blogPostResume {
        margin-bottom: 4% !important;
    }
    #blogPostDetail .blogPostTitle {
        font-size: 1.8em;
    }
    .callToActionText.h2-like {
        font-size: 1.4em;
    }
}
@media (max-width: 559px) {
    .diaporamaExtra span {
        
    }
    #homePage_2 .diaporamaExtra span {
        display: block;
    }
    .callToActionText.h2-like {
        font-size: 1.2em;
    }
    .homePage_2 .yentlSlideContent {
        left: 0 !important;
        width: 100% !important;
        padding: 30px;
        font-size: 1.2em;
    }
    .homePage_2 .yentlSlideTitle {
        font-size: 1.6em;
    }
}
@media (max-width: 479px) {
    .h2-like,
    h2 {
        font-size: 1.8em;
    }
    .shide {
        display: none;
    }
    .sblock {
        display: block !important;
    }
    .sw10 {
        width: 10%;
    }
    .sw20 {
        width: 20%;
    }
    .sw25 {
        width: 25%;
    }
    .sw30 {
        width: 30%;
    }
    .sw33 {
        width: 33.333%;
    }
    .sw40 {
        width: 40%;
    }
    .sw50 {
        width: 50%;
    }
    .sw60 {
        width: 60%;
    }
    .sw66 {
        width: 66.667%;
    }
    .sw70 {
        width: 70%;
    }
    .sw80 {
        width: 80%;
    }
    .sw90 {
        width: 90%;
    }
    .scoreBeautifulContent.cols-2 .scoreItem,
    .scoreBeautifulContent.cols-3 .scoreItem,
    .scoreBeautifulContent.cols-4 .scoreItem,
    .scoreBeautifulContent.cols-5 .scoreItem,
    .sw100 {
        width: 100% !important;
    }
    .sw100 {
        float: none;
        min-width: 100% !important;
        border-left: none;
        border-right: none;
    }
    .spt0 {
        padding-top: 0;
    }
    .spt10 {
        padding-top: 10px;
    }
    .spt20 {
        padding-top: 20px;
    }
    .spr0 {
        padding-right: 0;
    }
    .spr10 {
        padding-right: 10px;
    }
    .spr20 {
        padding-right: 20px;
    }
    .spb0 {
        padding-bottom: 0;
    }
    .spb10 {
        padding-bottom: 10px;
    }
    .spb20 {
        padding-bottom: 20px;
    }
    .spl0 {
        padding-left: 0;
    }
    .spl10 {
        padding-left: 10px;
    }
    .spl20 {
        padding-left: 20px;
    }
    .smt0 {
        margin-top: 0;
    }
    .smt10 {
        margin-top: 10px;
    }
    .smr0 {
        margin-right: 0;
    }
    .smr10 {
        margin-right: 10px;
    }
    .smb0 {
        margin-bottom: 0;
    }
    .smb10 {
        margin-bottom: 10px;
    }
    .sml0,
    .sml0F {
        margin-left: 0 !important;
    }
    .sml10 {
        margin-left: 10px;
    }
    .stxtLeft {
        text-align: left;
    }
    .stxtCenter {
        text-align: center;
    }
    .stxtRight {
        text-align: right;
    }
    .sBorderAll {
        border: 1px solid #ccc;
    }
    .sBorderTop {
        border-top: 1px solid #ccc;
    }
    .sBorderRight {
        border-right: 1px solid #ccc;
    }
    .sBorderBottom {
        border-bottom: 1px solid #ccc;
    }
    .sBorderLeft {
        border-left: 1px solid #ccc;
    }
    .sNoBorder {
        border: none !important;
    }
    .diaporamaControlNext,
    .diaporamaControlPrev {
        display: none !important;
    }
    .diaporamaExtra {
        padding: 30px;
    }
    .diaporamaExtra strong,
    .homePage_3 .diaporamaExtra strong {
        font-size: 1.6em;
    }
    .diaporamaExtra span {
    
    }
    #directoryEntryDetailGallery li,
    .directoryGrid.cols-4 .directoryEntry {
        width: 100%;
    }
    .scoreBeautifulContent .scoreItem {
        padding: 0 !important;
    }
    .scoreBeautifulContent .scoreItem:nth-child(n + 2) {
        padding-top: 30px !important;
    }
    .directoryEntryContent {
        padding: 20px 0 0;
    }
    .directoryEntryContent h3 {
        padding: 0 20px;
    }
    .directoryEntryMetas {
        padding: 10px 20px 20px;
    }
    .directoryEntryShortDescription {
        padding: 0 20px 20px;
    }
    .directoryEntryLink {
        position: static;
        display: block;
        width: 100%;
        line-height: 40px;
        text-align: center;
        border: none;
        border-top: 1px solid #ccc;
    }
    #content #text .directoryEntryLink:hover {
        text-decoration: none;
    }
    .directoryEntryLink > span {
        display: block;
    }
    #content #text .directoryLine .directoryEntryLink,
    .directoryEntryLink > i,
    .directoryLine .directoryEntryShortDescription,
    .homePage_1 .blocTestimonials .diaporamaSlide img {
        display: none;
    }
    .directoryLine .directoryEntry:hover .directoryEntryContent,
    .directoryLine .directoryEntryContent {
        padding: 30px;
    }
    .directoryLine .directoryEntryContent h3 {
        padding: 0;
        font-size: 2em;
    }
    #directoryEntryDetail h1 {
        font-size: 1.6em;
    }
    .blogList .blogPostTitle {
        font-style: 1.2em;
        white-space: normal;
    }
    .blogMasonry .blogPostResume {
        margin-bottom: 6% !important;
    }
    #blogPostDetail .blogPostTitle {
        font-size: 1.2em;
    }
    .homePage_1 .blocTestimonials .diaporamaSlide {
        padding: 0 30px !important;
    }
    .homePage_1 .blocTestimonials .diaporamaExtra {
        height: 150px;
        padding: 0;
        margin-left: 0;
        border: none;
        overflow: hidden;
    }
    .homePage_1 .blocTestimonials .diaporamaExtra span {
        display: block;
    }
    header #loginboxform {
        position: fixed;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    header #loginboxform.translateYfadeIn {
        top: 100px;
    }
    header #loginboxform .arrowTop {
        display: none;
    }
}
@media (max-width: 329px) {
    .diaporamaExtra strong {
        padding: 0;
    }
    .diaporamaExtraLink {
        display: none;
    }
    .homePage_1 .blocTestimonials .diaporamaExtra {
        height: 140px;
    }
}
#overDiv {
    position: fixed;
    display: none;
    background-color: #fff;
}
.overlibclose,
.overlibclose a {
    position: absolute;
    z-index: 2;
    width: 20px;
}
#overlibheader {
    padding: 0 20px;
    height: 40px;
    font-size: 1.2em;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
}
.overlibclose {
    top: 10px;
    right: 10px;
    height: 20px;
}
.overlibclose a {
    top: 0;
    left: 0;
    display: block;
    height: 20px;
    opacity: 0;
}
.overlibclose:before {
    content: "0D7";
    display: block;
    height: 20px;
    font-size: 26px;
    line-height: 20px;
    text-align: center;
    opacity: 0.3;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.overlibclose:hover:before {
    opacity: 1;
}
#overlibcontent {
    padding: 20px 20px 10px;
    text-align: center;
}
#overlibcontent strong {
    font-size: 2em;
}
#overlibcontent ul {
    padding: 0 20px;
    list-style-type: none;
}
#overlibcontent ul li {
    padding: 10px 20px;
}
#overlibcontent ul li a {
    display: block;
    height: 42px;
    padding: 0 20px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #29adf1;
    border-radius: 30px;
}
#overlibcontent ul li a.add2cartConfirmationBack {
    color: #29adf1;
}
#overlibcontent ul li a.add2cartConfirmationCart {
    background-color: #29adf1;
}
#overlibfooter {
    display: none;
}
#loader {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    z-index: 9999;
    width: 100px;
    height: 80px;
    margin: -50px 0 0 -40px;
    line-height: 102px;
    background: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#loader .loaderImg {
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url(/modeles/fr/default/css/../../defaut/images/loading.gif);
} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative;
}
.fancybox-skin {
    color: #444;
    text-shadow: none;
    background: #f9f9f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    padding: 15px;
    margin: 0;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    white-space: nowrap;
}
.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(/common_images/fancyBox/fancybox_sprite.png);
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 8060;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    cursor: pointer;
    opacity: 0.8;
}
.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    z-index: 8040;
    position: absolute;
    cursor: pointer;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/common_images/fancyBox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
}
.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    background: url(/common_images/fancyBox/blank.gif);
    -webkit-tap-highlight-color: transparent;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    visibility: hidden;
    overflow: visible !important;
}
.fancybox-lock,
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock {
    width: auto;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010;
    display: none;
    background: url(/common_images/fancyBox/fancybox_overlay.png);
    overflow: hidden;
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-title {
    position: relative;
    z-index: 8050;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: none;
    visibility: hidden;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    z-index: 8050;
    margin-bottom: -35px;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    text-shadow: 0 1px 2px #222;
    background: 0 0;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-next span,
    .fancybox-prev span {
        background-image: url(/common_images/fancyBox/fancybox_sprite@2x.png);
        background-size: 44px 152px;
    }
    #fancybox-loading div {
        background-image: url(/common_images/fancyBox/fancybox_loading@2x.gif);
        background-size: 24px 24px;
    }
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    padding-left: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    padding: 0;
    margin-top: 5px;
    font-size: 100%;
    border: none;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-dropdown {
    position: absolute;
    left: -100000px;
    z-index: 1051;
    display: block;
    width: 100%;
    margin-top: -5px;
    background-color: #fff;
    border: 1px solid #aaa;
    box-sizing: border-box;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
}
.select2-container--classic .select2-selection--single {
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}
.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    width: 100%;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: block;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    position: absolute !important;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
}
.select2-container--classic .select2-results > .select2-results__options,
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: Arial, sans-serif;
    line-height: 36px;
    color: #444;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 34px;
    width: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    float: left;
    margin-top: 5px;
    color: #999;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    font-weight: 700;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    cursor: default;
    float: left;
    padding: 0 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
    font-weight: 700;
    color: #999;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    cursor: default;
    background-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    font-weight: 700;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 26px;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--classic .select2-selection--multiple {
    cursor: text;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    padding: 0 5px;
    margin: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    cursor: default;
    float: left;
    padding: 0 5px;
    margin-top: 5px;
    margin-right: 5px;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
    font-weight: 700;
    color: #888;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
    border-top: none;
}
.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.membres .directoryList { display:none; }