/*xs = Extra small <576px
Max container width None (auto)
col-xs-* have been dropped in Bootstrap 4 in favor of col-*. 

sm = Small =576px
Max container width 540px

md = Medium =768px
Max container width 720px

lg = Large =992px
Max container width 960px

xl = Extra large =1200px
Max container width 1140px
*/

@media (max-width: 576px) {
  .nodisplaysmall{
     display:none;
  }
}
@media print {
  .noprint {
     display:none;
   }
}   

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  font-size: 11pt;
  color: #333333;
  background-color: white;
  text-align: center;
  max-width:1920px;
}

a {
  text-decoration: none;
  color: blue;
}

table a {
  text-decoration: underline;
  color: black;
}

@media (min-width:768px) {
  .associes{
   top:7em;
  }
  .footer-logo{
    padding-top:20px;
    left:-81px;
  }
  .footerlogobot {
    padding-bottom:20px;
  }
}


.footer-dark {
  padding:0;
  font-size: 1.2rem;
}

.footer-bcg {
  color:black;
  font-size:.7em; 
  background-color: #cccccc;
}

.footer-dark h3 {
  color:black;
  text-decoration:none;
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:1.0em;
}

.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:2; 
  font-size:1.1em; 
  margin-bottom:0;
}

.footer-dark ul a {
  color:black;
  text-decoration:none;
  opacity:1;
}

.footer-dark h3 a  {
  color:inherit;
  text-decoration:none;
}

.footer-dark ul a:hover {
  opacity:0.8;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
}

.footer-dark .copyright {
  text-align:center;
  padding-top:24px;
  opacity:0.3;
  font-size:.8rem;
  margin-bottom:0;
}


 .landing {  
  margin-top: 0px;  
  margin-right: auto;  
  margin-left: auto;  
  width: 99%;  
  -webkit-box-shadow: 6px 5px 11px 2px #333333;
  box-shadow: 6px 5px 11px 2px #333333; 
}
@media (min-width: 768px) {
 .landing {  
    margin-top: 10px;  
 }
}

#PrintGallery{
 display: none; 
}

table {
  table-layout: fixed;
}
h1 {
  color: black;
  text-align: center;
  font-size: 40px;
  margin-top: 20px;
}
h2 {
  color: black;
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 10px; 
}
@media (min-width: 768px) {
  h2 {
   font-size: 2em;
  }
}

h3 {
  text-align: left;
}

.ligne_menu {
  border-style: solid;
  border-width: 0px;
  background-color: #cccccc;
  position: relative;
  height: 26px;
}  
.menu {
  margin-right: 15px; 
  margin-top: -26px;
  width: 98%;
}
.ShadowRounded {
  position: relative;
  border-radius: 8px;
  box-shadow: 6px 5px 11px 2px #333333;
}

.rounded {
  border-radius: 8px;
}
.rounded-top {
  background-color:#fff;
  border-radius: 8px 8px 0 0;
}
.rounded-bottom {
  border-radius: 0 0 8px 8px;
  width: 100%;
}

.BodyCentral {
  width: 96%;
  //margin-right: auto;
  //margin-left: auto;
  background-color: white;
  max-width: 1100px;
 }

 @media (min-width: 771px) {
 .BodyCentral {
   width: 99%;
   margin-right: auto;
   margin-left: auto;
   background-color: white;
   max-width: 1100px;
  }
 }
.content {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  amax-width: 1100px;
  min-width: 320px;
  padding:0px;
}
.topmenu {
  height: 29px;
  text-align: right;
  padding-right: 20px;
}
.topmenu ul {
  margin: 0;
  list-style-type: none;
}
.topmenu li {
  display: inline;
}
.topmenu a {
  padding: 0 10px 5px;
  text-decoration: none;
  color: #1f1e2c;
}
.topmenu a:hover {
  background-color: #3333ff;
  background-repeat: repeat-x;
  background-position:  center center;
  background-attachment: fixed;
  color: white;
}
.footer {
  color: #333333;
  height: 28px;
  padding-left: 20px;
}
.footer a {
  color: #2897af;
}
.footer div.small {
  display: inline;
  font-size: 0.75em;
  float: right;
  width: 270px;
}
.topmenu a.selected {
  color: #6633ff;
  background-position:  center center;
  background-color: transparent;
}

