/*Couleurs */


@base: #C29647;
@accent: #47BDC2;
@txt-marron: #413A2E;

/*Palette*/
@c-1: #A5D0A8;
@c-2: #8CADA7;
@c-3: #888588;
@c-4: #B7990D;
@c-5: #C2C4A2;

.bg-1 {
  background-color: @c-1; 
}
.bg-2 {
  background-color: @c-2; 
}
.bg-3 {
  background-color: @c-3; 
}
.bg-4 {
  background-color: @c-4; 
}
.bg-5 {
  background-color: @c-5; 
}


body {
  padding-top: 10px;
}

/* Pour rendre visible les containeurs */
/*[class*="col-"], footer, div {
  border: 1px solid grey;
  border-radius: 6px;
    }
 /* line-height: 40px;
 background-color: lightgreen;
  text-align: center;*/


/* BdAir NAVBAR  */
.bg-menu {
	background-color: #E4CDA4;
}
/*Liens affichés, non actives */
.navbar-dark .navbar-nav .nav-link {
  color: @txt-marron;
}
/*Lien Hover*/
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #537DC7;
}

.navbar-dark .navbar-toggler {
  color: @txt-marron;
  border-color: @txt-marron;
}
.text {
  color: @accent;
}
.dropdown-item-p{
  display:inline;
  padding: 0.25rem 0.25rem;
}

.dropdown-menu-p{
 background-color: #e6f2ff;
 min-width: 27rem;
}

/* BdAir Color */
.bg-medium {
  background-color: #eee;
}

.hr-blue {
  background-color: @accent;
  height: 1px;
  margin: 0rem 7rem 0 7rem;
}

.bdr-blue {
  border-color: @accent !important;
}

.z-ind-999 {
  z-index: 2000;
}

/*Placement*/
.colonne-centree
{
float: none;
margin: 0 auto;
}


/* Background Image*/


/*Dimensions*/

/*Liens*/

a {
  color: @base;
  font-weight: bold;
}


.a-blue {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  font-weight: normal;
}


/*Texte*/;

p {
  text-align: left;
}

.h1-h2 {
  color: @txt-marron;
}
 
 .indent40 p { /* décalage première ligne*/
  text-indent: 40px;
 }

.line-height {
  line-height: 40px;
}

.h1-h3 {
  color: @txt-marron;
  font-size: 1.75rem;
}
.h1-h4 {
  color: @txt-marron;
  font-size: 1.5rem;
}

.h2-tech {
  color: #996600;
  background-color: #f4fefe;
  /*border-width: 0.2rem;
  border-style: solid;
  border-color: #2bfafa;*/
  box-shadow: 5px 2px 2px #f2e4d5;
  border-radius: 5px;
  padding: 1rem;
  font-size: 1.6rem;
  font-family: georgia;
  margin-top:2.5rem;
  /*text-decoration: underline;*/
}

.h3-tech {
  color: #996600;
  background-color: #ddf1ea;
  border-radius: 5px;
  padding: 0.5rem;
  font-size: 1rem;
  font-family: georgia;
  margin-top:2rem;
  margin-right: 0.5rem;
  font-weight: bold;
}

.h4-hover {
  font-size : 1.4rem;
  text-decoration: none;
};

.li-tech {
  font-size: 1rem;
}

/* Debut Responsive Typography */
/* If the screen size is 600px wide or less, set the font-size */
@media screen and (max-width: 600px) {

h1 {
    font-size: 1.9rem;
  }

h2 {
    font-size: 1.6rem;
  }

h3, .h1-h3, .h2-tech{
    font-size: 1.4rem;
  }

.h1-h4 {
  font-size: 1.2rem;
}

  a, p, li, .r-text, .h3-tech {
    font-size: 0.8rem;
  }

}
/* Fin Responsive Typography */

/*Animation*/
.blink_me {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {

  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}


/* Personalisations styles Bootstrap */


.breadcrumb-p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*padding: 0.75rem 1rem;*/
  margin-bottom: 1rem;
  list-style: none;
  /*background-color: #e9ecef;*/
  border-radius: 0.25rem;
}

.btn-xsm, .btn-group-sm > .btn {
  padding: 0.2rem 0.25rem;
  font-size: 0.6rem;
  line-height: 1;
  border-radius: 0.2rem;
}

/*Menu pages Media, element actif */;
.active-y,
 {
  color: #fff;
  background-color: #007bff;
  border-radius: 0.15rem;
}

/* Fin Personalisations styles Bootstrap */

/* Fonctionalités */
/* Bouton haut de page */
#btnHaut {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  left: 50%;
  bottom: 5px;
  z-index: 99; /* Make sure it does not overlap */
  background-color: blue; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
}

