/* SITE --------------------------------------------------------------------------------------------------------- */ 

.cadre-diapo{
margin: auto;
min-height:632px;
max-height:632px;
max-width:960px;
position:relative;
	}

.diapo {
opacity:0;
position:absolute;
left:50%;
top:50%;transform:translate(-50%,-50%);
transition:opacity 1s;
width:100%;
max-width:960px;
}
 
 button{
border: none;
cursor: pointer
	}
.precedent,
.suivant{
color: silver;
transition:color .4s linear;
top:50%;
transform:translatey(-50%);
padding:.5rem;
font-size:3rem;
background:rgba(238,238,238,0.9);
position:absolute	
	}
.precedent{left:0}
.suivant{right:0}
.precedent:hover,
.suivant:hover{color:#555;
background:rgba(238,238,238,0.5);
}





@font-face {
    font-family: "MyriadPro";
    src: url('fonts/MyriadPro-Regular.otf');
    src: url('fonts/MyriadPro-Regular.woff');
}
@font-face {
    font-family: "MyriadPro-Cond";
    src: url('fonts/MyriadPro-Cond.otf');
    src: url('fonts/MyriadPro-Cond.woff');
}
@font-face {
    font-family: "MyriadPro-Bold";
    src: url('fonts/MyriadPro-Bold.otf');
    src: url('fonts/MyriadPro-Bold.woff');
}

body {
	background-color: #ffffff;
    font-family: "Calibri", "Arial", "MyriadPro", "sans-serif";
}

/* SITE - centrage vertical*/ 
html,body {
    /* suppression des éventuels styles par défaut */
    margin:0;
    padding:0;

    /* on spécifie un repère pour le calcul des hauteurs */
    height:100%;
}
.struct, #content {
    /* on permet à ces éléments de s'aligner verticalement */
    display:inline-block;
    vertical-align:middle;
}
.struct {
    /* hauteur de la fenêtre, par rapport à laquelle les éléments vont être alignés */
    height:100%;
}
#content {
    width: 100%;
    height: 680px;
	background-color: #ffffff;
}


/* PAGE centrage horizontal*/
#page {
	position: relative;
	background-color: white;
	width: 960px;
	height: 680px;
	margin: auto;
}
@media all and (max-device-width: 960px) {
#page {
	width: auto;
}
}

header, footer, article, section, nav, menu, hgroup {
   display: block;
}

.accueil {
	background-color: #ffffff;
}
.init {
	opacity: 0;
}
.references {
	background-color: #1e00c0;
	background-image: -webkit-gradient(to right, color-stop( 0% , rgba(238,238,238,1)),color-stop( 50% , rgba(255,255,255,1)),color-stop( 100% , rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
.ref_archi {
	background-color: #ff4b32;
	background-color: #ff3c19;
	background-color: #ff643a;
	background-color: #ff3200;
	background-image: -webkit-gradient(to right, color-stop( 0% , rgba(238,238,238,1)),color-stop( 50% , rgba(255,255,255,1)),color-stop( 100% , rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
.ref_pays {
	background-color: #92d050;
	background-image: -webkit-gradient(to right, color-stop( 0% , rgba(238,238,238,1)),color-stop( 50% , rgba(255,255,255,1)),color-stop( 100% , rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}

.ref_date, .ref_proj_date, .ref_date_init {
    font-family: "MyriadPro-Bold";
	color: #ffffff;
	font-size: 72pt;
	font-weight: bold;
	opacity: 1;
}
.ref_date_init {
	opacity: 0;
}
#references_date_1983, #references_date_1988, #references_date_1998, #references_date_2002, #references_date_2004, #references_date_2005, #references_date_2017, #references_date_actu,
#references_date_1983_init, #references_date_1988_init, #references_date_1998_init, #references_date_2002_init, #references_date_2004_init, #references_date_2005_init, #references_date_2017_init, #references_date_actu_init {
	z-index: 2;
	position: absolute;
	height: 48px;
	line-height: 61%;
	overflow: hidden;
}
#references_date_1983_init, #references_date_1988_init, #references_date_1998_init, #references_date_2002_init, #references_date_2004_init, #references_date_2005_init, #references_date_2017_init, #references_date_actu_init {
	opacity: 0;
}
#footer_ref_archi11_date_init, #footer_ref_pays11_date_init {
	opacity: 0;
}
@-webkit-keyframes references_date_1983 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 0px;}
}
    @-moz-keyframes references_date_1983 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 0px;}
}
     @-ms-keyframes references_date_1983 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 0px;}
}
      @-o-keyframes references_date_1983 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 0px;}
}
@keyframes references_date_1983 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 0px;}
}
#references_date_1983 {
	top: 0px;
     -webkit-animation: references_date_1983 30s ease 1;
        -moz-animation: references_date_1983 10s ease-in-out 1;
         -ms-animation: references_date_1983 30s ease 1;
          -o-animation: references_date_1983 30s ease 1;
             animation: references_date_1983 5s ease-in-out 1;
}
@-webkit-keyframes references_date_1988 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 56px;}
}
    @-moz-keyframes references_date_1988 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 56px;}
}
     @-ms-keyframes references_date_1988 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 56px;}
}
      @-o-keyframes references_date_1988 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 56px;}
}
@keyframes references_date_1988 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 56px;}
}
#references_date_1988 {
	top: 56px;
     -webkit-animation: references_date_1988 30s ease 1;
        -moz-animation: references_date_1988 30s ease 1;
         -ms-animation: references_date_1988 30s ease 1;
          -o-animation: references_date_1988 30s ease 1;
             animation: references_date_1988 5s ease-in-out 1;
}
@-webkit-keyframes references_date_1998 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 167px;}
}
    @-moz-keyframes references_date_1998 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 167px;}
}
     @-ms-keyframes references_date_1998 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 167px;}
}
      @-o-keyframes references_date_1998 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 167px;}
}
@keyframes references_date_1998 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 167px;}
}
#references_date_1998 {
	top: 167px;
     -webkit-animation: references_date_1998 30s ease 1;
        -moz-animation: references_date_1998 30s ease 1;
         -ms-animation: references_date_1998 30s ease 1;
          -o-animation: references_date_1998 30s ease 1;
             animation: references_date_1998 5s ease-in-out 1;
}
@-webkit-keyframes references_date_2002 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 291px;}
}
    @-moz-keyframes references_date_2002 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 291px;}
}
     @-ms-keyframes references_date_2002 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 291px;}
}
      @-o-keyframes references_date_2002 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 291px;}
}
@keyframes references_date_2002 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 291px;}
}
#references_date_2002 {
	top: 291px;
     -webkit-animation: references_date_2002 30s ease 1;
        -moz-animation: references_date_2002 30s ease 1;
         -ms-animation: references_date_2002 30s ease 1;
          -o-animation: references_date_2002 30s ease 1;
             animation: references_date_2002 5s ease-in-out 1;
}
@-webkit-keyframes references_date_2004 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 376px;}
}
    @-moz-keyframes references_date_2004 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 376px;}
}
     @-ms-keyframes references_date_2004 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 376px;}
}
      @-o-keyframes references_date_2004 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 376px;}
}
@keyframes references_date_2004 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 376px;}
}
#references_date_2004 {
	top: 376px;
     -webkit-animation: references_date_2004 30s ease 1;
        -moz-animation: references_date_2004 30s ease 1;
         -ms-animation: references_date_2004 30s ease 1;
          -o-animation: references_date_2004 30s ease 1;
             animation: references_date_2004 5s ease-in-out 1;
}
@-webkit-keyframes references_date_2005 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 460px;}
}
    @-moz-keyframes references_date_2005 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 460px;}
}
     @-ms-keyframes references_date_2005 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 460px;}
}
      @-o-keyframes references_date_2005 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 460px;}
}
@keyframes references_date_2005 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 460px;}
}
#references_date_2005 {
	top: 460px;
     -webkit-animation: references_date_2005 30s ease 1;
        -moz-animation: references_date_2005 30s ease 1;
         -ms-animation: references_date_2005 30s ease 1;
          -o-animation: references_date_2005 30s ease 1;
             animation: references_date_2005 5s ease-in-out 1;
}

@-webkit-keyframes references_date_2017 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 544px;}
}
    @-moz-keyframes references_date_2017 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 544px;}
}
     @-ms-keyframes references_date_2017 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 544px;}
}
      @-o-keyframes references_date_2017 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 544px;}
}
@keyframes references_date_217 {
  0% {opacity: 0.1; top: 622px;}
  100% {opacity:1; top: 544px;}
}
#references_date_2017 {
	top: 544px;
     -webkit-animation: references_date_2017 30s ease 1;
        -moz-animation: references_date_2017 30s ease 1;
         -ms-animation: references_date_2017 30s ease 1;
          -o-animation: references_date_2017 30s ease 1;
             animation: references_date_2017 5s ease-in-out 1;
}
@-webkit-keyframes references_date_actu {
  0% {opacity: 0.1;}
  100% {opacity:1;}
}
    @-moz-keyframes references_date_actu {
  0% {opacity: 0.1;}
  100% {opacity:1;}
}
     @-ms-keyframes references_date_actu {
  0% {opacity: 0.1;}
  100% {opacity:1;}
}
      @-o-keyframes references_date_actu {
  0% {opacity: 0.1;}
  100% {opacity:1;}
}
@keyframes references_date_actu {
  0% {opacity: 0.1;}
  100% {opacity:1;}
}
#references_date_actu {
	top: 622px;
     -webkit-animation: references_date_actu 30s ease 1;
        -moz-animation: references_date_actu 30s ease 1;
         -ms-animation: references_date_actu 30s ease 1;
          -o-animation: references_date_actu 30s ease 1;
             animation: references_date_actu 10s ease-in-out 1;
}
.ref_date_gris {
    font-family: "MyriadPro-Bold";
	color: #ffffff;
	font-size: 72pt;
	font-weight: bold;
	opacity: 1;
}
.ref_proj_date {
	opacity: 1;
}
.references_titre {
	color: #2d4e6b;
	font-size: 10pt;
	font-weight: bold;
}
.references_soustitre {
	color: #0070c0;
	font-size: 10pt;
	font-weight: bold;
}
.references_soustitre2 {
	color: #4475a1;
	font-size: 10pt;
	font-weight: bold;
}
.ref_pays_titre {
	color: #456426;
	font-size: 10pt;
	font-weight: bold;
}
.ref_proj_pays_titre {
	color: #456426;
	font-size: 10pt;
	font-weight: bold;
}
.ref_archi_titre {
	color: #4b0000;
	font-size: 10pt;
	font-weight: bold;
}
.ref_proj_archi_titre {
	color: #4b0000;
	font-size: 10pt;
	font-weight: bold;
}
.ref_pays_soustitre {
	color: #577d30;
	font-size: 10pt;
	font-weight: bold;
}
.ref_proj_pays_soustitre {
	color: #577d30;
	font-size: 10pt;
	font-weight: bold;
}
.ref_archi_soustitre {
	color: #960000;
	font-size: 9pt;
	font-weight: bold;
}
.ref_proj_archi_soustitre {
	color: #960000;
	font-size: 9pt;
	font-weight: bold;
}
.ref_text_archi, .ref_text_archi a {
	color: #E1AAA0;
		color: #AAAAAA;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}
.ref_text_pays, .ref_text_pays a {
	color: #96C369;
		color: #AAAAAA;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}
.font_blanc {
	color : #ffffff;
}
.font_gris {
	color : #c8c8c8;
}
.font_10 {
	font-size : 10;
}
.font_11 {
	font-size : 11;
}
.font_12 {
	font-size : 12;
}
.font_13 {
	font-size : 13;
}
.font_13_blanc {
	font-size : 13;
	color : #ffffff;
}
.font_14 {
	font-size : 14;
}
.font_15 {
	font-size : 15;
}
.font_16 {
	font-size : 16;
}
.font_24{
	font-size : 24;
}
.font_34{
	font-size : 34;
}

/* SECTION --------------------------------------------------------------------------------------------------------- */

section {
	width: 642px;
	top: 0px;
	left: 0px;	
	position: relative;
}

#accueil_RVB_init {
	z-index: 2;
	position: absolute;
	width: 108px;
	height: 76px;
	top: -28px;
	left: -28px;
	background-image: url("images/graph/RVB.png");
	opacity: 0;
}

@-webkit-keyframes accueil_RVB_app {
  0%, 40% {opacity: 0;}
  50%, 100% {opacity:1;}
}
    @-moz-keyframes accueil_RVB_app {
  0%, 40% {opacity: 0;}
  50%, 100% {opacity:1;}
}
     @-ms-keyframes accueil_RVB_app {
  0%, 40% {opacity: 0;}
  50%, 100% {opacity:1;}
}
      @-o-keyframes accueil_RVB_app {
  0%, 40% {opacity: 0;}
  50%, 100% {opacity:1;}
}
@keyframes accueil_RVB_app {
  0%, 40% {opacity: 0;}
  50%, 100% {opacity:1;}
}

#accueil_RVB, #accueil_RVB:hover {
	z-index: 2;
	position: absolute;
	width: 135px;
	height: 76px;
	top: -28px;
	left: -28px;
	background-image: url("images/graph/RVB_off.png");
     -webkit-animation: accueil_RVB_app 3s 1;
        -moz-animation: accueil_RVB_app 3s 1;
         -ms-animation: accueil_RVB_app 3s 1;
          -o-animation: accueil_RVB_app 3s 1;
             animation: accueil_RVB_app 3s 1;
}
#accueil_RVB:hover {
	background-image: url("images/graph/RVB.png");
	/* opacity: 0.5; */
}


.bouton_dte, .bouton_dte:hover  {
	z-index: 8;
	position: absolute;
	background: url("images/graph/bouton_dte_off.png") no-repeat;
	width: 28px;
	height: 102px;
	top: 265px;
	right: 10px;
	opacity: 1;
    cursor: pointer;
}
.bouton_dte:hover {
	background: url("images/graph/bouton_dte_on.png") no-repeat;
}
.bouton_gche, .bouton_gche:hover  {
	z-index: 8;
	position: absolute;
	background: url("images/graph/bouton_gche_off.png") no-repeat;
	width: 28px;
	height: 102px;
	top: 265px;
	left: 10px;
	opacity: 1;
    cursor: pointer;
}
.bouton_gche:hover {
	background: url("images/graph/bouton_gche_on.png") no-repeat;
}

#references_fond_init, #ref_archi_fond_init, #ref_pays_fond_init {	
	position: absolute;
	opacity: 0;
}
#references_fond, #ref_archi_fond, #ref_pays_fond  {	
	position: absolute;
}

#ref_image01_ouv, #ref_image02_ouv, #ref_image03_ouv, #ref_image04_ouv, #ref_image05_ouv {	
	position: absolute;
    width: 960px; 
    height: 632px;
	overflow-x: auto;
	overflow-y: hidden;
}
#ref_image010, #ref_image020, #ref_image030, #ref_image040, #ref_image050 {	
	position: absolute;
    width: 960px; 
    height: 632px;
	overflow-x: auto;
	overflow-y: hidden;
}
#ref_image01, #ref_image02, #ref_image03, #ref_image04, #ref_image05 {	
	position: absolute;
    width: 960px; 
    height: 632px;
	overflow-x: auto;
	overflow-y: hidden;
}
#ref_image01_V, #ref_image02_V, #ref_image03_V, #ref_image04_V, #ref_image05_V {	
	position: absolute;
    width: 960px; 
    height: 632px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* SECTION - ACCUEIL --------------------------------------------------------------------------------------------------------- */


#loading, #loading1, #loading2, #loading3 {
	position: absolute;
	top: 318px;
	left: 318px;
	color: grey;
}
#loading1, #loading2, #loading3 {
	left: 442px;
}
@-webkit-keyframes loading1 {
  0% {opacity: 0;}
  15%, 30% {opacity: 0.3;}
  45%, 100% {opacity: 0;}
}
    @-moz-keyframes loading1 {
  0% {opacity: 0;}
  15%, 30% {opacity: 0.3;}
  45%, 100% {opacity: 0;}
}
     @-ms-keyframes loading1 {
  0% {opacity: 0;}
  15%, 30% {opacity: 0.3;}
  45%, 100% {opacity: 0;}
}
      @-o-keyframes loading1 {
  0% {opacity: 0;}
  15%, 30% {opacity: 0.3;}
  45%, 100% {opacity: 0;}
}
@keyframes loading1 {
  0% {opacity: 0;}
  15%, 30% {opacity: 0.3;}
  45%, 100% {opacity: 0;}
}
#loading1 {
     -webkit-animation: loading1 0.5s infinite ease;
        -moz-animation: loading1 0.5s infinite ease;
         -ms-animation: loading1 0.5s infinite ease;
          -o-animation: loading1 0.5s infinite ease;
             animation: loading1 0.5s infinite ease;
}
@-webkit-keyframes loading2 {
  0%, 30% {opacity: 0;}
  45%, 60% {opacity: 0.5;}
  75%, 100% {opacity: 0;}
}
    @-moz-keyframes loading2 {
  0%, 30% {opacity: 0;}
  45%, 60% {opacity: 0.5;}
  75%, 100% {opacity: 0;}
}
     @-ms-keyframes loading2 {
  0%, 30% {opacity: 0;}
  45%, 60% {opacity: 0.5;}
  75%, 100% {opacity: 0;}
}
      @-o-keyframes loading2 {
  0%, 30% {opacity: 0;}
  45%, 60% {opacity: 0.5;}
  75%, 100% {opacity: 0;}
}
@keyframes loading2 {
  0%, 30% {opacity: 0;}
  45%, 60% {opacity: 0.5;}
  75%, 100% {opacity: 0;}
}
#loading2{
     -webkit-animation: loading2 0.5s infinite ease;
        -moz-animation: loading2 0.5s infinite ease;
         -ms-animation: loading2 0.5s infinite ease;
          -o-animation: loading2 0.5s infinite ease;
             animation: loading2 0.5s infinite ease;
}
@-webkit-keyframes loading3 {
  0%, 60% {opacity: 0;}
  75%, 90% {opacity: 0.7;}
  100% {opacity: 0;}
}
    @-moz-keyframes loading3 {
  0%, 60% {opacity: 0;}
  75%, 90% {opacity: 0.7;}
  100% {opacity: 0;}
}
     @-ms-keyframes loading3 {
  0%, 60% {opacity: 0;}
  75%, 90% {opacity: 0.7;}
  100% {opacity: 0;}
}
      @-o-keyframes loading3 {
  0%, 60% {opacity: 0;}
  75%, 90% {opacity: 0.7;}
  100% {opacity: 0;}
}
@keyframes loading3 {
  0%, 60% {opacity: 0;}
  75%, 90% {opacity: 0.7;}
  100% {opacity: 0;}
}
#loading3 {
     -webkit-animation: loading3 0.5s infinite ease;
        -moz-animation: loading3 0.5s infinite ease;
         -ms-animation: loading3 0.5s infinite ease;
          -o-animation: loading3 0.5s infinite ease;
             animation: loading3 0.5s infinite ease;
}