.image {
  border-style: none;
  border-width: 1px;
  margin: 20px;
}
.imageG {
  border-style: none;
  border-width: 0px;
  margin: 20px;
  margin-left: 0px;
  float: left;
}
.imageD {
  border-style: none;
  border-width: 0px;
  margin: 20px;
  margin-right: 0px;
  float: right;
}
.image2 {
  border-style: solid;
  border-width: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  width: 95%;
}
.text {
  text-align: justify;
  padding-left: 35px;
  padding-right: 35px;
}
.bandeau {
  /*position: relative;
  height: 130px; */
  padding-top: 10px;
  background-position: center top;
  color: white;
}
.imgbd1 {
  background-image: url(../img/large/bandeau15.jpg);
  background-position:  left center
  background-attachment: scroll;
}
.imgbd2 {
  background-image: url(../img/large/bandeau2.jpg);
  background-position:  center center;
  background-attachment: scroll;
}
.imgbd3 {
  background-image: url(../img/large/bandeau3.jpg);
  background-position:  center center;
  background-attachment: scroll;
}
.imgbd4 {
  background-image: url(../img/large/bandeau4.jpg);
  background-position:  center center;
  background-attachment: scroll;
}
.imgbd5 {
  background-image: url(../img/large/bandeau5.jpg);
  background-position:  center center;
  background-attachment: scroll;
}
.imgbd6 {
  background-image: url(../img/large/bandeau6.jpg);
  background-position:  center center;
  background-attachment: scroll;
}
.imgbd7 {
  background-image: url(../img/large/bandeau7.jpg);
  background-position:  center center;
  background-attachment: scroll;
}
.imgbd8 {
  background-image: url(../img/large/bandeau8.jpg);
  background-position:  center center;
  background-attachment: scroll;
}


.plan1{
   width: 50%;
   padding-top: 60px;
}
    
@media screen and (max-width: 500px){
        body {
         font-size: 10pt;
        }
        .content {
           width: 100%;
        } 
        .text{
          padding-left: 10px;
          //text-align: left;
        }
        h1 {
         font-size: 20px;
          margin-top: 10px;
        }  
        .bandeau {
          height: 150px;
          padding-top: 5px;
        }      
        .plan1{
          width: 95%;
          padding-top: 0px;
          margin-top: -20px;
        }
        .menu {
          margin-right: 0px; 
        }
 .imgbd1 {
    background-image: url(../img/small/bandeau1.jpg);
 } 
 .imgbd2 {
    background-image: url(../img/small/bandeau2.jpg);
 }
 .imgbd3 {
    background-image: url(../img/small/bandeau3.jpg);
 }
 .imgbd4 {
    background-image: url(../img/small/bandeau4.jpg);
 }
 .imgbd5 {
    background-image: url(../img/small/bandeau5.jpg);
 }
 .imgbd6 {
    background-image: url(../img/small/bandeau6.jpg);
 }
 .imgbd7 {
    background-image: url(../img/small/bandeau7.jpg);
 }
 .imgbd8 {
    background-image: url(../img/small/bandeau8.jpg);
 }

}

   /* Menu - nav 
  ------------
  navbar-expand-lg  ==> mobile menu on md screens <992px
*/

.navbar-toggler {
  margin-right : 1rem !important;
  margin-bottom : 0.2rem !important;
}

.navbar-custom {
   background-color: #CCCCCC;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    background-color: #CCCCCC;
    color: black;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    background-color: #CCCCCC;
    color: black;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    background-color: #CCCCCC;
    color: white;
}

.navbar-nav {
  font-weight: normal  !important;
  letter-spacing:1.5px !important;
}

.nav-link.active {
    color: white !important;
    font-weight: bold; 
}
}
.navbar-item {
  font-weight: normal  !important; 
}
.navbar-nav  li{
  padding-left:4px;
  padding-right:4px;
}
.dropdown-menu {
 abackground-color: #CCCCCC !important; 
 line-height: 25px;
 font-weight: normal  !important;
 min-width: 180px;
}
.dropdown-item{           
  font-size: .8em !important;
  white-space: normal;
  font-weight: normal !important;  
  ALletter-spacing:0px !important;
}

@media (min-width: 360px) {

.dropdown-menu {
 background-color: #CCCCCC !important; 
 text-align: center;
 line-height: 15px;
 ztop: 40px;
 top: 40px;
}

.dropdown-item{           
  ALfont-size: .8em !important;
  white-space: normal;
  font-weight: 400  !important;
  ALletter-spacing:0px !important;
}

.dropdown-item:hover{           
   font-weight: normal  !important;
}

@media (min-width: 765px) {
  .dropdown-menu:after {
    position: absolute;
    top: -9px;
    left: 40%;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid grey;
    border-left: 10px solid transparent;
    content: '';
  }
}


} /* min-width: 992px */

#global-nav1{
   -webkit-transition: height .5s, line-height .5s; /* Safari */
    transition: height .5s, line-height .5s;
  font-size: .9em; 
  margin-top: -6px;
}

.nav1pos {
  top:-55px;
}

.navbar-default .navbar-toggle .icon-bar {
    color: black;
}

@media (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
  display: block;
  }
}

.celoheader{
 font-size: 1.8em;
}

@media (min-width: 768px) {
 .celoheader{
   font-size: 2.5em;
 }
}

/*carousel */
.fa3x{ 
  font-size: 1.5em;
}
.carousel-cap {
  font-size: .8em;
}
@media (min-width: 500px) {
 .fa3x{ 
  font-size: 3em;
 }
 .carousel-cap {
  font-size: 1.4em;
 }
}