#btnHaut:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/*Btn Préparation*/
.btn-prep {
  color: #413a2e;
  background-color: #e1e7ec;
  border-color: #f8f8f8;
}

.btn-prep:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

/* Fin Fonctionalités */


/*BdAir Page Accueil Vignettes*/
.vign-accueil {
  width: 200px;
  height: 200px;
  overflow: hidden;

}

.vign-accueil img{
  min-height:200px;
  min-width:200px;
}

.vign-accueil h2{
  z-index: 100;
  top: 0px;
  width: 200px;
  position: absolute;
  font-size: 22px;
  font-weight: bold;
  color:#000;
  background-color:#F0F0F0;
  opacity: 0.7;
  text-align:center;
  padding: 5px 0px 5px 0px;
}

.vign-accueil h2:hover{
  background-color: #FFF;
  opacity: 0.8;
  font-family: Arial, Helvetica, sans-serif;
}


.thumbnail-cadre {
  padding: 4px;
}

.thumbnail-prat {
  background-color: #F8F8F8;
  margin : 1px;
  border-bottom: 2px solid #6DC7D0;
  min-height: 220px;
}

.thumbnail-prat h4 {
  color: #52BAD5;
  font-size: 1.1rem;
  padding-top:10px;
  text-align: center;
}
.thumbnail-prat .phone {
  font-size : 1.2rem; 
}
.thumbnail-prat img {
  width: 110px;
  height: 132px;
}

.thumbnail-prat p {
  text-align: center;
}

.thumbnail-prat .rdvdig {
  margin-top: 3px;
  margin-bottom: 5px;
  padding: 4px;
  background-color: #e1e7ec;
  min-height: 50px;
  text-align: center;
}

.thumbnail-prat h3 {
  color: #52BAD5;
  padding-top:10px;
  font-size: 1.4rem;
  text-align: center;
}

.rdvdig-s {
  margin-top: 3px;
  margin-bottom: 5px;
  padding: 4px;
  background-color: #52BAD5;
  min-height: 5px;
}

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

.list-prat {
  padding : 1rem;
}

.sm-tech {
  border-left: solid;
  padding-left: 5em;
  border-color: @accent;
}

.prat-tech {
  margin: 0 0.5rem 0 0.5rem;

}

/*Vignettes*/
/*Doctolib*/

.doclib-small {
  display:block;
  text-align:center;
  background-color:#0596DE;
  color:#ffffff;font-size:14px;
  overflow:hidden;width:257px;
  height:40px;
  border-bottom-right-radius:none;
  border-bottom-left-radius:none;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  line-height:40px; 
}
.doclib-small img {
  height:15px;
  margin-bottom:3px;
  vertical-align:middle;
  width:auto; 
}

.doclib-small span {
  font-size:13px;
}


/*Formations*/

/*header formation*/
.hform{
  text-decoration: underline 3px #6DC7D0;
}

/*Haut Gris Bloc Formation*/
.hstage1{
  text-decoration: underline 3px @c-1;
}
.hstage2{
  text-decoration: underline 3px @c-2;
}
.hstage3{
  text-decoration: underline 3px @c-3;
}
.hstage4{
  text-decoration: underline 3px @c-4;
}
.hstage5{
  text-decoration: underline 3px @c-5;
}

.f-mod {
  font-size : 0.9rem;
}

/*Bloc en tête Pavé formation*/
.f-h-mod {
  padding: 4px;
  background-color: #e1e7ec;
  min-height: 50px;
  text-align: center;
  border-top: 1px solid #e1e7ec;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.f-h-mod-ul1 {
border-bottom: 3px solid @c-1;
}
.f-h-mod-ul2 {
border-bottom: 3px solid @c-2;
}
.f-h-mod-ul3 {
border-bottom: 3px solid @c-3;
}
.f-h-mod-ul4 {
border-bottom: 3px solid @c-4;
}
.f-h-mod-ul5 {
border-bottom: 3px solid @c-5;
}

.l-stages a {
  color: #435AAF;
}

.info_stage{
  display: block;
  font-size: 0.7rem;
}

.t-l-stage {
  text-decoration: underline 1px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;

}

.f-img {
  min-height: 8rem;
}

.calendrier-f a {
color: #435AAF;
font-weight: normal;
}
.calendrier-f li {
padding-top: 0.5rem;
}

.t-date {
  text-decoration: underline 1px;
  margin: 2px 0px 0px 0px;
  font-weight: bold;
}
.b-date {
  margin: 0;
}

/*Mentions legales*/
.menleg p{
  font-weight: bold;
  margin-bottom: 0;
}

/*Tableau, Yoga ??*/


.table1 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.table1 td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

.table1 tr:nth-child(even){background-color: #f2f2f2;}

.table1 tr:hover {background-color: #ddd;}

.table1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}