@-webkit-keyframes entrer {
  0% {width: 0px; height: 0px; opacity: 0;}
  100% {width: 642px; height: 632px; opacity: 1;}
}
    @-moz-keyframes entrer {
  0% {width: 0px; height: 0px; opacity: 0;}
  100% {width: 642px; height: 632px; opacity: 1;}
}
     @-ms-keyframes entrer {
  0% {width: 0px; height: 0px; opacity: 0;}
  100% {width: 642px; height: 632px; opacity: 1;}
}
      @-o-keyframes entrer {
  0% {width: 0px; height: 0px; opacity: 0;}
  100% {width: 642px; height: 632px; opacity: 1;}
}
@keyframes entrer {
  0% {width: 0px; height: 0px; opacity: 0;}
  100% {width: 642px; height: 632px; opacity: 1;}
}
#entrer {
	z-index: 2;
	position: absolute;
	width: 642px;
	height: 632px;
	top: 0px;
	left: 0px;
	opacity: 0;
     -webkit-animation: entrer 9s 1;
        -moz-animation: entrer 9s 1;
         -ms-animation: entrer 9s 1;
          -o-animation: entrer 9s 1;
             animation: entrer 9s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	3s;
        -moz-animation-delay:	3s;
         -ms-animation-delay:	3s;
          -o-animation-delay:	3s;
             animation-delay:	3s;
}

#entrer1, #entrer2, #entrer3 {
	position: absolute;
	top: 318px;
	left: 318px;
	color: rgba(0,0,0,1);
	opacity: 0;
	text-align: left;
}
@-webkit-keyframes entrer1 {
  0% {opacity: 0;}
  15%, 45% {opacity: 0.2;}
  60%, 100% {opacity: 0;}
}
    @-moz-keyframes entrer1 {
  0% {opacity: 0;}
  15%, 45% {opacity: 0.2;}
  60%, 100% {opacity: 0;}
}
     @-ms-keyframes entrer1 {
  0% {opacity: 0;}
  15%, 45% {opacity: 0.2;}
  60%, 100% {opacity: 0;}
}
      @-o-keyframes entrer1 {
  0% {opacity: 0;}
  15%, 45% {opacity: 0.2;}
  60%, 100% {opacity: 0;}
}
@keyframes entrer1 {
  0% {opacity: 0;}
  15%, 45% {opacity: 0.2;}
  60%, 100% {opacity: 0;}
}
#entrer1 {
     -webkit-animation: entrer1 9s infinite ease;
        -moz-animation: entrer1 9s infinite ease;
         -ms-animation: entrer1 9s infinite ease;
          -o-animation: entrer1 9s infinite ease;
             animation: entrer1 9s infinite ease;
     -webkit-animation-delay:	3s;
        -moz-animation-delay:	3s;
         -ms-animation-delay:	3s;
          -o-animation-delay:	3s;
             animation-delay:	3s;
}
@-webkit-keyframes entrer2 {
  0%, 15% {opacity: 0;}
  30%, 60% {opacity: 0.3;}
  75%, 100% {opacity: 0;}
}
    @-moz-keyframes entrer2 {
  0%, 15% {opacity: 0;}
  30%, 60% {opacity: 0.3;}
  75%, 100% {opacity: 0;}
}
     @-ms-keyframes entrer2 {
  0%, 15% {opacity: 0;}
  30%, 60% {opacity: 0.3;}
  75%, 100% {opacity: 0;}
}
      @-o-keyframes entrer2 {
  0%, 15% {opacity: 0;}
  30%, 60% {opacity: 0.3;}
  75%, 100% {opacity: 0;}
}
@keyframes entrer2 {
  0%, 15% {opacity: 0;}
  30%, 60% {opacity: 0.3;}
  75%, 100% {opacity: 0;}
}
#entrer2{
     -webkit-animation: entrer2 9s infinite ease;
        -moz-animation: entrer2 9s infinite ease;
         -ms-animation: entrer2 9s infinite ease;
          -o-animation: entrer2 9s infinite ease;
             animation: entrer2 9s infinite ease;
     -webkit-animation-delay:	3s;
        -moz-animation-delay:	3s;
         -ms-animation-delay:	3s;
          -o-animation-delay:	3s;
             animation-delay:	3s;
}
@-webkit-keyframes entrer3 {
  0%, 30% {opacity: 0;}
  45%, 75% {opacity: 0.4;}
  100% {opacity: 0;}
}
    @-moz-keyframes entrer3 {
  0%, 30% {opacity: 0;}
  45%, 75% {opacity: 0.4;}
  100% {opacity: 0;}
}
     @-ms-keyframes entrer3 {
  0%, 30% {opacity: 0;}
  45%, 75% {opacity: 0.4;}
  100% {opacity: 0;}
}
      @-o-keyframes entrer3 {
  0%, 30% {opacity: 0;}
  45%, 75% {opacity: 0.4;}
  100% {opacity: 0;}
}
@keyframes entrer3 {
  0%, 30% {opacity: 0;}
  45%, 75% {opacity: 0.4;}
  100% {opacity: 0;}
}
#entrer3 {
     -webkit-animation: entrer3 9s infinite ease;
        -moz-animation: entrer3 9s infinite ease;
         -ms-animation: entrer3 9s infinite ease;
          -o-animation: entrer3 9s infinite ease;
             animation: entrer3 9s infinite ease;
     -webkit-animation-delay:	3s;
        -moz-animation-delay:	3s;
         -ms-animation-delay:	3s;
          -o-animation-delay:	3s;
             animation-delay:	3s;
}

