html { overflow: hidden; } 
#global {
		position: fixed;
		height: 100%;
		z-index: 1050;
}
#LogoIntro {
	position: absolute;
	width: 1200px;
	height: 600px;
	z-index: 1000;
	top: 5px;
	left: 0px;
	text-align: center;
	-webkit-animation: mymove1 5s; /* Chrome, Safari, Opera */
	animation: mymove1 5s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove1 {
    from {top: -500px;}
    to {top: 5px;}
}

@keyframes mymove1 {
    from {top: -500px;}
    to {top: 5px;}
}


#Bloc_logoIntro {
	position: relative;
	width: 400px;
	height: 400px;
	z-index: 1021;
	top: 0px;
	left: 402px;
}


#Bloc_logo {
	position: relative;
	width: 200px;
	height: 200px;
	z-index: 1020;
	top: -117px;
	left: 2%;
	-webkit-animation: swing-in-bottom-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-bottom-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

#adherent a{
    text-decoration: none;
}

#agent_FP {
	position: absolute;
	width: 250px;
	height: 250px;
	z-index: 1050;
	background-color: #ec4d8f;
	line-height: 1.2;
    color: white;
	border-radius: 10px;
	top: 292px;
	left: 210px;
	text-align: center;
	-webkit-animation: scale-in-tr 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 5s both;
	        animation: scale-in-tr 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 5s both;
}


@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

#salarie_prive {
	position: absolute;
	width: 250px;
	height: 250px;
	z-index: 1050;
	background-color: #afca0b;
	line-height: 1.2;
	border-radius: 10px;
    color: white;
	top: 292px;
	left: 740px;
	text-align: center;
	-webkit-animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
	        animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
}

@-webkit-keyframes scale-in-tl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}


#adherent_CDC{
	position: absolute;
	z-index: 1050;
	top: 292px;
	left: 475px;
	text-align: center;
	background-color: #3B5998;
	line-height: 1.2;
	width: 250px;
    height: 250px;
    color: white;
    border-radius: 10px;
	-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
}

@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

#extranet_CDC{
	position: absolute;
	z-index: 1050;
	top: 505px;
	left: 500px;
	text-align: center;
	background-color: #f18700;
	line-height: 1.2;
	width: 200px;
    height: 75px;
    color: white;
    border-radius: 10px;
	-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
	        animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
}

@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}



#SociaLink {
	position: absolute;
	width: 60px;
	height: 200px;
	z-index: 1020;
	right: -5px;
	top: 325px;
}

.fa-facebook {
  background: #3B5998;
  color: white;
  padding: 20px;
  font-size: 40px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
  padding: 20px;
  font-size: 40px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}
.fa-rss {
  background: #e94287;
  color: white;
  padding: 20px;
  font-size: 40px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}

.fa-home {
  background: #e94287;
  color: white;
  padding: 20px;
  font-size: 40px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}

.fa-user {
  background: #afca0b;
  color: white;
  padding: 20px;
  font-size: 45px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}



