@media all and (max-device-width: 400px)
{
    .block{
        display: inline;
        font-size: small;
    }
}

@font-face {
    font-family: 'quadranta';
    src: url('quadranta.eot');
    src: url('quadranta.otf') format('truetype'),
         url('quadranta.woff') format('woff'),
         url('quadranta.eot?#iefix') format('embedded-opentype'),
         url('quadranta.svg#QuadrantaBold') format('svg');
    font-weight: normal;
    font-style: normal;
     }

body{
    background-color:   #D3D3D3;
    font-family: "Century Gothic";
    width: 100%;
    height: 100%;
}


a, a:hover,a{
  text-decoration:none;
}


.no-gutter {
    padding-right:0px;
    padding-left:0px;
    margin-right:0px;
    margin-left:0px;
    background-color: #603773!important;
    height: 27px !important;  
}

.news {
    width: 160px;
    font-weight: bold;
    height: 8px;
    font-size: 13px;
    color: #fff;
    
}

.news-scroll a {
    text-decoration: none;
    color: #fff;
}

.dot {
    height: 6px;
    width: 6px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px !important;
    background-color:#603773;
    display: inline-block;
}

li a.fa { 
margin-top: 0px !important;
font-size: 15px;
width: 10px;
margin-right: 15px;
text-align: center;
text-decoration: none;
border-radius: 50%;
color: #fff;
}

.logo{
    padding: 15px 100px 15px 100px;
}
.logo a{text-decoration: none;color: #fff;}
.who{
background-color: #65366a;
border-radius: 50px; 
margin-top: 15px;
padding: 5px;
position: relative;
float: right;
text-decoration: none;
}

/*------------- gestion de la grille des sites ------------------------ */
  .a-img-txt{
  display:grid; 
  float: right;
}

/* les enfants se superposent */
.a-img-txt>*{
  grid-area:1/1/-1/-1; 
  /* raccourci pour grid-row et grid-column */
}
.a-img{
 
}
/* le texte */
.a-txt{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff;
  opacity:-5;
  filter:invert(0); /* antibug si effet sur a-img */
  text-decoration:none;
  transition:opacity .8s;
}

/* les couleurs c1 et c2 */
.c1{
      background:url(../images/orientation.jpg) no-repeat;
     /* background-size: contain; /* avec alpha */
      opacity: 0.01; 
      background: rgba(103, 54, 106, 0.8);
}
.c2{
      background:url(../images/international.png); /* avec alpha */
      opacity: 0.01; 
      color: #fff;
}
.c3{
      background:url(../images/voyage.png); /* avec alpha */
      opacity: 0.01; 
      color: #fff;
}
}
.c4{
      background:url(../images/career.jpg); /* avec alpha */
      opacity: 0.01; 
}
.c5{
      background:url(../images/digitech.jpg); /* avec alpha */
      opacity: 0.01; 
      color: #fff;
}
.c6{
      background:url(../images/fondation.jpg); /* avec alpha */
      opacity: 0.01; 
      color: #fff;
}

/* le survol */
.a-txt:hover{
  opacity:50;
  text-align:center;
  background: rgba(103, 54, 106, 0.8);
}
.a-img-txt:hover .a-img{
  filter:invert(0);
  
}
/* la déco */

img{
  max-width:100%;
  height:auto;
}

.Grille{
border-right:solid 8px #603773;
border-left: solid 8px #603773;
margin: 0px;
padding: 0px;


}
.logo-grid {
    
    
}
.logo-grid1 {   
    background-color: #E4E5E9;
}

.logo-grid2 {   
    background-color: #603773;
}

.logo-grid3 {   
    background-color: #E4E5E9;
}

.logo-grid4 {   
    background-color: #603773;
}

.logo-grid5 {   
    background-color: #E4E5E9;
}

.logo-grid6 {   
    background-color: #603773;
}

.col-sm-6{
    padding-right: 0px;
    padding-left: 0px
}




/* pied de page*/
.info{
    font-size: 14px;
    color:#603773;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom:30px;
    padding-top: 30px;
    font-weight: bold;
    border-right: solid 8px #603773 !important;
    border-left: solid 8px #603773 !important;
    margin: 0px;
    text-align: center;
}
.situation{
    font-weight: bold;
}
.contact{

}
.end-bar{
    padding:2px;
    background: #603773!important;
    color: #FFFFFF;
    height: 40px !important;

}
.end-bar a{text-decoration: none;color: #fff;}

.Copyright{
    text-align: center;
    font-size:15px;
}
.partner{
    padding-bottom: 15px;padding-top:5px; border-bottom: 1px solid white;
}
/*image en arriere plan*/


main { 
    margin:0;
  padding:0;
   background: url(images/fond.png) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
  overflow: hidden;
  
}
.row{
    background:rgba(211,211,211, 0.8);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
main.overlay {
    background-color: Gray;
    position:relative;
    width: 100%;
    height: 100%;
    opacity: 0.20;
    -moz-opacity: 20%;
    -webkit-opacity: 20%;
    z-index: 2;
}