@-webkit-keyframes accueil_im01 {
    0% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    5%, 15% {left: 10px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    20%, 30% {left: 10px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    35%, 45% {left: 10px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    50%, 60% {left: 10px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    65%, 75% {left: 10px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 100% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}	
}
    @-moz-keyframes accueil_im01 {
    0% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    5%, 15% {left: 10px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    20%, 30% {left: 10px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    35%, 45% {left: 10px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    50%, 60% {left: 10px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    65%, 75% {left: 10px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 100% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}	
}
     @-ms-keyframes accueil_im01 {
    0% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    5%, 15% {left: 10px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    20%, 30% {left: 10px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    35%, 45% {left: 10px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    50%, 60% {left: 10px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    65%, 75% {left: 10px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 100% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}	
}
      @-o-keyframes accueil_im01 {
    0% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    5%, 15% {left: 10px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    20%, 30% {left: 10px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    35%, 45% {left: 10px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    50%, 60% {left: 10px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    65%, 75% {left: 10px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 100% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}	
}
@keyframes accueil_im01 {
    0% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    5%, 15% {left: 10px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    20%, 30% {left: 10px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    35%, 45% {left: 10px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    50%, 60% {left: 10px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    65%, 75% {left: 10px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 100% {left: 10px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}	
}
@-webkit-keyframes accueil_im02 {	
    0%, 15% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}	
    20%, 30% {left: 116px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}	
    35%, 45% {left: 328px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}
    50%, 60% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 328px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 90% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    95%, 100% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}
}
    @-moz-keyframes accueil_im02 {	
    0%, 15% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}	
    20%, 30% {left: 116px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}	
    35%, 45% {left: 328px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}
    50%, 60% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 328px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 90% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    95%, 100% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}
}
     @-ms-keyframes accueil_im02 {	
    0%, 15% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}	
    20%, 30% {left: 116px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}	
    35%, 45% {left: 328px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}
    50%, 60% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 328px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 90% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    95%, 100% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}
}
      @-o-keyframes accueil_im02 {	
    0%, 15% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}	
    20%, 30% {left: 116px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}	
    35%, 45% {left: 328px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}
    50%, 60% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 328px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 90% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    95%, 100% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}
}
@keyframes accueil_im02 {	
    0%, 15% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}	
    20%, 30% {left: 116px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}	
    35%, 45% {left: 328px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}
    50%, 60% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 328px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    80%, 90% {left: 212px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}
    95%, 100% {left: 434px; top: 106px; width: 208px; height: 208px; opacity: 0.1;}
}
@-webkit-keyframes accueil_im03 {
    0%, 5% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 30% {left: 0px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}	
    35%, 45% {left: 0px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    50%, 60% {left: 212px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 106px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
}
    @-moz-keyframes accueil_im03 {
    0%, 5% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 30% {left: 0px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}	
    35%, 45% {left: 0px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    50%, 60% {left: 212px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 106px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
}
     @-ms-keyframes accueil_im03 {
    0%, 5% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 30% {left: 0px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}	
    35%, 45% {left: 0px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    50%, 60% {left: 212px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 106px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
}
      @-o-keyframes accueil_im03 {
    0%, 5% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 30% {left: 0px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}	
    35%, 45% {left: 0px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    50%, 60% {left: 212px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 106px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
}
@keyframes accueil_im03 {
    0%, 5% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 30% {left: 0px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}	
    35%, 45% {left: 0px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    50%, 60% {left: 212px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 106px; top: 328px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 0px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
}
@-webkit-keyframes accueil_im04 {
    0%, 5% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 20% {left: 116px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}	
    25%, 45% {left: 116px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}		
    50%, 60% {left: 0px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    65%, 75% {left: 0px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 116px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
}
    @-moz-keyframes accueil_im04 {
    0%, 5% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 20% {left: 116px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}	
    25%, 45% {left: 116px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}		
    50%, 60% {left: 0px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    65%, 75% {left: 0px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 116px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
}
     @-ms-keyframes accueil_im04 {
    0%, 5% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 20% {left: 116px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}	
    25%, 45% {left: 116px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}		
    50%, 60% {left: 0px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    65%, 75% {left: 0px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 116px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
}
      @-o-keyframes accueil_im04 {
    0%, 5% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 20% {left: 116px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}	
    25%, 45% {left: 116px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}		
    50%, 60% {left: 0px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    65%, 75% {left: 0px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 116px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
}
@keyframes accueil_im04 {
    0%, 5% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
    10%, 20% {left: 116px; top: 106px; width: 314px; height: 314px; opacity: 0.1;}	
    25%, 45% {left: 116px; top: 106px; width: 420px; height: 420px; opacity: 0.1;}		
    50%, 60% {left: 0px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    65%, 75% {left: 0px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 90% {left: 116px; top: 212px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 222px; top: 212px; width: 208px; height: 208px; opacity: 0.1;}
}
@-webkit-keyframes accueil_im05 {	
    0%, 5% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    10%, 20% {left: 318px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}		
    25%, 35% {left: 328px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    40%, 60% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    80%, 90% {left: 212px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
}
    @-moz-keyframes accueil_im05 {	
    0%, 5% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    10%, 20% {left: 318px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}		
    25%, 35% {left: 328px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    40%, 60% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    80%, 90% {left: 212px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
}
     @-ms-keyframes accueil_im05 {	
    0%, 5% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    10%, 20% {left: 318px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}		
    25%, 35% {left: 328px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    40%, 60% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    80%, 90% {left: 212px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
}
      @-o-keyframes accueil_im05 {	
    0%, 5% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    10%, 20% {left: 318px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}		
    25%, 35% {left: 328px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    40%, 60% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    80%, 90% {left: 212px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
}
@keyframes accueil_im05 {	
    0%, 5% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    10%, 20% {left: 318px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}		
    25%, 35% {left: 328px; top: 424px; width: 208px; height: 208px; opacity: 0.1;}
    40%, 60% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
    65%, 75% {left: 106px; top: 106px; width: 526px; height: 526px; opacity: 0.9;}
    80%, 90% {left: 212px; top: 318px; width: 314px; height: 314px; opacity: 0.1;}
    95%, 100% {left: 212px; top: 212px; width: 420px; height: 420px; opacity: 0.1;}
}
@-webkit-keyframes accueil_im06 {
    0%, 10% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    15%, 25% {left: 106px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}		
    30%, 40% {left: 106px; top: 0px; width: 208px; height: 208px; opacity: 0.1;}
    45%, 55% {left: 222px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    60%, 75% {left: 116px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 95% {left: 116px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    100% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
}
    @-moz-keyframes accueil_im06 {
    0%, 10% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    15%, 25% {left: 106px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}		
    30%, 40% {left: 106px; top: 0px; width: 208px; height: 208px; opacity: 0.1;}
    45%, 55% {left: 222px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    60%, 75% {left: 116px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 95% {left: 116px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    100% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
}
     @-ms-keyframes accueil_im06 {
    0%, 10% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    15%, 25% {left: 106px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}		
    30%, 40% {left: 106px; top: 0px; width: 208px; height: 208px; opacity: 0.1;}
    45%, 55% {left: 222px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    60%, 75% {left: 116px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 95% {left: 116px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    100% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
}
      @-o-keyframes accueil_im06 {
    0%, 10% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    15%, 25% {left: 106px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}		
    30%, 40% {left: 106px; top: 0px; width: 208px; height: 208px; opacity: 0.1;}
    45%, 55% {left: 222px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    60%, 75% {left: 116px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 95% {left: 116px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    100% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
}
@keyframes accueil_im06 {
    0%, 10% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    15%, 25% {left: 106px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}		
    30%, 40% {left: 106px; top: 0px; width: 208px; height: 208px; opacity: 0.1;}
    45%, 55% {left: 222px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
    60%, 75% {left: 116px; top: 0px; width: 420px; height: 420px; opacity: 0.1;}
    80%, 95% {left: 116px; top: 0px; width: 526px; height: 526px; opacity: 0.9;}
    100% {left: 106px; top: 0px; width: 314px; height: 314px; opacity: 0.1;}
}
#accueil_im01 {
	width: 420px;
	height: 420px;
	left: 10px;
	top: 106px;
	position: absolute;
	background: url("images/accueil/zoom/2020_CHARTREUSE.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_im01 60s infinite;
        -moz-animation: accueil_im01 60s infinite;
         -ms-animation: accueil_im01 60s infinite;
          -o-animation: accueil_im01 60s infinite;
             animation: accueil_im01 60s infinite;
}
#accueil_im02 {
	width: 208px;
	height: 208px;
	left: 434px;
	top: 106px;
	position: absolute;
	background: url("images/accueil/zoom/2016_BOURGNEUF.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_im02 60s infinite;
        -moz-animation: accueil_im02 60s infinite;
         -ms-animation: accueil_im02 60s infinite;
          -o-animation: accueil_im02 60s infinite;
             animation: accueil_im02 60s infinite;
}
#accueil_im03 {
	width: 208px;
	height: 208px;
	left: 0px;
	top: 424px;
	position: absolute;
	background: url("images/accueil/zoom/2021_RAMBERVILLERS.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_im03 60s infinite;
        -moz-animation: accueil_im03 60s infinite;
         -ms-animation: accueil_im03 60s infinite;
          -o-animation: accueil_im03 60s infinite;
             animation: accueil_im03 60s infinite;
}
#accueil_im04 {
	width: 208px;
	height: 208px;
	left: 222px;
	top: 212px;
	position: absolute;
	background: url("images/accueil/zoom/2021_RAMBERVILLERS2.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_im04 60s infinite;
        -moz-animation: accueil_im04 60s infinite;
         -ms-animation: accueil_im04 60s infinite;
          -o-animation: accueil_im04 60s infinite;
             animation: accueil_im04 60s infinite;
}
#accueil_im05 {
	width: 420px;
	height: 420px;
	left: 212px;
	top: 212px;
	position: absolute;
	background: url("images/accueil/zoom/2021_BELFORT.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_im05 60s infinite;
        -moz-animation: accueil_im05 60s infinite;
         -ms-animation: accueil_im05 60s infinite;
          -o-animation: accueil_im05 60s infinite;
             animation: accueil_im05 60s infinite;
}
#accueil_im06{
	width: 314px;
	height: 314px;
	left: 106px;
	top: 0px;
	position: absolute;
	background: url("images/accueil/zoom/2005_BELFORT.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_im06 60s infinite;
        -moz-animation: accueil_im06 60s infinite;
         -ms-animation: accueil_im06 60s infinite;
          -o-animation: accueil_im06 60s infinite;
             animation: accueil_im06 60s infinite;
}

/* SECTION - REFERENCES --------------------------------------------------------------------------------------------------------- */

#references_parcours0, #references_parcours, #references_competences, #references_intervention {
	z-index: 4;
	position: absolute;
	width: 210px;
	height: 632px;
	text-align: justify;
	text-justify: auto;
	line-height: 80%;
}
#references_parcours0 p, #references_parcours p, #references_competences p, #references_intervention p {
	margin-top: 0px;
}
@-webkit-keyframes references_parcours_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
    @-moz-keyframes references_parcours_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
     @-ms-keyframes references_parcours_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
      @-o-keyframes references_parcours_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes references_parcours_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
#references_parcours0 {
	left: 0px;
	top: 21px;
     -webkit-animation: references_parcours_app 10s ease-in-out 1;
        -moz-animation: references_parcours_app 10s ease-in-out 1;
         -ms-animation: references_parcours_app 10s ease-in-out 1;
          -o-animation: references_parcours_app 10s ease-in-out 1;
             animation: references_parcours_app 10s ease-in-out 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
}
#references_parcours {
	left: 0px;
	top: 21px;
}
#references_competences {
	left: 210px;
	top: 0px;
}
#references_intervention {
	left: 424px;
	top: 0px;
}	

/* SECTION - REF_PAYS --------------------------------------------------------------------------------------------------------- */

#ref_pays11_prev_init, #ref_pays12_prev_init, #ref_pays13_prev_init, #ref_pays14_prev_init, #ref_pays15_prev_init, #ref_pays16_prev_init, #ref_pays21_prev_init, #ref_pays22_prev_init, #ref_pays23_prev_init, #ref_pays24_prev_init, #ref_pays25_prev_init, #ref_pays26_prev_init, #ref_pays31_prev_init, #ref_pays32_prev_init, #ref_pays33_prev_init, #ref_pays34_prev_init, #ref_pays35_prev_init, #ref_pays36_prev_init {
	position: absolute;
	opacity: 0;
}

#ref_pays11_prev, #ref_pays12_prev, #ref_pays13_prev, #ref_pays14_prev, #ref_pays15_prev, #ref_pays16_prev, #ref_pays21_prev, #ref_pays22_prev, #ref_pays23_prev, #ref_pays24_prev, #ref_pays25_prev, #ref_pays26_prev, #ref_pays31_prev, #ref_pays32_prev, #ref_pays33_prev, #ref_pays34_prev, #ref_pays35_prev, #ref_pays36_prev {
	position: absolute;
}

/* SECTION - REF_ARCHI --------------------------------------------------------------------------------------------------------- */

#ref_pays33, #ref_pays21, #ref_pays23, #ref_archi31 {
	position: absolute;
    top: -106px; 
    left: -106px;
}

.ref_prev_haut_gche_cont {	
	position: absolute;
	top: 106px;
	left: 106px;
	width: 314px;
	height: 314px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#ref_pays36, #ref_pays24, #ref_pays11 {
	position: absolute;
    top: -106px;
    left: -222px;
}

.ref_prev_haut_dte_cont {	
	position: absolute;
	top: 106px;
	left: 222px;
	width: 314px;
	height: 314px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#ref_pays35, #ref_pays34, #ref_pays32, #ref_pays26, #ref_pays14, #ref_pays15, #ref_pays16, #ref_archi26, #ref_archi34 {
	position: absolute;
    top: -212px; 
    left: -106px;
}

.ref_prev_bas_gche_cont {	
	position: absolute;
	top: 212px;
	left: 106px;
	width: 314px;
	height: 314px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#ref_pays31, #ref_pays22, #ref_pays25, #ref_pays13, #ref_pays12, #ref_archi16, #ref_archi36, #ref_archi15, #ref_archi25, #ref_archi24, #ref_archi14, #ref_archi33, #ref_archi13, #ref_archi23, #ref_archi22, #ref_archi12, #ref_archi21, #ref_archi11,  #ref_archi32, #ref_archi35 {
	position: absolute;
    top: -212px; 
    left: -222px;
}

.ref_prev_bas_dte_cont, .ref_prev_bas_dte2_cont, .ref_prev_bas_dte3_cont, .ref_prev_bas_dte4_cont {	
	position: absolute;
	top: 212px;
	left: 222px;
	width: 314px;
	height: 314px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ref_prev_bas_dte4_cont {	
	position: absolute;
	top: 212px;
	left: 540px;
	width: 314px;
	height: 314px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#ref_archi11_prev, #ref_archi12_prev, #ref_archi13_prev, #ref_archi14_prev, #ref_archi15_prev, #ref_archi16_prev, #ref_archi21_prev, #ref_archi22_prev, #ref_archi23_prev, #ref_archi24_prev, #ref_archi25_prev, #ref_archi26_prev, #ref_archi31_prev, #ref_archi32_prev, #ref_archi33_prev, #ref_archi34_prev, #ref_archi35_prev, #ref_archi36_prev,
#ref_archi11_prev_init, #ref_archi12_prev_init, #ref_archi13_prev_init, #ref_archi14_prev_init, #ref_archi15_prev_init, #ref_archi16_prev_init, #ref_archi21_prev_init, #ref_archi22_prev_init, #ref_archi23_prev_init, #ref_archi24_prev_init, #ref_archi25_prev_init, #ref_archi26_prev_init, #ref_archi31_prev_init, #ref_archi32_prev_init, #ref_archi33_prev_init, #ref_archi34_prev_init, #ref_archi35_prev_init, #ref_archi36_prev_init {
	position: absolute;
	width: 314px;
	height: 314px;
	opacity: 0.9;
    overflow-x: hidden;
	overflow-y: hidden;	
}
#ref_archi11_prev_init, #ref_archi12_prev_init, #ref_archi13_prev_init, #ref_archi14_prev_init, #ref_archi15_prev_init, #ref_archi16_prev_init, #ref_archi21_prev_init, #ref_archi22_prev_init, #ref_archi23_prev_init, #ref_archi24_prev_init, #ref_archi25_prev_init, #ref_archi26_prev_init, #ref_archi31_prev_init, #ref_archi32_prev_init, #ref_archi33_prev_init, #ref_archi34_prev_init, #ref_archi35_prev_init, #ref_archi36_prev_init {
	opacity: 0;
}

/* ASIDE --------------------------------------------------------------------------------------------------------- */
aside {
	width: 318px;
	top: 0px;
	left: 642px;	
	position: relative;
}
#aside_cache {
	z-index: 4;
	position: absolute;
	width: 318px;
	height: 632px;
	background-color: #ffffff;
	opacity: 0.9;
}

/* ASIDE - ACCUEIL --------------------------------------------------------------------------------------------------------- */

#accueil_rouge_index, #accueil_vert_index, #accueil_bleu_index, #accueil_rouge_intro, #accueil_vert_intro, #accueil_bleu_intro {
	z-index: 8;
	position: absolute;
	width: 102px;
	height: 102px;
	opacity; 0.8;
}
#accueil_rouge_invisible, #accueil_vert_invisible, #accueil_bleu_invisible {
	z-index: 8;
	position: absolute;
	width: 12px;
	height: 12px;
	opacity; 1;
}
#accueil_rouge_invisible {
	background-color: #ff3200;
	left: -676px;
	top: -4px;
}
#accueil_vert_invisible {
	background-color: #92d050;
	left: -664px;
	top: 20px;
}
#accueil_bleu_invisible {
	background-color: #1e00c0;
	left: -652px;
	top: -16px;
}

@-webkit-keyframes accueil_rouge_intro {
  0% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
  5%, 30% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 1;}
  35%, 100% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
}
    @-moz-keyframes accueil_rouge_intro {
  0% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
  5%, 30% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 1;}
  35%, 100% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
}
     @-ms-keyframes accueil_rouge_intro {
  0% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
  5%, 30% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 1;}
  35%, 100% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
}
      @-o-keyframes accueil_rouge_intro {
  0% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
  5%, 30% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 1;}
  35%, 100% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
}
@keyframes accueil_rouge_intro {
  0% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
  5%, 30% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 1;}
  35%, 100% {width: 12px; height: 12px; left: -34px; top: -4px; opacity: 0;}
}
#accueil_rouge_index {
	background-color: #ff3200;
	left: -636px;
	top: 530px;
     -webkit-animation: accueil_rouge_intro 0.5s infinite;
        -moz-animation: accueil_rouge_intro 0.5s infinite;
         -ms-animation: accueil_rouge_intro 0.5s infinite;
          -o-animation: accueil_rouge_intro 0.5s infinite;
             animation: accueil_rouge_intro 0.5s infinite;
}
#accueil_rouge_intro {
	background-color: #ff3200;
	left: -636px;
	top: 530px;
     -webkit-animation: accueil_rouge_intro 0.5s 10;
        -moz-animation: accueil_rouge_intro 0.5s 10;
         -ms-animation: accueil_rouge_intro 0.5s 10;
          -o-animation: accueil_rouge_intro 0.5s 10;
             animation: accueil_rouge_intro 0.5s 10;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
}

@-webkit-keyframes accueil_vert_intro {
  0%, 30% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
  35%, 65% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 1;}
  70%, 100% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
}
    @-moz-keyframes accueil_vert_intro {
  0%, 30% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
  35%, 65% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 1;}
  70%, 100% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
}
     @-ms-keyframes accueil_vert_intro {
  0%, 30% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
  35%, 65% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 1;}
  70%, 100% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
}
      @-o-keyframes accueil_vert_intro {
  0%, 30% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
  35%, 65% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 1;}
  70%, 100% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
}
@keyframes accueil_vert_intro {
  0%, 30% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
  35%, 65% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 1;}
  70%, 100% {width: 12px; height: 12px; left: -22px; top: 20px; opacity: 0;}
}
#accueil_vert_index{
	background-color: #92d050;
	left: -424px;
	top: 106px;
     -webkit-animation: accueil_vert_intro 0.5s infinite;
        -moz-animation: accueil_vert_intro 0.5s infinite;
         -ms-animation: accueil_vert_intro 0.5s infinite;
          -o-animation: accueil_vert_intro 0.5s infinite;
             animation: accueil_vert_intro 0.5s infinite;
}
#accueil_vert_intro {
	background-color: #92d050;
	left: -424px;
	top: 106px;
     -webkit-animation: accueil_vert_intro 0.5s 10;
        -moz-animation: accueil_vert_intro 0.5s 10;
         -ms-animation: accueil_vert_intro 0.5s 10;
          -o-animation: accueil_vert_intro 0.5s 10;
             animation: accueil_vert_intro 0.5s 10;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
}

@-webkit-keyframes accueil_bleu_intro {
  0%, 60% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
  65%, 95% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 1;}
  100% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
}
    @-moz-keyframes accueil_bleu_intro {
  0%, 60% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
  65%, 95% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 1;}
  100% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
}
     @-ms-keyframes accueil_bleu_intro {
  0%, 60% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
  65%, 95% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 1;}
  100% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
}
      @-o-keyframes accueil_bleu_intro {
  0%, 60% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
  65%, 95% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 1;}
  100% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
}
@keyframes accueil_bleu_intro {
  0%, 60% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
  65%, 95% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 1;}
  100% {width: 12px; height: 12px; left: -10px; top: -16px; opacity: 0;}
}
#accueil_bleu_index {
	background-color: #1e00c0;
	left: -106px;
	top: 424px;
     -webkit-animation: accueil_bleu_intro 0.5s infinite;
        -moz-animation: accueil_bleu_intro 0.5s infinite;
         -ms-animation: accueil_bleu_intro 0.5s infinite;
          -o-animation: accueil_bleu_intro 0.5s infinite;
             animation: accueil_bleu_intro 0.5s infinite;
}
#accueil_bleu_intro {
	background-color: #1e00c0;
	left: -106px;
	top: 424px;
     -webkit-animation: accueil_bleu_intro 0.5s 10;
        -moz-animation: accueil_bleu_intro 0.5s 10;
         -ms-animation: accueil_bleu_intro 0.5s 10;
          -o-animation: accueil_bleu_intro 0.5s 10;
             animation: accueil_bleu_intro 0.5s 10;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
}

#accueil_lab11_intro, #accueil_lab12_intro, #accueil_lab13_intro, #accueil_lab14_intro, #accueil_lab15_intro, #accueil_lab16_intro, #accueil_lab21_intro, #accueil_lab22_intro, #accueil_lab23_intro, #accueil_lab24_intro, #accueil_lab25_intro, #accueil_lab26_intro, #accueil_lab31_intro, #accueil_lab32_intro, #accueil_lab33_intro, #accueil_lab34_intro, #accueil_lab35_intro, #accueil_lab36_intro,
#accueil_lab11_init, #accueil_lab12_init, #accueil_lab13_init, #accueil_lab14_init, #accueil_lab15_init, #accueil_lab16_init, #accueil_lab21_init, #accueil_lab22_init, #accueil_lab23_init, #accueil_lab24_init, #accueil_lab25_init, #accueil_lab26_init, #accueil_lab31_init, #accueil_lab32_init, #accueil_lab33_init, #accueil_lab34_init, #accueil_lab35_init, #accueil_lab36_init {
	position: absolute;
	width: 102px;
	height: 102px;
	opacity: 0.1;
}
#accueil_lab11_init, #accueil_lab12_init, #accueil_lab13_init, #accueil_lab14_init, #accueil_lab15_init, #accueil_lab16_init, #accueil_lab21_init, #accueil_lab22_init, #accueil_lab23_init, #accueil_lab24_init, #accueil_lab25_init, #accueil_lab26_init, #accueil_lab31_init, #accueil_lab32_init, #accueil_lab33_init, #accueil_lab34_init, #accueil_lab35_init, #accueil_lab36_init {
	opacity: 0;
}

@-webkit-keyframes accueil_lab21_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab21_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab21_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab21_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0.1;}
}
@keyframes accueil_lab21_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 36px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -632px; top: 106px; opacity: 0.1;}
}
#accueil_lab21_intro {
	background: url("images/accueil/zoom/2016_LONS.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab21_intro 0.5s 1;
        -moz-animation: accueil_lab21_intro 0.5s 1;
         -ms-animation: accueil_lab21_intro 0.5s 1;
          -o-animation: accueil_lab21_intro 0.5s 1;
             animation: accueil_lab21_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.9s;
        -moz-animation-delay:	1.9s;
         -ms-animation-delay:	1.9s;
          -o-animation-delay:	1.9s;
             animation-delay:	1.9s;
}
@-webkit-keyframes accueil_lab16_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab16_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab16_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab16_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0.1;}
}
@keyframes accueil_lab16_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -208px; top: 106px; opacity: 0.1;}
}
#accueil_lab16_intro {
	background: url("images/accueil/zoom/2016_BOURGNEUF.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab16_intro 0.5s 1;
        -moz-animation: accueil_lab16_intro 0.5s 1;
         -ms-animation: accueil_lab16_intro 0.5s 1;
          -o-animation: accueil_lab16_intro 0.5s 1;
             animation: accueil_lab16_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.0s;
        -moz-animation-delay:	1.0s;
         -ms-animation-delay:	1.0s;
          -o-animation-delay:	1.0s;
             animation-delay:	1.0s;
}
@-webkit-keyframes accueil_lab33_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab33_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab33_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab33_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0.1;}
}
@keyframes accueil_lab33_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -642px; top: 424px; opacity: 0.1;}
}
#accueil_lab33_intro {
	background: url("images/accueil/zoom/2016_GIRONDINS.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab33_intro 0.5s 1;
        -moz-animation: accueil_lab33_intro 0.5s 1;
         -ms-animation: accueil_lab33_intro 0.5s 1;
          -o-animation: accueil_lab33_intro 0.5s 1;
             animation: accueil_lab33_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.3s;
        -moz-animation-delay:	1.3s;
         -ms-animation-delay:	1.3s;
          -o-animation-delay:	1.3s;
             animation-delay:	1.3s;
}
@-webkit-keyframes accueil_lab12_intro {
   0% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab12_intro {
   0% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab12_intro {
   0% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab12_intro {
   0% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0.1;}
}
@keyframes accueil_lab12_intro {
   0% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 36px; opacity: 0;}
  50% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0;}
  51%, 100% {width: 208px; height: 208px; left: -420px; top: 212px; opacity: 0.1;}
}
#accueil_lab12_intro {
	background: url("images/accueil/zoom/2015_CHAPONOST.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab12_intro 0.5s 1;
        -moz-animation: accueil_lab12_intro 0.5s 1;
         -ms-animation: accueil_lab12_intro 0.5s 1;
          -o-animation: accueil_lab12_intro 0.5s 1;
             animation: accueil_lab12_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	0.5s;
        -moz-animation-delay:	0.5s;
         -ms-animation-delay:	0.5s;
          -o-animation-delay:	0.5s;
             animation-delay:	0.5s;
}
@-webkit-keyframes accueil_lab24_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab24_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab24_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab24_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0.1;}
}
@keyframes accueil_lab24_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0;}
  51%, 100% {width: 420px; height: 420px; left: -430px; top: 212px; opacity: 0.1;}
}
#accueil_lab24_intro {
	background: url("images/accueil/zoom/2013_ARRAS.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab24_intro 0.5s 1;
        -moz-animation: accueil_lab24_intro 0.5s 1;
         -ms-animation: accueil_lab24_intro 0.5s 1;
          -o-animation: accueil_lab24_intro 0.5s 1;
             animation: accueil_lab24_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	2.1s;
        -moz-animation-delay:	2.1s;
         -ms-animation-delay:	2.1s;
          -o-animation-delay:	2.1s;
             animation-delay:	2.1s;
}
@-webkit-keyframes accueil_lab35_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0;}
  51%, 100% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab35_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0;}
  51%, 100% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab35_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0;}
  51%, 100% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab35_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0;}
  51%, 100% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0.1;}
}
@keyframes accueil_lab35_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0;}
  51%, 100% {width: 314px; height: 314px; left: -536px; top: 0px; opacity: 0.1;}
}
#accueil_lab35_intro {
	background: url("images/accueil/zoom/2005_BELFORT.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab35_intro 0.5s 1;
        -moz-animation: accueil_lab35_intro 0.5s 1;
         -ms-animation: accueil_lab35_intro 0.5s 1;
          -o-animation: accueil_lab35_intro 0.5s 1;
             animation: accueil_lab35_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.6s;
        -moz-animation-delay:	1.6s;
         -ms-animation-delay:	1.6s;
          -o-animation-delay:	1.6s;
             animation-delay:	1.6s;
}
@-webkit-keyframes accueil_lab11_intro {
  0% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab11_intro {
  0% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab11_intro {
  0% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab11_intro {
  0% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0.1;}
}
@keyframes accueil_lab11_intro {
  0% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -642px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 0px; opacity: 0.1;}
}
#accueil_lab11_intro {
	background: url("images/accueil/lab/2006_CASSERA.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab11_intro 0.5s 1;
        -moz-animation: accueil_lab11_intro 0.5s 1;
         -ms-animation: accueil_lab11_intro 0.5s 1;
          -o-animation: accueil_lab11_intro 0.5s 1;
             animation: accueil_lab11_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	0.1s;
        -moz-animation-delay:	0.1s;
         -ms-animation-delay:	0.1s;
          -o-animation-delay:	0.1s;
             animation-delay:	0.1s;
}
@-webkit-keyframes accueil_lab13_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab13_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab13_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab13_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0.1;}
}
@keyframes accueil_lab13_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 212px; opacity: 0.1;}
}
#accueil_lab13_intro {
	background: url("images/accueil/lab/2010_ETROITS.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab13_intro 0.5s 1;
        -moz-animation: accueil_lab13_intro 0.5s 1;
         -ms-animation: accueil_lab13_intro 0.5s 1;
          -o-animation: accueil_lab13_intro 0.5s 1;
             animation: accueil_lab13_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	2.2s;
        -moz-animation-delay:	2.2s;
         -ms-animation-delay:	2.2s;
          -o-animation-delay:	2.2s;
             animation-delay:	2.2s;
}
@-webkit-keyframes accueil_lab14_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab14_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab14_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab14_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0.1;}
}
@keyframes accueil_lab14_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 318px; opacity: 0.1;}
}
#accueil_lab14_intro {
	background: url("images/accueil/lab/2012_DUCHERE.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab14_intro 0.5s 1;
        -moz-animation: accueil_lab14_intro 0.5s 1;
         -ms-animation: accueil_lab14_intro 0.5s 1;
          -o-animation: accueil_lab14_intro 0.5s 1;
             animation: accueil_lab14_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.2s;
        -moz-animation-delay:	1.2s;
         -ms-animation-delay:	1.2s;
          -o-animation-delay:	1.2s;
             animation-delay:	1.2s;
}
@-webkit-keyframes accueil_lab15_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab15_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab15_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab15_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0.1;}
}
@keyframes accueil_lab15_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 4px; top: 424px; opacity: 0.1;}
}
#accueil_lab15_intro {
	background: url("images/accueil/lab/2012_MESSIMY.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab15_intro 0.5s 1;
        -moz-animation: accueil_lab15_intro 0.5s 1;
         -ms-animation: accueil_lab15_intro 0.5s 1;
          -o-animation: accueil_lab15_intro 0.5s 1;
             animation: accueil_lab15_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.5s;
        -moz-animation-delay:	1.5s;
         -ms-animation-delay:	1.5s;
          -o-animation-delay:	1.5s;
             animation-delay:	1.5s;
}
@-webkit-keyframes accueil_lab22_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab22_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab22_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab22_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0.1;}
}
@keyframes accueil_lab22_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 106px; opacity: 0.1;}
}
#accueil_lab22_intro {
	background: url("images/accueil/lab/2001_GAP.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab22_intro 0.5s 1;
        -moz-animation: accueil_lab22_intro 0.5s 1;
         -ms-animation: accueil_lab22_intro 0.5s 1;
          -o-animation: accueil_lab22_intro 0.5s 1;
             animation: accueil_lab22_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.7s;
        -moz-animation-delay:	1.7s;
         -ms-animation-delay:	1.7s;
          -o-animation-delay:	1.7s;
             animation-delay:	1.7s;
}
@-webkit-keyframes accueil_lab23_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab23_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab23_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab23_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0.1;}
}
@keyframes accueil_lab23_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 212px; opacity: 0.1;}
}
#accueil_lab23_intro {
	background: url("images/accueil/lab/2010_CASTELANE.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab23_intro 0.5s 1;
        -moz-animation: accueil_lab23_intro 0.5s 1;
         -ms-animation: accueil_lab23_intro 0.5s 1;
          -o-animation: accueil_lab23_intro 0.5s 1;
             animation: accueil_lab23_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	2.0s;
        -moz-animation-delay:	2.0s;
         -ms-animation-delay:	2.0s;
          -o-animation-delay:	2.0s;
             animation-delay:	2.0s;
}
@-webkit-keyframes accueil_lab25_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab25_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab25_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab25_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0.1;}
}
@keyframes accueil_lab25_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 424px; opacity: 0.1;}
}
#accueil_lab25_intro {
	background: url("images/accueil/lab/2003_BERTHET.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab25_intro 0.5s 1;
        -moz-animation: accueil_lab25_intro 0.5s 1;
         -ms-animation: accueil_lab25_intro 0.5s 1;
          -o-animation: accueil_lab25_intro 0.5s 1;
             animation: accueil_lab25_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	2.3s;
        -moz-animation-delay:	2.3s;
         -ms-animation-delay:	2.3s;
          -o-animation-delay:	2.3s;
             animation-delay:	2.3s;
}
@-webkit-keyframes accueil_lab26_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab26_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab26_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab26_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0.1;}
}
@keyframes accueil_lab26_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 0px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 110px; top: 530px; opacity: 0.1;}
}
#accueil_lab26_intro {
	background: url("images/accueil/lab/2006_CARNOT.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab26_intro 0.5s 1;
        -moz-animation: accueil_lab26_intro 0.5s 1;
         -ms-animation: accueil_lab26_intro 0.5s 1;
          -o-animation: accueil_lab26_intro 0.5s 1;
             animation: accueil_lab26_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	0.8s;
        -moz-animation-delay:	0.8s;
         -ms-animation-delay:	0.8s;
          -o-animation-delay:	0.8s;
             animation-delay:	0.8s;
}
@-webkit-keyframes accueil_lab31_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab31_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab31_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab31_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0.1;}
}
@keyframes accueil_lab31_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 36px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 0px; opacity: 0.1;}
}
#accueil_lab31_intro {
	background: url("images/accueil/lab/2013_PANTIN.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab31_intro 0.5s 1;
        -moz-animation: accueil_lab31_intro 0.5s 1;
         -ms-animation: accueil_lab31_intro 0.5s 1;
          -o-animation: accueil_lab31_intro 0.5s 1;
             animation: accueil_lab31_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.1s;
        -moz-animation-delay:	1.1s;
         -ms-animation-delay:	1.1s;
          -o-animation-delay:	1.1s;
             animation-delay:	1.1s;
}
@-webkit-keyframes accueil_lab32_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab32_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab32_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab32_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0.1;}
}
@keyframes accueil_lab32_intro {
  0% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -318px; top: 324px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 106px; opacity: 0.1;}
}
#accueil_lab32_intro {
	background: url("images/accueil/lab/2014_NOISY.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab32_intro 0.5s 1;
        -moz-animation: accueil_lab32_intro 0.5s 1;
         -ms-animation: accueil_lab32_intro 0.5s 1;
          -o-animation: accueil_lab32_intro 0.5s 1;
             animation: accueil_lab32_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	2.4s;
        -moz-animation-delay:	2.4s;
         -ms-animation-delay:	2.4s;
          -o-animation-delay:	2.4s;
             animation-delay:	2.4s;
}
@-webkit-keyframes accueil_lab34_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab34_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab34_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab34_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0.1;}
}
@keyframes accueil_lab34_intro {
  0% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -606px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 318px; opacity: 0.1;}
}
#accueil_lab34_intro {
	background: url("images/accueil/lab/2000_VITTON.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab34_intro 0.5s 1;
        -moz-animation: accueil_lab34_intro 0.5s 1;
         -ms-animation: accueil_lab34_intro 0.5s 1;
          -o-animation: accueil_lab34_intro 0.5s 1;
             animation: accueil_lab34_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.4s;
        -moz-animation-delay:	1.4s;
         -ms-animation-delay:	1.4s;
          -o-animation-delay:	1.4s;
             animation-delay:	1.4s;
}
@-webkit-keyframes accueil_lab36_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0.1;}
}
    @-moz-keyframes accueil_lab36_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0.1;}
}
     @-ms-keyframes accueil_lab36_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0.1;}
}
      @-o-keyframes accueil_lab36_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0.1;}
}
@keyframes accueil_lab36_intro {
  0% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  1%, 49% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0.1;}
  50% {width: 12px; height: 12px; left: -534px; top: 108px; opacity: 0;}
  50% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0;}
  51%, 100% {width: 102px; height: 102px; left: 216px; top: 530px; opacity: 0.1;}
}
#accueil_lab36_intro {
	background: url("images/accueil/lab/2002_OZANAM.jpg") no-repeat;
    background-size: 100%;
     -webkit-animation: accueil_lab36_intro 0.5s 1;
        -moz-animation: accueil_lab36_intro 0.5s 1;
         -ms-animation: accueil_lab36_intro 0.5s 1;
          -o-animation: accueil_lab36_intro 0.5s 1;
             animation: accueil_lab36_intro 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	1.8s;
        -moz-animation-delay:	1.8s;
         -ms-animation-delay:	1.8s;
          -o-animation-delay:	1.8s;
             animation-delay:	1.8s;
}

