body { height: 100%; font-size: 15px; line-height: 1.50; color: #333333; background-color: #ffffff; position: relative; font-family: 'Open Sans', 'sans-serif' }
img  { display: block; max-width: 100%; height: auto; }

.bg-image-1 {background: url("../images/bg-image-1.jpg") 50% 0px no-repeat;}
.bg-image-2 {background-size: cover;  background-image: url("../images/bg-image-2.jpg");}
.bg-image-3 {background: url("../images/bg-image-3.jpg") 50% 0px no-repeat;}


.object-non-visible { opacity: 0; filter: alpha(opacity=0); }
.object-visible, .touch .object-non-visible { opacity: 1 !important; filter: alpha(opacity=100) !important; }

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
   .object-visible,
   .touch .object-non-visible {
      -webkit-transition: opacity 0.6s ease-in-out;
      -moz-transition: opacity 0.6s ease-in-out;
      -o-transition: opacity 0.6s ease-in-out;
      -ms-transition: opacity 0.6s ease-in-out;
      transition: opacity 0.6s ease-in-out;
   }
}

.comite { background-color: #DAF7A6 !important;}

.section { background-color: #ffffff; padding: 80px 0; }

.anone, .anone:hover { font-size: 18px; text-decoration: none; cursor: pointer; color: #55acee; }
.avisa, .avisa:hover { text-decoration: none; cursor: pointer; color: #55acee !important; }

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link{ background-color: transparent; color: #55acee; }

.nav-link { background-color: transparent; color:var(--bs-white); }

h1 span, h2 span, h3 span, h4 span { color: #339BEB; }
.text-colored   { color: #55acee; }
.text-justified { text-align:justify }
.idehal-color   { color:#fc6e51; }
.idehal-color-b { color:#4caac9; }

.img-bg { background: lightblue url('../images/baniere.png') no-repeat fixed center; color:white ;}

.header          { color: #ffffff; background-color: rgba(0, 0, 0, 0.80); padding: 10px 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
                   -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.banner          { width: 100%; height: 100%; min-height: 100%; position: relative; color: #000; }
.banner-image    { vertical-align: middle; min-height: 100%; width: 100%; }
.banner:after    { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; } /* background-color: rgba(0, 0, 0, 0.55);  */
.banner-caption  { position: absolute; top: 20%; width: 100%; z-index: 2; }
.subfooter       { background-color: #fafafa; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 40px 0; }

.site-name       { font-size: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
                   -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.default-bg.blue { background-color: #55acee; }
.translucent-bg  { color: #ffffff; }

.default-bg h1, .default-bg h2, .default-bg h3, .default-bg h4, .default-bg h5, .default-bg h6,
.translucent-bg h1, .translucent-bg h2, .translucent-bg h3, .translucent-bg h4, .translucent-bg h5, .translucent-bg h6 { color: #ffffff; }
.default-bg blockquote footer, .translucent-bg blockquote footer { color: #cccccc; }
.default-bg a, .translucent-bg a { color: #ffffff; text-decoration: underline; }
.default-bg a:hover, .translucent-bg a:hover { text-decoration: none; }
.translucent-bg {
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
   background-position: 50% 0;
   background-repeat: no-repeat;
   z-index: 1;
   position: relative;
}
.translucent-bg .translucent-bg { margin-top: 80px; z-index: 3; }
.translucent-bg:after { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.translucent-bg.blue:after { background-color: rgba(85, 172, 238, 0.7); }
.translucent-bg .container { z-index: 3; position: relative; }

.site-name a { color: #ffffff; text-decoration: none; }
.site-name a:hover { text-decoration: none; }
.site-slogan { font-size: 12px; }

.logo { margin: 10px 10px 10px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.logo, .site-name-and-slogan { float: left; }

.space { padding: 20px 0; }
.pr-10 { padding-right: 10px; }
.title { margin-top: 0; }

.list-horizontal { padding: 15px 0; }
.list-horizontal-item img { display: block; margin: 0 auto; }
.list-icons { padding: 0; margin: 20px 0; list-style: none; font-size: 18px; }
.list-icons li { padding: 0 0 15px 0; }
.borderless { border:0 none; }

/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container { position: relative; display: block; overflow: hidden; }
.overlay { position: absolute; top: 0; bottom: -1px; left: 0; right: -1px; background-color: rgba(85, 172, 238, 0.9); cursor: pointer;
           overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); transform: scale(0.8);
           -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }
.overlay:hover { text-decoration: none; }
.overlay span { position: absolute; display: block; bottom: 10px; text-align: center; width: 100%; color: #ffffff; font-size: 13px; font-weight: 300; }
.overlay i { position: absolute; left: 80%; top: 50%; font-size: 18px; line-height: 1x; color: #ffffff; margin-top: -8px; margin-left: -8px; text-align: center; }
.overlay-container:hover .overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }



.btn { padding: 8px 15px; font-size: 14px; line-height: 1.42857143; min-width: 160px; text-align: center; border-radius: 0;
       text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
       -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.btn-default { color: #55acee; border: 1px solid #cccccc; }
.btn-default:hover { color: #ffffff; background-color: #339BEB; border-color: #339BEB; }
.btn-block { display:block; width:100%; }
/* Collapse
---------------------------------- */
.panel-group .panel { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; }
.panel-default > .panel-heading { padding: 0; outline: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0;
                                  -o-border-radius: 0; border-radius: 0; width: 100%; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #f0f0f0; border-top: none; background-color: #fafafa }
.panel-heading a { font-weight: 400; padding: 12px 35px 12px 15px; display: inline-block; width: 100%; background-color: #55acee;
                   color: #ffffff; position: relative; text-decoration: none; }
.panel-heading a.collapsed { color: #ffffff; background-color: #333333; }
.panel-heading a:after { font-family: "FontAwesome"; content: "\f147"; position: absolute; right: 15px; font-size: 14px;
                         font-weight: 300; top: 50%; line-height: 1; margin-top: -7px; }
.panel-heading a.collapsed:after { content: "\f196"; }
.panel-heading a:hover { text-decoration: none; background-color: #55acee; color: #ffffff; }
.panel-title a i { padding-right: 10px; font-size: 20px; }


/* Isotope Items
---------------------------------- */
.filters { margin: 0 0 30px 0; }
.filters .nav-pills > li { margin-right: 2px; margin-bottom: 2px; }
.filters .nav-pills > li + li { margin-left: 0px; }
.text-center.filters .nav-pills > li { margin-right: 2px; margin-left: 2px; margin-bottom: 2px; display: inline-block; float: none; }
.isotope-container { overflow: hidden; }
.isotope-item { margin-bottom: 20px; }
.isotope-item .btn-default { color: #999999; }
.isotope-item .btn-default:hover { color: #ffffff; }
@media (max-width:480px) { .filters .nav-pills > li { width: 100%; display: block; } }



/* Fixed Header
----------------------------------------------------------------------------- */
.fixed-header-on .header { background-color: rgba(0, 0, 0, 0.95); padding: 5px 0; }
.fixed-header-on .site-name { font-size: 24px; }
.fixed-header-on .logo { -webkit-transform: scale(0.8); transform: scale(0.8); margin-top: 0; margin-bottom: 0; }
/* ----- Adaptations mobile ----- */
@media (max-width: 768px)
{

  /* Réduire les espacements verticaux */
  .section, .space { padding: 30px 0; }

  /* Titres moins imposants */
  h1, .title { font-size: 1.6rem; line-height: 1.2; }
  .site-name { font-size: 22px; }
  .site-slogan { font-size: 11px; }
  .banner-caption { top: 10%; padding: 0 10px; }
  img { max-width: 100%; height: auto; }
  .img-bg { background-attachment: scroll; background-size: cover; background-position: center; }
  .row .col, .row .col-sm-6, .row .col-sm-4, .row .col-sm-3 { width: 100%; float: none; }
  .navbar { padding: 8px 15px; }
  .logo img { width: 60px !important; }
}

/* Très petits écrans */
@media (max-width: 480px)
{
  h1, .title { font-size: 1.4rem; }
  .site-name { font-size: 18px; }
}