/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}
/* Font face //////////////////////////////////*/

  



  



  



  

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.texttophome {
width: 915px;
margin: auto;

background-position: left top;
background-repeat: no-repeat;
min-height: 250px;
}
.justify {
    text-align: justify;
    text-justify: inter-word;
    color: #555555;
}
aside  {color: #555555}
.gris-leger {color : #555555}
.marge-negative {
    margin-top: -30px
}
.marge-negative-left {
    margin-left: -30px
}


.post-meta-key{

font-size: 18px;
color: #428bca;
margin-left: 0;
top: -10px;
}
.rdv {
    margin-top: 50px;
}
/* media balises */

/* telephone */
@media screen and (  max-width: 750px) {
  .img_rdv {
    margin-left: 50px;
  }
  .sur-header {
    margin: 0 auto;

}
  body { overflow-x: hidden;}
p.texte-centre{
    visibility: hidden;
 

}     
.gris_paragraphe {
padding-left:20px !important;
margin-right: 15px;
}
span.telephone {


}
.icones {

  margin-left: 10px !important;
}

.logo {

 margin-left: 50px !important;

}
.row-2 {
display: inline-block;
width: 15% !important;
margin-top: 20px;
margin-bottom: 20px;

text-align: center;
}
.row-3 {
display: inline-block;
width: 15%;
margin-top: 20px;
margin-bottom: 20px;

text-align: center;
}
.marow-3 {
display: inline-block;
width: 20%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 70px;
height: 40px;
text-align: center;
}
.marow {
  
  margin-left: 45px;
  margin: 0 auto;
  width: 100%;
 /*height: 250px;*/
  vertical-align: top;
}

.center_smart {
    margin: 0 auto;
    width: 70%;
}

.text-urgence {
    font-size: 18px;
   
    color: #4c80ae;
}
.contacteznous{
  visibility: hidden;
}
.bleu {
  color: #428bca !important;
text-decoration: none;
}


}
@media screen and (max-width: 999px){
.icones {
  height: 850px;
  margin-left: 200px;
}
.row-2{
  height: 300px !important;
}

.mini_texte{
  visibility: visible;
  margin-left: -30px;
}
.bleu {
  color: #428bca !important;
text-decoration: none;
}


}

/*tablettes*/
@media screen and (  max-width: 1270px) {
p.texte-centre{
   /* visibility: hidden;*/
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
    color: #3e3e3e ;
    text-align: center;
    text-shadow: #fff 1px 1px, #fff -1px 1px, #fff -1px -1px, #fff 1px -1px;
    padding-top: 20px;

}
.row-2 {
display: inline-block;
width: 30%;
margin-top: 20px;
margin-bottom: 20px;
height: 250px;
text-align: center;
}
.row-3 {
display: inline-block;
width: 15%;
margin-top: 20px;
margin-bottom: 20px;

text-align: center;
}
.marow {
 
  padding: 10px;
  margin: 0 auto;
  width: 100%;
  height:370px;
  vertical-align: top;
}
.marow-3 {
display: inline-block;
width: 20%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 70px;
text-align: center;
}
.masque_services {
  visibility: hidden;  
}
header.carousel {
height: 60%;
/*width: 970px;*/
margin: 0 auto;
margin-top: 0px;
}
  .entete {
  background-image: url('/img/header-ef640851.png');
  
  height:150px;
 
  margin: 0 auto;

}
p.text-urgence {
    font-size: 18px;
    margin-left: 180px;
    color: #4c80ae;
}
span.text_urgence {
    margin-left: 10px;
}
.icones {
  height: 850px;
  margin-left: 150px;
}
.row-2{
  height: 350px !important;
}
.text-urgence {
font-size: 25px;
color: #4c80ae;
}

}



/* petit ecran */
@media screen and (min-width: 1280px) {
  .entete {
  background-image: url('/img/header-ef640851.png');
  
  height:150px;
  width: 1200px;
  margin: 0 auto;

}



.marow {
  /*margin-right: -15px;
  margin-left: -15px;*/
  margin: 0 auto;
  width: 100%;
 /* height: 400px;*/
  vertical-align: top;
}
.marow-3 {
display: inline-block;
width: 20%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 70px;
text-align: center;
}
.row-2 {
display: inline-block;
width: 15%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
text-align: center;
}
.row-3 {
display: inline-block;
width: 15%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
text-align: center;
}
.mini_texte{
  visibility: hidden;
}
.masque_services {
 visibility: visible !important;   
}
p.texte-centre{
    font-size: 27px;
    font-family: "Times New Roman", Times, serif;
    color: #3e3e3e ;
    text-align: center;
    text-shadow: #fff 1px 1px, #fff -1px 1px, #fff -1px -1px, #fff 1px -1px;
}

.marge-services{
    margin-left: 30px !important;
    margin-top: 5px;

}
.marge-contact-home {
    margin-left: 200px !important;
}
.sur-header {
    margin: 0 auto;
    width: 1200px;
    background-color: #eaf0f3;
    height: 45px;
}
header.carousel {
    height: 60%;
    width: 1200px;
    margin: 0 auto;
    margin-top: 0px;
}
.rdv_btn {
    margin-top: 60px;
    margin-left: 100px;
}
div#stetoscope {
    opacity: 0.8;
    
    width: 20%;
    position:absolute;
    top:0px;
    left:925px;
    background-image: url("/img/stetoscope-411b491d.png");
    height: 200px;
    width: 350px;
    margin:auto;

}
.text-urgence {
    font-size: 18px;
    margin-left: 180px;
    color: #4c80ae;
}
}
.contact .post-meta {
padding-left: 75px;
background-image: url("/img/ico_phone-8bbb1b48.png");
position: relative;
width: 240px;
margin-bottom: 0;
}
.urgencesText {
clear: both;
text-align: center;
padding: 20px 0;
background: #f8f8f8;
margin-top: 20px;
}
.big_texte {
    font-size: 30px;
}

/* grand ecran*/
@media screen and (min-width: 1620px) {
  .marow {
  /*margin-right: -15px;
  margin-left: -15px;*/
  margin: 0 auto;
  width: 100%;
 /* height: 400px;*/
  vertical-align: top;
}
.mini_texte{
  visibility: hidden;
}
  .entete {
  background-image: url('/img/header1600-d763ff77.png');
  
  height:230px;
  width: 1600px;
  margin: 0 auto;

}
.row-2 {
display: inline-block;
width: 15%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
text-align: center;
}
.row-3 {
display: inline-block;
width: 15%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
text-align: center;
}
.marow-3 {
display: inline-block;
width: 20%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 70px;
text-align: center;
}
p.texte-centre{
    font-size: 27px;
    font-family: "Times New Roman", Times, serif;
    color: #3e3e3e ;
    text-align: center;
    text-shadow: #fff 1px 1px, #fff -1px 1px, #fff -1px -1px, #fff 1px -1px;
}
.masque_services {
 visibility: visible;
}
.marge-services{
    margin-left: 10px !important;
    margin-top: 5px;
}
.marge-contact-home {
    margin-left: 500px !important;
}
.marge-menu {
    margin-left: 100px !important;
}
.sur-header {
    margin: 0 auto;
    width: 1600px;
    background-color: #eaf0f3;
    height: 45px;


}
.contact .urgencesText {
clear: both;
text-align: center;
padding: 20px 0;
background: #f8f8f8;
margin-top: 20px;
}
header.carousel {
    height: 60%;
    width: 1600px;
    margin: 0 auto;
    margin-top: 0px;
}
.rdv_btn {
    margin-top: 60px;
}
div#stetoscope {
    opacity: 0.8;
    
    width: 20%;
    position:absolute;
    top:0px;
    left:1401px;
    background-image: url("/img/stetoscope-411b491d.png");
    height: 200px;
    width: 350px;
    margin:auto;

}
.text-urgence {
    font-size: 25px;
   margin-left: 310px !important;
    color: #4c80ae;
}
}