#accueil_lab11_init {
	background: url("images/accueil/lab/2006_CASSERA.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab12_init {
	background: url("images/accueil/zoom/2015_CHAPONOST.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab13_init {
	background: url("images/accueil/lab/2010_ETROITS.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab14_init {
	background: url("images/accueil/lab/2012_DUCHERE.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab15_init {
	background: url("images/accueil/lab/2012_MESSIMY.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab16_init {
	background: url("images/accueil/zoom/2015_JUSTES.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab21_init {
	background: url("images/accueil/zoom/2014_CHAMPAGNOLE.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab22_init {
	background: url("images/accueil/lab/2001_GAP.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab23_init {
	background: url("images/accueil/lab/2010_CASTELANE.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab24_init {
	background: url("images/accueil/zoom/2013_ARRAS.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab25_init {
	background: url("images/accueil/lab/2003_BERTHET.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab26_init {
	background: url("images/accueil/lab/2006_CARNOT.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab31_init {
	background: url("images/accueil/lab/2013_PANTIN.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab32_init {
	background: url("images/accueil/lab/2014_NOISY.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab33_init {
	background: url("images/accueil/zoom/2013_CREIL.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab34_init {
	background: url("images/accueil/lab/2000_VITTON.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab35_init {
	background: url("images/accueil/zoom/2005_BELFORT.jpg") no-repeat;
    background-size: 100%;
}
#accueil_lab36_init {
	background: url("images/accueil/lab/2002_OZANAM.jpg") no-repeat;
    background-size: 100%;
}

#accueil_rouge, #intro_rouge_fond, #accueil_rouge_fond, #accueil_vert, #intro_vert_fond, #accueil_vert_fond, #accueil_bleu, #intro_bleu_fond, #accueil_bleu_fond, #accueil_carre_rouge, #accueil_carre_vert, #accueil_carre_bleu,
#accueil_rouge_fond_init, #accueil_vert_fond_init, #accueil_bleu_fond_init {
	position: absolute;
	width: 102px;
	height: 102px;
}
#accueil_rouge, #accueil_carre_rouge, #intro_rouge_fond, #accueil_rouge_fond {
	z-index: 4;
	left: 4px;
	top: 212px;
    overflow-x: hidden;
	overflow-y: hidden;
}

#accueil_deg_rouge {
	background-image: -webkit-gradient(color-stop( 0% , rgba(255,50,0,0.1)),color-stop( 50% , rgba(255,50,0,0.1)),color-stop( 100% , rgba(255,50,0,0)));
	background-image: -webkit-linear-gradient(rgba(255,50,0,0.1) 0%, rgba(255,50,0,0.1) 50%, rgba(255,50,0,0) 100%);
	background-image: linear-gradient(rgba(255,50,0,0.1) 0%, rgba(255,50,0,0.1) 50%, rgba(255,50,0,0) 100%);
	position: absolute;
	width: 102px;
	height: 212px;
	left: 4px;
	top: 314px;
}
#accueil_carre_rouge {
	background-color: rgba(225,170,160,1);
	z-index: 2;
}

#accueil_rouge_fond_init {
	background-image: url("images/graph/rouge_fond.jpg");
	opacity: 0;
}
#intro_rouge_fond {
	background-image: url("images/graph/rouge_fond.jpg");
}
#accueil_rouge_fond {
	background-image: url("images/graph/rouge_fond0.jpg");
}

@-webkit-keyframes accueil_rvb {
  0% {opacity: 1;}
  50% {opacity: 0.3;}
  100% {opacity: 1;}
}
    @-moz-keyframes accueil_rvb {
  0% {opacity: 1;}
  50% {opacity: 0.3;}
  100% {opacity: 1;}
}
     @-ms-keyframes accueil_rvb {
  0% {opacity: 1;}
  50% {opacity: 0.3;}
  100% {opacity: 1;}
}
      @-o-keyframes accueil_rvb {
  0% {opacity: 1;}
  50% {opacity: 0.3;}
  100% {opacity: 1;}
}
@keyframes accueil_rvb {
  0% {opacity: 1;}
  50% {opacity: 0.3;}
  100% {opacity: 1;}
}
#accueil_rouge {
	background-image: url("images/graph/rouge_off.jpg");
     -webkit-animation: accueil_rvb 3s 1 ease-in-out;
        -moz-animation: accueil_rvb 3s 1 ease-in-out;
         -ms-animation: accueil_rvb 3s 1 ease-in-out;
          -o-animation: accueil_rvb 3s 1 ease-in-out;
             animation: accueil_rvb 3s 1 ease-in-out;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	22s;
        -moz-animation-delay:	22s;
         -ms-animation-delay:	22s;
          -o-animation-delay:	22s;
             animation-delay:	22s;
}
#accueil_rouge_off_init {
	background-image: url("images/graph/rouge_off.jpg");
	opacity: 0;
}
#accueil_vert, #accueil_carre_vert, #intro_vert_fond, #accueil_vert_fond {
	z-index: 4;
	left: 110px;
	top: 424px;
    overflow-x: hidden;
	overflow-y: hidden;
}
#accueil_deg_vert{
	background-image: -webkit-gradient(color-stop( 0% , rgba(146,208,80,0)),color-stop( 50% , rgba(146,208,80,0.1)),color-stop( 100% , rgba(146,208,80,0.1)));
	background-image: -webkit-linear-gradient(rgba(146,208,80,0) 0%, rgba(146,208,80,0.1) 50%, rgba(146,208,80,0.1) 100%);
	background-image: linear-gradient(rgba(146,208,80,0) 0%, rgba(146,208,80,0.1) 50%, rgba(146,208,80,0.1) 100%);
	position: absolute;
	width: 102px;
	height: 318px;
	left: 110px;
	top: 106px;
}
#accueil_carre_vert {
	background-color: rgba(200,223,175,1);
	z-index: 2;
}
#accueil_vert_fond_init {
	background-image: url("images/graph/vert_fond.jpg");
	opacity: 0;
}
#intro_vert_fond {
	background-image: url("images/graph/vert_fond.jpg");
}
#accueil_vert_fond {
	background-image: url("images/graph/vert_fond0.jpg");
}
#accueil_vert {
	background-image: url("images/graph/vert_off.jpg");
     -webkit-animation: accueil_rvb 3s 1 ease-in-out;
        -moz-animation: accueil_rvb 3s 1 ease-in-out;
         -ms-animation: accueil_rvb 3s 1 ease-in-out;
          -o-animation: accueil_rvb 3s 1 ease-in-out;
             animation: accueil_rvb 3s 1 ease-in-out;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	23s;
        -moz-animation-delay:	23s;
         -ms-animation-delay:	23s;
          -o-animation-delay:	23s;
             animation-delay:	23s;
}
#accueil_vert_off_init {
	background-image: url("images/graph/vert_off.jpg");
	opacity: 0;
}
#accueil_bleu, #accueil_carre_bleu, #intro_bleu_fond, #accueil_bleu_fond {
	z-index: 4;
	left: 216px;
	top: 106px;
    overflow-x: hidden;
	overflow-y: hidden;	
}
#accueil_deg_bleu {
	background-image: -webkit-gradient(color-stop( 0% , rgba(30,0,192,0.1)),color-stop( 50% , rgba(30,0,192,0.1)),color-stop( 100% , rgba(30,0,192,0)));
	background-image: -webkit-linear-gradient(rgba(30,0,192,0.1) 0%, rgba(30,0,192,0.1) 50%, rgba(30,0,192,0) 100%);
	background-image: linear-gradient(rgba(30,0,192,0.1) 0%, rgba(30,0,192,0.1) 50%, rgba(30,0,192,0) 100%);
	position: absolute;
	width: 102px;
	height: 318px;
	left: 216px;
	top: 208px;
}
#accueil_carre_bleu {
	background-color: rgba(145,135,215,1);
	z-index: 2;
}
#accueil_bleu_fond_init {
	background-image: url("images/graph/bleu_fond.jpg");
	opacity: 0;
}
#intro_bleu_fond {
	background-image: url("images/graph/bleu_fond.jpg");
}
#accueil_bleu_fond {
	background-image: url("images/graph/bleu_fond0.jpg");
}
#accueil_bleu {
	background-image: url("images/graph/bleu_off.jpg");
     -webkit-animation: accueil_rvb 3s 1 ease-in-out;
        -moz-animation: accueil_rvb 3s 1 ease-in-out;
         -ms-animation: accueil_rvb 3s 1 ease-in-out;
          -o-animation: accueil_rvb 3s 1 ease-in-out;
             animation: accueil_rvb 3s 1 ease-in-out;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	24s;
        -moz-animation-delay:	24s;
         -ms-animation-delay:	24s;
          -o-animation-delay:	24s;
             animation-delay:	24s;
}
#accueil_bleu_off_init {
	background-image: url("images/graph/bleu_off.jpg");
	opacity: 0;
}
#accueil_rouge_on_init {
	background-image: url("images/graph/rouge_on.jpg");
	left: 4px;
	top: 212px;
	opacity: 0;
}
#accueil_rouge:hover {
	background-image: url("images/graph/rouge_on.jpg");
	left: 4px;
	top: 212px;
	opacity: 1;
}
#accueil_rouge:active {
	background-image: url("images/graph/rouge_fond.jpg");
	left: 4px;
	top: 212px;
}
#accueil_vert_on_init {
	background-image: url("images/graph/vert_on.png");
	left: 110px;
	top: 424px;
	opacity: 0;
}
#accueil_vert:hover {
	background-image: url("images/graph/vert_on.jpg");
	left: 110px;
	top: 424px;
	opacity: 1;
}
#accueil_vert:active {
	background-image: url("images/graph/vert_fond.jpg");
	left: 110px;
	top: 424px;
}
#accueil_bleu_on_init {
	background-image: url("images/graph/bleu_on.jpg");
	left: 216px;
	top: 106px;
	opacity: 0;
}
#accueil_bleu:hover {
	background-image: url("images/graph/bleu_on.jpg");
	left: 216px;
	top: 106px;
	opacity: 0.9;
}
#accueil_bleu:active{
	background-image: url("images/graph/bleu_fond.jpg");
	left: 216px;
	top: 106px;
}

