@charset "UTF-8";

@import url('fonts/cssLato.css');
@import url('fonts/_fontawesome/5.9.0/css/all.min.css');

@import url('../vendors/_tpl/5.9/css/bootstrap.css');
@import url('../vendors/_tpl/5.9/style.css');
@import url('../vendors/_tpl/5.9/css/dark.css');
@import url('../vendors/_tpl/5.9/css/font-icons.css');
@import url('../vendors/_tpl/5.9/css/animate.css');
@import url('../vendors/_tpl/5.9/css/magnific-popup.css');

@import url('../vendors/_tpl/5.9/css/responsive.css');

/*sociaux*/
@import url('../vendors/shariff-3.2.1/shariff.min.css');

/*********************************************************/
/* SURCHARGE TPL
/*********************************************************/

/*
 * dans style.css
 * replace #1ABC9C par #ce1719 par #1e5565
 */

/*
  Taille de police dans la bande sur la home
  L'unité vw permet de s'adapter automatiquement au format de l'écran
*/
.portfolio-desc h3 {
    font-size: 1vw;
}

/*
  alignement du titre des page-menu à gauche
  décaler le footer vers la droite pourtenir compte du menu principal à gauche
  car il y a un bug d'affichage avec un menu principal à gauche
*/
.menu-title {margin-left: 230px;text-transform:uppercase;}
#footer {padding-left: 250px;}

/*
  gestion de la hauteur et de la taille du texte dans les carte d'identité des personnes de la compagnie
  affichage de l'image de la personne
*/
#identity-company .flip-card-back .card-text {padding-top:90px;font-size:0.5em;}
#identity-company .flip-card-back {opacity:0.75;background: center 15px / 75px 90px no-repeat;}

/*
  diminution de l'espace en bas des actus press
*/
.local-press .entry {margin: 0 0 30px;}
.local-press .entry:after {margin-top: 30px;}

/*
  Adaptation des images de la page d'accueil selon les formats d'écran
  Faire en sorte d'afficher les bandes d'infos sur mobile automatiquement car il n'y a pas d'hover
  Remettre la bonne taille de police des bandes sur mobile
*/
@media all and (min-width: 241px) and (max-width: 992px) {
  .portfolio-full.portfolio-notitle .portfolio-desc,
  .portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: 0 !important;
  }
  body.device-touch.device-sm .portfolio-notitle .portfolio-desc,
  body.device-touch.device-xs .portfolio-notitle .portfolio-desc { display: block !important; }
  .portfolio-desc h3 {font-size: 1em;}
  
  .menu-title {margin-left: 0px !important;}
  #footer {padding-left: 0px !important;}

  .flip-card-inner {padding:0;}
  #identity-company .flip-card-back .card-text {padding-top:55px;font-size:0.45em;}
  #identity-company .flip-card-back {background: center 15px / 55px 70px no-repeat;}
}

/*********************************************************/
/* LA BOUTONNIERE
/*********************************************************/

/*
	Couleurs par défaut
*/
.local-color{color:#1e5565 !important;}
.local-bgcolor{background-color:#1e5565 !important;}
.badge-local {background-color: #1e5565;color:#fff;}
.badge-local[href]:hover, .badge-local[href]:focus {background-color: #0e3f4d;}

/*
  pour la gestion des ul de contenu depuis les editeurs
*/
 .local-content ul, .local-content li {
	margin-left: 20px;
	padding-left: 10px;
}

/*
  Diminuer la margin entre les intitulés et la ligne
*/
.local-infos .heading-block {margin-bottom: 10px;}
.local-infos .heading-block:after {
    margin-top: 10px;
}

/*
  Image play sur les videos des projets
*/
.youtube-player-play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url('../images/ytplay.png') no-repeat;
	cursor: pointer;
}

/*
  Intégration d'une vignette sur l'image courante
*/
.project-status {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px 10px;
    background-color: #ddd;
    color: #333;
    border-radius: 2px;
    font-size: 0.7em;
    z-index: 5;
}

/*
  Images noir et blanc
*/
img.grayscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
img.grayscale:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

/*
	Position du logo sur le côté droit
*/
#sticky-sidebar-logo{
	position: fixed;
	right:5px;
	top:40px;
}

/*
 * Création du bouton primary à la couleur local
 */

.btn-local {
  color: #fff;
  background-color: #1e5565;
  border-color: #1e5565;
}

.btn-local:hover {
  color: #fff;
  background-color: #578d9c;
  border-color: #578d9c;
}

.btn-local:focus, .btn-local.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-local.disabled, .btn-local:disabled {
  color: #fff;
  background-color: #1e5565;
  border-color: #1e5565;
}

.btn-local:not(:disabled):not(.disabled):active, .btn-local:not(:disabled):not(.disabled).active,
.show > .btn-local.dropdown-toggle {
  color: #fff;
  background-color: #1db6e2;
  border-color: #22a5ca;
}

.btn-local:not(:disabled):not(.disabled):active:focus, .btn-local:not(:disabled):not(.disabled).active:focus,
.show > .btn-local.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 86, 100, 0.5); /*265664*/
}