.fond {
      background: rgb(83,184,250); 
      background: -webkit-linear-gradient(rgb(83,184,250),rgb(223,234,242)); 
      background: -o-linear-gradient(rgb(83,184,250),rgb(223,234,242)); 
      background: -moz-linear-gradient(rgb(83,184,250),rgb(223,234,242));
      background: linear-gradient(rgb(83,184,250),rgb(223,234,242))
}


.container {
    position: relative;   
    margin: 0 auto;  
          
}

.container .content {
    position: absolute;
    bottom: 5px;
    background: rgba(0, 0, 0, 0.3);  
    color: #f1f1f1;
    width: 150px;
    height:15px;
    padding: 15px;
    box-sizing: border-box;
     border-radius:10px;
    
}

.container a img {
  width:150px;
}



.container .content p {
	margin-top:-20px;
	text-align:center;
    font-size:1.3em;
   letter-spacing:-0.05em;
    transition-duration:0.1s;   
   
}

/*
.container .content p:hover {
   
    opacity:0.9;

}

/*

 *{
    box-sizing: border-box;
}

*/

#textscroll img {
    height:120px;
    width:150px;
    border:1px solid white;  
    box-shadow: 5px 5px 5px 2px rgb(128,128,128); 
    border-radius:10px;
}




.carnot:hover ,.brunpain:hover, .flocon:hover, .poutrain:hover, .bousbecque:hover, .reliance:hover, .chrs:hover, .cpe:hover, .siege:hover, .paj:hover {
     /* -ms-transform: scale(1.10, 1.10);  
    -webkit-transform: scale(1.10, 1.10);  
    transform: scale(1.10, 1.10);  */
    opacity:0.7;  
    box-shadow: 2px 2px 5px 2px lightgrey; 


}


.carnot {
  position:absolute;
  left:220px;
  top:500px;
  transition-duration:0.1s; 

}



.brunpain {
    position:absolute;
    top:500px;
    left:390px;
    transition-duration:0.1s;
}

.flocon {
    position:absolute;
    top:500px;
    left:560px;
    transition-duration:0.1s;
}

.poutrain {
    position:absolute;
    top:500px;
    left:730px;
    transition-duration:0.1s;
}

.bousbecque {
    position:absolute;
    top:500px;
    left:900px;
    transition-duration:0.1s;
}

.reliance {
    position:absolute;
    top:80px;
    left:900px;
    transition-duration:0.1s;

}

.chrs {
    position:absolute;
    top:80px;
    left:220px;
    transition-duration:0.1s;

}


.cpe {
     position:absolute;
    top:250px;
    left:900px;
    transition-duration:0.1s;
  
}


.paj {
     position:absolute;
     top:250px;
     left:220px;   
     transition-duration:0.1s;
}


.CBP {
    position:absolute;
    top:395px;
    left:300px;
    height:70px;
    width:150px;
    background-color:rgb(63,165,235);
    border:1px solid white;

}

.CBP p {
    text-align:center;
    font-size:1.2em;
    color:white;
}

.FBP {
    position:absolute;
    top:395px;
    left:730px;   
    height:70px;
    width:150px;
     background-color:rgb(63,165,235);
      border:1px solid white;
}

.FBP p {
    text-align:center;
    font-size:1.2em;
    color:white;
     
    

}





.siege {
   position:absolute;
   top:160px;
   left:540px;  
  /*   background-color:rgb(63,165,235); */
     transition-duration:0.1s;
}

#textscroll a .siegesocial {
  width:190px;
  height:160px;
}

.siege p {
      text-align:center;
    font-size:1.2em;
    color:white;
}

/*
.accompagnement {
     position:absolute;
   top:55px;
   left:250px;
    height:100px;
    width:150px;
     background-color:rgb(63,165,235);

}

.accompagnement p {
      text-align:center;
    font-size:1.2em;
    color:white;
}

*/


.PAJ p{
      text-align:center;
    font-size:1.2em;
    color:white;
}




.reliance p {
     text-align:center;
    font-size:1.2em;
}




.CPE p {
     text-align:center;
    font-size:1.2em;
}