@-webkit-keyframes accueil_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
    @-moz-keyframes accueil_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
     @-ms-keyframes accueil_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
      @-o-keyframes accueil_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes accueil_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
#accueil_rouge_init {
	background-image: url("images/graph/rouge_off.jpg");
     -webkit-animation: accueil_app 0.5s 1;
        -moz-animation: accueil_app 0.5s 1;
         -ms-animation: accueil_app 0.5s 1;
          -o-animation: accueil_app 0.5s 1;
             animation: accueil_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	6.9s;
        -moz-animation-delay:	6.9s;
         -ms-animation-delay:	6.9s;
          -o-animation-delay:	6.9s;
             animation-delay:	6.9s;
}
#accueil_vert_init {
	background-image: url("images/graph/vert_off.jpg");
     -webkit-animation: accueil_app 0.5s 1;
        -moz-animation: accueil_app 0.5s 1;
         -ms-animation: accueil_app 0.5s 1;
          -o-animation: accueil_app 0.5s 1;
             animation: accueil_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	6.9s;
        -moz-animation-delay:	6.9s;
         -ms-animation-delay:	6.9s;
          -o-animation-delay:	6.9s;
             animation-delay:	6.9s;
}
#accueil_bleu_init {
	background-image: url("images/graph/bleu_off.jpg");
     -webkit-animation: accueil_app 0.5s 1;
        -moz-animation: accueil_app 0.5s 1;
         -ms-animation: accueil_app 0.5s 1;
          -o-animation: accueil_app 0.5s 1;
             animation: accueil_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	6.9s;
        -moz-animation-delay:	6.9s;
         -ms-animation-delay:	6.9s;
          -o-animation-delay:	6.9s;
             animation-delay:	6.9s;
}
#accueil_rouge01, #accueil_rouge02, #accueil_rouge03, #accueil_vert01, #accueil_vert02, #accueil_vert03, #accueil_bleu01, #accueil_bleu02, #accueil_bleu03 {
	z-index: 12;
	position: absolute;
	width: 102px;
	height: 34px;
}

@-webkit-keyframes fond_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
    @-moz-keyframes fond_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
     @-ms-keyframes fond_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
      @-o-keyframes fond_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fond_app {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.rouge_fond_app {
     -webkit-animation: fond_app 0.5s 1;
        -moz-animation: fond_app 0.5s 1;
         -ms-animation: fond_app 0.5s 1;
          -o-animation: fond_app 0.5s 1;
             animation: fond_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	4.6s;
        -moz-animation-delay:	4.6s;
         -ms-animation-delay:	4.6s;
          -o-animation-delay:	4.6s;
             animation-delay:	4.6s;
}
.vert_fond_app {
     -webkit-animation: fond_app 0.5s 1;
        -moz-animation: fond_app 0.5s 1;
         -ms-animation: fond_app 0.5s 1;
          -o-animation: fond_app 0.5s 1;
             animation: fond_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	4.4s;
        -moz-animation-delay:	4.4s;
         -ms-animation-delay:	4.4s;
          -o-animation-delay:	4.4s;
             animation-delay:	4.4s;
}
.bleu_fond_app {
     -webkit-animation: fond_app 0.5s 1;
        -moz-animation: fond_app 0.5s 1;
         -ms-animation: fond_app 0.5s 1;
          -o-animation: fond_app 0.5s 1;
             animation: fond_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	4.8s;
        -moz-animation-delay:	4.8s;
         -ms-animation-delay:	4.8s;
          -o-animation-delay:	4.8s;
             animation-delay:	4.8s;
}

@-webkit-keyframes accueil_rub01_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 0px; opacity: 0.8;}
}
    @-moz-keyframes accueil_rub01_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 0px; opacity: 0.8;}
}
     @-ms-keyframes accueil_rub01_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 0px; opacity: 0.8;}
}
      @-o-keyframes accueil_rub01_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 0px; opacity: 0.8;}
}
@keyframes accueil_rub01_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 0px; opacity: 0.8;}
}
#intro_rouge01 {
	top: 0px;
	opacity: 0.8;
}
#intro_vert01 {
	top: 0px;
	opacity: 0.8;
}
#intro_bleu01 {
	top: 0px;
	opacity: 0.8;
}
#accueil_rouge01 {
	top: 0px;
opacity: 0.8;
}
#accueil_vert01 {
	top: 0px;
opacity: 0.8;
}
#accueil_bleu01 {
	top: 0px;
opacity: 0.8;
}
@-webkit-keyframes accueil_rub02_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 34px; opacity: 0.8;}
}
    @-moz-keyframes accueil_rub02_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 34px; opacity: 0.8;}
}
     @-ms-keyframes accueil_rub02_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 34px; opacity: 0.8;}
}
      @-o-keyframes accueil_rub02_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 34px; opacity: 0.8;}
}
@keyframes accueil_rub02_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 34px; opacity: 0.8;}
}
#accueil_rouge02 {
	top: 34px;
		background: url("images/graph/rouge02.jpg");
opacity: 1;
}
#accueil_rouge02:hover {
	top: 34px;
		background: url("images/graph/rouge02_on.jpg");
opacity: 1;
}
#accueil_vert02 {
	top: 34px;
		background: url("images/graph/vert02.jpg");
opacity: 1;
}
#accueil_vert02:hover {
	top: 34px;
		background: url("images/graph/vert02_on.jpg");
opacity: 1;
}
#accueil_bleu02 {
	top: 34px;
		background: url("images/graph/bleu02.jpg");
opacity: 1;
}
#accueil_bleu02:hover {
	top: 34px;
		background: url("images/graph/bleu02_on.jpg");
opacity: 1;
}
@-webkit-keyframes accueil_rub03_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 68px; opacity: 0.8;}
}
    @-moz-keyframes accueil_rub03_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 68px; opacity: 0.8;}
}
     @-ms-keyframes accueil_rub03_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 68px; opacity: 0.8;}
}
      @-o-keyframes accueil_rub03_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 68px; opacity: 0.8;}
}
@keyframes accueil_rub03_app {
  0% {top: 102px; opacity: 0;}
  100% {top: 68px; opacity: 0.8;}
}
#accueil_rouge03 {
	top: 68px;
opacity: 0.9;
}
#accueil_vert03 {
	top: 68px;
opacity: 0.9;
}
#accueil_bleu03 {
	top: 68px;
opacity: 0.9;
}

#accueil_lab11, #accueil_lab12, #accueil_lab13, #accueil_lab14, #accueil_lab15, #accueil_lab16, #accueil_lab21, #accueil_lab22, #accueil_lab23, #accueil_lab24, #accueil_lab25, #accueil_lab26, #accueil_lab31, #accueil_lab32, #accueil_lab33, #accueil_lab34, #accueil_lab35, #accueil_lab36 {
	position: absolute;
	width: 102px;
	height: 102px;
	opacity: 0;
}
#accueil_lab11, #accueil_lab14, #accueil_lab15, #accueil_lab22, #accueil_lab23, #accueil_lab26, #accueil_lab31, #accueil_lab34, #accueil_lab36 {
	opacity: 0.1;
	width: 102px;
	height: 102px;
}

@-webkit-keyframes accueil_lab01 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
    @-moz-keyframes accueil_lab01 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
     @-ms-keyframes accueil_lab01 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
      @-o-keyframes accueil_lab01 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
@keyframes accueil_lab01 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
@-webkit-keyframes accueil_lab02 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
    @-moz-keyframes accueil_lab02 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
     @-ms-keyframes accueil_lab02 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
      @-o-keyframes accueil_lab02 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@keyframes accueil_lab02 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@-webkit-keyframes accueil_lab03 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
    @-moz-keyframes accueil_lab03 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
     @-ms-keyframes accueil_lab03 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
      @-o-keyframes accueil_lab03 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@keyframes accueil_lab03 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@-webkit-keyframes accueil_lab04 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
    @-moz-keyframes accueil_lab04 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
     @-ms-keyframes accueil_lab04 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
      @-o-keyframes accueil_lab04 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
@keyframes accueil_lab04 {
    0%, 15%, 100% {opacity: 0;}
	55% {opacity: 0.5;}
}
@-webkit-keyframes accueil_lab05 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
    @-moz-keyframes accueil_lab05 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
     @-ms-keyframes accueil_lab05 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
      @-o-keyframes accueil_lab05 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@keyframes accueil_lab05 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@-webkit-keyframes accueil_lab06 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
    @-moz-keyframes accueil_lab06 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
     @-ms-keyframes accueil_lab06 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
      @-o-keyframes accueil_lab06 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
@keyframes accueil_lab06 {
    0%, 10%, 100% {opacity: 0;}
	60% {opacity: 0.5;}
}
#accueil_lab21 {
	position: absolute;
	background: url("images/accueil/lab/2014_CHAMPAGNOLE.jpg");
     -webkit-animation: accueil_lab01 60s infinite;
        -moz-animation: accueil_lab01 60s infinite;
         -ms-animation: accueil_lab01 60s infinite;
          -o-animation: accueil_lab01 60s infinite;
             animation: accueil_lab01 60s infinite;
     -webkit-animation-delay:	0s;
        -moz-animation-delay:	0s;
         -ms-animation-delay:	0s;
          -o-animation-delay:	0s;
             animation-delay:	0s;
}
#accueil_lab16 {
	position: absolute;
	background: url("images/accueil/lab/2015_JUSTES.jpg");
     -webkit-animation: accueil_lab02 60s infinite;
        -moz-animation: accueil_lab02 60s infinite;
         -ms-animation: accueil_lab02 60s infinite;
          -o-animation: accueil_lab02 60s infinite;
             animation: accueil_lab02 60s infinite;
     -webkit-animation-delay:	12s;
        -moz-animation-delay:	12s;
         -ms-animation-delay:	12s;
          -o-animation-delay:	12s;
             animation-delay:	12s;
}
#accueil_lab33 {
	position: absolute;
	background: url("images/accueil/lab/2013_CREIL.jpg");
     -webkit-animation: accueil_lab03 60s infinite;
        -moz-animation: accueil_lab03 60s infinite;
         -ms-animation: accueil_lab03 60s infinite;
          -o-animation: accueil_lab03 60s infinite;
             animation: accueil_lab03 60s infinite;
     -webkit-animation-delay:	21s;
        -moz-animation-delay:	21s;
         -ms-animation-delay:	21s;
          -o-animation-delay:	21s;
             animation-delay:	21s;
}
#accueil_lab12 {
	position: absolute;
	background: url("images/accueil/lab/2015_CHAPONOST.jpg");
     -webkit-animation: accueil_lab04 60s infinite;
        -moz-animation: accueil_lab04 60s infinite;
         -ms-animation: accueil_lab04 60s infinite;
          -o-animation: accueil_lab04 60s infinite;
             animation: accueil_lab04 60s infinite;
     -webkit-animation-delay:	30s;
        -moz-animation-delay:	30s;
         -ms-animation-delay:	30s;
          -o-animation-delay:	30s;
             animation-delay:	30s;
}
#accueil_lab24 {
	position: absolute;
	background: url("images/accueil/lab/2013_ARRAS.jpg");
     -webkit-animation: accueil_lab05 60s infinite;
        -moz-animation: accueil_lab05 60s infinite;
         -ms-animation: accueil_lab05 60s infinite;
          -o-animation: accueil_lab05 60s infinite;
             animation: accueil_lab05 60s infinite;
     -webkit-animation-delay:	42s;
        -moz-animation-delay:	42s;
         -ms-animation-delay:	42s;
          -o-animation-delay:	42s;
             animation-delay:	42s;
}
#accueil_lab35 {
	position: absolute;
	background: url("images/accueil/lab/2005_BELFORT.jpg");
     -webkit-animation: accueil_lab06 60s infinite;
        -moz-animation: accueil_lab06 60s infinite;
         -ms-animation: accueil_lab06 60s infinite;
          -o-animation: accueil_lab06 60s infinite;
             animation: accueil_lab06 60s infinite;
     -webkit-animation-delay:	51s;
        -moz-animation-delay:	51s;
         -ms-animation-delay:	51s;
          -o-animation-delay:	51s;
             animation-delay:	51s;
}

#accueil_lab11, #accueil_lab12, #accueil_lab13, #accueil_lab14, #accueil_lab15, #accueil_lab16 {
	left: 4px;
}
#accueil_lab21, #accueil_lab22, #accueil_lab23, #accueil_lab24, #accueil_lab25, #accueil_lab26 {
	left: 110px;
}
#accueil_lab31, #accueil_lab32, #accueil_lab33, #accueil_lab34, #accueil_lab35, #accueil_lab36 {
	left: 216px;
}
#accueil_lab11, #accueil_lab21, #accueil_lab31 {
	top: 0px;
}
#accueil_lab12, #accueil_lab22, #accueil_lab32 {
	top: 106px;
}
#accueil_lab13, #accueil_lab23, #accueil_lab33 {
	top: 212px;
}
#accueil_lab14, #accueil_lab24, #accueil_lab34 {
	top: 318px;
}
#accueil_lab15, #accueil_lab25, #accueil_lab35 {
	top: 424px;
}
#accueil_lab16, #accueil_lab26, #accueil_lab36 {
	top: 530px;
}
#accueil_lab11 {
	background: url("images/accueil/lab/2006_CASSERA.jpg");
    background-size: 100%;
}
#accueil_lab13 {
	background: url("images/accueil/lab/2010_ETROITS.jpg");
}
#accueil_lab14 {
	background: url("images/accueil/lab/2012_DUCHERE.jpg");
}
#accueil_lab15 {
	background: url("images/accueil/lab/2012_MESSIMY.jpg");
}
#accueil_lab22 {
	background: url("images/accueil/lab/2001_GAP.jpg");
}
#accueil_lab23 {
	background: url("images/accueil/lab/2010_CASTELANE.jpg");
}
#accueil_lab25 {
	background: url("images/accueil/lab/2003_BERTHET.jpg");
}
#accueil_lab26 {
	background: url("images/accueil/lab/2006_CARNOT.jpg");
}
#accueil_lab31 {
	background: url("images/accueil/lab/2013_PANTIN.jpg");
}
#accueil_lab32 {
	background: url("images/accueil/lab/2014_NOISY.jpg");
}
#accueil_lab34 {
	background: url("images/accueil/lab/2000_VITTON.jpg");
}
#accueil_lab36 {
	background: url("images/accueil/lab/2002_OZANAM.jpg");
}

/* ASIDE - REF_PAYS --------------------------------------------------------------------------------------------------------- */