.fa-facebook:link {
    color: #ffffff;
}
.fa-linkedin:link {
    color: #ffffff;
}
.fa-facebook:visited {
    color: #ffffff;
}
.fa-linkedin:visited {
    color: #ffffff;
}
.fa-facebook:hover {
    opacity: 0.7;
}
.fa-linkedin:hover {
    opacity: 0.7;
}
.fa-rss:link {
    color: #ffffff;
}
.fa-rss:visited {
    color: #ffffff;
}
.fa-rss:hover {
    opacity: 0.7;
}
.fa-home:link {
    color: #ffffff;
}
.fa-home:visited {
    color: #ffffff;
}
.fa-home:hover {
    opacity: 0.7;
}
.fa-user:link {
    color: #ffffff;
}
.fa-user:visited {
    color: #ffffff;
}
.fa-user:hover {
    opacity: 0.7;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #ee5a47;
  color: #fff;
  font-family: "Ubuntu", Arial, Helvetica, sans-serif;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  box-shadow: 0px 0px 6px #000;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 52%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.Style49 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #3B5998; font-weight: bold; font-size: 36px;}
.Style50 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #f18700; font-weight: bold; font-size: 36px;}
.Style51 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #afca0b; font-weight: bold; font-size: 36px;}
.Style52 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #e94287; font-weight: bold; font-size: 36px;}
.Style53 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #1d71b8; font-weight: bold; font-size: 36px;}
.Style54 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #afca0b; font-weight: bold; font-size: 30px;}
.Style55 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #e94287; font-weight: bold; font-size: 30px;}
.Style56 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #1d71b8; font-weight: bold; font-size: 30px;}
.Style57 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #3B5998; font-weight: bold; font-size: 30px;}
.Style58 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #f18700; font-weight: bold; font-size: 30px;}
.Style1 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #afca0b; font-style: regular; font-size: 12px;}
.Style2 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold;}
.Style20 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold;}
.Style21 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold;}
.Style2100 {font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 100px; font-weight: bold; color: rgba(255, 255, 255, 0.7);}
.Style200 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #000000; font-size: 14px; font-weight: bold;}
.Style3 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #343233; font-style: regular; font-size: 14px;}
.Style300 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 15px;}
.Style3000 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #343233; font-weight: 800; font-size: 14px;}
.Style4 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #afca0b; font-weight: bold; font-size: 16px;}
.Style5 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #343233; font-style: italic; font-size: 14px; font-weight: bold;}
.Style6 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #e94287; font-size: 16px; font-weight: bold;}
.Style7 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: italic; font-size: 12px;}
.Style8 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #afca0b; font-size: 14px; font-weight: bold;}
.Style9 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #343233; font-style: italic; font-size: 10px;}
.Style90 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #343233;font-style: regular; font-size: 11px;}
.Style10 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 24px;}
.Style1018 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 18px;}
.Style105 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 16px; text-shadow: 0px 0px 6px #000;}
.Style101 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #afca0b; font-weight: bold; font-size: 24px; text-shadow: 0px 0px 6px #000;}
.Style102 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #e94287; font-weight: bold; font-size: 24px; text-shadow: 0px 0px 6px #000;}
.Style103 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #1d71b8; font-weight: bold; font-size: 24px; text-shadow: 0px 0px 6px #000;}
.Style1050 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 16px;}
.Style1051 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 14px;}
.Style1010 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #afca0b; font-weight: bold; font-size: 24px;}
.Style1020 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #e94287; font-weight: bold; font-size: 24px;}
.Style1030 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #1d71b8; font-weight: bold; font-size: 24px; line-height: 1.2 }
.Style1040 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #f18700; font-weight: bold; font-size: 24px;}
.Style1060 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #3B5998; font-weight: bold; font-size: 24px;}
.Style1070 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #f18700; font-weight: bold; font-size: 24px;}
.Style11 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #343233; font-style: regular; font-size: 14px;}
.Style12 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: regular; font-size: 12px; text-align: justify;}
.Style13 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #1d71b8; font-style: italic; font-size: 16px; text-align: left; text-shadow: 0px 0px 6px #000;}
.Style130 {font-family: "Oswald", Arial, Helvetica, sans-serif; color: #e94287; font-style: italic; font-size: 16px; text-align: left; text-shadow: 0px 0px 6px #000;}
.Style14 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #e94287; font-style: regular; font-size: 18px;}
.Style15 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #000000; font-style: regular; font-size: 10px;}
.Style150 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #1d71b8; font-style: italic; font-weight: 800; font-size: 11px;}
.Style16 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: regular; font-size: 14px;}
.Style17 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: regular; font-size: 09px;}
.Style18 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #1d71b8; font-size: 16px; font-weight: bold;}
.Style19 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #afca0b; font-size: 16px; font-weight: bold;}
.Style20 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; font-weight: bold;}
.Style22 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #3B5998; font-size: 16px; font-weight: bold;}
.Style23 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #f18700; font-size: 16px; font-weight: bold;}
.Style24 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #000; font-size: 16px; font-weight: bold;}
.Style222 {font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #1d71b88; font-size: 12px; font-style:italic;}








@font-face{font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 14px;}
*, *:after, *:before {box-sizing: border-box;}
.grid{position:relative;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center}
.grid figure{position:relative;float:left;overflow:hidden;margin:0px 1%;min-width:150px;max-width:150px;max-height:150px;width:100%;background:#000;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:0,1em;color:#ffffff;text-transform:uppercase;font-size:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{font-family:Verdana, Geneva, sans-serif; font-size:12px; text-shadow: 0px 0px 6px #000;}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{font-size:10px}
@media screen and (max-width:50em){
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}
}