/*!
 * Start Bootstrap - New Age v5.0.9 (https://startbootstrap.com/theme/new-age)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-new-age/blob/master/LICENSE)
 */

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
  color: #101011;
  font-weight: 18px
}

a {
  color: #ff0000;
  transition: all .35s;
}

.image-staff{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
 
}

.image-staffEqui{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%; 
}


.responsive {
  width: 100%;
  height: auto;
}

.responsiveLogo {
  width: 100%;
  max-width: 513px;
  height: auto;
}

.responsivepro {
  width: 100%;
  max-width: 913px;
  height: auto;
}

.responsiveprocel {
  width: 100%;
  max-width: 291px;
  height: auto;
}

.ResponsiveProth {
  width: 100%;

  height: auto;
}

.texte-blanc {
	color: white;
}

.centrer {
	text-align: center;
}

.aldroite {
	text-align: right;
}

.algauche {
	text-align: left;
}

.button {
  background-color: #000000; /* Green */
  color: white;
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}


.font-w-3{font-weight: 300;}
.font-w-4{font-weight: 400;}
.font-w-5{font-weight: 500;}
.font-w-6{font-weight: 600;}
.font-w-7{font-weight: 700;}
.font-w-8{font-weight: 800;}
.font-w-9{font-weight: 900;}

.line-h-1{line-height: .5;}
.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}


.font-14 {font-size: 14px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
.font-20 {font-size: 20px;}
.font-23 {font-size: 23px;}
.font-25 {font-size: 25px;}
.font-30 {font-size: 30px;}
.font-40 {font-size: 40px;}

.mt-0{margin-top:0px;}
.mt-8a{margin-top:8px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-100{margin-top:100px;}
.mt-120{margin-top:120px;}
.mt-menu{margin-top:70px;}

.mb-0 {margin-bottom:0px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-80 {margin-bottom:80px;}
.mb-100 {margin-bottom:100px;}

.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}

.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}


.l-30 { margin-left:30px; }
.l-20 { margin-left:20px; }
.l-15 { margin-left:15px; }
.l-10 { margin-left:10px; }

.r-15 { margin-right:15px; }

.t-45 { margin-top:35px; }
.t-35 { margin-top:35px; }
.t-25 { margin-top:25px; }
.t-30 { margin-top:30px; }
.t-15 { margin-top:15px; }
.t-0 { margin-top:0px; }

.pt-0 { padding-top:0px; }
.pt-45 { padding-top:35px; }
.pt-50{padding-top: 50px;}
.pt-70 { padding-top:70px; }
.pt-100 { padding-top:100px; }
.pt-150 { padding-top:150px; }
.pt-250 { padding-top:250px; }

.pb-0 { padding-bottom:0px; }
.pb-15 { padding-bottom:15px; }
.pb-50 { padding-bottom:50px; }
.pb-100 { padding-bottom:100px; }
.pb-150 { padding-bottom:150px; }
.pb-200 { padding-bottom:200px; }

.b-35 { margin-bottom:35px; }
.b-25 { margin-bottom:25px; }
.b-20 { margin-bottom:20px; }
.b-15 { margin-bottom:15px; }
.b-10 { margin-bottom:10px; }
.b-0 { margin-bottom:0px; }

clored { color:#ff0000; }

.separator{
	display:none;
	position:absolute;
	top:297px;
	left:0;
	width:100%;
	height:4px;
	background:#111211;
	z-index:10;
	box-shadow:0 -3px 10px rgba(0,0,0,0.26)
	}

.content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:right;
	z-index:66;padding:75px;
	background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #fff));
	background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);
	background:linear-gradient(to right, rgba(255255,255,0) 0%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )
	}