#ref_pays_lab11, #ref_pays_lab11_on, #ref_pays_lab12, #ref_pays_lab12, #ref_pays_lab13, #ref_pays_lab14, #ref_pays_lab15, #ref_pays_lab16, #ref_pays_lab21, #ref_pays_lab21_on, #ref_pays_lab22, #ref_pays_lab23, #ref_pays_lab24, #ref_pays_lab25, #ref_pays_lab26, #ref_pays_lab31, #ref_pays_lab32, #ref_pays_lab33, #ref_pays_lab34, #ref_pays_lab35, #ref_pays_lab36,
#ref_pays_lab11_init, #ref_pays_lab12_init, #ref_pays_lab12_init, #ref_pays_lab13_init, #ref_pays_lab14_init, #ref_pays_lab15_init, #ref_pays_lab16_init, #ref_pays_lab21_init, #ref_pays_lab21_on_init, #ref_pays_lab22_init, #ref_pays_lab23_init, #ref_pays_lab24_init, #ref_pays_lab25_init, #ref_pays_lab26_init, #ref_pays_lab31_init, #ref_pays_lab32_init, #ref_pays_lab33_init, #ref_pays_lab34_init, #ref_pays_lab35_init, #ref_pays_lab36_init {
	position: absolute;
	width: 102px;
	height: 102px;
}
#ref_pays_lab11_init, #ref_pays_lab12_init, #ref_pays_lab12_init, #ref_pays_lab13_init, #ref_pays_lab14_init, #ref_pays_lab15_init, #ref_pays_lab16_init, #ref_pays_lab21_init, #ref_pays_lab21_on_init, #ref_pays_lab22_init, #ref_pays_lab23_init, #ref_pays_lab24_init, #ref_pays_lab25_init, #ref_pays_lab26_init, #ref_pays_lab31_init, #ref_pays_lab32_init, #ref_pays_lab33_init, #ref_pays_lab34_init, #ref_pays_lab35_init, #ref_pays_lab36_init {
	opacity: 0;
}
#ref_pays_lab11, #ref_pays_lab11_on, #ref_pays_lab21_on, #ref_pays_lab12, #ref_pays_lab13, #ref_pays_lab14, #ref_pays_lab15, #ref_pays_lab16 {
	left: 4px;
}
#ref_pays_lab21, #ref_pays_lab21_on, #ref_pays_lab22, #ref_pays_lab23, #ref_pays_lab24, #ref_pays_lab25, #ref_pays_lab26 {
	left: 110px;
}
#ref_pays_lab31, #ref_pays_lab32, #ref_pays_lab33, #ref_pays_lab34, #ref_pays_lab35, #ref_pays_lab36 {
	left: 216px;
}
#ref_pays_lab11, #ref_pays_lab21, #ref_pays_lab21_on, #ref_pays_lab31 {
	top: 0px;
}
#ref_pays_lab12, #ref_pays_lab22, #ref_pays_lab32 {
	top: 106px;
}
#ref_pays_lab13, #ref_pays_lab23, #ref_pays_lab33 {
	top: 212px;
}
#ref_pays_lab14, #ref_pays_lab24, #ref_pays_lab34 {
	top: 318px;
}
#ref_pays_lab15, #ref_pays_lab25, #ref_pays_lab35 {
	top: 424px;
}
#ref_pays_lab16, #ref_pays_lab26, #ref_pays_lab36 {
	top: 530px;
}
#ref_pays_lab21_on {
	z-index: 2;
}
#ref_pays_lab11 {
	background-image: url("images/ref_pays/lab_gris/2023_MARNE_im01.jpg");
}
#ref_pays_lab21 {
	background-image: url("images/ref_pays/lab_gris/2023_COBE_im01.jpg");
}
#ref_pays_lab31 {
	background-image: url("images/ref_pays/lab_gris/2022_VINCENNES_im01.jpg");
}
#ref_pays_lab12 {
	background-image: url("images/ref_pays/lab_gris/2022_ORMESSON_im01.jpg");
}
#ref_pays_lab22 {
	background-image: url("images/ref_pays/lab_gris/2021_LEMUY_im01.jpg");
}
#ref_pays_lab32 {
	background-image: url("images/ref_pays/lab_gris/2021_CILAOS_im01.jpg");
}
#ref_pays_lab13 {
	background-image: url("images/ref_pays/lab_gris/2020_NANCRAY_im01.jpg");
}
#ref_pays_lab23 {
	background-image: url("images/ref_pays/lab_gris/2019_SIGNES_im01.jpg");
}
#ref_pays_lab33 {
	background-image: url("images/ref_pays/lab_gris/2018_AIX_im01.jpg");
}
#ref_pays_lab14 {
	background-image: url("images/ref_pays/lab_gris/2017_TOULON_im01.jpg");
}
#ref_pays_lab24 {
	background-image: url("images/ref_pays/lab_gris/2017_CANDELIANCE_im01.jpg");
}
#ref_pays_lab34 {
	background-image: url("images/ref_pays/lab_gris/2016_ST-VERAND_im01.jpg");
}
#ref_pays_lab15 {
	background-image: url("images/ref_pays/lab_gris/2016_BOURGNEUF_im01.jpg");
}
#ref_pays_lab25 {
	background-image: url("images/ref_pays/lab_gris/2015_PRUVOST-WEB_im01.jpg");
}
#ref_pays_lab35 {
	background-image: url("images/ref_pays/lab_gris/2015_CHAPONOST_im01.jpg");
}
#ref_pays_lab16 {
	background-image: url("images/ref_pays/lab_gris/2013_CREIL_im01.jpg");
}
#ref_pays_lab26 {
	background-image: url("images/ref_pays/lab_gris/2009_BERGES_im01.jpg");
}
#ref_pays_lab36 {
	background-image: url("images/ref_pays/lab_gris/2002_CAUE_im01.jpg");
}
#ref_pays_lab11:hover, #ref_pays_lab11_coul_init {
	background-image: url("images/ref_pays/lab/2023_MARNE_im01.jpg");
}
#ref_pays_lab21:hover, #ref_pays_lab21_coul_init {
	background-image: url("images/ref_pays/lab/2023_COBE_im01.jpg");
}
#ref_pays_lab31:hover, #ref_pays_lab31_coul_init {
	background-image: url("images/ref_pays/lab/2022_VINCENNES_im01.jpg");
}
#ref_pays_lab12:hover, #ref_pays_lab12_coul_init {
	background-image: url("images/ref_pays/lab/2022_ORMESSON_im01.jpg");
}
#ref_pays_lab22:hover, #ref_pays_lab22_coul_init {
	background-image: url("images/ref_pays/lab/2021_LEMUY_im01.jpg");
}
#ref_pays_lab32:hover, #ref_pays_lab32_coul_init {
	background-image: url("images/ref_pays/lab/2021_CILAOS_im01.jpg");
}
#ref_pays_lab13:hover, #ref_pays_lab13_coul_init {
	background-image: url("images/ref_pays/lab/2020_NANCRAY_im01.jpg");
}
#ref_pays_lab23:hover, #ref_pays_lab23_coul_init {
	background-image: url("images/ref_pays/lab/2019_SIGNES_im01.jpg");
}
#ref_pays_lab33:hover, #ref_pays_lab33_coul_init {
	background-image: url("images/ref_pays/lab/2018_AIX_im01.jpg");
}
#ref_pays_lab14:hover, #ref_pays_lab14_coul_init {
	background-image: url("images/ref_pays/lab/2017_TOULON_im01.jpg");
}
#ref_pays_lab24:hover, #ref_pays_lab24_coul_init {
	background-image: url("images/ref_pays/lab/2017_CANDELIANCE_im01.jpg");
}
#ref_pays_lab34:hover, #ref_pays_lab34_coul_init {
	background-image: url("images/ref_pays/lab/2016_ST-VERAND_im01.jpg");
}
#ref_pays_lab15:hover, #ref_pays_lab15_coul_init {
	background-image: url("images/ref_pays/lab/2016_BOURGNEUF_im01.jpg");
}
#ref_pays_lab25:hover, #ref_pays_lab25_coul_init {
	background-image: url("images/ref_pays/lab/2015_PRUVOST-WEB_im01.jpg");
}
#ref_pays_lab35:hover, #ref_pays_lab35_coul_init {
	background-image: url("images/ref_pays/lab/2015_CHAPONOST_im01.jpg");
}
#ref_pays_lab16:hover, #ref_pays_lab16_coul_init {
	background-image: url("images/ref_pays/lab/2013_CREIL_im01.jpg");
}
#ref_pays_lab26:hover, #ref_pays_lab26_coul_init {
	background-image: url("images/ref_pays/lab/2009_BERGES_im01.jpg");
}
#ref_pays_lab36:hover, #ref_pays_lab36_coul_init {
	background-image: url("images/ref_pays/lab/2002_CAUE_im01.jpg");
}
#ref_pays_lab11_coul_init, #ref_pays_lab12_coul_init, #ref_pays_lab12_coul_init, #ref_pays_lab13_coul_init, #ref_pays_lab14_coul_init, #ref_pays_lab15_coul_init, #ref_pays_lab16_coul_init, #ref_pays_lab21_coul_init, #ref_pays_lab21_on_coul_init, #ref_pays_lab22_coul_init, #ref_pays_lab23_coul_init, #ref_pays_lab24_coul_init, #ref_pays_lab25_coul_init, #ref_pays_lab26_coul_init, #ref_pays_lab31_coul_init, #ref_pays_lab32_coul_init, #ref_pays_lab33_coul_init, #ref_pays_lab34_coul_init, #ref_pays_lab35_coul_init, #ref_pays_lab36_coul_init {
	opacity: 0;
}
/* ASIDE - REF_ARCHI --------------------------------------------------------------------------------------------------------- */

#ref_archi_lab11, #ref_archi_lab11_on, #ref_archi_lab12, #ref_archi_lab12, #ref_archi_lab13, #ref_archi_lab14, #ref_archi_lab15, #ref_archi_lab16, #ref_archi_lab21, #ref_archi_lab22, #ref_archi_lab23, #ref_archi_lab24, #ref_archi_lab25, #ref_archi_lab26, #ref_archi_lab31, #ref_archi_lab32, #ref_archi_lab33, #ref_archi_lab34, #ref_archi_lab35, #ref_archi_lab36,
#ref_archi_lab11_init, #ref_archi_lab11_on_init, #ref_archi_lab12_init, #ref_archi_lab12_init, #ref_archi_lab13_init, #ref_archi_lab14_init, #ref_archi_lab15_init, #ref_archi_lab16_init, #ref_archi_lab21_init, #ref_archi_lab22_init, #ref_archi_lab23_init, #ref_archi_lab24_init, #ref_archi_lab25_init, #ref_archi_lab26_init, #ref_archi_lab31_init, #ref_archi_lab32_init, #ref_archi_lab33_init, #ref_archi_lab34_init, #ref_archi_lab35_init, #ref_archi_lab36_init {
	position: absolute;
	width: 102px;
	height: 102px;
}
#ref_archi_lab11_init, #ref_archi_lab11_on_init, #ref_archi_lab12_init, #ref_archi_lab12_init, #ref_archi_lab13_init, #ref_archi_lab14_init, #ref_archi_lab15_init, #ref_archi_lab16_init, #ref_archi_lab21_init, #ref_archi_lab22_init, #ref_archi_lab23_init, #ref_archi_lab24_init, #ref_archi_lab25_init, #ref_archi_lab26_init, #ref_archi_lab31_init, #ref_archi_lab32_init, #ref_archi_lab33_init, #ref_archi_lab34_init, #ref_archi_lab35_init, #ref_archi_lab36_init {
	opacity: 0;
}
#ref_archi_lab11, #ref_archi_lab11_on, #ref_archi_lab12, #ref_archi_lab13, #ref_archi_lab14, #ref_archi_lab15, #ref_archi_lab16 {
	left: 4px;
}
#ref_archi_lab21, #ref_archi_lab22, #ref_archi_lab23, #ref_archi_lab24, #ref_archi_lab25, #ref_archi_lab26 {
	left: 110px;
}
#ref_archi_lab31, #ref_archi_lab32, #ref_archi_lab33, #ref_archi_lab34, #ref_archi_lab35, #ref_archi_lab36 {
	left: 216px;
}
#ref_archi_lab11, #ref_archi_lab11_on, #ref_archi_lab21, #ref_archi_lab31 {
	top: 0px;
}
#ref_archi_lab12, #ref_archi_lab22, #ref_archi_lab32 {
	top: 106px;
}
#ref_archi_lab13, #ref_archi_lab23, #ref_archi_lab33 {
	top: 212px;
}
#ref_archi_lab14, #ref_archi_lab24, #ref_archi_lab34 {
	top: 318px;
}
#ref_archi_lab15, #ref_archi_lab25, #ref_archi_lab35 {
	top: 424px;
}
#ref_archi_lab16, #ref_archi_lab26, #ref_archi_lab36 {
	top: 530px;
}
#ref_archi_lab11_on {
	z-index: 2;
}
#ref_archi_lab11 {
	background-image: url("images/ref_archi/lab_gris/2023_DOMMARTIN_im01.jpg");
}
#ref_archi_lab21 {
	background-image: url("images/ref_archi/lab_gris/2022_LURE_im01.jpg");
}
#ref_archi_lab31 {
	background-image: url("images/ref_archi/lab_gris/2022_ALLENDE_im01.jpg");
}
#ref_archi_lab12 {
	background-image: url("images/ref_archi/lab_gris/2021_RAMBERVILLERS_im01.jpg");
}
#ref_archi_lab22 {
	background-image: url("images/ref_archi/lab_gris/2021_BELFORT_im01.jpg");
}
#ref_archi_lab32 {
	background-image: url("images/ref_archi/lab_gris/2020_CHARTREUSE_im01.jpg");
}
#ref_archi_lab13 {
	background-image: url("images/ref_archi/lab_gris/2019_VILLEPINTE_im01.jpg");
}
#ref_archi_lab23 {
	background-image: url("images/ref_archi/lab_gris/2017_BESANCON_im01.jpg");
}
#ref_archi_lab33 {
	background-image: url("images/ref_archi/lab_gris/2017_PONTARLIER_im01.jpg");
}
#ref_archi_lab14 {
	background-image: url("images/ref_archi/lab_gris/2017_ARQUITECTURA_im01.jpg");
}
#ref_archi_lab24 {
	background-image: url("images/ref_archi/lab_gris/2016_LIDL_im01.jpg");
}
#ref_archi_lab34 {
	background-image: url("images/ref_archi/lab_gris/2016_MONTIGNY_im01.jpg");
}
#ref_archi_lab15 {
	background-image: url("images/ref_archi/lab_gris/2016_GIRONDINS_im01.jpg");
}
#ref_archi_lab25 {
	background-image: url("images/ref_archi/lab_gris/2014_CHAMPAGNOLE_im01.jpg");
}
#ref_archi_lab35 {
	background-image: url("images/ref_archi/lab_gris/2013_REHAB_im01.jpg");
}
#ref_archi_lab16 {
	background-image: url("images/ref_archi/lab_gris/2010_ETROITS_im01.jpg");
}
#ref_archi_lab26 {
	background-image: url("images/ref_archi/lab_gris/2005_BELFORT_im01.jpg");
}
#ref_archi_lab36 {
	background-image: url("images/ref_archi/lab_gris/2002_OZANAM_im01.jpg");
}
#ref_archi_lab11:hover, #ref_archi_lab11_coul_init {
	background-image: url("images/ref_archi/lab/2023_DOMMARTIN_im01.jpg");
}
#ref_archi_lab21:hover, #ref_archi_lab21_coul_init {
	background-image: url("images/ref_archi/lab/2022_LURE_im01.jpg");
}
#ref_archi_lab31:hover, #ref_archi_lab31_coul_init {
	background-image: url("images/ref_archi/lab/2022_ALLENDE_im01.jpg");
}
#ref_archi_lab12:hover, #ref_archi_lab12_coul_init {
	background-image: url("images/ref_archi/lab/2021_RAMBERVILLERS_im01.jpg");
}
#ref_archi_lab22:hover, #ref_archi_lab22_coul_init {
	background-image: url("images/ref_archi/lab/2021_BELFORT_im01.jpg");
}
#ref_archi_lab32:hover, #ref_archi_lab32_coul_init {
	background-image: url("images/ref_archi/lab/2020_CHARTREUSE_im01.jpg");
}
#ref_archi_lab13:hover, #ref_archi_lab13_coul_init {
	background-image: url("images/ref_archi/lab/2019_VILLEPINTE_im01.jpg");
}
#ref_archi_lab23:hover, #ref_archi_lab23_coul_init {
	background-image: url("images/ref_archi/lab/2017_BESANCON_im01.jpg");
}
#ref_archi_lab33:hover, #ref_archi_lab33_coul_init {
	background-image: url("images/ref_archi/lab/2017_PONTARLIER_im01.jpg");
}
#ref_archi_lab14:hover, #ref_archi_lab14_coul_init {
	background-image: url("images/ref_archi/lab/2017_ARQUITECTURA_im01.jpg");
}
#ref_archi_lab24:hover, #ref_archi_lab24_coul_init {
	background-image: url("images/ref_archi/lab/2016_LIDL_im01.jpg");
}
#ref_archi_lab34:hover, #ref_archi_lab34_coul_init {
	background-image: url("images/ref_archi/lab/2016_MONTIGNY_im01.jpg");
}
#ref_archi_lab15:hover, #ref_archi_lab15_coul_init {
	background-image: url("images/ref_archi/lab/2016_GIRONDINS_im01.jpg");
}
#ref_archi_lab25:hover, #ref_archi_lab25_coul_init {
	background-image: url("images/ref_archi/lab/2014_CHAMPAGNOLE_im01.jpg");
}
#ref_archi_lab35:hover, #ref_archi_lab35_coul_init {
	background-image: url("images/ref_archi/lab/2013_REHAB_im01.jpg");
}
#ref_archi_lab16:hover, #ref_archi_lab16_coul_init {
	background-image: url("images/ref_archi/lab/2010_ETROITS_im01.jpg");
}
#ref_archi_lab26:hover, #ref_archi_lab26_coul_init {
	background-image: url("images/ref_archi/lab/2005_BELFORT_im01.jpg");
}
#ref_archi_lab36:hover, #ref_archi_lab36_coul_init {
	background-image: url("images/ref_archi/lab/2002_OZANAM_im01.jpg");
}
#ref_archi_lab11_coul_init, #ref_archi_lab11_on_coul_init, #ref_archi_lab12_coul_init, #ref_archi_lab12_coul_init, #ref_archi_lab13_coul_init, #ref_archi_lab14_coul_init, #ref_archi_lab15_coul_init, #ref_archi_lab16_coul_init, #ref_archi_lab21_coul_init, #ref_archi_lab22_coul_init, #ref_archi_lab23_coul_init, #ref_archi_lab24_coul_init, #ref_archi_lab25_coul_init, #ref_archi_lab26_coul_init, #ref_archi_lab31_coul_init, #ref_archi_lab32_coul_init, #ref_archi_lab33_coul_init, #ref_archi_lab34_coul_init, #ref_archi_lab35_coul_init, #ref_archi_lab36_coul_init {
	opacity: 0;
}

/* ASIDE - REFERENCES --------------------------------------------------------------------------------------------------------- */

#references_lab11 {
	position: absolute;
	width: 102px;
	height: 208px;
}
#references_lab12, #references_lab13, #references_lab13_on, #references_lab14, #references_lab14_on, #references_lab15, #references_lab16, #references_lab16_on, #references_lab21, #references_lab21_on, #references_lab22, #references_lab22_on, #references_lab23, #references_lab24, #references_lab24_on, #references_lab25, #references_lab25_on, #references_lab26, #references_lab31, #references_lab31_on, #references_lab32, #references_lab32_on, #references_lab33, #references_lab33_on, #references_lab34, #references_lab35, #references_lab35_on, #references_lab36, #references_lab36_on,
#references_lab11_init, #references_lab11_on_init, #references_lab13_init, #references_lab14_init, #references_lab15_init, #references_lab16_init, #references_lab21_init, #references_lab22_init, #references_lab23_init, #references_lab24_init, #references_lab25_init, #references_lab26_init, #references_lab31_init, #references_lab32_init, #references_lab32_on_init, #references_lab33_init, #references_lab34_init, #references_lab35_init, #references_lab36_init {
	position: absolute;
	width: 102px;
	height: 102px;
}
#references_lab11_init, #references_lab11_on_init, #references_lab13_init, #references_lab14_init, #references_lab15_init, #references_lab16_init, #references_lab21_init, #references_lab22_init, #references_lab23_init, #references_lab24_init, #references_lab25_init, #references_lab26_init, #references_lab31_init, #references_lab32_init, #references_lab32_on_init, #references_lab33_init, #references_lab34_init, #references_lab35_init, #references_lab36_init {
	opacity: 0;
}

