/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {font-family: 'Asap', sans-serif;}
body {color: #252525; background: #fff;}

h2 {position: relative; top: -10px; margin: 0 0 70px; font: 40px/50px 'EB Garamond', serif; font-size: 4rem; line-height: 5rem; text-align: center; color: #252525;}
h2:after {display: block; margin: 10px auto 0; max-width: 127px; height: 1px; content: ""; background: #f36f21;}

h3 {position: relative; top: -6px; margin: 0 0 38px; font: 24px/30px 'EB Garamond', serif; font-size: 2.4rem; line-height: 3rem; text-align: center; color: #f36f21;}

h4 {position: relative; top: -4px; margin: 0 0 10px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; font-weight: bold; text-transform: uppercase; text-align: center;}
h4:after {display: block; margin: 5px auto 0; max-width: 31px; height: 1px; content: ""; background: #f36f21;}

p {font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem;}
li {padding-left: 7px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem;}
li:before {float: left; margin-left: -7px; content: ". ";}

a {text-decoration: none; color: #f36f21;}
a:hover, a:focus {text-decoration: underline; color: #f36f21;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   page                                         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.wrapper {position: relative;}
.wrapper > .container {padding-bottom: 98px; min-height: 100vh;}
.wrapper > .container > .table {height: 100%;}

.btn {position: relative; margin: 0; padding: 13px 20px 12px; border: 0 !important; vertical-align: top; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; font-weight: bold; white-space: normal; text-align: center; text-decoration: none; color: #fff; background: #f36f21;}
.btn {
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
.btn:hover,
.btn:focus {color: #fff; background-color: #fa8b4a; outline: 0 !important;}

.btn.btn-blue {color: #fff; background-color: #4494e4;}
.btn.btn-blue:hover,
.btn.btn-blue:focus {color: #fff; background-color: #5da2e7;}
.btn.btn-blue .doctolib {display: inline-block; position: relative; top: 3px; margin: -7px 0; width: 93px; height: 30px; overflow: hidden; vertical-align: top; text-indent: -999em; text-align: left; background: url('images/doctolib.png') no-repeat 0 0;}

.button {position: relative;}
.button_rendezVous .btn {padding: 11px 30px; max-width: 260px; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}

.fleche {position: absolute; left: 0; right: 0; bottom: 50px;}
.arrow-down {display: inline-block; margin: 0 auto; width: 48px; height: 48px; vertical-align: middle; text-indent: -999em; text-align: left; background: url('images/arrow-down.png') no-repeat 0 0;}
.arrow-down:hover,
.arrow-down:focus {background-position: 0 -48px;}

.adresse {position: relative; padding-left: 63px; text-align: left;}
.adresse:before {float: left; margin-left: -63px; width: 48px; height: 48px; content: ""; background: url('images/adresse-icon.png') no-repeat 0 0;}
.adresse:after {display: table; clear: both; content: "";}
.adresse p {margin: -4px 0 -5px; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}
.adresse p strong {color: #f36f21;}

.icon {display: block; width: 48px; height: 48px; overflow: hidden; text-indent: -999em; background: no-repeat 0 0;}
.icon.icon-adresse {background-image: url('images/adresse-icon.png');}
.icon.icon-horaires {background-image: url('images/horaires-icon.png');}
.icon.icon-telephone {background-image: url('images/telephone-icon.png');}
.icon.icon-email {background-image: url('images/email-icon.png');}

.bx-pager {position: absolute; z-index: 10; left: 0; bottom: 40px; right: 0; text-align: center;}
.bx-pager .bx-pager-item {display: inline-block; margin: 0 9px;}
.bx-pager .bx-pager-link {display: block; border: 1px solid #fff; width: 13px; height: 13px; overflow: hidden; text-indent: -999em; text-align: left;}
.bx-pager .bx-pager-link {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.bx-pager .bx-pager-link.active,
.bx-pager .bx-pager-link:hover,
.bx-pager .bx-pager-link:focus {background: #fff;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   topcontent                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#topcontent .wrapper > .container {padding: 60px 60px 50px;}
#topcontent .table-cell {padding-bottom: 148px;}

#topcontent h1 {margin-bottom: 33px; font-size: 61px; font-size: 6.1rem; line-height: 66px; line-height: 6.6rem; color: #252525;}
#topcontent h1:before {display: block; margin: 0 auto 24px; width: 131px; height: 237px; content: ""; background: url('images/pole-sante-logo-big.png') no-repeat 0 0;}
#topcontent h1:after {display: block; margin: 40px auto 0; max-width: 127px; height: 1px; content: ""; background: #f36f21;}
#topcontent h1 em {display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; font-style: normal; text-transform: uppercase; color: #252525;}

#topcontent .content {color: #959595;}
#topcontent .content h2 {top: auto; margin: 0 0 14px; font-size: 40px; font-size: 4rem; line-height: 50px; line-height: 5rem; color: #252525;}
#topcontent .content h2:after {display: none;}
#topcontent .content p {font-size: 25px; font-size: 2.5rem; line-height: 35px; line-height: 3.5rem;}

#topcontent .adresse {position: absolute; left: -60px; top: 0;}
#topcontent .button_rendezVous {position: absolute; right: -80px; top: 0;}

#topcontent .fleche {bottom: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {position: relative; z-index: 100;}
#header .fixed {position: fixed; z-index: 200; left: 0; top: 0; right: 0; background: #fff;}
#header .container {background: #fff;}

#logo {float: left; margin: 20px 0;}
#logo a {display: block; position: relative; padding: 14px 0 0 74px; font-size: 36px; line-height: 40px; text-decoration: none; color: #252525;}
#logo a:hover,
#logo a:focus {color: #252525;}
#logo a:before {float: left; margin: -15px 0 0 -74px; width: 54px; height: 94px; content: ""; background: url('images/pole-sante-logo.png') no-repeat 0 0;}
#logo a:after {display: table; clear: both; content: "";}
#logo a em {display: block; font-size: 14px; line-height: 18px; font-style: normal; text-transform: uppercase;}

#topnav {float: right; margin: 20px 0;}
#topnav .adresse {float: left;}
#topnav .langues {float: left; margin: 11px 0 0 20px;}
#topnav .langues .nav > li {float: left;}
#topnav .langues .nav > li + li {margin-left: 3px;}
#topnav .langues .nav > li > span {cursor: default;}
#topnav .langues .nav > li > a,
#topnav .langues .nav > li > span {display: block; width: 27px; height: 27px; border: 1px solid #f36f21; overflow: hidden; font-size: 14px; line-height: 26px; text-transform: uppercase; text-align: center; color: #f36f21;}
#topnav .langues .nav > li > a,
#topnav .langues .nav > li > span {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
#topnav .langues .nav > li.active > span,
#topnav .langues .nav > li > a:hover,
#topnav .langues .nav > li > a:focus {color: #fff; background-color: #f36f21;}

#nav {clear: both; color: #171717; background: #f8f8f8 url('images/shade.png') repeat 0 0;}
#nav .nav {float: left;}
#nav .nav > li {float: left;}
#nav .nav > li > a {padding: 21px 20px; height: 62px; font-size: 16px; font-size: 1.6rem; line-height: 20px;}
#nav .nav > li.active > a,
#nav .nav > li > a:hover,
#nav .nav > li > a:focus {color: #fff; background-color: #f36f21;}
#nav .button {float: right; margin-right: -20px;}
#nav .button:before {position: absolute; right: 0; top: 0; bottom: 0; width: 31px; content: ""; background: #fff;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   maincontent                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#maincontent .wrapper:last-child > .container {padding-bottom: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   bloc_template7                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.bloc_template7 {padding: 60px 0;}

.item1praticien {position: relative; background: #f4f4f4;}
.item1praticien .illustration {position: relative; padding: 0 20px 20px; min-height: 240px; text-align: center; background: #fff;}
.item1praticien .illustration:before {position: absolute; left: 0; bottom: 0; right: 0; height: 130px; content: ""; background: url('images/shade.png') repeat 0 0;}
.item1praticien .illustration img {position: relative; vertical-align: bottom;}
.item1praticien .inner {padding: 50px 30px 40px;}

.item1praticien .content {margin-bottom: 60px;}

.item1praticien .contenu1 {margin-bottom: 40px;}
.item1praticien .contenu1:last-child {margin-bottom: 0;}
.item1praticien .contenu1 p,
.item1praticien .contenu1 li {font-weight: bold;}

.item1praticien .contenu2 {margin-bottom: 19px;}
.item1praticien .contenu2:last-child {margin-bottom: 0;}
.item1praticien .contenu2 p,
.item1praticien .contenu2 li {font-size: 13px; font-size: 1.3rem; font-weight: 300;}
.item1praticien .contenu2 strong {color: #f36f21;}

.item1praticien .contenu3 p,
.item1praticien .contenu3 li {font-size: 13px; font-size: 1.3rem;}
.item1praticien .contenu3 strong {color: #f36f21;}

.item1praticien .contenu4 .button {margin: 30px -14px -4px; text-align: center;}
.item1praticien .contenu4 .button .btn {margin: 4px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   bloc_template9                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.bloc_template9 {padding: 60px 0;}
.bloc_template9 .illustration {position: relative; margin-right: -15%; height: 100%;}
.bloc_template9 .illustration .bxslider {position: relative; height: 100%; overflow: hidden;}
.bloc_template9 .illustration .bxslider .slide + .slide {position: absolute; top: 100%;}
.bloc_template9 .illustration .bxslider .slide img {visibility: hidden;}
.bloc_template9 .illustration .illustration-bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: no-repeat 50% 50%;}
.bloc_template9 .illustration .illustration-bg {
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}

.bloc_template9 .illustration .bx-wrapper {height: 100%;}
.bloc_template9 .illustration .bx-viewport {height: 100% !important;}
.bloc_template9 .illustration .bx-wrapper .bxslider .slide {min-height: 100%;}
.bloc_template9 .illustration .bx-wrapper .bxslider .slide + .slide {top: 0;}

.bloc_template9 .content {position: relative; z-index: 10; padding: 40px; border: solid transparent; border-width: 20px 0; height: 100%; text-align: center; background: #f4f4f4;}
.bloc_template9 .content {
  -webkit-background-clip: padding;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.bloc_template9 .content > .table {height: 100%;}
.bloc_template9 .content ul,
.bloc_template9 .content p {margin-bottom: 40px;}
.bloc_template9 .content ul:last-child,
.bloc_template9 .content p:last-child {margin-bottom: 0;}
.bloc_template9 .content li {padding-left: 0;}
.bloc_template9 .content li:before {float: none; margin-left: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   bloc_template10                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.bloc_template10 {padding: 60px 0;}
.bloc_template10 .illustration {position: relative; margin-left: -15%; height: 100%;}
.bloc_template10 .illustration img {visibility: hidden;}
.bloc_template10 .illustration .illustration-bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: no-repeat 50% 50%;}
.bloc_template10 .illustration .illustration-bg {
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}

.bloc_template10 .content {position: relative; z-index: 10; padding: 40px; border: solid transparent; border-width: 20px 0; height: 100%; text-align: center; background: #f4f4f4;}
.bloc_template10 .content {
  -webkit-background-clip: padding;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.bloc_template10 .content > .table {height: 100%;}
.bloc_template10 .content ul,
.bloc_template10 .content p {margin-bottom: 40px;}
.bloc_template10 .content ul:last-child,
.bloc_template10 .content p:last-child {margin-bottom: 0;}
.bloc_template10 .content li {padding-left: 0;}
.bloc_template10 .content li:before {float: none; margin-left: 0;}

.bloc_template10 .content .row + .row {margin-top: 48px;}
.block-info .icon {margin: 0 auto 16px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#footer {background: url('images/shade.png') repeat 0 0;}
#footer .logo {float: left; position: relative; margin: 20px 0; padding: 14px 0 0 74px; font-size: 36px; line-height: 40px;}
#footer .logo:before {float: left; margin: -15px 0 0 -74px; width: 54px; height: 94px; content: ""; background: url('images/pole-sante-logo.png') no-repeat 0 0;}
#footer .logo:after {display: table; clear: both; content: "";}
#footer .logo em {display: block; font-size: 14px; line-height: 18px; font-style: normal; text-transform: uppercase;}

#footer .liensSociaux {float: right; margin: 45px 0;}
#footer .liensSociaux .nav > li {float: left; margin-right: 40px;}
#footer .liensSociaux .nav > li:last-child {margin-right: 0 !important;}
#footer .liensSociaux .nav > li > a {padding: 0 0 0 44px; font-size: 16px; line-height: 34px; color: #252525;}
#footer .liensSociaux .nav > li > a:hover,
#footer .liensSociaux .nav > li > a:focus {color: #f36f21;}
#footer .liensSociaux .nav > li > a:before {float: left; margin-left: -44px; width: 34px; height: 34px; content: ""; background: url('images/liensSociaux-icons.png') no-repeat 0 0;}
#footer .liensSociaux .nav > li > a:after {display: table; clear: both; content: "";}

#footer .liensSociaux .nav > li.tumblr > a:before {background-position: 0 0;}
#footer .liensSociaux .nav > li.tumblr > a:hover:before,
#footer .liensSociaux .nav > li.tumblr > a:focus:before {background-position: 0 -34px;}

#footer .liensSociaux .nav > li.facebook > a:before {background-position: -34px 0;}
#footer .liensSociaux .nav > li.facebook > a:hover:before,
#footer .liensSociaux .nav > li.facebook > a:focus:before {background-position: -34px -34px;}

#footer .liensSociaux .nav > li.twitter > a:before {background-position: -68px 0;}
#footer .liensSociaux .nav > li.twitter > a:hover:before,
#footer .liensSociaux .nav > li.twitter > a:focus:before {background-position: -68px -34px;}

#footer .liensSociaux .nav > li.email > a:before {background-position: -102px 0;}
#footer .liensSociaux .nav > li.email > a:hover:before,
#footer .liensSociaux .nav > li.email > a:focus:before {background-position: -102px -34px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   media queries                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.parentN1_1 #header,
.parentN1_1 #header .fixed {background: #fff url('images/shade.png');}
.parentN1_1 #header .container {background-color: transparent;}
.parentN1_1 #header .lang {float: right; margin: 53px 0 0 40px;}
.parentN1_1 #header .lang > li {float: left;}
.parentN1_1 #header .lang > li + li {margin-left: 3px;}
.parentN1_1 #header .lang > li > a {display: block; border: 1px solid #f36f21; width: 27px; height: 27px; overflow: hidden; text-align: center; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: normal; color: #f36f21;}
.parentN1_1 #header .lang > li > a {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.parentN1_1 #header .lang > li > strong {display: block; border: 1px solid #f36f21; width: 27px; height: 27px; overflow: hidden; text-align: center; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: normal; color: #fff; background: #f36f21;}
.parentN1_1 #header .lang > li > strong {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.parentN1_1 #header .contact {float: right; margin-top: 50px;}
.parentN1_1 #header .contact > li > a {font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}
.parentN1_1 #header .contact > li.email > a:before {display: inline-block; margin-right: 10px; width: 35px; height: 34px; content: ""; vertical-align: middle; background: url('images/liensSociaux-icons.png') no-repeat -102px 0;}
.parentN1_1 #header .contact > li.email > a:hover:before,
.parentN1_1 #header .contact > li.email > a:focus:before {background-position: -102px -34px;}
.parentN1_1 #header .contact > li.email > a > span {display: inline !important;}
.parentN1_1 .liste-practicien .col-sm-4 + .col-sm-4 + .col-sm-4  + .col-sm-4 {margin-top: 30px;}
.parentN1_1 #footer .liensSociaux .nav > li {margin-right: 20px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   carte france                                 <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#carte-france {margin: 80px 0;}
#carte-france > .container > .row {align-items: center;}
#carte-france > .container > .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#carte-france .col-left {height: 100%;}
#carte-france .illustration {flex-direction: column; justify-content: center; margin-right: -80px;}
#carte-france .illustration {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#carte-france .content {flex-direction: column; justify-content: center; padding: 60px 40px; background: #f4f4f4;}
#carte-france .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#carte-france .content h2 {margin-bottom: 30px;}
#carte-france .content ul > li {margin-bottom: 25px; padding: 6px 0 0 53px; min-height: 33px; font-weight: bold;}
#carte-france .content ul > li:last-child {margin-bottom: 0;}
#carte-france .content ul > li:before {display: none;}
#carte-france .content ul > li .circle {float: left; margin: -6px 0 0 -53px; border: 3px solid #ffb18f; width: 33px; height: 33px; overflow: hidden; font-size: 20px; line-height: 26px; font-weight: bold; text-align: center; color: #f36f22; background: #fff;}
#carte-france .content ul > li .circle {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
#carte-france .content ul > li a {color: inherit;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   liste-practicien                             <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.liste-practicien {margin-bottom: -30px;}
.liste-practicien > .row {flex-wrap: wrap;}
.liste-practicien > .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.liste-practicien > .row > div {margin-bottom: 30px;}
.liste-practicien > .row > div {
  -webkit-box-flex: 0 0 33.3333%;
     -moz-box-flex: 0 0 33.3333%;
      -webkit-flex: 0 0 33.3333%;
          -ms-flex: 0 0 33.3333%;
              flex: 0 0 33.3333%;      
}
.liste-practicien .item1praticien .inner {height: auto !important;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   media queries                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  #footer .liensSociaux .nav > li {margin-right: 20px;}
  
  .parentN1_1 #footer .liensSociaux .nav > li > a {padding: 0;}
  .parentN1_1 #footer .liensSociaux .nav > li > a:before {display: block; float: none; margin: 0;}
  .parentN1_1 #footer .liensSociaux .nav > li > a > span {display: none;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .button_rendezVous .btn {padding-left: 20px; padding-right: 20px; max-width: 240px;}

  #nav .nav > li > a {padding-left: 15px; padding-right: 15px;}

  #footer .liensSociaux .nav > li {margin-right: 20px;}
  #footer .liensSociaux .nav > li > a {padding: 0;}
  #footer .liensSociaux .nav > li > a:before {display: block; float: none; margin: 0;}

  #carte-france > .container > .row {display: block;}
  #carte-france .illustration {margin-right: 0;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  h2 {top: -6px; margin-bottom: 35px; font-size: 30px; font-size: 3rem; line-height: 34px; line-height: 3.4rem;}
  h2:after {max-width: 70px;}
  h3 {margin-bottom: 18px;}
  p {font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}
  li {font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}

  [class*='col-sm'] + [class*='col-sm'],
  [class*='col-md'] + [class*='col-md'],
  [class*='col-lg'] + [class*='col-lg'] {margin-top: 30px;}
  [data-resizeh] {height: auto !important;}

  .container {padding-left: 20px; padding-right: 20px;}

  .wrapper > .container {padding-bottom: 84px;}

  .icon {width: 24px; height: 24px;}
  .icon {
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }

  .fleche {bottom: 30px;}

  .arrow-down {width: 24px; height: 24px;}
  .arrow-down {
    -webkit-background-size: 24px auto;
       -moz-background-size: 24px auto;
            background-size: 24px auto;
  }
  .arrow-down:hover,
  .arrow-down:focus {background-position: 0 -24px;}

  .btn {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}
  .btn.btn-blue .doctolib {top: auto; margin: -3px 0; width: 72px; height: 23px; background-image: url('images/doctolib-m.png');}
  .btn.btn-blue .doctolib {
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }

  .button_rendezVous .btn {padding-left: 20px; padding-right: 20px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}

  .adresse {padding-left: 39px;}
  .adresse:before {margin-left: -39px; width: 24px; height: 24px;}
  .adresse:before {
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }
  .adresse p {font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}

  #topcontent h1 {margin-bottom: 13px; font-size: 30px; font-size: 3rem; line-height: 34px; line-height: 3.4rem;}
  #topcontent h1:before {margin-bottom: 14px; width: 66px; height: 118px;}
  #topcontent h1:before {
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }
  #topcontent h1:after {margin-top: 20px;}
  #topcontent h1 em {font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}

  #topcontent .wrapper > .container {padding: 20px 20px 30px;}

  #topcontent .adresse {display: inline-block; position: static; margin: 24px 0 27px;}
  #topcontent .button_rendezVous {position: static;}

  #topcontent .content h2 {font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem;}
  #topcontent .content p {font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}

  #topcontent .table-cell {padding-bottom: 54px;}

  #header .navbar-toggle {float: right; margin: 23px 0 20px 22px; padding: 8px; height: 42px; background: #252525;}
  #header .navbar-toggle {
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  }
  #header .navbar-toggle.collapsed {background-color: #f36f21;}
  #header .navbar-toggle .icon-bar {background: #fff;}

  #logo a {padding: 8px 0 0 37px; font-size: 18px; line-height: 22px;}
  #logo a:before {margin: -8px 0 0 -37px; width: 27px; height: 47px;}
  #logo a:before {
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }
  #logo a em {font-size: 8px; line-height: 12px;}

  #topnav .adresse {display: none;}

  #nav {margin: 0 -20px;}
  #nav .nav {float: none;}
  #nav .nav > li {width: 25%;}
  #nav .nav > li > a {display: table; padding: 0; width: 100%; height: 56px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-align: center;}
  #nav .nav > li > a > .nav-inner {display: table-cell; padding: 12px 5px; vertical-align: middle;}

  #nav .button {float: none; margin: 0 auto; padding: 15px 0; text-align: center; background: #f2f2f2;}
  #nav .button:before {display: none;}

  #footer {text-align: center;}

  #footer .logo {padding: 8px 0 0 37px; font-size: 18px; line-height: 22px; text-align: left;}
  #footer .logo:before {margin: -8px 0 0 -37px; width: 27px; height: 47px;}
  #footer .logo:before {
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }
  #footer .logo em {font-size: 8px; line-height: 12px;}

  #footer .liensSociaux {margin: 35px 0;}
  #footer .liensSociaux .nav > li {margin-right: 10px;}
  #footer .liensSociaux .nav > li > a {padding: 0;}
  #footer .liensSociaux .nav > li > a:before {display: block; float: none; margin: 0; width: 17px; height: 17px;}
  #footer .liensSociaux .nav > li > a:before {
    -webkit-background-size: auto 34px;
       -moz-background-size: auto 34px;
            background-size: auto 34px;
  }

  #footer .liensSociaux .nav > li.tumblr > a:before {background-position: 0 0;}
  #footer .liensSociaux .nav > li.tumblr > a:hover:before,
  #footer .liensSociaux .nav > li.tumblr > a:focus:before {background-position: 0 -17px;}

  #footer .liensSociaux .nav > li.facebook > a:before {background-position: -17px 0;}
  #footer .liensSociaux .nav > li.facebook > a:hover:before,
  #footer .liensSociaux .nav > li.facebook > a:focus:before {background-position: -17px -17px;}

  #footer .liensSociaux .nav > li.twitter > a:before {background-position: -34px 0;}
  #footer .liensSociaux .nav > li.twitter > a:hover:before,
  #footer .liensSociaux .nav > li.twitter > a:focus:before {background-position: -34px -17px;}

  #footer .liensSociaux .nav > li.email > a:before {background-position: -51px 0;}
  #footer .liensSociaux .nav > li.email > a:hover:before,
  #footer .liensSociaux .nav > li.email > a:focus:before {background-position: -51px -17px;}

  .item1praticien .inner {padding: 30px 15px 20px;}
  .item1praticien .contenu1 {margin-bottom: 19px;}
  .item1praticien .content {margin-bottom: 30px;}

  .bloc_template9 .content {padding: 30px 20px; border: 0;}
  .bloc_template9 .illustration {margin: 0; height: auto;}

  .bloc_template10 .content {padding: 30px 20px; border: 0;}
  .bloc_template10 .illustration {margin: 0; height: auto;}
  .bloc_template10 .illustration img {visibility: visible;}
  .bloc_template10 .illustration .illustration-bg {display: none;}
  .bloc_template10 .content .row + .row {margin-top: 28px;}

  .bloc_template7,
  .bloc_template9,
  .bloc_template10 {padding: 30px 0;}

  .parentN1_1 #header .nav {margin-top: 27px;}

  .liste-practicien > .row {display: block;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}