.coordonnee{
background-image: linear-gradient(to bottom, #eff0f1, #f3f4f5, #f7f7f8, #fbfbfb, #ffffff);	
	}

/*! * Popup client */

.button5:hover {background-color: #555555;color: white;}

.ButtonCenter {margin:0 auto;display:block;}

.modal-content {color: #101011;}

.modal-title {font-size:40px;font-weight: 600;}

.modal-body  {font-weight: 400;}

.modal-body {color: #101011;width: auto;margin: 30px auto;}

.modal-header {background-color: #000000;color: white;}
	
.close {color: #ffffff;cursor: pointer;}	

.modal-header .close {position: absolute;top: -10px;right: 5px;font-weight: 600;font-size: 3.6rem;color: white;opacity: 1;}


/*!
 * Formulaire Prendre Rendez-vous (https://startbootstrap.com/theme/new-age)
  */

	.modal-login {color: #636363;width: 350px;margin: 30px auto;}
	
	.modal-login .modal-content {padding: 20px;border-radius: 5px;border: none;}
	.modal-login .modal-header {border-bottom: none;position: relative;justify-content: center;}
	.modal-login h4 {text-align: center;font-size: 26px;}
	.modal-login  .form-group {position: relative;}
	.modal-login i {position: absolute;left: 13px;top: 11px;font-size: 18px;}
	.modal-login .form-control {padding-left: 40px;}
	.modal-login .form-control:focus {border-color: #00ce81;}
	.modal-login .form-control, .modal-login .btn {min-height: 40px;border-radius: 3px;}
	.modal-login .hint-text {text-align: center;padding-top: 10px;}
	.modal-login .close {position: absolute;top: -5px;right: -5px;}
	.modal-login .btn {background: #00ce81;border: none;line-height: normal;}
	.modal-login .btn:hover, .modal-login .btn:focus {background: #00bf78;}
	.modal-login .modal-footer {background: #ecf0f1;border-color: #dee4e7;text-align: center;margin: 0 -20px -20px;	border-radius: 5px;	font-size: 13px;justify-content: center;}
	.modal-login .modal-footer a {color: #999;}
	.trigger-btn {display: inline-block;margin: 100px auto;}

/*!
 * Fin Formulaire Prendre Rendez-vous (https://startbootstrap.com/theme/new-age)
  */
a:hover, a:focus { color: #5f6568;}
hr {margin: 25px auto 0; border-width: 1px; border-color: #101011;}
hr.light {border-color: white;}
hr.style15 {border-top: simple #101011;}


h1,h2,h3,h4,h5,h6 { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
  font-size: 22px;
}

p {font-size: 18px;line-height: 1.5; margin-bottom: 20px;}

p-18 {font-size: 18px;line-height: 1.5; margin-bottom: 20px;}

h1-28 {font-size: 28px;line-height: 1.5;margin-bottom: 20px;}
color-noir { color: #101011;}

section { padding: 0px 0;}

section h2 {font-size: 28px;font-weight: 700;}

#mainNav {border-color: rgba(34, 34, 34, 0.05);background-color: white;transition: all .35s;font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';font-weight: 200;letter-spacing: 1px;}
#mainNav .navbar-brand {color: #1d1d1b;font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';font-weight: 200;letter-spacing: 1px;}
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {color: #19181d;}
#mainNav .navbar-toggler {font-size: 12px;padding: 8px 10px;color: #19181d;}
#mainNav .navbar-nav > li > a {font-size: 14px;font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';letter-spacing: 2px;text-transform: uppercase;}
#mainNav .navbar-nav > li > a.active {color: #19181d !important;background-color: transparent;}
#mainNav .navbar-nav > li > a.active:hover {background-color: transparent;}
#mainNav .navbar-nav > li > a,#mainNav .navbar-nav > li > a:focus {color: #19181d;}
#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {color: #19181d;}

header.masthead {position: relative;color: 3c3c3c;padding: 0px 0;margin-top: 50px;text-align:center;}
header.masthead .header-content {max-width: 1920px;margin-bottom: 1px;}
header.masthead .header-content h1 {font-size: 1.5rem;line-height: 1.9rem;}

.TextBleu {color: #101011;font-weight:400;font-size: 1.5rem;padding-top: 1rem;line-height: 1.9rem;}

.container {width: 1920px;max-width: 100%;}

header.masthead .device-container {max-width: 1925px;margin-right: auto;margin-left: auto;line-height:2rem;}
header.masthead .device-container .screen img {border-radius: 3px;}


/*! **************** Section Rendez ****************/

section.Rendez {position: relative;}
section.Rendez h2 {font-size: 30px;margin-top: 0;}
section.Rendez .badges .badge-link {display: block;margin-bottom: 25px;}
section.Rendez .badges .badge-link:last-child {margin-bottom: 0;}
section.Rendez .badges .badge-link img {}

Contact.Rendez {position: relative;}
Contact.Rendez h2 {font-size: 30px;margin-top: 0;}
Contact.Rendez .badges .badge-link {display: block;margin-bottom: 25px;}
Contact.Rendez .badges .badge-link:last-child {margin-bottom: 0;}
Contact.Rendez .badges .badge-link img {}




.TypeProth {background: transparent ; 
  background-image: url("../images/types-protheses-dentaires.jpg");
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: right;
}

.BackIm {background: transparent ; 
  background-image: url("../images/besoin-nouvelle-prothese-dentaire.jpg");
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: right;
}



.BackContact {background: transparent ;
  background-image: url("../images/info-denturologiste-small.jpg");
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left;
}


/*! **************** FIN Section Rendez ****************/



/*! **************** DEBUT Section Staff ****************/
section.Staff {text-align: left;}
section.Staff h2 {font-size: 30px;margin-top: 0;}
section.Staff .device-container {margin-bottom: 10px;}
section.Staff  {padding-left:0px;padding-right:10px;}
section.Staff .feature-item {padding-top: 2px;padding-bottom: 2px;text-align: center;}
section.Staff .feature-item h3 {color: #101011;font-weight:700;font-size: 1.4rem;padding-top: .3rem;}
section.Staff .feature-item i {font-size: 60px;display: block;
  margin-bottom: 5px; background: linear-gradient(to left, #7b4397, #fff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/*! **************** FIN Section Staff ****************/




/*! **************** Section Contact ****************/

section.contact {text-align: left;}
section.contact h2 {font-size: 30px;margin-top: 0;}



/*! **************** FIN Section Contact ****************/

/*! **************** FIN Section Carte Google  ****************/





/*! **************** Section prothèse ****************/

.Prothese {}  
section.Prothese .section-heading {margin-bottom: 0px;}
section.Prothese .section-heading h2 {margin-top: 5px;
  color: #101011;font-weight:600;font-size: 2.9rem;padding-top: 1rem;  
}
section.Prothese .section-heading p {margin-bottom: 5px;}
section.Prothese .device-container,section.Prothese .feature-item {
  max-width: 475px;margin: 0 auto;
}

section.Prothese .device-container {margin-bottom: 10px;}
section.Prothese  {padding-left:0px;padding-right:10px;}
section.Prothese .feature-item {padding-top: 2px;padding-bottom: 2px;text-align: center;}
section.Prothese .feature-item h3 {color: #101011;font-weight:700;font-size: 1.4rem;padding-top: .3rem;}
section.Prothese .feature-item i {font-size: 60px;display: block;
  margin-bottom: 5px; background: linear-gradient(to left, #7b4397, #fff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/*! **************** FIN Section prothèse ****************/

/*! **************** Section CTA CONSULTATION GRATUITE ****************/ 
section.cta {
  padding: 0px 0; position: relative; background-position: center;}

section.cta .cta-content {position: relative; z-index: 1; background-position: center;}
section.cta .cta-content h2 {margin-top: 0;margin-bottom: 25px;color: #101011;}
section.cta h2 {color: #101011;font-weight:600;font-size: 2.9rem;padding-top: 1rem;}  
section.cta .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.0);  
}section.cta .cta-content p {font-size: 30px;  margin-top: 20px; margin-bottom: 25px;}


.Consultation {  background: transparent ;
  background-image: url("../images/denturologiste-st-jerome-1.jpg");
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left;
}

/*! **************** FIN Section CTA CONSULTATION GRATUITE ****************/


/*! **************** Section Footer ****************/


footer {padding: 25px 0;text-align: center;color: #ff0000; background-color: #101011;}
footer p {font-size: 15px; margin: 0;color:#e0e1ff;}
footer ul {margin-bottom: 0;color: #ff0000;}
footer ul li a {font-size: 16px;color: #ff0000;}
footer li {font-size: 16px;color: #ff0000;}
footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {
  text-decoration: none;
  color: #ff0000;
}

a {color: #000;transition: all .35s;}

.shadow-co {font-size: 20px; text-shadow: 1px 1px 0 #004b95, 2px 2px 0 #9c9c9c, 1px 1px 1px rgba(0,32,47,0);}

.linkb{color: #006da1;}
.linkb:hover { color: #275a9c;font-weight: 500; text-shadow: 1px 1px 0 #bcbcbc, 1px 1px 0 #9c9c9c, 1px 1px 1px rgba(0,0,0,0);}

/*! **************** FIN Section Footer ****************/
.text-primary {color: #101011;}
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0;}

.btn-outline {color: white;border: 1px solid;border-color: white;}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;border-color: #fdcc52;background-color: #fdcc52;}

.btn {border-radius: 30px;font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 2px;text-transform: uppercase;color:white;background-color: black;}

.btn-xl {font-size: 11px;padding: 15px 45px;}

.bgpro {background-image: url("../images/prothese-dentaire-qualite.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} 



.bg3 { 
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../images/secretaire-denturologue.jpg");
    background-size: cover;
}



/******************Très petit écran ********************/
 /* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  .mt-menu{margin-top:70px;} /*TEST 170 */
      
  .font-texte {font-size: 15px;}
  .Pourquoi{height: 100%;padding-top: 100px;padding-bottom: 10px;}	
  .linkc{color: #101011;font-size: 20px;}
  .linkc:hover {color: #5f6568;font-weight: 500;text-shadow: 1px 1px 0 #bcbcbc, 1px 1px 0 #9c9c9c, 1px 1px 1px rgba(0,0,0,0);}
   
  .bliste{list-style: none;font-size: 1.2rem;line-height: 1.9rem;display: block;  color: #101011;
    list-style: circle;list-style-position: outside;  padding-bottom:30px;} 
   
  .font-texte  {font-size: 1.2rem;line-height: 1.7rem;color:#101011;}
  .Pourquoi.h2 {font-size: 30px;margin-top: 0;}  
    
  .font-texte1{font-size: 1.1rem;line-height: 1.9rem;color: #101011;font-weight: 400; padding-left: 30px; }  

  .bg3::before  {background: transparent ;
      position: relative; 
      height: 100vh;
      width: 100%;
      display: flex;
      align-items: right;
      justify-content: right;
    background-image: url("../images/secretaire-denturologue-small.jpg");
    background-repeat: no-repeat !important;
    background-position: right;
  } 
} /* @media only screen and (min-width : 320px) {*/

/******************Petit écran ********************/
@media only screen and (min-width: 400px) {
	.Pourquoi{height: 100%;padding-top: 100px;padding-bottom: 10px;}	
	.Pourquoi.h2 {font-size: 30px;margin-top: 0;}  
  .mt-menu{margin-top:70px;} /*TEST 170 */
  
	
  .bgpro {
    background-image: url("../images/prothese-dentaire-qualite-small-b.jpg"); 
    height: 100%; background-position: center; background-repeat: no-repeat;
    background-size: cover;
    } 

  .bg3::before  {background: transparent ;
      position: relative; 
      height: 100vh;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    background-image: url("../images/secretaire-denturologue-small.jpg");
    background-repeat: no-repeat !important;
    background-position: right;
  }

} /* @media only screen and (min-width: 400px) {*/ 

/******************petit 2 écran 2 ********************/
  /* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .mt-menu{margin-top:70px;} /*TEST 170 */

  /*.Pourquoi{height: 100vh;padding-top: 0px;padding-bottom: 0px;}		GUY ERREUR */
  .Pourquoi{height: 100%;padding-top: 0px;padding-bottom: 0px;}		
  .Pourquoibg3 {position: relative; height: 100%;width: 100%;display: flex;
      align-items: center;justify-content: center;}

  .font-texte  {font-size: 1.2rem;line-height: 1.7rem;color:#101011;}
  section.Pourquoi h2 {font-size: 30px;margin-top: 0;}
  .font-texte1{font-size: 1.1rem;line-height: 1.2rem;color: #101011;font-weight: 400;  padding-left: 30px;} 

  .bg3::before  {background: transparent ;
      position: relative; 
      height: 100vh;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    background-image: url("../images/secretaire-denturologue-small.jpg");
    background-repeat: no-repeat !important;
    background-position: right;
  } 
} /*@media only screen and (min-width : 480px) { */ 


/******************Moyen écran ********************/
@media (min-width: 768px) {
 .mt-menu{margin-top:70px;} /*TEST 170 */

   header.masthead .header-content h1 {font-size: 2.0rem;line-height: 2.3rem;} 
  .TextBleu {color: #101011;font-weight:600;font-size: 1.7rem;padding-top: 1rem;line-height: 1.9rem;}
  .font-texte1{font-size: 1.1rem;line-height: 1.2rem;color: #101011;font-weight: 400;padding-left: 30px;  } 
  .row {position: relative;}
  .bottom-align-text {position: absolute;bottom: -260px;}
  .bliste{font-size: 1.2rem;line-height: 1.9rem;display: block;color: #101011; list-style: circle;list-style-position: outside;  }

  .Pourquoi{height: 100%; min-height: 995px;max-height: 695px;padding-top: 0px;padding-bottom: 0px;}		

  section.Pourquoi h2 {font-size: 30px;margin-top: 0;}  
  
  section.header .masthead {padding: 0px 0px;} 
  section.cta {padding: 430px 0px;background-size: 100% 100%; } 
  section.cta h2 {font-size: 30px;font-weight: 700;color: #101011;}
  section.cta .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.0);}   
  section.Rendez .badges .badge-link {display: inline-block;margin-bottom: 0;} 	
  section.Rendez h2 {font-size: 30px;}
  

  
  section.cta .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.0);}      
  .bgpro { background-image: url("../images/prothese-dentaire-qualite-small-b.jpg");
    height: 100%;background-position: center; background-repeat: no-repeat;background-size: cover;}  

  .bg3::before  { background: transparent ;
    background-image: url("../images/secretaire-denturologue.jpg");
    background-repeat: no-repeat !important; background-position: right;
    margin-top: 40px; margin-bottom: 10px;  
    display: block;	background-size: auto;
  }   
} /* @media (min-width: 768px) {*/  
  
/*} GUY ERREUR */



/******************Grand écran moyen ********************/
@media (min-width: 992px) {
  .mt-menu{margin-top:70px;}

  .Pourquoi{height: 100%;min-height: 1195px;max-height: 1195px;padding-top: 0px;padding-bottom: 0px;}
  .Pourquoibg3 {position: relative;height: 60%;width: 100%;display: flex;align-items: center;justify-content: center; background-size: cover;}
  .Pourquoibg3::before {content: ' ';display: block;position: absolute;left: 0;top: 0;width: 100%; height: 100%;    z-index: 1;
      background-image: url("../images/secretaire-denturologue.jpg");
      background-repeat: no-repeat;background-position: 0% 0;background-size: cover;opacity: 0.3;   }

  .font-texte{font-size: 1.2rem;line-height: 1.9rem;display: block;color: #101011;}  
  .font-texte1{font-size: 1.1rem;line-height: 1.2rem;color: #101011;font-weight: 400;padding-left: 30px; } 
  .bliste{font-size: 1.0rem;line-height: 1.5rem;display: block;color: #101011;list-style: circle;  list-style-position: outside;  }

  .bgpro {
    background-image: url("../images/prothese-dentaire-qualite.jpg");
    height: 100%; background-position: center; background-repeat: no-repeat;
    background-size: cover;
  } 

  h1.TextBleu {color: #101011;font-weight:600;padding-top: 1rem;line-height: 1.9rem;}
  h2 {font-size: 30px;margin-top: 0;} 
  section.cta {padding: 0px 0px;background-size: 100% 100%;}
  section.header {padding: 0px 0;} 
  section.Prothese .device-container {margin-bottom: 0;} 
  
  header.masthead {padding-top: 20px;padding-bottom: 0px;}
  header.masthead .header-content {margin-bottom: 0;}
  header.masthead .header-content h1 {font-size: 2.5rem;line-height: 4.0rem;}
  header.masthead .device-container {max-width: 325px;} 	
  header.masthead .header-content h1 {font-size: 1.8rem;} 	
  #mainNav {border-color: transparent;background-color: transparent;}
  #mainNav .navbar-brand {color: fade(white, 70%);}
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {color: #101011;}
  #mainNav .navbar-nav > li > a, #mainNav .navbar-nav > li > a:focus {color: #101011;font-weight: 700; }
  #mainNav .navbar-nav > li > a:hover,#mainNav .navbar-nav > li > a:focus:hover {color: #59666c;font-weight: 900;font-size: 16px}
  #mainNav.navbar-shrink {border-color: rgba(34, 34, 34, 0.1);background-color: #cfcdd8;}
  #mainNav.navbar-shrink .navbar-brand {color: #222222;}
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {color: #fdcc52;}
  #mainNav.navbar-shrink .navbar-nav > li > a, #mainNav.navbar-shrink .navbar-nav > li > a:focus {color: #222222;}
  #mainNav.navbar-shrink .navbar-nav > li > a:hover, #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {color: #fdcc52;}  

  .bg3::before  { background: transparent ;
    background-image: url("../images/secretaire-denturologue.jpg");
    background-repeat: no-repeat !important; background-position: right;
    margin-top: 40px; margin-bottom: 10px;  
    display: block;	background-size: auto;
  }   
} /* @media (min-width: 992px) { */
  
/*} GUY ERREUR*/



/******************Grand écran ********************/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .mt-menu{margin-top:70px;}      
      
  .Pourquoibg3 { position: relative; height: 60%;width: 100%;display: flex;align-items: center;justify-content: center; background-size: cover;}
  .Pourquoibg3::before {content: ' '; display: block;position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 1;
    background-image: url("../images/secretaire-denturologue.jpg");
    background-repeat: no-repeat; background-position: 5% 0; background-size: cover;opacity: 0.3;}
  .bliste{font-size: 1.2rem;line-height: 1.9rem;display: block;color: #101011;list-style: circle;list-style-position: outside; }	

  .font-texte{font-size: 1.2rem;line-height: 1.8rem;display: block;color: #101011;font-weight: 400;}   
  .font-texte-2 {font-size: 1.6rem;line-height: 2.3rem;display: block;color: #101011;font-weight: 400;} 
  .Pourquoi{height: 100%;min-height: 1005px;padding-top: 0px; padding-bottom: 0px;}
   header.masthead .header-content h1 {font-size: 2.1rem;line-height: 3.9rem;} 
   h2 {font-size: 30px;margin-top: 0;} 
  .font-texte1{font-size: 1.2rem;line-height: 0.8rem;display: block;color: #101011;font-weight: 400; }   
} /*@media only screen and (min-width : 1200px) { */

.BBorder-all{border-width: 40px;border-color: red; border-bottom-width: 2em;} 


/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
.map {height: 100%;background-color: grey;}
.map.title{font-weight: 900;font-size: 3px;line-height : 10px;padding-top: 2px;}
p.text-map{font-weight: 300;font-size: 16px;line-height : 5px;}
h3.titre-map{font-weight: 700;font-size: 18px;line-height : 1.5em;padding-top: 20px;padding-bottom: 15px}
.map-control {background-color: #fff; border: 1px solid #ccc;box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);  font-family: "Roboto", "sans-serif";  margin: 10px;  padding-right: 5px;  
/* Hide the control initially, to prevent it from appearing
 before the map loads. */
display: none;
}

/* Display the control once it is inside the map. */
#map .map-control {display: block;}

.selector-control {font-size: 14px;line-height: 30px;vertical-align: baseline;}

$grey: #F5F5F5;
$dark-grey: #323B40;
$light-blue: #E0F5FF;
$blue: #B9E5FE;
$dark-blue: #00A5FA;
$green: #B7E0DC;
$dark-green: #019888;
$lime: #C7E8C8;
$dark-lime: #42B045;
$yellow: #FFEEBA;
$dark-yellow: #FF9901;
$pink: #FABAD0;
$dark-pink: #EF075F;
$red: #FEC9C6;
$dark-red: #FD3D08;

@mixin color-div($color1, $color2){background-color: $color1;color: $color2;}


h4 {margin: 2rem 0rem;}

.panel {border-radius: 4px;padding: 1rem;margin-top: 0.2rem; @include color-div($grey, $dark-grey);&.panel-blue {@include color-div($light-blue, $dark-blue);}
  &.panel-big-height{min-height: 150px;}
}

.item {border-radius: 4px;padding: 0.5rem;margin: 0.2rem;&.item-blue {@include color-div($blue, $dark-blue);  }
  &.item-green {@include color-div($green, $dark-green);}
  &.item-lime {@include color-div($lime, $dark-lime);}
  &.item-yellow {@include color-div($yellow, $dark-yellow);
  }
  
  &.item-pink {@include color-div($pink, $dark-pink);}
  &.item-red {@include color-div($red, $dark-red); }
  &.item-big-width{min-width: 380px;}
}

.bliste{list-style: none;font-size: 1.2rem;line-height: 1.9rem;display: block;color: #101011;
  list-style: circle;list-style-position: outside;}
.cocher  {content: "";list-style: none;font-size: 20px;line-height: 1.0rem; list-style-position: outside;}
.cocher > ul li {content: "";list-style: none;height: 50px;position: relative;font-size: 21px;list-style-position: outside;}
.cocher > li:before {content: "";list-style: none;content: url("../images/cocher.png");background-size: contain;   display: inline-block;margin-right: .3em;   font-size: 20px;height: 40px;list-style-position: outside; }