.loginCase a{
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.loginCase a:hover{
  color: rgb(17, 184, 67);
}
#espaceClient:hover{
  color: rgba(12, 74, 167, 0.719);
}
.loginCase{
  text-align: center !important;
  padding-top: 24px;
}
.headerbar{
  box-shadow: 0 4px 4px rgba(0,0,0,0.4); 
  position:sticky; 
  top:0; 
  background-color: white;
  
}
.littlepadding{
  padding: 5px;
}
.link:hover{
  text-decoration: none;
}
.mapcontainer{
  margin-top: 50px;
  background-image: url("../../images/map.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  max-height: 1280px;
  padding: 50px;
  text-align: center;
}
#mapNord, #mapSud {
  height: 500px;
}
.searchcontainer{
  border:solid 0px #ededed;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-webkit-box-shadow: 0px 8px 13px -4px rgba(51,51,51,0.7); 
box-shadow: 0px 8px 13px -4px rgba(51,51,51,0.7);
max-height: 700px;
padding : 20px;
}
.searchcontainer:hover{
  -webkit-box-shadow: 0px 8px 13px -4px rgba(12, 76, 173, 0.781); 
box-shadow: 0px 8px 13px -4px rgba(12, 76, 173, 0.781);
}
.searchcontainer img{
  margin-left:-30px;
  height: auto;
  max-width: 30%;
}
.searchcontainerHeading{
  margin-top:35px;
  margin-bottom: 25px;
  padding-left: 25px;
}
.grayContent{
background-color: #f6f8fd;
margin-top: 50px;

}
.numberBottomRight{
  position: absolute;
  right:0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
  background-color:rgba(225, 225, 233, 0.397);
  color: black;
  padding : 15px;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(29,126,135,0); 
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(29,126,135,0);
}

.textH1{
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 49px;
  font-style: normal; 
  font-variant: normal; 
  font-weight: 100; line-height: 53.9px;
  }
.parag{
  padding: 70px; 
  text-align:justify;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  letter-spacing: 0px;
  word-spacing: 0px;
  color: #5B5B5B;
  font-weight: 400;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
}

/************************** Formatage texte*******************************************/
.neon{
  text-shadow:0 0 20px #00FFFC,2px 3px 3px #141414, 0 0 100px #00D4D1;color:#00FFFC;
}
h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 23px;
  padding-top: 14px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}