.marge-icone {
    margin-top: 15px;
    margin: 5px;
}

/* Home Page Carousel */
.gris {
    color: #bcbcbc;
    margin-left: 50px;

    font:normal 13px Verdana, Geneva, sans-serif;

}
.gris_paragraphe {color: #555555; font:normal 13px Verdana, Geneva, sans-serif;text-align: justify;}
span.lien_gris {
   color: #3e3e3e !important
   
}
.gris_paragraphe_resp {color: #555555; font:normal 13px Verdana, Geneva, sans-serif;text-align: justify;margin-left: 20px}



.logo {
 width: 20%;  
 margin: 0 auto;
 float: left;
 margin-left: 10px;
 margin-top: 10px;
}
hr.hr-bleu{
  border: 0;
  margin: 0;
  border-top: 3px solid #5499c9;
  margin-top: 10px ;
}
hr.hr-bleu2{
  border: 0;
  margin: 0;
  border-top: 3px solid #5499c9;

}
 .moncontainer {
    width: 100%;
    
  }
div.texte-centre{
   
    width: 50%;
    margin: 0 auto;
    height: 50%;
}

span.telephone {
    color: #35345f;
    font-size: 25px;
} 


.submenu-dentaire {
    right: -496px !important;
    left: auto !important;
    background-image: url(/img/menu-dentaire-ec0499ff.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-medecins {
    right: -496px !important;
    left: auto !important;
    background-image: url(/img/menu-medecins-7a1d3149.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-medecine-specialites {
    right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-medecine-speciale-3bbebaea.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-medecine-ophtalmologie {
    right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-ophtalmologie-65efd0e7.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-medecine-pedodontie {
    right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-pedodontie-a91a2ae4.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-medecine-orthopie {
    right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-orthopie-21306689.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-medecine-esthetique {
    right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-esthetique-dd5b0704.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-centre-laser{
   right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-centre-laser-83ee37cf.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}
.submenu-orthodontie {
   right: -346px !important;
    left: auto !important;
    background-image: url(/img/menu-orthodontie-e48181c5.png);
    background-repeat: no-repeat;
    background-position: left top -6px;
    padding: 60px 0 60px 187px;
    background-color: #fff;
    width: 600px;
}

/* D3 FIX, independent review 2026-08-19: these 600px-wide megamenus are positioned with a fixed
   "right: -346px" that overshoots the viewport whenever the trigger sits far enough right in the
   nav. Measured with every top-level dropdown opened and every link's real bounding box, at
   1280/1366/1440/1620:
     - .submenu-medecine-esthetique and .submenu-medecine-pedodontie overflow ONLY in the
       1280-1619px band (the "site's own 1200px layout" band this pass's 1400->1620 breakpoint
       move exposed to a menu that used to fit inside the wider 1600px layout there). Worst case is
       1280px, where the box's right edge sits 200px past the viewport; -106px clears it with margin
       to spare, and since the box moves RIGHTWARD as this band's viewport grows (container is a
       FIXED 1200px, only its centering offset grows), 1280 is the binding case for the whole band.
     - .submenu-centre-laser is fine everywhere EXCEPT just past the 1620px threshold (the site's
       own 1600px layout), where "Nordlys" sits 40px past the viewport at exactly 1620px; -280px
       clears it with margin, and the same reasoning applies in reverse - overflow only shrinks as
       the >=1620 viewport grows past the fixed 1600px container.
   Every other dropdown (Médecins, Médecine Générale et Spécialités, Ophtalmologie, Orthoptie,
   Dentaire, Orthodontie) measured 0 links off-screen across the whole 1280-1620+ sweep and is left
   untouched. */
@media (min-width: 1280px) and (max-width: 1619px) {
  .submenu-medecine-esthetique,
  .submenu-medecine-pedodontie {
    right: -106px !important;
  }
}
@media (min-width: 1620px) {
  .submenu-centre-laser {
    right: -280px !important;
  }
}

/* D5 FIX, independent review 2nd pass, 2026-08-19: .submenu-centre-laser's fixed "right: -346px"
   (set above, unscoped) is only correct when its trigger sits among the RIGHTMOST items of a
   SINGLE nav row, which is true at >=1620px (handled above) but not in this 1200px-layout band.
   This 12-item nav wraps to two rows between 1280 and 1619px (measured: two distinct li .top
   values), and "Centre Laser" becomes the FIRST item of row 2 - the LEFTMOST trigger on the page,
   not the rightmost. The same right-anchored offset then pushes the whole 600px box (decorative
   photo included - no link sits in the clipped region, which is why the D3 link-only sweep never
   caught this) off the LEFT edge of the viewport: measured left=-88px at 1280, -45px at 1366,
   -8px at 1440 (positive again by 1600, clean at 1620 where the row stops wrapping). Anchoring
   from the trigger's own LEFT edge instead - which sits flush with the fixed 1200px container's
   left edge for this row-2 case - keeps the whole box on-screen for the entire band (left runs
   ~40px at 1280 up to ~210px at 1619; box right edge never exceeds ~810px, always inside the
   viewport). Verified with the same forced-open bounding-box probe used for D3, at every 20px
   step from 1280 to 1619: left >= 0 throughout. */
@media (min-width: 1280px) and (max-width: 1619px) {
  .submenu-centre-laser {
    left: 0 !important;
    right: auto !important;
  }
}



.icones {

}
.texte-icone{

}

.option-container{
    background-color: #3e3e3e;
   
}
.option-liens {
    color: #fff !important;
}
.option-liens-noir {
    color: #000 !important;
}
.option-navheader {
    margin-left: 120px !important;
}

footer .box {

padding: 78px 0 64px 0;
overflow: hidden;

}
footer .box .title {
font: 25px 'Lato';
color: #ffffff;
margin-bottom: 20px;
}
/*========================================================
                    header
=========================================================*/
header {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 11;
}
header .box {
    overflow: hidden;
    background: #eaf0f3;
    padding: 10px 0;
}
header .box .box1 {
    float: left;
    padding: 8px 0 0 0;
}
header .box p {
    font: 17px/20px 'Lato';
    color: #366fa5;
    margin-bottom: 0;
    float: left;
    margin-right: 18px;
}
header .box p strong {
    font-weight: 900;
}
header .box .tel {
    font: 900 29px/20px 'Lato';
    color: #5499c9;
    margin-bottom: 0;
    float: left;
}
header .box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}
header .box ul li {
    float: left;
    margin: 0 0 0 6px;
}
header .box ul li:first-child {
    margin: 0;
}
header .box ul li a {
    font-size: 23px;
    color: #cbe0ef;
    width: 39px;
    height: 39px;
    background: #ffffff;
    border-radius: 100%;
    text-align: center;
    line-height: 39px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
header .box ul li a:hover {
    color: #5499c9;
}
.list1 li a {


margin-left: 5px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
list-style-type: none;
}
li.check {
    display : list-item;
    list-style-image : url("/img/ico_check-7b877a70.png");

}
li.horaire{
     display : list-item;
 list-style-image : url("/img/ico_heure-dc1d7fd0.png");

}
li.location{
     display : list-item;
 list-style-image : url("/img/ico_location_gris-bc15f5f6.png");
}
li.tel_gris{
     display : list-item;
 list-style-image : url("/img/ico_phone_gris-4939f7db.png");
}
li.email_gris{
     display : list-item;
 list-style-image : url("/img/ico_mail_gris-8fd91dfe.png");
}
li.lien_gris{
     display : list-item;
 list-style-image : url("/img/ico_lien_gris-0d08c00a.png");
}
ul.list1   {
      list-style-type: none !important;
      text-decoration: none;
    color: #font: normal 16px/16px Fjalla One;
    color: #4569d2;
}
a.lien-liste{

    font:normal 12px Verdana, Geneva, sans-serif;

    color: #878789;
}
a.lien-aleph {
    font:normal 15px Verdana, Geneva, sans-serif;
    color: #878789;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    background: #3e3e3e;
   
   

}

.margin-bottom{
margin-bottom: 20px;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
br.petitbr {
    display: block;
    margin-bottom: 1px;
    font-size:1px;
    line-height: 1px;
}

/* les pages*/
h1.page-header{
  color: #428bca;
}
strong {
  color: #428bca;
}

p {
  color: #555555;
font: normal 15px Verdana, Geneva, sans-serif;
text-align: justify;
}
/*ol {
color: #428bca;
}*/
ol.edging {
color: #428bca;
background: #cff1f0;
margin: 0px;
padding: 0px;
background: url(/img/edging-73286114.jpg) repeat-y;
margin-left: 50px;
}

.ligne_bleue {
  background: #428bca;
  color: #428bca;
  border-color: #428bca;
  height: 3px;
  width:60%;
  margin: 0;
  border: 0;
}
/* LIST #1 */

ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#428bca;  }
ol li { }
ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#555555; border-left: 1px solid #999; }
ol li p em { display:block; }
#list3 {margin-left: 20px; }
#list3 ul { list-style-image: url("/img/arrow-9d7975c8.png");color:#555555; font-size:18px; }
#list3 ul li { line-height:20px; }
.roundedImageleft{
    overflow:hidden;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    width:100px;
    height:100px;
    float: left; margin: 10px; 
}
.roundedImageright{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
    float: right; margin: 10px; 
}
.attorney-short-bio {
  text-align: center;
  border: 1px solid #d4d4d4;
  padding: 10px;
  border-top: 0;

}
ul.pucev li{
  list-style-image: url(/img/glyphicons-207-ok-2-c1643a1d.png);
  margin-left: 2em;
}
li.pucev{
  list-style-image: url(/img/glyphicons-207-ok-2-c1643a1d.png);
  margin-left: 2em;
}
u {
	text-decoration: none
}
h2.titre_fleche {
	text-decoration: none;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  color: #428bca;
  font-size: 14px;
  line-height: 22px;
  
  background-repeat: repeat-x;
  background-color: #f8f8f8;
  padding-left: 15px;
  letter-spacing: 1px;
  display: block;
  text-transform: capitalize;
}