#references_lab11, #references_lab13, #references_lab13_on, #references_lab14, #references_lab14_on, #references_lab15, #references_lab16, #references_lab16_on {
	left: 4px;
}
#references_lab21, #references_lab21_on, #references_lab22, #references_lab22_on, #references_lab23, #references_lab24, #references_lab24_on, #references_lab25, #references_lab25_on, #references_lab26 {
	left: 110px;
}
#references_lab31, #references_lab31_on, #references_lab32, #references_lab32_on, #references_lab33, #references_lab33_on, #references_lab34, #references_lab35, #references_lab35_on, #references_lab36, #references_lab36_on {
	left: 216px;
}
#references_lab11, #references_lab11_on, #references_lab21, #references_lab21_on, #references_lab31 {
	top: 0px;
}
#references_lab22, #references_lab22_on, #references_lab32, #references_lab32_on {
	top: 106px;
}
#references_lab13, #references_lab13_on, #references_lab23, #references_lab33, #references_lab33_on {
	top: 212px;
}
#references_lab14, #references_lab14_on, #references_lab24, #references_lab24_on, #references_lab34 {
	top: 318px;
}
#references_lab15, #references_lab25, #references_lab25_on, #references_lab35, #references_lab35_on {
	top: 424px;
}
#references_lab16, #references_lab16_on, #references_lab26, #references_lab36, #references_lab36_on {
	top: 530px;
}
#references_lab32_on {
	z-index: 2;
}
#references_lab11 {
	background-image: url("images/references/lab/11-PORTRAIT.jpg");
}
#references_lab13, #references_lab13_on {
	background-image: url("images/references/lab/13-1991_CITE-INDUSTRIELLE.jpg");
	opacity: 0.1;
}
#references_lab14, #references_lab14_on {
	background-image: url("images/references/lab/14-2002_CAUE.jpg");
	opacity: 0.1;
}
#references_lab15 {
	background-image: url("images/references/lab/15-2009_BERGES.jpg");
}
#references_lab16, #references_lab16_on {
	background-image: url("images/references/lab/16-2005_PEPIGRAPH.jpg");
	opacity: 0.1;
}
#references_lab21, #references_lab21_on {
	background-image: url("images/references/lab/21-2015_CHAPONOST.jpg");
	opacity: 0.1;
}
#references_lab22, #references_lab22_on {
	background-image: url("images/references/lab/22-2000_BLOIS.jpg");
	opacity: 0.1;
}
#references_lab23 {
	background-image: url("images/references/lab/23-2012_MESSIMY.jpg");
}
#references_lab24, #references_lab24_on {
	background-image: url("images/references/lab/24-2002_ARCACHON.jpg");
	opacity: 0.1;
}
#references_lab25, #references_lab25_on {
	background-image: url("images/references/lab/25-1996_BRIGNAIS.jpg");
	opacity: 0.1;
}
#references_lab26 {
	background-image: url("images/references/lab/26-2015_PRUVOST-WEB.jpg");
}
#references_lab31, #references_lab31_on {
	background-image: url("images/references/lab/31-2010_ETROITS.jpg");
	opacity: 0.1;
}
#references_lab32 {
	background-image: url("images/references/lab/32-2014_NOISY.jpg");
}
#references_lab33, #references_lab33_on {
	background-image: url("images/references/lab/33-1997_GERLAND.jpg");
	opacity: 0.1;
}
#references_lab34 {
	background-image: url("images/references/lab/34-2003_BOURG-EN-BRESSE.jpg");
}
#references_lab35, #references_lab35_on {
	background-image: url("images/references/lab/35-2003_LAUZES.jpg");
	opacity: 0.1;
}
#references_lab36, #references_lab36_on {
	background-image: url("images/references/lab/36-2004_DARSE.jpg");
	opacity: 0.1;
}

@-webkit-keyframes references_lab {
    0%, 15%, 100% {opacity: 0.1;}
	55% {opacity: 0.9;}
}
    @-moz-keyframes references_lab {
    0%, 15%, 100% {opacity: 0.1;}
	55% {opacity: 0.9;}
}
     @-ms-keyframes references_lab {
    0%, 15%, 100% {opacity: 0.1;}
	55% {opacity: 0.9;}
}
      @-o-keyframes references_lab {
    0%, 15%, 100% {opacity: 0.1;}
	55% {opacity: 0.9;}
}
@keyframes references_lab {
    0%, 15%, 100% {opacity: 0.1;}
	55% {opacity: 0.9;}
}

#references_lab13_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/13-1991_CITE-INDUSTRIELLE.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	0s;
        -moz-animation-delay:	0s;
         -ms-animation-delay:	0s;
          -o-animation-delay:	0s;
             animation-delay:	0s;
}
#references_lab14_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/14-2002_CAUE.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	12s;
        -moz-animation-delay:	12s;
         -ms-animation-delay:	12s;
          -o-animation-delay:	12s;
             animation-delay:	12s;
}
#references_lab16_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/16-2005_PEPIGRAPH.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	21s;
        -moz-animation-delay:	21s;
         -ms-animation-delay:	21s;
          -o-animation-delay:	21s;
             animation-delay:	21s;
}
#references_lab21_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/21-2015_CHAPONOST.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	0s;
        -moz-animation-delay:	0s;
         -ms-animation-delay:	0s;
          -o-animation-delay:	0s;
             animation-delay:	0s;
}
#references_lab22_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/22-2000_BLOIS.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	12s;
        -moz-animation-delay:	12s;
         -ms-animation-delay:	12s;
          -o-animation-delay:	12s;
             animation-delay:	12s;
}
#references_lab24_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/24-2002_ARCACHON.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	21s;
        -moz-animation-delay:	21s;
         -ms-animation-delay:	21s;
          -o-animation-delay:	21s;
             animation-delay:	21s;
}
#references_lab25_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/25-1996_BRIGNAIS.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	30s;
        -moz-animation-delay:	30s;
         -ms-animation-delay:	30s;
          -o-animation-delay:	30s;
             animation-delay:	30s;
}
#references_lab31_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/31-2010_ETROITS.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	0s;
        -moz-animation-delay:	0s;
         -ms-animation-delay:	0s;
          -o-animation-delay:	0s;
             animation-delay:	0s;
}
#references_lab33_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/33-1997_GERLAND.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	12s;
        -moz-animation-delay:	12s;
         -ms-animation-delay:	12s;
          -o-animation-delay:	12s;
             animation-delay:	12s;
}
#references_lab35_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/35-2003_LAUZES.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	21s;
        -moz-animation-delay:	21s;
         -ms-animation-delay:	21s;
          -o-animation-delay:	21s;
             animation-delay:	21s;
}
#references_lab36_on {
	position: absolute;
	opacity: 0.1;
	background: url("images/references/lab/36-2004_DARSE.jpg");
     -webkit-animation: references_lab 60s infinite;
        -moz-animation: references_lab 60s infinite;
         -ms-animation: references_lab 60s infinite;
          -o-animation: references_lab 60s infinite;
             animation: references_lab 60s infinite;
     -webkit-animation-delay:	30s;
        -moz-animation-delay:	30s;
         -ms-animation-delay:	30s;
          -o-animation-delay:	30s;
             animation-delay:	30s;
}

/* FOOTER --------------------------------------------------------------------------------------------------------- */
footer {
	width: 960px;
	height: 44px;
	top: 636px;	
	position: relative;
}

#footer_archi_init, #footer_pays_init {
	opacity: 0;	
}

#footer_accueil_cache {
	z-index: 4;
	background-color: #ffffff;
	position: absolute;
	width: 960px;
	height: 10px;
	top: 40px;	
}
#footer_ref_cache {
	z-index: 2;
	background-color: #ffffff;
	position: absolute;
	width: 960px;
	height: 16px;
	top: 38px;	
}

#footer_contact, #footer_contact_contact_on, #footer_liens_contact_on, #footer_mentions_contact_on, #footer_liens, #footer_contact_liens_on, #footer_liens_liens_on, #footer_mentions_liens_on, #footer_mentions, #footer_contact_mentions_on, #footer_liens_mentions_on, #footer_mentions_mentions_on, #footer_contact_app, #footer_liens_app, #footer_mentions_app,
#footer_contact_init, #footer_liens_init, #footer_mentions_init {
	position: absolute;
	width: 102px;
	height: 34px;
	top: 6px;
}

#footer_ref_rouge01, #footer_ref_vert01, #footer_ref_rouge02, #footer_ref_vert02, #footer_ref_rouge03, #footer_ref_vert03 {
 	z-index: 2;
	position: absolute;
	width: 102px;
	height: 34px;
	top: 636px;
}
#footer_rouge01, #footer_vert01, #footer_bleu01, #footer_bleu01_on, #footer_rouge02, #footer_vert02, #footer_bleu02, #footer_bleu02_on, #footer_rouge03, #footer_vert03, #footer_bleu03, #footer_bleu03_on,
#footer_bleu01_bleu01_on, #footer_bleu02_bleu01_on, #footer_bleu03_bleu01_on, #footer_bleu01_bleu02_on, #footer_bleu02_bleu02_on, #footer_bleu03_bleu02_on, #footer_bleu01_bleu03_on, #footer_bleu02_bleu03_on, #footer_bleu03_bleu03_on,
#footer_rouge01_init, #footer_vert01_init, #footer_bleu01_init, #footer_rouge02_init, #footer_vert02_init, #footer_bleu02_init, #footer_rouge03_init, #footer_vert03_init, #footer_bleu03_init {
 	z-index: 2;
	position: absolute;
	width: 102px;
	height: 34px;
	top: 0px;
}
#footer_rouge01_init, #footer_vert01_init, #footer_bleu01_init, #footer_rouge02_init, #footer_vert02_init, #footer_bleu02_init, #footer_rouge03_init, #footer_vert03_init, #footer_bleu03_init {
	opacity: 0;
}

#footer_bleu01, #footer_bleu02, #footer_bleu03, #footer_bleu01_on, #footer_bleu02_on, #footer_bleu03_on,
#footer_bleu01_bleu01_on, #footer_bleu02_bleu01_on, #footer_bleu03_bleu01_on, #footer_bleu01_bleu02_on, #footer_bleu02_bleu02_on, #footer_bleu03_bleu02_on, #footer_bleu01_bleu03_on, #footer_bleu02_bleu03_on, #footer_bleu03_bleu03_on {
	top: 0px;
     -webkit-transition: top 0.5s ease-out;
        -moz-transition: top 0.5s ease-out;
         -ms-transition: top 0.5s ease-out;
          -o-transition: top 0.5s ease-out;
             transition: top 0.3s ease-out;
}
#footer_bleu01:hover, #footer_bleu02:hover, #footer_bleu03:hover, #footer_bleu01_on:hover, #footer_bleu02_on:hover, #footer_bleu03_on:hover,
#footer_bleu01_bleu01_on:hover, #footer_bleu02_bleu01_on:hover, #footer_bleu03_bleu01_on:hover, #footer_bleu01_bleu02_on:hover, #footer_bleu02_bleu02_on:hover, #footer_bleu03_bleu02_on:hover, #footer_bleu01_bleu03_on:hover, #footer_bleu02_bleu03_on:hover, #footer_bleu03_bleu03_on:hover {
	top: 6px;
    cursor: pointer;
}
#footer_contact, #footer_contact_contact_on, #footer_liens_contact_on, #footer_mentions_contact_on, #footer_contact_app, #footer_rouge01, #footer_ref_rouge01, #footer_vert01, #footer_ref_vert01, #footer_bleu01, #footer_bleu01_on,
#footer_bleu01_bleu01_on, #footer_bleu02_bleu01_on, #footer_bleu03_bleu01_on {
	left: 646px;
}
#footer_liens, #footer_contact_liens_on, #footer_liens_liens_on, #footer_mentions_liens_on, #footer_liens_app, #footer_rouge02, #footer_vert02, #footer_ref_rouge02, #footer_ref_vert02, #footer_bleu02, #footer_bleu02_on,
#footer_bleu01_bleu02_on, #footer_bleu02_bleu02_on, #footer_bleu03_bleu02_on {
	left: 752px;
}
#footer_mentions, #footer_contact_mentions_on, #footer_liens_mentions_on, #footer_mentions_mentions_on, #footer_mentions_app, #footer_rouge03, #footer_vert03, #footer_ref_rouge03, #footer_ref_vert03, #footer_bleu03, #footer_bleu03_on,
#footer_bleu01_bleu03_on, #footer_bleu02_bleu03_on, #footer_bleu03_bleu03_on {
	left: 858px;
}

#footer_contact, #footer_liens, #footer_mentions, #footer_liens_contact_on, #footer_mentions_contact_on, #footer_contact_liens_on, #footer_mentions_liens_on, #footer_contact_mentions_on, #footer_liens_mentions_on {
	top: 6px;
     -webkit-transition: top 0.5s ease-out;
        -moz-transition: top 0.5s ease-out;
         -ms-transition: top 0.5s ease-out;
          -o-transition: top 0.5s ease-out;
             transition: top 0.3s ease-out;
}
#footer_contact:hover, #footer_liens:hover, #footer_mentions:hover, #footer_liens_contact_on:hover, #footer_mentions_contact_on:hover, #footer_contact_liens_on:hover, #footer_mentions_liens_on:hover, #footer_contact_mentions_on:hover, #footer_liens_mentions_on:hover {
	top: 0px;
    cursor: pointer;
}
@-webkit-keyframes footer_contact_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
    @-moz-keyframes footer_contact_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
     @-ms-keyframes footer_contact_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
      @-o-keyframes footer_contact_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
@keyframes footer_contact_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
#footer_contact_app {
     -webkit-animation: footer_contact_app 0.5s 1;
        -moz-animation: footer_contact_app 0.5s 1;
         -ms-animation: footer_contact_app 0.5s 1;
          -o-animation: footer_contact_app 0.5s 1;
             animation: footer_contact_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	3.4s;
        -moz-animation-delay:	3.4s;
         -ms-animation-delay:	3.4s;
          -o-animation-delay:	3.4s;
             animation-delay:	3.4s;
}
@-webkit-keyframes footer_liens_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
    @-moz-keyframes footer_liens_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
     @-ms-keyframes footer_liens_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
      @-o-keyframes footer_liens_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
@keyframes footer_liens_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
#footer_liens_app {
     -webkit-animation: footer_liens_app 0.5s 1;
        -moz-animation: footer_liens_app 0.5s 1;
         -ms-animation: footer_liens_app 0.5s 1;
          -o-animation: footer_liens_app 0.5s 1;
             animation: footer_liens_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	3.2s;
        -moz-animation-delay:	3.2s;
         -ms-animation-delay:	3.2s;
          -o-animation-delay:	3.2s;
             animation-delay:	3.2s;
}
@-webkit-keyframes footer_mentions_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
    @-moz-keyframes footer_mentions_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
     @-ms-keyframes footer_mentions_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
      @-o-keyframes footer_mentions_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
@keyframes footer_mentions_app {
  0% {top: 12px; opacity: 0;}
  100% {top: 6px; opacity: 1;}
}
#footer_mentions_app {
	top: 6px;
     -webkit-animation: footer_mentions_app 0.5s 1;
        -moz-animation: footer_mentions_app 0.5s 1;
         -ms-animation: footer_mentions_app 0.5s 1;
          -o-animation: footer_mentions_app 0.5s 1;
             animation: footer_mentions_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	3.6s;
        -moz-animation-delay:	3.6s;
         -ms-animation-delay:	3.6s;
          -o-animation-delay:	3.6s;
             animation-delay:	3.6s;
}
#footer_contact_init, #footer_liens_init, #footer_mentions_init {
	opacity: 0;
}

@-webkit-keyframes footer_text_app {
  0% {bottom : -12px; opacity: 0;}
  100% {bottom : 0px; opacity: 1;}
}
    @-moz-keyframes footer_text_app {
  0% {bottom : -12px; opacity: 0;}
  100% {bottom : 0px; opacity: 1;}
}
     @-ms-keyframes footer_text_app {
  0% {bottom : -12px; opacity: 0;}
  100% {bottom : 0px; opacity: 1;}
}
      @-o-keyframes footer_text_app {
  0% {bottom : -12px; opacity: 0;}
  100% {bottom : 0px; opacity: 1;}
}
@keyframes footer_text_app {
  0% {bottom : -12px; opacity: 0;}
  100% {bottom : 0px; opacity: 1;}
}
#footer_text_app {
	position: absolute;
	width: 642px;
	bottom : 0px;
     -webkit-animation: footer_text_app 0.5s 1;
        -moz-animation: footer_text_app 0.5s 1;
         -ms-animation: footer_text_app 0.5s 1;
          -o-animation: footer_text_app 0.5s 1;
             animation: footer_text_app 0.5s 1;
	-webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
         -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
             animation-fill-mode: both;
     -webkit-animation-delay:	3s;
        -moz-animation-delay:	3s;
         -ms-animation-delay:	3s;
          -o-animation-delay:	3s;
             animation-delay:	3s;
}
#footer_text {
	z-index: 2;
	position: absolute;
	width: 642px;
	bottom : 0px;
}
#footer_text_on {
	position: absolute;
	width: 642px;
	bottom : 0px;
}

