@charset "utf-8";
/* CSS Document */
/* Copyright 2016 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Base
-------------------------------------------------------------------*/
*, *:before, *:after, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-size:100%; background:#FFF; }
body, input, textarea, select { font-family: 'Titillium Web', sans-serif; }
header { background:#FFF; }
section { }
footer { background:#FFF; }
::selection { background:#005FA0; color:#FFF; }
::-moz-selection { background:#005FA0; border:1px solid #005FA0; color:#FFF; }
::-webkit-input-placeholder { color:#ffffff; }
:-moz-placeholder { color:#ffffff; }
::-moz-placeholder { color:#ffffff; }
:-ms-input-placeholder { color:#ffffff; }


/*-------------------------------------------------------------------
	Titles & texts
-------------------------------------------------------------------*/
h1 { font-size: 35px;  text-transform: uppercase; line-height:38px; margin:0 0 30px 0; }
h2 { font-size: 32px; color: #66666B; line-height: 34px; margin: 0 0 30px;  text-transform: uppercase; }
.h2-small {font-size: 24px;}
.hbleu { font-size: 35px;  line-height:38px;  color: #005FA0; margin: 0 0 30px; text-transform: uppercase; }

.hgrey{ font-size: 32px; color: #66666B; line-height: 34px; margin: 0 0 30px; text-transform: uppercase; }
h1 span { font-weight: 600;}
h3 { font-size:1.6em; line-height:1.2em; color: #005FA0; margin:0 0 0 0; }
h4 { font-size: 32px; color: #fff; line-height: 34px; margin: 0 0 30px; text-transform: uppercase; }
p, ul { margin:0 0 0.8em 0; color: #66666B; font-size: 19px; line-height:28px; }
p a, ul li a { color:#CB62F2; }
p a:hover, ul li a:hover {  }
ul > li:before { content:"•"; padding:0 1em 0 0; float:left; }
ul ul { margin:0 0 0 1em; }
ul > li { margin:0 0 1em 0; }
ul > li:last-child { margin-bottom:0;    position: relative; }
ul { margin:0 0 0 1em; list-style:none; text-indent:-1em; }
strong { font-weight: 600; }
hr { border:none; height:1px; background:#0160a0; width: 135px; height: 7px; margin:1.25em 0; }
.hr-alt { border: none;
    height: 1px;
    background: #909090;
    width: 100%;
    margin: 1.25em 0;}
table {  width:100%; }
label { display:block; margin:0 0 0.25em 0; }
area { cursor: default !important; }
em { font-style: italic;}

/*-------------------------------------------------------------------
	Forms
-------------------------------------------------------------------*/
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {
    outline: none;
   
}

input[type=submit], button {
    cursor: pointer;
    border: none!important;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input {
    background-color: #fff0;
    display: block;
    color: #ffffff;
    width: 100%!important;
    margin: 0 0 15px 0!important;
    padding: 9px 9px!important;
    border: none;
    border: 2px solid #fff;
    -webkit-border-top-right-radius: 1.875rem !important;
    -moz-border-radius-top-right: 1.875rem;
    border-top-right-radius: 1.875rem !important;
    -webkit-border-top-left-radius: 1.875rem !important;
    -moz-border-radius-top-left: 1.875rem !important;
    border-top-left-radius: 1.875rem !important;
    -webkit-border-bottom-left-radius: 1.875rem !important;
    -moz-border-radius-bottom-left: 1.875rem !important;
    border-bottom-left-radius: 1.875rem !important;
    -webkit-border-bottom-right-radius: 1.875rem !important;
    -moz-border-radius-bottom-right: 1.875rem !important;
    border-bottom-right-radius: 1.875rem !important;
}
.zip_search {
    position: relative;
    top: -51px;
    float: right;
    background-image: url(../images/icon-search.png)!important;
    /* background-position: right!important; */
    background-repeat: no-repeat!important;
    border: none;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    width: 35px!important;
    right: 14px;

}
select {
    border:none;
    background-image: url(../images/form-select.png);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    display: block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5rem 3.5rem 0.5rem 1rem;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-top-right-radius: 1.875rem;
    -moz-border-radius-top-right: 1.875rem;
    border-top-right-radius: 1.875rem;
    -webkit-border-top-left-radius: 1.875rem;
    -moz-border-radius-top-left: 1.875rem;
    border-top-left-radius: 1.875rem;
    -webkit-border-bottom-left-radius: 1.875rem;
    -moz-border-radius-bottom-left: 1.875rem;
    border-bottom-left-radius: 1.875rem;
    -webkit-border-bottom-right-radius: 1.875rem;
    -moz-border-radius-bottom-right: 1.875rem;
    border-bottom-right-radius: 1.875rem;
}
select:hover, select:focus { 
    background-image: url(../images/form-select.png);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
.ou {
    border: 3px solid #ffffff;
    color: #ffffff;
    display: -webkit-inline-box;
    border-radius: 3rem;
    padding: 8px 5px;
    margin-top: 1rem;
    margin: 1rem 1rem 1rem 1rem;
    text-align: center;

}
.form-title {
    display: block;
    font-size: 19px;
    color: #ffffff;
    text-transform: uppercase;   
    margin-bottom:1rem;
}
.form-wrapper {
    padding: 0 50px;
}
/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
.nav { position:relative; z-index:100; float:left; min-width:300px; }
.nav-el-1:before, .nav-el-2:before { content:""; padding:0; float:none; display:inline; }
.nav-el-1-link, .nav-el-2-link { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* First Level */
.nav-list-1 { position:relative; z-index:1; margin:0; text-indent:0; }
.nav-el-1 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.nav-el-1-link, .nav-lang-el-link { display:block; color: #66666B !important;font-size:0.9em; text-transform: uppercase; line-height:1em; padding:0.825em 0.825em  0.825em 0;  }
.nav-el-1:hover .nav-el-1-link, .nav-el-1.is-selected .nav-el-1-link { background:#FFF; color:#3FA2D4; text-decoration:none; }

.nav-el-1-link.is-selected { background-color: #00ade6!important; color: #fff!important;}

/* Second Level */
.nav-list-2 { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; }
.nav-el-2 { margin:0; text-indent:0px; }
.nav-el-2-link { padding:0.825em 0.825em; font-size:0.9em; line-height:1.1em; background:#FFF; text-transform: uppercase; display:block; color:#66666B; }
.nav-el-2:hover .nav-el-2-link, .nav-el-2.is-selected .nav-el-2-link { background:#3FA2D4; color:#FFF; text-decoration:none; }
.nav-list-2.is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }

/* Languages */
.nav-lang { float:right; }
.nav-lang-list { text-indent:0; margin:0; }
.nav-lang-el { margin:0; }
.nav-lang-el:before { content:""; padding:0; float:none; display:inline; }
.nav-lang-el-link { background: transparent url(../images/icon-loupe-petit.png) no-repeat right center; padding-right: 20px; }



.nav-alt { position:relative; z-index:100;  }
.nav-alt-el-1:before, .nav-alt-el-2:before { content:""; padding:0; float:none; display:inline; }
.nav-alt-el-1-link, .nav-alt-el-2-link { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.nav-alt-el-1-link span {font-style: italic;}
/* First Level */
.nav-alt-list-1 { position:relative; z-index:1; margin:0; text-indent:0; }
.nav-alt-el-1 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }
.nav-alt-el-1-link{ border:none;
    background-image: url(../images/form-select.png);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    display: block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5rem 3.5rem 0.5rem 1rem;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-top-right-radius: 1.875rem;
    -moz-border-radius-top-right: 1.875rem;
    border-top-right-radius: 1.875rem;
    -webkit-border-top-left-radius: 1.875rem;
    -moz-border-radius-top-left: 1.875rem;
    border-top-left-radius: 1.875rem;
    -webkit-border-bottom-left-radius: 1.875rem;
    -moz-border-radius-bottom-left: 1.875rem;
    border-bottom-left-radius: 1.875rem;
    -webkit-border-bottom-right-radius: 1.875rem;
    -moz-border-radius-bottom-right: 1.875rem;
    border-bottom-right-radius: 1.875rem; }
.nav-alt-el-1:hover .nav-alt-el-1-link, .nav-alt-el-1.is-selected .nav-alt-el-1-link { /*background:#FFF;*/ color:#3FA2D4; text-decoration:none;     position: relative;
    z-index: 11;}
.nav-alt-list-2 { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0;    top: 25px;
    z-index: 1;
    padding-top: -2px;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.35)); }
.nav-alt-el-2 { margin:0; text-indent:0px; }
.nav-alt-el-2-link { padding:0.825em 0.825em; font-size:0.9em; line-height:1.1em; background:#FFF; text-transform: uppercase; display:block; color:#66666B; text-align: left; }
.nav-alt-el-2:hover .nav-alt-el-2-link, .nav-alt-el-2.is-selected .nav-alt-el-2-link { background:#3FA2D4; color:#FFF; text-decoration:none; }

.nav-alt-el-2-link span { font-style: italic; display:block; font-size: 14px;}

.nav-alt-list-2.is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }
.nav-alt-list-1 ul li:last-child a {     -webkit-border-bottom-left-radius: 1.875rem;
    -moz-border-radius-bottom-left: 1.875rem;
    border-bottom-left-radius: 1.875rem;
    -webkit-border-bottom-right-radius: 1.875rem;
    -moz-border-radius-bottom-right: 1.875rem;
    border-bottom-right-radius: 1.875rem; }


/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.btn-small {     background-color: #00ade6; color: #FFF !important; padding: 3px 6px; margin: 4px 0 0 0; display: inline-block;}
.zone-title {/* background:url(../images/gradient-navy.png) #009ed9;*/ background-color: #0294D0; }
.background-inner {
  background-image: url(../images/bg-ado.png);
  background-size: contain;
 background-repeat: no-repeat;
  background-position: right;
}
}
.zone-title h1 { top: 1em; }
.top-1 {top: 1em;}
.zone-title h2 { padding: 1em 0; color: #FFF !important; margin: 0; }
.slider { height: 555px; position: relative; }
.slider-content { position: relative; padding: 40px 40px 0; z-index: 2; overflow: hidden; height: 100%; width: 100%; background: transparent url(../images/hr-dents.png) no-repeat 40px bottom}
.slider-title { font-size: 40px; position: relative; z-index: 2;  background: #fff; font-family: "DIN Next Bold Condensed"; line-height: 40px; padding: 4px 10px 5px; margin: 0 0 20px 0; display: inline-block; }
.gradient { display: block; height: 100%; width: 100%;  position: absolute; top: 0; left: 0; }
.color-0 h1, .color-0 a, .color-0 .why-choose a:hover, .color-0 .vs, .color-0 .versus-title { color: #005FA0; }
.color-0 .slider { background-color: #00ADE6; }
.color-0 .gradient { background-image:url(../images/gradient-navy.png); }
.color-0 .versus-wrapper { background-color: #00ADE6; background-size: cover; background-repeat: no-repeat}
.color-1 h1, .color-1 a, .color-1 .why-choose a:hover, .color-1 .vs, .color-1 .versus-title { color: #AB1AC6; }
.color-1 .slider { background-color: #E3138F; }
.color-1 .gradient { background-image:url(../images/gradient-purple.png); }
.color-1 .versus-wrapper { background-color: #ab1ac6;}
.slider-picture { bottom: 0; display: block; z-index: 0; right: 0; position: absolute; background-position:bottom right -50px; background-repeat: no-repeat; height: 100%; width: 100%; }
.color-0 .slider-picture-1 { background-image: url(../images/header-navy-1.png); }
.color-0 .slider-picture-2 { background-image: url(../images/header-navy-2.png); }
.color-0 .slider-picture-3 { background-image: url(../images/header-navy-3.png); }
.color-0 .slider-picture-4 { background-image: url(../images/header-navy-4.png); }
.color-1 .slider-picture-1 { background-image: url(../images/header-purple-1.png); }
.color-1 .slider-picture-2 { background-image: url(../images/header-purple-2.png); }
.color-1 .slider-picture-3 { background-image: url(../images/header-purple-3.png); }
.color-1 .slider-picture-4 { background-image: url(../images/header-purple-4.png); }

.slider-picture-small {}

.punch { position: relative; z-index: 2;}
.punch-text { font-size: 88px;font-family: "DIN Next Bold Condensed"; color: #fff; display: block; }
.why-choose { text-indent:0; margin:0; }
.why-choose li:before { content:""; padding:0; float:none; display:inline; }
.why-choose li { width: 20%; float: left; text-align: center;}
.why-choose a { color: #66666B; }
.icon { display: inline-block; height: 80px;  width: 100%; background-position: center; background-repeat: no-repeat; }
.icon-orthodontistes-profesionnels-certifies { background-image: url(../images/icon-expert-white.png); }
.icon-techniques-orthodontie { background-image: url(../images/icon-equipement-white.png); }
.icon-traitements-et-appareils-orthodontiques { background-image: url(../images/icon-resultat-white.png); }
.icon-resultats-orthodontiques-impecables { background-image: url(../images/icon-service-white.png); }
.icon-service-orthodontie-attentionne-et-personnalise { background-image: url(../images/icon-orthosect-white.png); }
.icon-btn { position: relative; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;display: block; margin: 0 auto 1em auto;background-color: #0160A0;-moz-border-radius:80px; -webkit-border-radius: 80px; border-radius: 80px; background-size: cover; background-position: center; width: 140px; height: 140px;}
.icon-btn .icon { position: relative; top: 30px;}
.icon-btn:hover {background-color: #0294D0;  }
.icon-btn:active, .is-selected .icon-btn { background-color: #0294d0; }
 .why-choose .is-selected a .icon-orthodontistes-profesionnels-certifies { background-image: url(../images/icon-expert-white.png); }
.color-0 .why-choose a:hover .icon-techniques-orthodontie, .color-0 .why-choose .is-selected a .icon-techniques-orthodontie { background-image: url(../images/icon-equipement-white.png); }
.color-0 .why-choose a:hover .icon-traitements-et-appareils-orthodontiques, .color-0 .why-choose .is-selected a  .icon-traitements-et-appareils-orthodontiques{ background-image: url(../images/icon-resultat-white.png); }
.color-0 .why-choose a:hover .icon-resultats-orthodontiques-impecables, .color-0 .why-choose .is-selected a .icon-resultats-orthodontiques-impecables { background-image: url(../images/icon-service-white.png); }
.color-0 .why-choose a:hover .icon-service-orthodontie-attentionne-et-personnalise, .color-0 .why-choose .is-selected a .icon-service-orthodontie-attentionne-et-personnalise { background-image: url(../images/icon-orthosect-white.png); }
.color-1 .why-choose a:hover .icon-orthodontistes-profesionnels-certifies { background-image: url(../images/icon-expert-purple.png); }
.color-1 .why-choose a:hover .icon-techniques-orthodontie { background-image: url(../images/icon-equipement-purple.png); }
.color-1 .why-choose a:hover .icon-traitements-et-appareils-orthodontiques { background-image: url(../images/icon-resultat-purple.png); }
.color-1 .why-choose a:hover .icon-resultats-orthodontiques-impecables { background-image: url(../images/icon-service-purple.png); }
.color-1 .why-choose a:hover .icon-service-orthodontie-attentionne-et-personnalise { background-image: url(../images/icon-orthosect-purple.png); }
.versus-wrapper, .versus-wrapper p, .versus-wrapper h1, .versus-wrapper ul{ color: #FFF; }
.versus { text-indent:0; margin:0 0 0 0; }
.versus li:before { content:""; padding:0; float:none; display:inline; }
.versus li { border-bottom: 2px solid #fff; position: relative; margin: 0; padding: 60px 30px 20px;}
.versus li:first-child {    padding: 0 30px 20px; }
.vs {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff;  display: block; font-family: 'Titillium Web', sans-serif; font-weight: 900; font-size: 32px; left: 50%;line-height:65px;  margin: 0 0 0 -30px; height: 65px; position: absolute; top: 0; width: 65px; }
.versus-title { background-color: #fff; -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; font-size: 17px;line-height: 20px; left: 100%; margin-left: -92px; padding: 7px 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 190px; }
.icon-aao { background: url(../images/icon-aao.png) no-repeat; height: 48px; width: 137px; }
.icon-cao { background: url(../images/cao.png) no-repeat; height: 48px; width: 218px; background-size: 68%; }
.icon-aoq { background: url(../images/aoq.png) no-repeat; height: 51px; width: 212px; background-size: 51%; }
.copyright, .hebergeur { font-size: 13px; font-style: italic; }
.hebergeurs img { float: left; }
#map_canvas { height: 22em; border: 1px solid #CCC; }
.map_canvas { height: 22em; border: 1px solid #CCC; -webkit-border-radius: 1em; -moz-border-radius: 1em;border-radius: 1em; }
.share { background: url(../images/icon-share.png); width: 30px; height: 26px; display: block; margin: 0 0 1em 0; cursor: pointer; }
.versus-title-mobile { display: none;}
/* Form map */

.btn-alt {
    display: inline-block;
    text-align: center;
    font-size: 0.95rem;
    cursor: pointer;
    padding: 0.4em 1.1em;
    border: 3px solid #005FA0!important;
    color: #ffffff!important;
    opacity: 1;
    margin: 0 0 0 0;
    background-color: #005FA0;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    text-transform: uppercase;
}

.btn-alt:hover {
  background-color: #009ed9;
  color: #FFF;
  border: 3px solid #009ed9!important;
}

.transition {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.groupe form { float: left; margin-right: 10%; }
.groupe form label { display: block; font-size: 27px; line-height: 29px; margin: 0 0 10px; text-transform: uppercase; }


.code-postal {
    color: #fff;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    font-size: 27px;
    height: 80px;
    line-height: 36px;
    max-width: 195px;
    padding: 20px 25px;
    text-transform: uppercase;
    background-color: #00ade6;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-top-right: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-radius-top-left: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottom-left: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottom-right: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.c2a_search, .btn { display: inline-block; border: 1px solid #666666; background-image: url(../images/icon-loupe.png); background-position: 20px center; background-repeat: no-repeat; padding: 10px 20px 10px 80px; margin-top: 20px; text-decoration: none;font-size: 25px;border-radius: 8px; color: #fff !important;  width: 300px; text-align: left; text-transform: uppercase; border-color: #00ade6; background-color: #00ade6; }
.c2a_search:hover, .btn:hover { background-color: #005fa0 !important; }
.btn-search-inverted {  background-color: #005fa0 !important;}
.covid { color:#005FA0!important; font-weight: 600; }

/* Map */
.carte-interactive { background-color: #e5e5e5; }
.liste-ortho-container { float: left; width: 25%; }
.liste-ortho-container h3 { font-size: 18px; line-height: 21px; padding: 20px; text-transform: uppercase; margin: 0; }
.liste-ortho-container .liste-orthos { text-indent:0; margin:0; background-color: #f2f2f2; padding: 0 10px 20px 10px; height: 738px; overflow: auto; }
.liste-ortho-container .liste-orthos li:before { content:""; padding:0; float:none; display:inline; }
.liste-ortho-container .liste-orthos li { display: inline-block; margin: 12px 0 0 0; padding: 0 0 12px 0; width: 100%; font-size: 16px; border-bottom: 1px solid #ccc; }
.color-0 .liste-ortho-container .liste-orthos li .numero { border-color: #005fa0; color: #005fa0; }
.color-1 .liste-ortho-container .liste-orthos li .numero { border-color: #e3138f; color: #e3138f; }
.liste-ortho-container .liste-orthos li .numero { width: 40px; height: 40px; border-radius: 50%; font-size: 18px; color: #fff; line-height: 34px; text-align: center; border: 3px solid #fff; margin-right: 4%; background-color: #fff; }
.liste-ortho-container .liste-orthos li .numero, .liste-ortho-container .liste-orthos li .info-ortho { float: left; display: block; }
.liste-ortho-container .liste-orthos li .info-ortho { width: 80%; font-size: 14px; line-height: 16px; }
.liste-ortho-container .liste-orthos li span.title { color: #005FA0; font-size: 16px; }
/*.liste-ortho-container .liste-orthos li span.itineraire { margin-top: 20px; }*/
.liste-ortho-container .liste-orthos li span.distance { margin-top:1px; }
.liste-ortho-container .liste-orthos li span { display: block; margin: 0 0 5px; }
.infobubble p, .infobubble a { color: #FFF; font-size: 13px; line-height: 15px; font-weight: 300; }
.color-0 .labels { background: transparent url(../images/marker-bleu.png) no-repeat left top; }
.color-1 .labels { background: transparent url(../images/marker-rose.png) no-repeat left top; }
.form-image    { background-image: url(../images/header-navy-2.png); height: 200px; } 
.labels { background: transparent url(../images/marker-bleu.png) no-repeat left top; padding: 18px 0 0 19px; width: 50px; height: 63px; font-size: larger;     margin-top: -87px !important; margin-left: -24px !important; color: #1b358a; font-weight: normal; text-align: left; font-size: 12px; }
.infobubble span { display: block; }
.infobubble .title { font-size: 20px; line-height: 24px; max-width: 220px; margin: 0;}
.infobubble .sortie { cursor: pointer; position: absolute; right: 9px; top: 3px; font-size: 10px; }
.groupe form input[type='submit'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; display: inline-block; background: url(../images/icon-arrow.png) no-repeat center center; font-size: 0; height: 80px; margin: 0 0 0 5px; padding: 35px;   position: relative; border: #00ade6 1px solid; background-color: #00ade6; }
.submit-map {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: inline-block;
  background: url(../images/icon-arrow.png) no-repeat center center;
  font-size: 0;
  height: 78px!important;
  margin: 1px 0 0 5px!important;
  padding: 35px !important;
  width: auto !important;
  position: relative;
  border: #00ade6 1px solid;
  background-color: #00ade6;
        -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-top-right: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-radius-top-left: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottom-left: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottom-right: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.groupe #showMyLocation { display: block; background-image: url(../images/icon-geo.png); background-position: 30px center; background-repeat: no-repeat; padding: 30px 30px 29px 80px; text-decoration: none; font-size: 20px;  color: #fff; /* width: 300px; */ text-align: center; text-transform: uppercase; float: left; margin-top: 39px; cursor: pointer; border: #00ade6 1px solid; background-color: #00ade6; }
.groupe { text-align: center; margin: 0 auto; width: 64%; }
.groupe form label { color: #66666B;  }
.clinic-picture { border: 1px solid #CCC; display: block; width: 100%;  margin: 0 0 2em 0;}
.search-picture { border: 1px solid #CCC; display: block; width: 70%;  margin: 0 0 2em 0; float: right; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; }
.reason-picture {  background-repeat:none; background-size:cover; background-position: center; height:550px !important; width: 100%; }
.ico-schedule { background-image: url(../images/ico-schedule.png); background-repeat: no-repeat;  background-position: 30px center; position: relative; right: -29px;  width: 80%;}
.ico-schedule-rv {     background-image: url(../images/ico-schedule-white.png); background-repeat: no-repeat; background-position: 0px; position: relative; color: #fff; padding-left: 28px; font-size: 14px; height: 20px;}
.link-ortho { color:#00ade6!important; margin-bottom: 8px; display: block;  width: 80%;}
.title-map a{ font-size: 17px; color:#9fe7ff!important;  }
.title-map a:after{ content: " >";  }
.infobubble { width: 230px;}
/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
.msg { padding:1em; font-size:1em; color:#FFF; line-height:1.5em; margin:0 0 0.5em 0; }
.msg > p { display:block; clear:both; line-height:1.5em; margin-bottom:0; }
.msg strong { font-weight:bold; }
.is-success { background:#8BC24A; }
.is-failure { background:#F44236; }
input.is-error { border:1px solid #F44236 !important; color:#F44236; }
input.is-error::-webkit-input-placeholder { color:#F44236; }
input.is-error:-moz-placeholder { color:#F44236; }
input.is-error::-moz-placeholder { color:#F44236; }
input.is-error:-ms-input-placeholder { color:#F44236; }
label.is-error { color:#F44236; position:relative; top:-10px; }
.is-successful { border:1px solid #8BC24A !important; color:#8BC24A; }
.is-successful::-webkit-input-placeholder { color:#8BC24A; }
.is-successful:-moz-placeholder { color:#8BC24A; }
.is-successful::-moz-placeholder { color:#8BC24A; }
.is-successful:-ms-input-placeholder { color:#8BC24A; }
.is-full-width { display:block; width:100%; height:auto; }
.last-row-is-highlighted td:last-child { background:#52A2FF; }
.has-rounded-corners { -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; }
.has-box-shadow { -webkit-box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); box-shadow:0.25em 0.25em 0px 0px rgba(0,0,0,0.75); }
.is-hidden { display:none !important; }
.is-picture-list, .has-picture-list ul { text-indent:0; padding: 0; margin: 0; position: relative; }
.is-picture-list li:before, .has-picture-list li:before { content:""; }
.is-picture-list li, .has-picture-list li { background-image: url(../images/icon-error.png); background-repeat: no-repeat; background-position:left top; padding: 0 0 0 2em; }
.has-no-bullets { text-indent:0; margin:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }
.has-grey-bg { background-color: #F2F2F2; }
.has-light-grey-bg { background-color: #f7f7f7;}
.has-purple-bg { background-color: #ab1ac6;}
.is-text-centered{ text-align: center; }
.has-3-top-margin { margin-top: 3em; }
.has-2-top-margin { margin-top: 2rem; }
.has-2-tb-padding { padding: 2em 0; }
.has-3-bottom-margin { margin-bottom: 3em; }
.is-relative { position: relative; }
.is-block { display: block; }
.has-right-border { border-right: 2px solid #fff; }
.has-light-blue-bg { background-color: #005FA0;}
.is-small { color: #fff; font-size: 19px; line-height: 18px;}
.is-white { color: #FFF; }
.is-cap {  text-transform: uppercase; }
.is-float-left { float: left; }
.is-margin-right-10 {margin-right: 10px;}
.is-margin-bottom { margin-bottom: 1rem;}
.blue  { background-color: #009ed9;}
.border { border: solid 3px; }
.overflow-visible { overflow: visible; }
.has-120-bottom-margin { margin-bottom: 120px; }
.cover {
    background-size: cover;
}
.center {
    text-align: center;
}
.rbr {
    -webkit-border-bottom-right-radius: 1.875rem;
    -moz-border-radius-bottom-right: 1.875rem;
    border-bottom-right-radius: 1.875rem;
}
.rbl {
    -webkit-border-bottom-left-radius: 1.875rem;
    -moz-border-radius-bottom-left: 1.875rem;
    border-bottom-left-radius: 1.875rem;
}
.rtr {
    -webkit-border-top-right-radius: 1.875rem;
    -moz-border-radius-top-right: 1.875rem;
    border-top-right-radius: 1.875rem;
}
.rtl {
    -webkit-border-top-left-radius: 1.875rem;
    -moz-border-radius-top-left: 1.875rem;
    border-top-left-radius: 1.875rem;
}

.pb1 {
    padding-bottom: 1rem;
}
.pt1 {
    padding-top: 1rem;
}
.pl1 {
    padding-left: 1rem;
}
.pr1 {
    padding-right: 1rem;
}
.pt2 {
    padding-top: 2rem;
}