h1.elegantshadow {
  color: #131313;
  letter-spacing: .15em;
}
h1.deepshadow {
  color: #e0dfdc;
  background-color: #333;
  letter-spacing: .1em;
  text-shadow: 0 -1px 0 #ffffff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}
h1.insetshadow {
color: rgba(11, 237, 253, 0.877);
  letter-spacing: .1em;
  text-shadow: -1px -1px 1px #05abc9, 2px 2px 1px #067799;
}
h1.retroshadow {
  color: #2c2c2c;
  background-color: #d5d5d5;
  letter-spacing: .05em;
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}

/*************** card  ****************/

.card {
  display: inline-block;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
  margin: 20px;
  position: relative;
  margin-bottom: 50px;
  transition: all .2s ease-in-out;
}

.card:hover {
  /*box-shadow: 0 5px 22px 0 rgba(0,0,0,.25);*/
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  margin-bottom: 54px;
}

.image {
  height: 200px;
  opacity: .7;
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.image:hover,
.card:hover .image {
  height: 200px;
  opacity: 1;
}

.text {
  background: #FFF;
  padding: 20px;
  min-height: 200px;
}

.text p {
  margin-bottom: 0px;
}

.fab {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  margin-top: -50px;
  right: 20px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  background: #0066A2;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.fab:hover {
  background: #549D3C;
  cursor: pointer;
  -ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}


/*************************footer******************************/

/* CSS Document */



.footer
{
	background: rgb(7, 2, 78);
	width: 100%;
  height: 300px;
  max-height: 300px;
}

#wrap
{
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#lightings
{
	bottom: -60px;
	position: absolute;
	width: 100%;
}

section
{
	/*border-radius*/
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 20px;
	width: 100%;
	position: relative;
	margin: auto;

}

#one
{
	/*animation*/
	-webkit-animation: one 5s ease-in-out infinite alternate;
	-moz-animation: one 5s ease-in-out infinite alternate;
	-ms-animation: one 5s ease-in-out infinite alternate;
	-o-animation: one 5s ease-in-out infinite alternate;
	animation: one 5s ease-in-out infinite alternate;
}
@-webkit-keyframes 
one { from {
-webkit-box-shadow: 0 0 250px 20px #473C78;
}

to { -webkit-box-shadow: 0 0 100px 15px #F72A3B; }
}
@-moz-keyframes 
one { from {
-moz-box-shadow: 0 0 250px 20px #473C78;
}

to { -moz-box-shadow: 0 0 100px 15px #F72A3B; }
}
@-o-keyframes 
one { from {
-o-box-shadow: 0 0 250px 20px #473C78;
}

to { -o-box-shadow: 0 0 100px 15px #F72A3B; }
}

@keyframes 
one { from {
box-shadow: 0 0 250px 20px #473C78;
}

to {box-shadow: 0 0 100px 15px #F72A3B; }
}

#two
{
	width: 90%;
	/*animation*/
	-webkit-animation: two 4s ease-in-out infinite alternate;
	-moz-animation: two 4s ease-in-out infinite alternate;
	-ms-animation: two 4s ease-in-out infinite alternate;
	-o-animation: two 4s ease-in-out infinite alternate;
	animation: two 4s ease-in-out infinite alternate;
}
@-webkit-keyframes 
two { from {
-webkit-box-shadow: 0 0 250px 20px #18C499;
}

to { -webkit-box-shadow: 0 0 100px 15px #D8F05E; }
}
@-moz-keyframes 
two { from {
-moz-box-shadow: 0 0 250px 20px #18C499;
}

to { -moz-box-shadow: 0 0 100px 15px #D8F05E; }
}
@-o-keyframes 
two { from {
-o-box-shadow: 0 0 250px 20px #18C499;
}

to { -o-box-shadow: 0 0 100px 15px #D8F05E; }
}

@keyframes 
two { from {
box-shadow: 0 0 250px 20px #18C499;
}

to { box-shadow: 0 0 100px 15px #D8F05E; }
}

#three
{
	width: 80%;
	/*animation*/
	-webkit-animation: three 3s ease-in-out infinite alternate;
	-moz-animation: three 3s ease-in-out infinite alternate;
	-ms-animation: three 3s ease-in-out infinite alternate;
	-o-animation: three 3s ease-in-out infinite alternate;
	animation: three 3s ease-in-out infinite alternate;
}
@-webkit-keyframes 
three { from {
-webkit-box-shadow: 0 0 250px 20px #FFDD00;
}

to { -webkit-box-shadow: 0 0 100px 15px #3E33FF; }
}
@-moz-keyframes 
three { from {
-moz-box-shadow: 0 0 250px 20px #FFDD00;
}

to { -moz-box-shadow: 0 0 100px 15px #3E33FF }
}
@-o-keyframes 
three { from {
-o-box-shadow: 0 0 250px 20px #FFDD00;
}

to { -o-box-shadow: 0 0 100px 15px #3E33FF }
}

@keyframes 
three { from {
box-shadow: 0 0 250px 20px #FFDD00;
}

to { box-shadow: 0 0 100px 15px #3E33FF }
}

#four
{
	width: 70%;
	/*animation*/
	-webkit-animation: four 2s ease-in-out infinite alternate;
	-moz-animation: four 2s ease-in-out infinite alternate;
	-ms-animation: four 2s ease-in-out infinite alternate;
	-o-animation: four 2s ease-in-out infinite alternate;
	animation: four 2s ease-in-out infinite alternate;
}
@-webkit-keyframes 
four { from {
-webkit-box-shadow: 0 0 250px 20px #781848;
}

to { -webkit-box-shadow: 0 0 100px 15px #F2BBE9; }
}
@-moz-keyframes 
four { from {
-moz-box-shadow: 0 0 250px 20px #781848;
}

to { -moz-box-shadow: 0 0 100px 15px #F2BBE9; }
}
@-o-keyframes 
four { from {
-o-box-shadow: 0 0 250px 20px #781848;
}

to { -o-box-shadow: 0 0 100px 15px #F2BBE9; }
}

@keyframes 
four { from {
shadow: 0 0 250px 20px #781848;
}

to { shadow: 0 0 100px 15px #F2BBE9; }
}

#five
{
	width: 60%;
	/*animation*/
	-webkit-animation: five 1s ease-in-out infinite alternate;
	-moz-animation: five 1s ease-in-out infinite alternate;
	-ms-animation: five 1s ease-in-out infinite alternate;
	-o-animation: five 1s ease-in-out infinite alternate;
	animation: five 1s ease-in-out infinite alternate;
}
@-webkit-keyframes 
five { from {
-webkit-box-shadow: 0 0 250px 20px #42F2A1;
}

to { -webkit-box-shadow: 0 0 100px 15px #F4F6AD; }
}
@-moz-keyframes 
five { from {
-moz-box-shadow: 0 0 250px 20px #42F2A1;
}

to { -moz-box-shadow: 0 0 100px 15px #F4F6AD; }
}
@-o-keyframes 
five { from {
-o-box-shadow: 0 0 250px 20px #42F2A1;
}

to { -o-box-shadow: 0 0 100px 15px #F4F6AD; }
}

@keyframes 
five { from {
box-shadow: 0 0 250px 20px #42F2A1;
}

to { box-shadow: 0 0 100px 15px #F4F6AD; }
}


.noUnderlined :hover {
  text-decoration: none;
}


/****************************************contact form*********************************************/
.formcontainer{
  background-image: url("../../images/contact.svg");
  width: 100%;
  max-height: 1500px;
  padding: 35px;
  text-align: center;
}
.formcontainerinside{
  border-radius: 12px;
  background-color: floralwhite;
  -webkit-box-shadow: 0px 9px 26px -1px rgba(3,3,3,0.8);
  -moz-box-shadow: 0px 9px 26px -1px rgba(3,3,3,0.8);
  box-shadow: 0px 9px 26px -1px rgba(3,3,3,0.8);
  padding : 20px;
  margin-right: 20%;
  margin-left: 20%;
}
.resizerestrict{
  resize: vertical;
  max-height: 120px;
}
.ajust{
    text-align: justify;
    text-justify: inter-word;
}
.ajustpadding{
  padding : 20px;
}

.responsiveText{
    font-size: 1.4vw;
    font-weight: bold;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif
}

.note{
    color:white;
    background-color: rgb(28, 120, 253);
    padding:3px 15px 6px 15px;
    border-radius: 25px;
    font-weight: normal;
}
.link-single{
    color: #8a8a8a;
    margin-right: 25px;
}
.image-single
{
    width: 240px;
    height: 140px;
}
.badge_info{
    margin: 10px 20px 10px 1px;
    display: inline-block;
    font-style: normal;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: medium;
}
.badge_info_number{
    background-color: #b2b8bc;
    color: white;
    padding: 0px 13px 2px 13px;
    display: inline;
    border-radius: 10px;
}
.badge_info_number_blue{
    background-color: #1e67bc;
    color: white;
    padding: 0px 13px 2px 13px;
    display: inline;
    border-radius: 10px;
}
.badge_info_number_green{
    background-color: #2cbc64;
    color: white;
    padding: 0px 13px 2px 13px;
    display: inline;
    border-radius: 10px;
}


.headingSearch{
    width:100%;
    height: 275px;
    background-image: url("../../images/search.jpg");
    background-attachment: fixed;
    background-size:cover;
    padding: 100px 20% 100px 1%;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-weight: bolder;
    color: whitesmoke;
    font-size: 3em;
}
.headingActu{
    width:100%;
    height: 275px;
    background-image: url("../../images/actu.jpg");
    background-attachment: fixed;
    background-size:cover;
    padding: 100px 20% 100px 1%;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-weight: bolder;
    color: whitesmoke;
    font-size: 3em;
}
.headingSyndic{
    width:100%;
    height: 275px;
    background-image: url("../../images/syndic.jpg");
    background-attachment: fixed;
    background-size:cover;
    padding: 100px 20% 100px 1%;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-weight: bolder;
    color: whitesmoke;
    font-size: 3em;
}
.content_left_bordered{
    padding-left: 20px;
    border-left: #1cbae5 solid 2px;
}