#footer_contact_text_zoom {
	position: absolute;
	width: 516px;
	bottom : 0px;
}
#footer_liens_text_zoom1 {
	position: absolute;
	left: 0px;
	bottom : 0px;
}
#footer_liens_text_zoom2 {
	position: absolute;
	width: 642px;
	bottom : 0px;
}
#footer_mentions_text_zoom {
	position: absolute;
	width: 642px;
	bottom : 0px;
}
#footer_contact_text, #footer_contact_text a, #footer_liens_text, #footer_liens_text a, #footer_mentions_text {
	font-size : 12;
	color: grey;
	text-align: justify;
	text-align-last: justify;
}
#footer_contact_text_on, #footer_contact_text_on a, #footer_liens_text_on, #footer_liens_text_on a, #footer_mentions_text_on {
	font-size : 12;
	color: #c8c8c8;
	text-align: justify;
	text-align-last: justify;
}
#footer_contact_text_zoom, #footer_contact_text_zoom a, #footer_liens_text_zoom1, #footer_liens_text_zoom1 a, #footer_liens_text_zoom2, #footer_liens_text_zoom2 a, #footer_mentions_text_zoom {
	color: grey;
	text-align: right;
}
#footer_mentions_text, #footer_mentions_text_on {
	margin-bottom: 2px;
	line-height : 100%;
}
#footer_contact_text:after, #footer_liens_text:after, #footer_mentions_text:after, #footer_contact_text_on:after, #footer_liens_text_on:after, #footer_mentions_text_on:after {
    content: " _________________________________________________________________________________________";
	font-size: 1;
    line-height: 0%;
    visibility: hidden
}
#footer_contact_text a, #footer_liens_text a, #footer_contact_text_on a, #footer_contact_text_zoom a, #footer_liens_text_on a, #footer_liens_text_zoom1 a, #footer_liens_text_zoom2 a {
	font-weight : bold;
	text-decoration: none;
}

#footer_ref_date {
	width: 642px;
	padding-top: 6px;
	padding-left: 2px;
	line-height: 110%;
}
#footer_ref_date_init {
	width: 642px;
	padding-top: 6px;
	padding-left: 2px;
	line-height: 110%;
	opacity: 0;
}
#ref_date_init {
	opacity: 0;
}
#footer_ref_titre {
	position: absolute;
	top: 0px;
	width: 642px;
	padding-top: 2px;
	padding-left: 16px;
	line-height: 100%;
}
#footer_ref_text {
	position: absolute;
	top: 0px;
	width: 642px;
	width: 784px;
	text-align: right;
	padding-top: 2px;
	padding-right: 16px;
	line-height: 100%;
}

#footer_ref_archi11_lab01_init, #footer_ref_archi11_lab02_init, #footer_ref_archi11_lab03_init, #footer_ref_archi11_lab04_init, #footer_ref_archi11_lab05_init, #footer_ref_pays11_lab01_init, #footer_ref_pays11_lab02_init, #footer_ref_pays11_lab03_init, #footer_ref_pays11_lab04_init, #footer_ref_pays11_lab05_init,
#footer_ref_archi12_lab01_init, #footer_ref_archi12_lab02_init, #footer_ref_archi12_lab03_init, #footer_ref_archi12_lab04_init, #footer_ref_archi12_lab05_init, #footer_ref_pays12_lab01_init, #footer_ref_pays12_lab02_init, #footer_ref_pays12_lab03_init, #footer_ref_pays12_lab04_init, #footer_ref_pays12_lab05_init,
#footer_ref_archi13_lab01_init, #footer_ref_archi13_lab02_init, #footer_ref_archi13_lab03_init, #footer_ref_archi13_lab04_init, #footer_ref_archi13_lab05_init, #footer_ref_pays13_lab01_init, #footer_ref_pays13_lab02_init, #footer_ref_pays13_lab03_init, #footer_ref_pays13_lab04_init, #footer_ref_pays13_lab05_init,
#footer_ref_archi14_lab01_init, #footer_ref_archi14_lab02_init, #footer_ref_archi14_lab03_init, #footer_ref_archi14_lab04_init, #footer_ref_archi14_lab05_init, #footer_ref_pays14_lab01_init, #footer_ref_pays14_lab02_init, #footer_ref_pays14_lab03_init, #footer_ref_pays14_lab04_init, #footer_ref_pays14_lab05_init,
#footer_ref_archi15_lab01_init, #footer_ref_archi15_lab02_init, #footer_ref_archi15_lab03_init, #footer_ref_archi15_lab04_init, #footer_ref_archi15_lab05_init, #footer_ref_pays15_lab01_init, #footer_ref_pays15_lab02_init, #footer_ref_pays15_lab03_init, #footer_ref_pays15_lab04_init, #footer_ref_pays15_lab05_init,
#footer_ref_archi16_lab01_init, #footer_ref_archi16_lab02_init, #footer_ref_archi16_lab03_init, #footer_ref_archi16_lab04_init, #footer_ref_archi16_lab05_init, #footer_ref_pays16_lab01_init, #footer_ref_pays16_lab02_init, #footer_ref_pays16_lab03_init, #footer_ref_pays16_lab04_init, #footer_ref_pays16_lab05_init,
#footer_ref_archi21_lab01_init, #footer_ref_archi21_lab02_init, #footer_ref_archi21_lab03_init, #footer_ref_archi21_lab04_init, #footer_ref_archi21_lab05_init, #footer_ref_pays21_lab01_init, #footer_ref_pays21_lab02_init, #footer_ref_pays21_lab03_init, #footer_ref_pays21_lab04_init, #footer_ref_pays21_lab05_init,
#footer_ref_archi22_lab01_init, #footer_ref_archi22_lab02_init, #footer_ref_archi22_lab03_init, #footer_ref_archi22_lab04_init, #footer_ref_archi22_lab05_init, #footer_ref_pays22_lab01_init, #footer_ref_pays22_lab02_init, #footer_ref_pays22_lab03_init, #footer_ref_pays22_lab04_init, #footer_ref_pays22_lab05_init,
#footer_ref_archi23_lab01_init, #footer_ref_archi23_lab02_init, #footer_ref_archi23_lab03_init, #footer_ref_archi23_lab04_init, #footer_ref_archi23_lab05_init, #footer_ref_pays23_lab01_init, #footer_ref_pays23_lab02_init, #footer_ref_pays23_lab03_init, #footer_ref_pays23_lab04_init, #footer_ref_pays23_lab05_init,
#footer_ref_archi24_lab01_init, #footer_ref_archi24_lab02_init, #footer_ref_archi24_lab03_init, #footer_ref_archi24_lab04_init, #footer_ref_archi24_lab05_init, #footer_ref_pays24_lab01_init, #footer_ref_pays24_lab02_init, #footer_ref_pays24_lab03_init, #footer_ref_pays24_lab04_init, #footer_ref_pays24_lab05_init,
#footer_ref_archi25_lab01_init, #footer_ref_archi25_lab02_init, #footer_ref_archi25_lab03_init, #footer_ref_archi25_lab04_init, #footer_ref_archi25_lab05_init, #footer_ref_pays25_lab01_init, #footer_ref_pays25_lab02_init, #footer_ref_pays25_lab03_init, #footer_ref_pays25_lab04_init, #footer_ref_pays25_lab05_init,
#footer_ref_archi26_lab01_init, #footer_ref_archi26_lab02_init, #footer_ref_archi26_lab03_init, #footer_ref_archi26_lab04_init, #footer_ref_archi26_lab05_init, #footer_ref_pays26_lab01_init, #footer_ref_pays26_lab02_init, #footer_ref_pays26_lab03_init, #footer_ref_pays26_lab04_init, #footer_ref_pays26_lab05_init,
#footer_ref_archi31_lab01_init, #footer_ref_archi31_lab02_init, #footer_ref_archi31_lab03_init, #footer_ref_archi31_lab04_init, #footer_ref_archi31_lab05_init, #footer_ref_pays31_lab01_init, #footer_ref_pays31_lab02_init, #footer_ref_pays31_lab03_init, #footer_ref_pays31_lab04_init, #footer_ref_pays31_lab05_init,
#footer_ref_archi32_lab01_init, #footer_ref_archi32_lab02_init, #footer_ref_archi32_lab03_init, #footer_ref_archi32_lab04_init, #footer_ref_archi32_lab05_init, #footer_ref_pays32_lab01_init, #footer_ref_pays32_lab02_init, #footer_ref_pays32_lab03_init, #footer_ref_pays32_lab04_init, #footer_ref_pays32_lab05_init,
#footer_ref_archi33_lab01_init, #footer_ref_archi33_lab02_init, #footer_ref_archi33_lab03_init, #footer_ref_archi33_lab04_init, #footer_ref_archi33_lab05_init, #footer_ref_pays33_lab01_init, #footer_ref_pays33_lab02_init, #footer_ref_pays33_lab03_init, #footer_ref_pays33_lab04_init, #footer_ref_pays33_lab05_init,
#footer_ref_archi34_lab01_init, #footer_ref_archi34_lab02_init, #footer_ref_archi34_lab03_init, #footer_ref_archi34_lab04_init, #footer_ref_archi34_lab05_init, #footer_ref_pays34_lab01_init, #footer_ref_pays34_lab02_init, #footer_ref_pays34_lab03_init, #footer_ref_pays34_lab04_init, #footer_ref_pays34_lab05_init,
#footer_ref_archi35_lab01_init, #footer_ref_archi35_lab02_init, #footer_ref_archi35_lab03_init, #footer_ref_archi35_lab04_init, #footer_ref_archi35_lab05_init, #footer_ref_pays35_lab01_init, #footer_ref_pays35_lab02_init, #footer_ref_pays35_lab03_init, #footer_ref_pays35_lab04_init, #footer_ref_pays35_lab05_init,
#footer_ref_archi36_lab01_init, #footer_ref_archi36_lab02_init, #footer_ref_archi36_lab03_init, #footer_ref_archi36_lab04_init, #footer_ref_archi36_lab05_init, #footer_ref_pays36_lab01_init, #footer_ref_pays36_lab02_init, #footer_ref_pays36_lab03_init, #footer_ref_pays36_lab04_init, #footer_ref_pays36_lab05_init {	
	position: absolute;
    width: 38px; 
    height: 38px;
	top: 0px;
	opacity: 0;
}

#footer_ref_archi_lab01, #footer_ref_archi_lab02, #footer_ref_archi_lab03, #footer_ref_archi_lab04, #footer_ref_archi_lab05, #footer_ref_pays_lab01, #footer_ref_pays_lab02, #footer_ref_pays_lab03, #footer_ref_pays_lab04, #footer_ref_pays_lab05, #footer_ref_archi_lab01_active, #footer_ref_archi_lab02_active, #footer_ref_archi_lab03_active, #footer_ref_archi_lab04_active, #footer_ref_archi_lab05_active, #footer_ref_pays_lab01_active, #footer_ref_pays_lab02_active, #footer_ref_pays_lab03_active, #footer_ref_pays_lab04_active, #footer_ref_pays_lab05_active, #footer_ref_archi_lab02_zone, #footer_ref_archi_lab03_zone, #footer_ref_archi_lab04_zone, #footer_ref_archi_lab05_zone, #footer_ref_pays_lab02_zone, #footer_ref_pays_lab03_zone, #footer_ref_pays_lab04_zone, #footer_ref_pays_lab05_zone {	
	z-index: 6;
	position: absolute;
    width: 38px; 
    height: 38px;
	top: 0px;
}
#footer_ref_archi_lab01, #footer_ref_archi_lab02, #footer_ref_archi_lab03, #footer_ref_archi_lab04, #footer_ref_archi_lab05, #footer_ref_archi_lab01_active, #footer_ref_archi_lab02_active, #footer_ref_archi_lab03_active, #footer_ref_archi_lab04_active, #footer_ref_archi_lab05_active {
	border-left: 0px #BEAAAA solid;
	border-right: 4px #BEAAAA solid;
}
#footer_ref_pays_lab01, #footer_ref_pays_lab02, #footer_ref_pays_lab03, #footer_ref_pays_lab04, #footer_ref_pays_lab05, #footer_ref_pays_lab01_active, #footer_ref_pays_lab02_active, #footer_ref_pays_lab03_active, #footer_ref_pays_lab04_active, #footer_ref_pays_lab05_active {
	border-left: 0px #C8DFAF solid;
	border-right: 4px #C8DFAF solid;
}

#footer_ref_archi_lab02_zone, #footer_ref_pays_lab02_zone {	
	top: 8px;
	right: 130px;	
	border: none;
    cursor: pointer;
}
#footer_ref_archi_lab03_zone, #footer_ref_pays_lab03_zone {		
	top: -12px;	
	right: 116px;
	border: none;
    cursor: pointer;
}
#footer_ref_archi_lab04_zone, #footer_ref_pays_lab04_zone {	
	top: 16px;
	right: 100px;
	border: none;
    cursor: pointer;
}
#footer_ref_archi_lab05_zone, #footer_ref_pays_lab05_zone {	
	top: 4px;	
	right: 80px;
	border: none;
    cursor: pointer;
}
#footer_ref_archi_lab01, #footer_ref_pays_lab01 {
	top: 0px;	
	right: 38px;
}
#footer_ref_archi_lab02, #footer_ref_pays_lab02 {	
	top: 8px;
	right: 130px;
}
#footer_ref_archi_lab03, #footer_ref_pays_lab03 {
	top: -12px;	
	right: 116px;
}
#footer_ref_archi_lab04, #footer_ref_pays_lab04 {
	top: 16px;
	right: 100px;
}
#footer_ref_archi_lab05, #footer_ref_pays_lab05 {
	top: 4px;	
	right: 80px;
}
/*#footer_ref_archi_lab01:hover, #footer_ref_archi_lab02:hover, #footer_ref_archi_lab03:hover, #footer_ref_archi_lab04:hover, #footer_ref_archi_lab05:hover   {
	border-left: 4px #ff3200 solid;
	border-right: 2px #ff3200 solid;
}
#footer_ref_archi_lab01:active, #footer_ref_archi_lab02:active, #footer_ref_archi_lab03:active, #footer_ref_archi_lab04:active, #footer_ref_archi_lab05:active {
	z-index: 8;
	border-left: 4px #ff3200 solid;
	border-right: 0px #ff3200 solid;
}
#footer_ref_pays_lab01:hover, #footer_ref_pays_lab02:hover, #footer_ref_pays_lab03:hover, #footer_ref_pays_lab04:hover, #footer_ref_pays_lab05:hover   {
	border-left: 4px #92d050 solid;
	border-right: 2px #92d050 solid;
}
#footer_ref_pays_lab01:active, #footer_ref_pays_lab02:active, #footer_ref_pays_lab03:active, #footer_ref_pays_lab04:active, #footer_ref_pays_lab05:active {
	z-index: 8;
	border-left: 4px #92d050 solid;
	border-right: 0px #92d050 solid;
}*/
#footer_ref_archi_lab01_active, #footer_ref_archi_lab02_active, #footer_ref_archi_lab03_active, #footer_ref_archi_lab04_active, #footer_ref_archi_lab05_active {
	top: 0px;	
	right: 38px;
	border-left: 0px #E1AAA0 solid;
	border-right: 4px #E1AAA0 solid;
		border-left: 0px #BEAAAA solid;
	border-right: 4px #BEAAAA solid;
}
#footer_ref_pays_lab01_active, #footer_ref_pays_lab02_active, #footer_ref_pays_lab03_active, #footer_ref_pays_lab04_active, #footer_ref_pays_lab05_active {
	top: 0px;	
	right: 38px;
	border-left: 0px #92d050 solid;
	border-right: 4px #92d050 solid;
		border-left: 0px #C8DFAF solid;
	border-right: 4px #C8DFAF solid;
}
#footer_ref_archi_lab01_active, #footer_ref_pays_lab01_active {
	z-index: 8;
}

/* FOOTER - REFERENCES --------------------------------------------------------------------------------------------------------- */

#footer_references_cache {
	z-index: 4;
	background-color: #1e00c0;
	background-image: -webkit-gradient(to right, color-stop( 0% , rgba(238,238,238,1)),color-stop( 50% , rgba(255,255,255,1)),color-stop( 100% , rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	position: absolute;
	width: 960px;
	height: 4px;
	top: 34px;	
}

/* FOOTER - PAYS --------------------------------------------------------------------------------------------------------- */

#footer_ref_pays_cache {
	z-index: 4;
	background-color: #92d050;
	background-image: -webkit-gradient(to right, color-stop( 0% , rgba(238,238,238,1)),color-stop( 50% , rgba(255,255,255,1)),color-stop( 100% , rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	position: absolute;
	width: 960px;
	height: 4px;
	top: 34px;	
}
#footer_vert{
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/vert_lien.jpg");
	width: 42px;
	height: 42px;
	width: 58px;
	height: 58px;
	right: -4px;
	right: -20px;
	top: 0px;
}
#footer_vert:hover {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/vert_lien_on.png");
	width: 58px;
	height: 58px;
	right: -20px;
	top: 0px;
}
#footer_vert0 {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/vert_lien0.png");
	width: 42px;
	height: 42px;
	width: 58px;
	height: 58px;
	right: -340px;
	right: 0px;
	top: -50px;
	top: 620px;
}
#footer_vert0:hover {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/vert_lien_on.png");
	width: 58px;
	height: 58px;
	right: -340px;
	right: 0px;
	top: -50px;
	top: 620px;
}
#footer_vert_init {
	opacity: 0;
}

/* FOOTER - ARCHI --------------------------------------------------------------------------------------------------------- */

#footer_ref_archi_cache {
	z-index: 4;
	background-color: #ff3200;
	background-image: -webkit-gradient(to right, color-stop( 0% , rgba(238,238,238,1)),color-stop( 50% , rgba(255,255,255,1)),color-stop( 100% , rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	position: absolute;
	width: 960px;
	height: 4px;
	top: 34px;	
}

#footer_rouge {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/rouge_lien.jpg");
	width: 42px;
	height: 42px;
	width: 58px;
	height: 58px;
	right: -4px;
	right: -20px;
	top: 0px;
}
#footer_rouge:hover {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/rouge_lien_on.png");
	width: 58px;
	height: 58px;
	right: -20px;
	top: 0px;
}
#footer_rouge0 {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/rouge_lien0.png");
	width: 42px;
	height: 42px;
	width: 58px;
	height: 58px;
	right: -340px;
	right: 0px;
	top: -50px;
	top: 620px;
}
#footer_rouge0:hover {
	z-index: 4;
	position: absolute;
	background-image: url("images/graph/rouge_lien_on.png");
	width: 58px;
	height: 58px;
	right: -340px;
	right: 0px;
	top: -50px;
	top: 620px;
}
#footer_rouge_init {
	opacity: 0;
}