/* SITE --------------------------------------------------------------------------------------------------------- */ 
@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: #aa9e88;
	background-color: #6c5f57;
	background-color: #ffffff;
    font-family: "MyriadPro", "Calibri", "Arial", "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%;
}
.strut, #content, #content_intro {
    /* on permet à ces éléments de s'aligner verticalement */
    display:inline-block;
    vertical-align:middle;
}
.strut {
    /* hauteur de la fenêtre, par rapport à laquelle les éléments vont être alignés */
    height:100%;
}
#content {
    width: 100%;
    height: 720px;
	background-color: #aa9e88;
	background-color: #ffffff;
}
#content_intro {
    width: 100%;
    height: 360px;
	background-color: #ffffff;
}
	 
@-webkit-keyframes texte_disp {
     0% {opacity: 1}
     75% {opacity: 0}
     100%   {opacity: 0}
}
@-webkit-keyframes texte_app {
     0% {opacity: 0}
     75% {opacity: 1}
     100%   {opacity: 1}
}
@-webkit-keyframes disp {
     0% {opacity: 1}
     100%   {opacity: 0}
}
@-webkit-keyframes app {
     0% {opacity: 0}
     100%   {opacity: 1}
}

    @-moz-keyframes texte_disp {
     0% {opacity: 1}
     75% {opacity: 0}
     100%   {opacity: 0}
}
    @-moz-keyframes texte_app {
     0% {opacity: 0}
     75% {opacity: 1}
     100%   {opacity: 1}
}
    @-moz-keyframes disp {
     0% {opacity: 1}
     100%   {opacity: 0}
}
    @-moz-keyframes app {
     0% {opacity: 0}
     100%   {opacity: 1}
}

     @-ms-keyframes texte_disp {
     0% {opacity: 1}
     75% {opacity: 0}
     100%   {opacity: 0}
}
     @-ms-keyframes texte_app {
     0% {opacity: 0}
     75% {opacity: 1}
     100%   {opacity: 1}
}
     @-ms-keyframes disp {
     0% {opacity: 1}
     100%   {opacity: 0}
}
     @-ms-keyframes app {
     0% {opacity: 0}
     100%   {opacity: 1}
}

      @-o-keyframes texte_disp {
     0% {opacity: 1}
     75% {opacity: 0}
     100%   {opacity: 0}
}
      @-o-keyframes texte_app {
     0% {opacity: 0}
     75% {opacity: 1}
     100%   {opacity: 1}
}
      @-o-keyframes disp {
     0% {opacity: 1}
     100%   {opacity: 0}
}
      @-o-keyframes app {
     0% {opacity: 0}
     100%   {opacity: 1}
}

@keyframes texte_disp {
     0% {opacity: 1}
     75% {opacity: 0}
     100%   {opacity: 0}
}
@keyframes texte_app {
     0% {opacity: 0}
     75% {opacity: 1}
     100%   {opacity: 1}
}
@keyframes disp {
     0% {opacity: 1}
     100%   {opacity: 0}
}
@keyframes app {
     0% {opacity: 0}
     100%   {opacity: 1}
}
.disp {
     -webkit-animation: disp 1s ease-in-out 1;
        -moz-animation: disp 1s ease-in-out 1;
         -ms-animation: disp 1s ease-in-out 1;
          -o-animation: disp 1s ease-in-out 1;
             animation: disp 1s 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;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
.app {
     -webkit-animation: app 1s ease-in-out 1;
        -moz-animation: app 1s ease-in-out 1;
         -ms-animation: app 1s ease-in-out 1;
          -o-animation: app 1s ease-in-out 1;
             animation: app 1s 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;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

@-webkit-keyframes header_nav_app {
     0% {opacity: 0; top: -36px}
     75% {opacity: 0; top: -36px}
     100%   {opacity: 1; top: 0px}  
}
    @-moz-keyframes header_nav_app {
     0% {opacity: 0; top: -36px}
     75% {opacity: 0; top: -36px}
     100%   {opacity: 1; top: 0px}  
}
     @-ms-keyframes header_nav_app {
     0% {opacity: 0; top: -36px}
     75% {opacity: 0; top: -36px}
     100%   {opacity: 1; top: 0px}  
}
      @-o-keyframes header_nav_app {
     0% {opacity: 0; top: -36px}
     75% {opacity: 0; top: -36px}
     100%   {opacity: 1; top: 0px}  
}
@keyframes header_nav_app {
     0% {opacity: 0; top: -36px}
     75% {opacity: 0; top: -36px}
     100%   {opacity: 1; top: 0px}  
}
.header_nav_app {
	z-index: 100;
	position: absolute;
	top: 90px;
	left: 240px;
     -webkit-animation: header_nav_app 1s ease 1;
        -moz-animation: header_nav_app 1s ease 1;
         -ms-animation: header_nav_app 1s ease 1;
          -o-animation: aheader_nav_app 1s ease 1;
             animation: header_nav_app 1s ease 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;
}

/* PAGE centrage horizontal*/
#page, #page_accueil {
	position: relative;
	background-color: white;
	/*top: -90px;*/
	width: 960px;
	height: 720px;
	margin: auto;
}
#page_accueil {
	background-color: #ffffff;
     -webkit-animation: content_coul 1s ease 1;
        -moz-animation: content_coul 1s ease 1;
         -ms-animation: content_coul 1s ease 1;
          -o-animation: content_coul 1s ease 1;
             animation: content_coul 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
#page_intro, #page_intro_active {
	background-color: white;
	width: 960px;
	height: 360px;
	margin: auto;
}
@media all and (max-device-width: 960px) {
#page, #page_accueil {
	width: auto;
}
}

.loader {
position : fixed;
z-index: 9999;
background : url('images/graph/ajax_loader_orange_32.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

/* INTRO --------------------------------------------------------------------------------------------------------- */

@-webkit-keyframes header_intro {
     from {top: 100px}
     25%  {top: 100px}
     50%  {top: 70px}
     75%  {top: 100px}
     to   {top: 0px}
}
@-webkit-keyframes footer_intro {
     from {top: -100px}
     75%  {top: -100px}
     to   {top: 0px}
}
    @-moz-keyframes header_intro {
     from {top: 100px}
     25%  {top: 100px}
     50%  {top: 70px}
     75%  {top: 100px}
     to   {top: 0px}
}
    @-moz-keyframes footer_intro {
     from {top: -100px}
     75%  {top: -100px}
     to   {top: 0px}
}
     @-ms-keyframes header_intro {
     from {top: 100px}
     25%  {top: 100px}
     50%  {top: 70px}
     75%  {top: 100px}
     to   {top: 0px}
}
     @-ms-keyframes footer_intro {
     from {top: -100px}
     75%  {top: -100px}
     to   {top: 0px}
}
      @-o-keyframes header_intro {
     from {top: 100px}
     25%  {top: 100px}
     50%  {top: 70px}
     75%  {top: 100px}
     to   {top: 0px}
}
      @-o-keyframes footer_intro {
     from {top: -100px}
     75%  {top: -100px}
     to   {top: 0px}
}
@keyframes header_intro {
     from {top: 100px}
     25%  {top: 100px}
     50%  {top: 70px}
     75%  {top: 100px}
     to   {top: 0px}
}
@keyframes footer_intro {
     from {top: -100px}
     75%  {top: -100px}
     to   {top: 0px}
}
.header_intro {
	z-index: 10;
	top: 100px;
	background-color: #ffffff;
}
.header_intro_active {
	z-index: 10;
	top: 100px;
	background-color: #ffffff;
     -webkit-animation: header_intro 1s ease-in-out 1;
        -moz-animation: header_intro 1s ease-in-out 1;
         -ms-animation: header_intro 1s ease-in-out 1;
          -o-animation: header_intro 1s ease-in-out 1;
             animation: header_intro 1s 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;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
.footer_intro {
	z-index: 100;
	top: -100px;
	background-color: #ffffff;
}
.footer_intro_active {
	z-index: 100;
	top: -100px;
	background-color: #ffffff;
     -webkit-animation: footer_intro 1s ease-in-out 1;
        -moz-animation: footer_intro 1s ease-in-out 1;
         -ms-animation: footer_intro 1s ease-in-out 1;
          -o-animation: footer_intro 1s ease-in-out 1;
             animation: footer_intro 1s 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;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

.film0 {
	opacity: 0;
	position: relative;
	width: 688px;
	height: 201px;
	top: 6px;	
	left: 0px;
}
.film {
	opacity: 1;
	position: relative;
	width: 688px;
	height: 201px;
	top: 6px;	
	left: 0px;
}

@-webkit-keyframes film_active {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 1}
     97% {opacity: 1}
     100%   {opacity: 0}
}
    @-moz-keyframes film_active {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 1}
     97% {opacity: 1}
     100%   {opacity: 0}
}
     @-ms-keyframes film_active {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 1}
     97% {opacity: 1}
     100%   {opacity: 0}
}
      @-o-keyframes film_active {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 1}
     97% {opacity: 1}
     100%   {opacity: 0}
}
@keyframes film_active {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 1}
     97% {opacity: 1}
     100%   {opacity: 0}
}
.film_active {
	opacity: 1;
	position: absolute;
	width: 688px;
	height: 201px;
	top: 0px;	
	left: 0px;
     -webkit-animation: film_active 28s ease 1;
        -moz-animation: film_active 28s ease 1;
         -ms-animation: film_active 28s ease 1;
          -o-animation: film_active 28s ease 1;
             animation: film_active 28s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

@-webkit-keyframes film_fin {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 0}
     90% {opacity: 0}
     100%   {opacity: 1}
}
    @-moz-keyframes film_fin {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 0}
     90% {opacity: 0}
     100%   {opacity: 1}
}
     @-ms-keyframes film_fin {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 0}
     90% {opacity: 0}
     100%   {opacity: 1}
}
      @-o-keyframes film_fin {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 0}
     90% {opacity: 0}
     100%   {opacity: 1}
}
@keyframes film_fin {
     0% {opacity: 0}
	 3% {opacity: 0}
	 10% {opacity: 0}
     90% {opacity: 0}
     100%   {opacity: 1}
}
.film_fin {
	opacity: 0;
	position: absolute;
	width: 688px;
	height: 201px;
	top: 0px;	
	left: 0px;
     -webkit-animation: film_fin 28s ease 1;
        -moz-animation: film_fin 28s ease 1;
         -ms-animation: film_fin 28s ease 1;
          -o-animation: film_fin 28s ease 1;
             animation: film_fin 28s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
header p {
	display: inline-block;
	position: absolute;
	margin-left: 12px;
	margin-top: 0px;
	top: 0px;
	font-size: 75%;
	color: #aa9e88;
}

@-webkit-keyframes focus {
     0% {opacity: 0}
     50% {opacity: 1}
     100%   {opacity: 0}
}
@-webkit-keyframes focus_app {
     0% {opacity: 0}
     50% {opacity: 0}
     100%   {opacity: 1}
}
    @-moz-keyframes focus {
     0% {opacity: 0}
     50% {opacity: 1}
     100%   {opacity: 0}
}
    @-moz-keyframes focus_app {
     0% {opacity: 0}
     50% {opacity: 0}
     100%   {opacity: 1}
}
     @-ms-keyframes focus {
     0% {opacity: 0}
     50% {opacity: 1}
     100%   {opacity: 0}
}
     @-ms-keyframes focus_app {
     0% {opacity: 0}
     50% {opacity: 0}
     100%   {opacity: 1}
}
      @-o-keyframes focus {
     0% {opacity: 0}
     50% {opacity: 1}
     100%   {opacity: 0}
}
      @-o-keyframes focus_app {
     0% {opacity: 0}
     50% {opacity: 0}
     100%   {opacity: 1}
}
@keyframes focus {
     0% {opacity: 0}
     50% {opacity: 1}
     100%   {opacity: 0}
}
@keyframes focus_app {
     0% {opacity: 0}
     50% {opacity: 0}
     100%   {opacity: 1}
}
.skip_disp {
	z-index: 100;
	position: absolute;
	margin-top: 100px;
	margin-left: 300px;
	text-align: center;
	top: 0px;
	font-size: 100%;
	font-style: italic;
	color: #ffffff;
	text-decoration: none;
     -webkit-animation: focus 5s ease 1;
        -moz-animation: focus 5s ease 1;
         -ms-animation: focus 5s ease 1;
          -o-animation: focus 5s ease 1;
             animation: focus 5s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
.skip {
	z-index: 100;
	position: absolute;
	margin-top: 100px;
	margin-left: 300px;
	text-align: center;
	top: 0px;
	font-size: 100%;
	font-style: italic;
	color: #ffffff;
	text-decoration: none;
}
.entrer {
	z-index: 100;
	position: absolute;
	margin-top: 100px;
	margin-left: 300px;
	text-align: center;
	top: 0px;
	font-size: 100%;
	font-style: italic;
	color: #aa9e88;
	text-decoration: none;
     -webkit-animation: focus_app 5s ease 1;
        -moz-animation: focus_app 5s ease 1;
         -ms-animation: focus_app 5s ease 1;
          -o-animation: focus_app 5s ease 1;
             animation: focus_app 5s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

@-webkit-keyframes header_intro_active {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
    @-moz-keyframes header_intro_active {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
     @-ms-keyframes header_intro_active {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
      @-o-keyframes header_intro_active {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
@keyframes header_intro_active {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
.header_intro_active p {
     -webkit-animation: header_intro_active 3s ease 1;
        -moz-animation: header_intro_active 3s ease 1;
         -ms-animation: header_intro_active 3s ease 1;
          -o-animation: header_intro_active 3s ease 1;
             animation: header_intro_active 3s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
/* ACCUEIL --------------------------------------------------------------------------------------------------------- */

@-webkit-keyframes header_accueil {
     from {top: 180px; background-color: #ffffff}
     25%  {top: 180px; background-color: #ffffff}
     50%  {top: 150px; background-color: #ffffff}
     75%  {top: 400px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}
@-webkit-keyframes footer_accueil {
     from {top: 180px; background-color: #ffffff}
     75%  {top: 180px; background-color: #ffffff}
     to   {top: 339px; background-color: #ffffff}
}
    @-moz-keyframes header_accueil {
     from {top: 180px; background-color: #ffffff}
     25%  {top: 180px; background-color: #ffffff}
     50%  {top: 150px; background-color: #ffffff}
     75%  {top: 400px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}
    @-moz-keyframes footer_accueil {
     from {top: 180px; background-color: #ffffff}
     75%  {top: 180px; background-color: #ffffff}
     to   {top: 339px; background-color: #ffffff}
}
     @-ms-keyframes header_accueil {
     from {top: 180px; background-color: #ffffff}
     25%  {top: 180px; background-color: #ffffff}
     50%  {top: 150px; background-color: #ffffff}
     75%  {top: 400px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}
     @-ms-keyframes footer_accueil {
     from {top: 180px; background-color: #ffffff}
     75%  {top: 180px; background-color: #ffffff}
     to   {top: 339px; background-color: #ffffff}
}
      @-o-keyframes header_accueil {
     from {top: 180px; background-color: #ffffff}
     25%  {top: 180px; background-color: #ffffff}
     50%  {top: 150px; background-color: #ffffff}
     75%  {top: 400px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}
      @-o-keyframes footer_accueil {
     from {top: 180px; background-color: #ffffff}
     75%  {top: 180px; background-color: #ffffff}
     to   {top: 339px; background-color: #ffffff}
}
/*@keyframes header_accueil {
     from {top: 180px; background-color: #ffffff}
     25%  {top: 180px; background-color: #ffffff}
     50%  {top: 150px; background-color: #ffffff}
     75%  {top: 400px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}
@keyframes footer_accueil {
     from {top: 180px; background-color: #ffffff}
     75%  {top: 180px; background-color: #ffffff}
     to   {top: 339px; background-color: #ffffff}
}*/
/*@keyframes header_accueil {
     from {top: 100px; background-color: #ffffff}
     25%  {top: 100px; background-color: #ffffff}
     50%  {top: 70px; background-color: #ffffff}
     75%  {top: 400px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}*/
@keyframes header_accueil {
     from {top: 270px; background-color: #ffffff}
     to   {top: 0px; background-color: #ffffff}
}
@keyframes footer_accueil {
     from {top: 100px; background-color: #ffffff}
     75%  {top: 100px; background-color: #ffffff}
     to   {top: 339px; background-color: #ffffff}
}
.header_accueil_active {
	z-index: 10;
	top: 0px;
	background-color: #ffffff;
     -webkit-animation: header_accueil 1s ease-in-out 1;
        -moz-animation: header_accueil 1s ease-in-out 1;
         -ms-animation: header_accueil 1s ease-in-out 1;
          -o-animation: header_accueil 1s ease-in-out 1;
             animation: header_accueil 1s 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;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
.footer_accueil_active {
	z-index: 100;
	top: 0px;
	background-color: #ffffff;
     -webkit-animation: footer_accueil 1s ease-in-out 1;
        -moz-animation: footer_accueil 1s ease-in-out 1;
         -ms-animation: footer_accueil 1s ease-in-out 1;
          -o-animation: footer_accueil 1s ease-in-out 1;
             animation: footer_accueil 1s 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;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

@-webkit-keyframes accueil_im {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
    @-moz-keyframes accueil_im {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
     @-ms-keyframes accueil_im {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
      @-o-keyframes accueil_im {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
@keyframes accueil_im {
     0% {opacity: 0}
     75% {opacity: 0}
     100%   {opacity: 1}
}
.accueil_im_active {
	opacity: 1;
	position: relative;
	width: 960px;
	height: 201px;
	top: 0px;	
	left: 0px;
     -webkit-animation: accueil_im 3s ease 1;
        -moz-animation: accueil_im 3s ease 1;
         -ms-animation: accueil_im 3s ease 1;
          -o-animation: accueil_im 3s ease 1;
             animation: accueil_im 3s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

.header_intro_texte {
     -webkit-animation: texte_disp 1s ease 1;
        -moz-animation: texte_disp 1s ease 1;
         -ms-animation: texte_disp 1s ease 1;
          -o-animation: texte_disp 1s ease 1;
             animation: texte_disp 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
.footer_intro_texte {
	position: absolute;
	display: inline-block;
	margin-top: 78px;
	margin-left: 12px;
     -webkit-animation: texte_disp 1s ease 1;
        -moz-animation: texte_disp 1s ease 1;
         -ms-animation: texte_disp 1s ease 1;
          -o-animation: texte_disp 1s ease 1;
             animation: texte_disp 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

/* HEADER --------------------------------------------------------------------------------------------------------- */
header {
	z-index: 10;
	background-color: #9b907c;
	background-color: #ffffff;
	width: 960px;
	height: 90px;
	position: relative;
}
#header_invisible {
	background-color: rgba(0,255,62,0);
}
#header_illustr  {
	background-color: rgba(255,255,255,0);
	width: 240px;
	height: 90px;
}
#footer_invisible {
	background-color: rgba(0,255,62,0);
	width: 240px;
	height: 72px;
}
#footer_illustr  {
	background-color: rgba(255,255,255,0);
	width: 240px;
	height: 90px;
}

#header_app {
	z-index: 200;
}

/* HEADER - accueil ----------------------------------------------------------------------------------------------- */
#zone_logo_accueil {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 90px;
}
#logo_intro, #logo_accueil, #logo_intro_haut_disp {
	width: 50px;
	height: 90px;
	margin-left: 6px;
	margin-left: 0px;
	display: inline-block;
}
#logo_accueil_app {
	top: 0px;
	width: 50px;
	height: 90px;
	margin-left: 6px;
	margin-left: 0px;
}

#logo_intro_haut_disp {
     -webkit-animation: texte_disp 1s ease 1;
        -moz-animation: texte_disp 1s ease 1;
         -ms-animation: texte_disp 1s ease 1;
          -o-animation: texte_disp 1s ease 1;
             animation: texte_disp 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
#logo_accueil_app {
	position: absolute;
     -webkit-animation: texte_app 3s ease 1;
        -moz-animation: texte_app 3s ease 1;
         -ms-animation: texte_app 3s ease 1;
          -o-animation: texte_app 3s ease 1;
             animation: texte_app 3s ease 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:	1s;
        -moz-animation-delay:	1s;
         -ms-animation-delay:	1s;
          -o-animation-delay:	1s;
             animation-delay:	1s;
}
/* HEADER - titre ------------------------------------------------------------------------------------------------- */
#zone_titre {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 90px;
	width: 150px;
	height: 36px;
}
.header_titre {
	z-index: 90;
	position: absolute;
	top: 0px;
	right: 760px;
	margin: 0px;
	color: #ffffff;
	color: #786961;
	padding-top: 6px;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
.header_titre_app {
	z-index: 90;
	position: absolute;
	top: 0px;
	right: 760px;
	margin: 0px;
	color: #ffffff;
	color: #786961;
	padding-top: 6px;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	opacity: 0;
     -webkit-animation: texte_app 3s ease 1;
        -moz-animation: texte_app 3s ease 1;
         -ms-animation: texte_app 3s ease 1;
          -o-animation: texte_app 3s ease 1;
             animation: texte_app 3s ease 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:	2s;
        -moz-animation-delay:	2s;
         -ms-animation-delay:	2s;
          -o-animation-delay:	2s;
             animation-delay:	2s;
}

.header_soustitre_UN, .header_soustitre_HI, .header_soustitre_EQ, .header_soustitre_MO, .header_soustitre_EP0, .header_soustitre_RU0, .header_soustitre_ZA0, .header_soustitre_EN0, .header_soustitre_EP, .header_soustitre_RU, .header_soustitre_ZA, .header_soustitre_EN {
	z-index: 400;
	display: block;
	background-color: #aa9e88;
	position: absolute;
	left: 120px;
	top: 36px;
	width: 168px;
	height: 18px;
	font-size: 80%;
	color: #ffffff;
	text-align: left;
	padding-top: 4px;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 1px #ffffff solid;
}
.header_soustitre_UN {
	top: 36px;
}
.header_soustitre_HI {
	top: 58px;
}
.header_soustitre_EQ {
	top: 80px;
}
.header_soustitre_MO {
	top: 102px;
}
.header_soustitre_EP0, .header_soustitre_EP {
	background-color: rgba(133,1,62,0.8);
}
.header_soustitre_RU0, .header_soustitre_RU {
	background-color: rgba(49,134,183,0.8);
}
.header_soustitre_ZA0, .header_soustitre_ZA {
	background-color: rgba(237,118,3,0.8);
}
.header_soustitre_EN0, .header_soustitre_EN {
	background-color: rgba(156,193,43,0.8);
}
.header_soustitre_EP {
	top: 36px;
}
.header_soustitre_RU {
	top: 58px;
}
.header_soustitre_ZA {
	top: 80px;
}
.header_soustitre_EN {
	top: 102px;
}

/* HEADER - navigation ------------------------------------------------------------------------------------------------- */

#zone_nav {
	z-index: 100;
	position: absolute;
	top: 30px;
	left: 240px;
	width: 720px;
	height: 60px;
}
.header_nav {
	position: absolute;
	top: 0px;
	left: 240px;
}
#header_nav_separ {
	background-color: rgba(170,158,136,1);
	z-index: 5;
	position: absolute;
	top: 0px;	
	width: 1px;
	height: 30px;
}
.separ01 {
	left: 0px;	
}
.separ02 {
	left: 120px;	
}
.separ03 {
	left: 240px;	
}
.separ04 {
	left: 360px;	
}
.separ05 {
	left: 480px;	
}
.separ06 {
	left: 600px;	
}
.separ07 {
	left: 720px;	
}
	
#header_agence_menu, #header_ref_menu {
	z-index: 300;
	background-color: rgba(255,249,238,0.9);
	position: absolute;
	top: 30px;
	width: 180px;
	border-bottom: 1px #ffffff solid;
}

#header_agence_menu, #header_ref_menu {
	left: 120px;
	height: 94px;
}
#zone_agence, #zone_ref, #zone_cappa, #zone_pub, #zone_actu, #zone_contact {
	z-index: 100;
	position: absolute;
	top: 0px;
	width: 120px;
	height: 36px;
}
#zone_agence {
	left: 0px;
}
#zone_ref {
	left: 120px;
}
#zone_cappa {
	left: 240px;
}
#zone_pub {
	left: 360px;
}
#zone_actu {
	left: 480px;
}
#zone_contact {
	left: 540px;
}
#agence a, #ref a, #cappa a, #pub a, #actu a, #contact a {
	display: inline-block;
	width: 120px;
	height: 24px;
	position: absolute;
	background-color: #ffffff;
	color: #000000;
	color: #aa9e88;
	color: #8c8270;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#agence a, #agence .inactive{
	left: 0px;
}
#ref a, #ref .inactive{
	left: 120px;
}
#cappa a, #cappa .inactive{
	left: 240px;
}
#pub a , #pub .inactive {
	left: 360px;
}
#actu a , #actu .inactive {
	left: 480px;
}
#contact a, #contact .inactive {
	left: 600px;
}

@-webkit-keyframes nav_hover {
     from {top: 0px; background-color: #ffffff; color: #8c8270;}
     25%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     50%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     75%  {top: 0px; background-color: #ffffff; color: #8c8270;}
     to   {top: 0px; background-color: #aa9e88; color: #ffffff;}
}
    @-moz-keyframes nav_hover {
     from {top: 0px; background-color: #ffffff; color: #8c8270;}
     25%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     50%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     75%  {top: 0px; background-color: #ffffff; color: #8c8270;}
     to   {top: 0px; background-color: #aa9e88; color: #ffffff;}
}
     @-ms-keyframes nav_hover {
     from {top: 0px; background-color: #ffffff; color: #8c8270;}
     25%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     50%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     75%  {top: 0px; background-color: #ffffff; color: #8c8270;}
     to   {top: 0px; background-color: #aa9e88; color: #ffffff;}
}
      @-o-keyframes nav_hover {
     from {top: 0px; background-color: #ffffff; color: #8c8270;}
     25%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     50%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     75%  {top: 0px; background-color: #ffffff; color: #8c8270;}
     to   {top: 0px; background-color: #aa9e88; color: #ffffff;}
}
@keyframes nav_hover {
     from {top: 0px; background-color: #ffffff; color: #8c8270;}
     25%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     50%  {top: -6px; background-color: #ffffff; color: #8c8270;}
     75%  {top: 0px; background-color: #ffffff; color: #8c8270;}
     to   {top: 0px; background-color: #aa9e88; color: #ffffff;}
}
#agence a:hover, #ref a:hover, #cappa a:hover, #pub a:hover , #actu a:hover , #contact a:hover {
	background-color: #aa9e88;
	color: #ffffff;
     -webkit-animation: nav_hover 0.5s ease-in-out;
        -moz-animation: nav_hover 0.5s ease-in-out;
         -ms-animation: nav_hover 0.5s ease-in-out;
          -o-animation: nav_hover 0.5s ease-in-out;
             animation: nav_hover 0.5s ease-in-out;
     -webkit-animation-delay:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
#ref a:active, #agence a:active, #cappa a:active, #pub a:active, #actu a:active, #contact a:active {
	background-color: #8c8270;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
}
#agence .inactive, #ref .inactive, #cappa .inactive, #pub .inactive, #actu .inactive, #contact .inactive {
	display: inline-block;
	width: 120px;
	height: 24px;
	position: absolute;
	border-left: 1px #ffffff solid;
	border-left: 1px #aa9e88 solid;
	color: #8c8270;
	color: #aa9e88;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

/* HEADER - navigation - menus ----------------------------------------------------------------------------------------- */

@-webkit-keyframes header_nav_menu {
    0% {opacity: 0;
	top: -30px;} 
	50% {opacity: 0;
	top: 10px;} 
	100% {opacity: 1;
	top: 30px;} 
}
    @-moz-keyframes header_nav_menu {
    0% {opacity: 0;
	top: -30px;} 
	50% {opacity: 0;
	top: 10px;} 
	100% {opacity: 1;
	top: 30px;} 
}
     @-ms-keyframes header_nav_menu {
    0% {opacity: 0;
	top: -30px;} 
	50% {opacity: 0;
	top: 10px;} 
	100% {opacity: 1;
	top: 30px;} 
}
      @-o-keyframes header_nav_menu {
    0% {opacity: 0;
	top: -30px;} 
	50% {opacity: 0;
	top: 10px;} 
	100% {opacity: 1;
	top: 30px;} 
}
@keyframes header_nav_menu {
    0% {opacity: 0;
	top: -30px;} 
	50% {opacity: 0;
	top: 10px;} 
	100% {opacity: 1;
	top: 30px;} 
}

#agence_menu, #agence_menu0, #ref_menu, #ref_menu0 {
	z-index: 200;
	position: absolute;
	background-color: rgba(255,255,255,0.9);
	width: 180px;
	margin-left: 1px;
	top: 30px;
	border-bottom: 1px #ffffff solid;
}
#agence_menu {
	left: 0px;
	height: 94px;
}
#agence_menu0 {
	z-index: 300;
	left: 0px;
	height: 28px;
}
#ref_menu {
	left: 120px;
	height: 94px;
}
#ref_menu0 {
	z-index: 300;
	left: 120px;
	height: 28px;
}
#agence_UN {
	z-index: 300;
	width: 0px;
	background-color: rgba(170,158,136,0);
	position: absolute;
	left: 0px;
	top: 6px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#agence_UN:hover {
	background-color: rgba(170,158,136,1);
	width: 180px;
}
#agence_UN0 {
	z-index: 300;
	width: 180px;
	background: -webkit-gradient(to left, color-stop( 0% , rgba(170,158,136,0)),color-stop( 40% , rgba(170,158,136,0.2)),color-stop( 60% , rgba(170,158,136,0.8)),color-stop( 100% , rgba(170,158,136,1)));
	background: -webkit-linear-gradient(to left, rgba(170,158,136,0) 0%,rgba(170,158,136,0.2) 40%,rgba(170,158,136,0.8) 60%,rgba(170,158,136,1) 100%);
	background: linear-gradient(to left, rgba(170,158,136,0) 0%,rgba(170,158,136,0.2) 40%,rgba(170,158,136,0.8) 60%,rgba(170,158,136,1) 100%);
	position: absolute;
	left: 0px;
	top: 6px;
}
#ref_EP {
	z-index: 300;
	width: 0px;
	background-color: rgba(133,1,62,0);
	position: absolute;
	left: 0px;
	top: 6px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#ref_EP:hover {
	background-color: rgba(133,1,62,1);
	width: 180px;
}
#ref_EP0 {
	z-index: 300;
	width: 180px;
	background: -webkit-gradient(to left, color-stop( 0% , rgba(133,1,62,0)),color-stop( 40% , rgba(133,1,62,0.2)),color-stop( 60% , rgba(133,1,62,0.8)),color-stop( 100% , rgba(133,1,62,0.9)));
	background: -webkit-linear-gradient(to left, rgba(133,1,62,0) 0%,rgba(133,1,62,0.2) 40%,rgba(133,1,62,0.8) 60%,rgba(133,1,62,0.9) 100%);
	background: linear-gradient(to left, rgba(133,1,62,0) 0%,rgba(133,1,62,0.2) 40%,rgba(133,1,62,0.8) 60%,rgba(133,1,62,0.9) 100%);
	position: absolute;
	left: 0px;
	top: 6px;
}
#agence_HI {
	z-index: 300;
	width: 0px;
	background-color: rgba(170,158,136,0);
	position: absolute;
	left: 0px;
	top: 28px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#agence_HI:hover {
	background-color: rgba(170,158,136,1);
	width: 180px;
}

#ref_RU {
	z-index: 300;
	width: 0px;
	background-color: rgba(49,134,183,0);
	position: absolute;
	left: 0px;
	top: 28px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#ref_RU:hover {
	background-color: rgba(49,134,183,1);
	width: 180px;
}
#agence_EQ {
	z-index: 300;
	width: 0px;
	background-color: rgba(170,158,136,0);
	position: absolute;
	left: 0px;
	top: 50px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#agence_EQ:hover {
	background-color: rgba(170,158,136,1);
	width: 180px;
}
#ref_ZA {
	z-index: 300;
	width: 0px;
	background-color: rgba(237,118,3,0);
	position: absolute;
	left: 0px;
	top: 50px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#ref_ZA:hover {
	background-color: rgba(237,118,3,1);
	width: 180px;
}
#agence_MO {
	z-index: 100;
	width: 0px;
	background-color: rgba(170,158,136,0);
	position: absolute;
	left: 0px;
	top: 72px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#agence_MO:hover {
	background-color: rgba(170,158,136,1);
	width: 180px;
}
#ref_EN {
	z-index: 100;
	width: 0px;
	background-color: rgba(156,193,43,0);
	position: absolute;
	left: 0px;
	top: 72px;
     -webkit-transition: width 1s, background-color 1s;
        -moz-transition: width 1s, background-color 1s;
         -ms-transition: width 1s, background-color 1s;
          -o-transition: width 1s, background-color 1s;
             transition: width 1s, background-color 1s;
}
#ref_EN:hover {
	background-color: rgba(156,193,43,1);
	width: 180px;
}
#agence_HI a, #agence_EQ a, #agence_MO a, #agence_UN a, #agence_UN0 a, #agence_HI .inactive, #agence_EQ .inactive, #agence_MO .inactive, #agence_UN .inactive, #ref_EP a, #ref_EP0 a, #ref_RU a, #ref_ZA a, #ref_EN a, #ref_EP .inactive, #ref_RU .inactive, #ref_ZA .inactive, #ref_EN .inactive  {
	display: block;
	z-index: 100;
	width: 168px;
	height: 18px;
	font-size: 80%;
	color: #9b907c;
	color: #8c8270;
	text-align: left;
	padding-top: 4px;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
#agence_UN0 a, #ref_EP0 a  {
	color: #ffffff;
}

#agence_HI a:hover, #agence_EQ a:hover, #agence_MO a:hover, #agence_UN a:hover {
	z-index: 100;
	background-color: rgba(170,158,136,0);
	color: #ffffff;
}
#ref_EP a:hover {
	z-index: 100;
	background-color: rgba(133,1,62,0);
	color: #ffffff;
}
#ref_RU a:hover {
	z-index: 100;
	background-color: rgba(49,134,183,0);
	color: #ffffff;
}
#ref_ZA a:hover {
	z-index: 100;
	background-color: rgba(237,118,3,0);
	color: #ffffff;
}
#ref_EN a:hover {
	z-index: 100;
	background-color: rgba(156,193,43,0);
	color: #ffffff;
}
#agence_HI a:active, #agence_EQ a:active, #agence_MO a:active, #agence_UN a:active {
	z-index: 100;
	background-color: rgba(140,130,112,1);
	font-weight: bold;
}
#ref_EP a:active {
	z-index: 100;
	background-color: rgba(133,1,62,1);
	font-weight: bold;
}
#ref_RU a:active {
	z-index: 100;
	background-color: rgba(49,134,183,1);
	font-weight: bold;
}
#ref_ZA a:active {
	z-index: 100;
	background-color: rgba(237,118,3,1);
	font-weight: bold;
}
#ref_EN a:active {
	z-index: 100;
	background-color: rgba(156,193,43,1);
	font-weight: bold;
}
#agence_HI .inactive, #agence_EQ .inactive, #agence_MO .inactive, #agence_UN .inactive {
	z-index: 100;
	color: #8c8270;
	color: #ffffff;
}
#ref_EP .inactive, #ref_RU .inactive, #ref_ZA .inactive, #ref_EN .inactive {
	z-index: 100;
	color: #8c8270;
	color: #ffffff;
}

/* CORPS - ASIDE --------------------------------------------------------------------------------------------------------- */
aside {
	width: 240px;
	left: 0px;	
	position: relative;
}
aside.sans_section {
	width: 240px;
	height: 540px;
	left: 0px;	
	position: relative;
}
ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.ref_liste_courte, .pub_liste_courte {
	position: absolute;
	top: 270px;
	right: 40px;
}
.ref_liste_longue, .pub_liste_longue {
	position: absolute;
	bottom: 25px;
	right: 40px;
}

.agence_liens, .agence_UN_liens, .contact_liens {
	position: absolute;
	list-style-type: none;
	display: block;
	bottom: 20px;
	right: 40px;
	margin:0;
	padding:0;
}
.agence_UN_liens {
	position: absolute;
	list-style-type: none;
	display: block;
	top: 270px;
	right: 40px;
	margin:0;
	padding:0;
}
.agence_texte {
	position: absolute;
	bottom: 30px;
	right: 40px;
	display: block;
	color: #ffffff;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 110%;
	text-align: right;
	margin-left: 15px;
	padding-top: 6px;
	text-decoration: none;
}
.agence_HI {
	position: absolute;
	top: 260px;
	right: 40px;
	display: block;
	color: #ffffff;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 110%;
	text-align: right;
	margin-left: 15px;
	padding-top: 6px;
	text-decoration: none;
}
.ref_liste_courte li a, .ref_liste_longue li a, .pub_liste_courte li a, .pub_liste_longue li a  {
	color: #ffffff;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 100%;
	text-align: right;
	margin-left: 15px;
	margin-right: -3px;
	padding-top: 6px;
	padding-top: 12px;
	text-decoration: none;
	border-bottom: 1px #ffffff solid;
}
.agence_liens li  a, .agence_UN_liens li  a, .contact_liens li  a, .agence_liens li .sans_lien  {
	color: #ffffff;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 110%;
	text-align: right;
	margin-left: 15px;
	margin-right: -3px;
	padding-top: 6px;
	text-decoration: none;
	border-bottom: 1px #ffffff solid;
}
.agence_UN_liens li  a {
	padding-top: 22px;
}
.contact_liens li a {
	padding-top: 9px;
	font-size: 110%;
}

.texte_petit {
	font-size: 80%;
}
.texte_prenom {
	font-size: 80%;
}
.sans_lien, li  a  {
	position: relative;
	top: -10px;
	display: block;
	color: #ffffff;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 100%;
	line-height: 110%;
	text-align: right;
	margin-right: 40px;
	margin-left: 15px;
	padding-top: 6px;
	text-decoration: none;
	border-bottom: 1px #ffffff solid;
}
.sans_lien {
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}

li  a:hover {
	font-style: italic;
	border-bottom: 1px #ffffff solid;
}

/* CORPS - ASIDE - références -------------------------------------------------------------------------------------------- */

#aside_ref_EP, #aside_ref_RU, #aside_ref_ZA, #aside_ref_EN  {
	z-index: 5;
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 240px;
	height: 540px;
}

#aside_ref_EP  {
	background-color: rgba(133,1,62,0.3); 
}
#aside_ref_RU  {
	background-color: rgba(49,134,183,0.3); 
}
#aside_ref_ZA  {
	background-color: rgba(237,118,3,0.3); 
}
#aside_ref_EN  {
	background-color: rgba(156,193,43,0.3); 
}

@-webkit-keyframes aside_ligne_dte_app {
     0% {left: 0px}
     75% {left: 0px}
     100%   {left: 240px}
}
    @-moz-keyframes aside_ligne_dte_app {
     0% {left: 0px}
     75% {left: 0px}
     100%   {left: 240px}
}
     @-ms-keyframes aside_ligne_dte_app {
     0% {left: 0px}
     75% {left: 0px}
     100%   {left: 240px}
}
      @-o-keyframes aside_ligne_dte_app {
     0% {left: 0px}
     75% {left: 0px}
     100%   {left: 240px}
}
@keyframes aside_ligne_dte_app {
     0% {left: 0px}
     75% {left: 0px}
     100%   {left: 240px}
}
.aside_ligne_dte_app{
     -webkit-animation: aside_ligne_dte_app 2s ease 1;
        -moz-animation: aside_ligne_dte_app 2s ease 1;
         -ms-animation: aside_ligne_dte_app 2s ease 1;
          -o-animation: aside_ligne_dte_app 2s ease 1;
             animation: aside_ligne_dte_app 2s ease 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;
}
#aside_ligne_dte, #aside_ligne_dte_actu01, #aside_ligne_dte_actu02 {
	background-color: rgba(255,255,255,1);
	z-index: 5;
	position: absolute;
	top: 0px;
	left: 240px;	
	width: 1px;
	height: 540px;
}
#aside_ligne_dte_gris {
	background-color: #aa9e88;
	z-index: 5;
	position: absolute;
	top: 0px;
	left: 240px;	
	width: 1px;
	height: 540px;
}

#ref_lab {
	position: absolute;
	top: 398px;
	left: 40px;
	width: 48px;
	height: 48px;	
}
#ref_cappa_lab {
	position: absolute;
	top: 342px;
	left: 40px;
	width: 48px;
	height: 48px;	
}

#ref_lab01, #ref_lab01_desactive {
	position: absolute;
	top: 0px;
	left: 0px;
}
#ref_lab02, #ref_lab02_desactive {
	position: absolute;
	top: 0px;
	left: 56px;
}
#ref_lab03, #ref_lab03_desactive {
	position: absolute;
	top: 0px;
	left: 112px;
}
#ref_lab04, #ref_lab04_desactive {
	position: absolute;
	top: 56px;
	left: 0px;
}
#ref_lab05, #ref_lab05_desactive {
	position: absolute;
	top: 56px;
	left: 56px;
}
#ref_lab06, #ref_lab06_desactive {
	position: absolute;
	top: 56px;
	left: 112px;
}
#ref_lab07, #ref_lab07_desactive {
	position: absolute;
	top: 112px;
	left: 0px;
}
#ref_lab08, #ref_lab08_desactive {
	position: absolute;
	top: 112px;
	left: 56px;
}
#ref_lab09, #ref_lab09_desactive {
	position: absolute;
	top: 112px;
	left: 112px;
}
#ref_lab01:hover, #ref_lab02:hover, #ref_lab03:hover, #ref_lab04:hover, #ref_lab05:hover, #ref_lab06:hover, #ref_lab07:hover, #ref_lab08:hover, #ref_lab09:hover {
	border: solid #ffffff 1px;
	width: 46px;
	height: 46px;	
}
#ref_lab01:active, #ref_lab02:active, #ref_lab03:active, #ref_lab04:active, #ref_lab05:active, #ref_lab06:active, #ref_lab07:active, #ref_lab08:active, #ref_lab09:active {
	border: solid #ffffff 2px;
	width: 46px;
	height: 46px;	
}
#ref_lab01_desactive, #ref_lab02_desactive, #ref_lab03_desactive, #ref_lab04_desactive, #ref_lab05_desactive, #ref_lab06_desactive, #ref_lab07_desactive, #ref_lab08_desactive, #ref_lab09_desactive {
	border: solid #ffffff 1px;
	width: 46px;
	height: 46px;	
}

/* CORPS - ASIDE - actualité ----------------------------------------------------------------------------------------------- */
#aside_gris {
	z-index: 5;
	background-color: rgba(120,105,97,0.5);
	background-color: rgba(160,130,97,0.5);
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 240px;
	height: 540px;
}

@-webkit-keyframes aside_gris_app {
     0% {opacity: 0; width: 0px}
     75% {opacity: 0; width: 0px}
     100%   {opacity: 1; width: 240px}
}
    @-moz-keyframes aside_gris_app {
     0% {opacity: 0; width: 0px}
     75% {opacity: 0; width: 0px}
     100%   {opacity: 1; width: 240px}
}
     @-ms-keyframes aside_gris_app {
     0% {opacity: 0; width: 0px}
     75% {opacity: 0; width: 0px}
     100%   {opacity: 1; width: 240px}
}
      @-o-keyframes aside_gris_app {
     0% {opacity: 0; width: 0px}
     75% {opacity: 0; width: 0px}
     100%   {opacity: 1; width: 240px}
}
@keyframes aside_gris_app {
     0% {opacity: 0; width: 0px}
     75% {opacity: 0; width: 0px}
     100%   {opacity: 1; width: 240px}
}
.aside_gris_app {
     -webkit-animation: aside_gris_app 2s ease 1;
        -moz-animation: aside_gris_app 2s ease 1;
         -ms-animation: aside_gris_app 2s ease 1;
          -o-animation: aside_gris_app 2s ease 1;
             animation: aside_gris_app 2s ease 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 aside_slideshow_voc  {
    0%, 10%, 22%, 32%, 42%, 52%, 62%, 70%, 82%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 75%, 80%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
@-webkit-keyframes aside_slideshow_int  {
    0%, 10%, 22%, 32%, 40%, 52%, 62%, 72%, 80%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 45%, 50%, 55%, 60%, 65%, 70%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
    @-moz-keyframes aside_slideshow_voc  {
    0%, 10%, 22%, 32%, 42%, 52%, 62%, 70%, 82%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 75%, 80%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
    @-moz-keyframes aside_slideshow_int  {
    0%, 10%, 22%, 32%, 40%, 52%, 62%, 72%, 80%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 45%, 50%, 55%, 60%, 65%, 70%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
     @-ms-keyframes aside_slideshow_voc  {
    0%, 10%, 22%, 32%, 42%, 52%, 62%, 70%, 82%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 75%, 80%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
     @-ms-keyframes aside_slideshow_int  {
    0%, 10%, 22%, 32%, 40%, 52%, 62%, 72%, 80%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 45%, 50%, 55%, 60%, 65%, 70%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
      @-o-keyframes aside_slideshow_voc  {
    0%, 10%, 22%, 32%, 42%, 52%, 62%, 70%, 82%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 75%, 80%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
      @-o-keyframes aside_slideshow_int  {
    0%, 10%, 22%, 32%, 40%, 52%, 62%, 72%, 80%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 45%, 50%, 55%, 60%, 65%, 70%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
@keyframes aside_slideshow_voc  {
    0%, 10%, 22%, 32%, 42%, 52%, 62%, 70%, 82%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 75%, 80%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
@keyframes aside_slideshow_int  {
    0%, 10%, 22%, 32%, 40%, 52%, 62%, 72%, 80%, 92%, 100%
	{opacity: 0;
	left: -240px;} 
	15%, 20%, 25%, 30%, 45%, 50%, 55%, 60%, 65%, 70%, 85%, 90%
	{opacity: 1;
	left: 0px;} 
}
aside .commentaire {
	text-align: center;
	width: 180px;
	height: 420px;
	margin-top: 60px;
	margin-left: 30px;
	overflow: auto;
	overflow: -Moz-Scrollbars-None;
	color: #ffffff;
}
aside .commentaire_app {
	text-align: center;
	width: 180px;
	height: 420px;
	margin-top: 60px;
	margin-left: 30px;
	overflow: auto;
	overflow: -Moz-Scrollbars-None;
	color: #ffffff;
     -webkit-animation: texte_app 3s ease 1;
        -moz-animation: texte_app 3s ease 1;
         -ms-animation: texte_app 3s ease 1;
          -o-animation: texte_app 3s ease 1;
             animation: texte_app 3s ease 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:	2s;
        -moz-animation-delay:	2s;
         -ms-animation-delay:	2s;
          -o-animation-delay:	2s;
             animation-delay:	2s;
}
/* CORPS - SECTION --------------------------------------------------------------------------------------------------------- */
section {
	width: 960px;
	height: 540px;
	left: 0px;	
	position: relative;
}

#trame, #trame_actu01, #trame_actu02 {
	position: absolute;
	left: 240px;
}
/* CORPS - SECTION - références - ------------------------------------------------------------------------------------------ */

#prev {
	position: absolute;
	left: 0px;
}

@-webkit-keyframes HI_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@-webkit-keyframes HI_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
    @-moz-keyframes HI_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
    @-moz-keyframes HI_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
     @-ms-keyframes HI_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
     @-ms-keyframes HI_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
      @-o-keyframes HI_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
      @-o-keyframes HI_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
@keyframes HI_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@keyframes HI_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
#agence_HI_couv {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: HI_couv 15s infinite;
        -moz-animation: HI_couv 15s infinite;
         -ms-animation: HI_couv 15s infinite;
          -o-animation: HI_couv 15s infinite;
             animation: HI_couv 15s infinite;
}
#agence_HI_im02 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: HI_im02 15s infinite;
        -moz-animation: HI_im02 15s infinite;
         -ms-animation: HI_im02 15s infinite;
          -o-animation: HI_im02 15s infinite;
             animation: HI_im02 15s infinite;
}

@keyframes aside_actu01 {
  0%, 15%, 100% {opacity: 1;}
  20%,40%, 95% {opacity: 0;}
}
@keyframes aside_actu02 {
  0%, 55% {opacity: 0;}
  60%, 75% {opacity: 1;}
  80%, 100% {opacity: 0;}
}

#aside_actu01 {
	z-index: 5;
	background-color: rgba(120,105,97,0.5);
	background-color: rgba(160,130,97,0.5);
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 240px;
	height: 540px;
     -webkit-animation: aside_actu01 60s infinite;
        -moz-animation: aside_actu01 60s infinite;
         -ms-animation: aside_actu01 60s infinite;
          -o-animation: aside_actu01 60s infinite;
             animation: aside_actu01 60s infinite;
}
#aside_actu02 {
	z-index: 5;
	background-color: rgba(120,105,97,0.5);
	background-color: rgba(160,130,97,0.5);
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 240px;
	height: 540px;
     -webkit-animation: aside_actu02 60s infinite;
        -moz-animation: aside_actu02 60s infinite;
         -ms-animation: aside_actu02 60s infinite;
          -o-animation: aside_actu02 60s infinite;
             animation: aside_actu02 60s infinite;
}

#aside_ligne_dte_actu01, #trame_actu01 {
     -webkit-animation: aside_actu01 60s infinite;
        -moz-animation: aside_actu01 60s infinite;
         -ms-animation: aside_actu01 60s infinite;
          -o-animation: aside_actu01 60s infinite;
             animation: aside_actu01 60s infinite;
}
#aside_ligne_dte_actu02, #trame_actu02 {
     -webkit-animation: aside_actu02 60s infinite;
        -moz-animation: aside_actu02 60s infinite;
         -ms-animation: aside_actu02 60s infinite;
          -o-animation: aside_actu02 60s infinite;
             animation: aside_actu02 60s infinite;
}

@keyframes actu_im01 {
  0%, 25%, 100% {opacity: 1;}
  30%,95% {opacity: 0;}
}
@keyframes actu_im02 {
  25%, 30% {opacity: 1;}
  0%, 20%, 35%, 100% {opacity: 0;}
}
@keyframes actu_im03 {
  35%, 40% {opacity: 1;}
  0%, 30%, 45%, 100% {opacity: 0;}
}
@keyframes actu_im04 {
  45%, 55% {opacity: 1;}
  0%, 40%, 60%, 100% {opacity: 0;}
}
@keyframes actu_im05 {
  60%, 80% {opacity: 1;}
  0%, 55%, 85%, 100% {opacity: 0;}
}
@keyframes actu_im06 {
  85%, 95% {opacity: 1;}
  0%, 80%, 100% {opacity: 0;}
}
#actu_im01 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: actu_im01 60s infinite;
        -moz-animation: actu_im01 60s infinite;
         -ms-animation: actu_im01 60s infinite;
          -o-animation: actu_im01 60s infinite;
             animation: actu_im01 60s infinite;
}
#actu_im02 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: actu_im02 60s infinite;
        -moz-animation: actu_im02 60s infinite;
         -ms-animation: actu_im02 60s infinite;
          -o-animation: actu_im02 60s infinite;
             animation: actu_im02 60s infinite;
}
#actu_im03 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: actu_im03 60s infinite;
        -moz-animation: actu_im03 60s infinite;
         -ms-animation: actu_im03 60s infinite;
          -o-animation: actu_im03 60s infinite;
             animation: actu_im03 60s infinite;
}
#actu_im04 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: actu_im04 60s infinite;
        -moz-animation: actu_im04 60s infinite;
         -ms-animation: actu_im04 60s infinite;
          -o-animation: actu_im04 60s infinite;
             animation: actu_im04 60s infinite;
}
#actu_im05 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: actu_im05 60s infinite;
        -moz-animation: actu_im05 60s infinite;
         -ms-animation: actu_im05 60s infinite;
          -o-animation: actu_im05 60s infinite;
             animation: actu_im05 60s infinite;
}
#actu_im06 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: actu_im06 60s infinite;
        -moz-animation: actu_im06 60s infinite;
         -ms-animation: actu_im06 60s infinite;
          -o-animation: actu_im06 60s infinite;
             animation: actu_im06 60s infinite;
}

@-webkit-keyframes contact_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@-webkit-keyframes contact_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
    @-moz-keyframes contact_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
    @-moz-keyframes contact_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
     @-ms-keyframes contact_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
     @-ms-keyframes contact_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
      @-o-keyframes contact_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
      @-o-keyframes contact_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
@keyframes contact_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@keyframes contact_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
#contact_couv {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: contact_couv 15s infinite;
        -moz-animation: contact_couv 15s infinite;
         -ms-animation: contact_couv 15s infinite;
          -o-animation: contact_couv 15s infinite;
             animation: contact_couv 15s infinite;
}
#contact_im02 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: contact_im02 15s infinite;
        -moz-animation: contact_im02 15s infinite;
         -ms-animation: contact_im02 15s infinite;
          -o-animation: contact_im02 15s infinite;
             animation: contact_im02 15s infinite;
}

@-webkit-keyframes EQ_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@-webkit-keyframes EQ_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
    @-moz-keyframes EQ_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
    @-moz-keyframes EQ_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
     @-ms-keyframes EQ_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
     @-ms-keyframes EQ_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
      @-o-keyframes EQ_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
      @-o-keyframes EQ_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
@keyframes EQ_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@keyframes EQ_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
#ref_couv, #pub_couv {
	position: absolute;
	top: 0px;
	left: 0px;
}
#agence_EQ_couv {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: EQ_couv 15s infinite;
        -moz-animation: EQ_couv 15s infinite;
         -ms-animation: EQ_couv 15s infinite;
          -o-animation: EQ_couv 15s infinite;
             animation: EQ_couv 15s infinite;
}
#agence_EQ_im02 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: EQ_im02 15s infinite;
        -moz-animation: EQ_im02 15s infinite;
         -ms-animation: EQ_im02 15s infinite;
          -o-animation: EQ_im02 15s infinite;
             animation: EQ_im02 15s infinite;
}

@-webkit-keyframes MO_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@-webkit-keyframes MO_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
    @-moz-keyframes MO_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
    @-moz-keyframes MO_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
     @-ms-keyframes MO_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
     @-ms-keyframes MO_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
      @-o-keyframes MO_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
      @-o-keyframes MO_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
@keyframes MO_couv {
  0%, 40%, 100% {opacity: 1;}
  50%,90% {opacity: 0;}
}
@keyframes MO_im02 {
  0%, 40%, 100% {opacity: 0;}
  50%, 90% {opacity: 1;}
}
#agence_MO_couv {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: MO_couv 15s infinite;
        -moz-animation: MO_couv 15s infinite;
         -ms-animation: MO_couv 15s infinite;
          -o-animation: MO_couv 15s infinite;
             animation: MO_couv 15s infinite;
}
#agence_MO_im02 {
	position: absolute;
	top: 0px;
	left: 0px;
     -webkit-animation: MO_im02 15s infinite;
        -moz-animation: MO_im02 15s infinite;
         -ms-animation: MO_im02 15s infinite;
          -o-animation: MO_im02 15s infinite;
             animation: MO_im02 15s infinite;
}

#agence_UN_vocation, #agence_UN_competences, #agence_UN_intervention, #actu_couv, #contact_couv {
	position: absolute;
	top: 0px;
	left: 0px;
}
#plan_acces {
	position: absolute;
	top: -90px;
	left: 0px;
	width: 960px;
	height: 720px;
	overflow: hidden;
}
.plan_acces0 {
	position: absolute;
	left: -240px;
}
.decal_horiz {
	position: absolute;
	left: -240px;
}
.decal_verti{
	position: absolute;
	top: -90px;
}

#agence_UN_couv {
	position: absolute;
	top: 90px;
	left: 0px;
}

@-webkit-keyframes apparition {
  0% {    opacity: 0;  }
  100% {    opacity: 1;  }
}
    @-moz-keyframes apparition {
  0% {    opacity: 0;  }
  100% {    opacity: 1;  }
}
     @-ms-keyframes apparition {
  0% {    opacity: 0;  }
  100% {    opacity: 1;  }
}
      @-o-keyframes apparition {
  0% {    opacity: 0;  }
  100% {    opacity: 1;  }
}
@keyframes apparition {
  0% {    opacity: 0;  }
  100% {    opacity: 1;  }
}
.agence_EQ_photo {
     -webkit-animation: apparition 1s ease-in-out 1;
        -moz-animation: apparition 1s ease-in-out 1;
         -ms-animation: apparition 1s ease-in-out 1;
          -o-animation: apparition 1s ease-in-out 1;
             animation: apparition 1s ease-in-out 1;
}
.agence_UN_photo {
     -webkit-animation: apparition 1s ease-in-out 1;
        -moz-animation: apparition 1s ease-in-out 1;
         -ms-animation: apparition 1s ease-in-out 1;
          -o-animation: apparition 1s ease-in-out 1;
             animation: apparition 1s ease-in-out 1;
}

#agence_prev01, #ref_prev01, #pub_prev01 {
	position: absolute;
	top: 0px;
	left: 240px;
}
#agence_prev02, #ref_prev02, #pub_prev02 {
	position: absolute;
	top: 0px;
	left: 480px;
}
#agence_prev03, #ref_prev03, #pub_prev03 {
	position: absolute;
	top: 0px;
	left: 720px;
}
#agence_prev04, #ref_prev04, #pub_prev04 {
	position: absolute;
	top: 180px;
	left: 240px;
}
#agence_prev05, #ref_prev05, #pub_prev05 {
	position: absolute;
	top: 180px;
	left: 480px;
}
#agence_prev06, #ref_prev06, #pub_prev06 {
	position: absolute;
	top: 180px;
	left: 720px;
}
#agence_prev07, #ref_prev07, #pub_prev07 {
	position: absolute;
	top: 361px;
	left: 240px;
}
#agence_prev08, #ref_prev08, #pub_prev08 {
	position: absolute;
	top: 361px;
	left: 480px;
}
#agence_prev09, #ref_prev09, #pub_prev09 {
	position: absolute;
	top: 361px;
	left: 720px;
}

#agence_prev01_active {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 240px;
}
#agence_prev02_active {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 480px;
}
#agence_prev03_active {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 720px;
}
#agence_prev04_active {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 180px;
	left: 240px;
}
#agence_prev05_active {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 180px;
	left: 480px;
}
#agence_prev06_active {
	z-index: 5;		
	width: 239px;
	height: 179px;
	position: absolute;
	top: 180px;
	left: 720px;
}
#agence_prev07_active {
	z-index: 5;		
	width: 239px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 240px;
}
#agence_prev08_active {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 480px;
}
#agence_prev09_active {
	z-index: 5;		
	width: 239px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 720px;
}

#agence_prev01_fond, #agence_prev02_fond, #agence_prev03_fond, #agence_prev04_fond, #agence_prev05_fond, #agence_prev06_fond, #agence_prev07_fond, #agence_prev08_fond, #agence_prev09_fond {
	z-index: 5;	
	width: 239px;
	height: 179px;
	position: absolute;
	background: -webkit-gradient(to right, color-stop( 0% , rgba(200,174,124,0)),color-stop( 25% , rgba(200,174,124,0.7)),color-stop( 100% , rgba(200,174,124,0.7)));
	background: -webkit-linear-gradient(to right, rgba(200,174,124,0) 0%,rgba(200,174,124,0.7) 25%,rgba(200,174,124,0.7) 100%);
	background: linear-gradient(to right, rgba(200,174,124,0) 0%,rgba(200,174,124,0.7) 25%,rgba(200,174,124,0.7) 100%);
	     -webkit-animation: apparition 1s ease-in-out 1;
        -moz-animation: apparition 1s ease-in-out 1;
         -ms-animation: apparition 1s ease-in-out 1;
          -o-animation: apparition 1s ease-in-out 1;
             animation: apparition 1s ease-in-out 1;
}

#agence_prev01_trame {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 240px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev02_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 480px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev03_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 720px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev04_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 180px;
	left: 240px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev05_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 180px;
	left: 480px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev06_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 180px;
	left: 720px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev07_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 360px;
	left: 240px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev08_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 360px;
	left: 480px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#agence_prev09_trame  {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);	
	width: 239px;
	height: 179px;
	position: absolute;
	top: 360px;
	left: 720px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#ref_prev01, #ref_prev02, #ref_prev03, #ref_prev04, #ref_prev05, #ref_prev06, #ref_prev07, #ref_prev08, #ref_prev09 {
	border-left: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
}
#pub_prev01, #pub_prev02, #pub_prev03, #pub_prev04, #pub_prev05, #pub_prev06, #pub_prev07, #pub_prev08, #pub_prev09 {
	border-left: solid #aa9e88 1px;
	border-bottom: solid #aa9e88 1px;
}

@-webkit-keyframes aside_actu_app {
  0% {opacity: 0;}
  100%{opacity: 1;}
}
    @-moz-keyframes aside_actu_app {
  0% {opacity: 0;}
  100%{opacity: 1;}
}
     @-ms-keyframes aside_actu_app {
  0% {opacity: 0;}
  100%{opacity: 1;}
}
      @-o-keyframes aside_actu_app {
  0% {opacity: 0;}
  100%{opacity: 1;}
}
@keyframes aside_actu_app {
  0% {opacity: 0;}
  100%{opacity: 1;}
}

#aside_actu_app {
	z-index: 5;
	background-color: rgba(160,130,97,0.5);
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 240px;
	height: 540px;
     -webkit-animation: aside_actu_app 2s ease 1;
        -moz-animation: aside_actu_app 2s ease 1;
         -ms-animation: aside_actu_app 2s ease 1;
          -o-animation: aside_actu_app 2s ease 1;
             animation: aside_actu_app 2s ease 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:	2s;
        -moz-animation-delay:	2s;
         -ms-animation-delay:	02s;
          -o-animation-delay:	2s;
             animation-delay:	2s;
}

#ref_prev01_active {
	z-index: 5;	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 360px;
}
#ref_prev02_active {
	z-index: 5;	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 600px;
}
#ref_prev03_active {
	z-index: 5;	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 840px;
}
#ref_prev04_active {
	z-index: 5;	
	width: 120px;
	height: 180px;
	position: absolute;
	top: 180px;
	left: 360px;
}
#ref_prev05_active {
	z-index: 5;	
	width: 120px;
	height: 180px;
	position: absolute;
	top: 180px;
	left: 600px;
}
#ref_prev06_active {
	z-index: 5;	
	width: 120px;
	height: 180px;
	position: absolute;
	top: 180px;
	left: 840px;
}
#ref_prev07_active {
	z-index: 5;	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 360px;
}
#ref_prev08_active {
	z-index: 5;	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 600px;
}
#ref_prev09_active {
	z-index: 5;	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 840px;
}
.ref_EP_prev {
	background-color: rgba(133,1,62,0.3);	
}
.ref_RU_prev {
	background-color: rgba(49,134,183,0.3);	
}
.ref_ZA_prev {
	background-color: rgba(237,118,3,0.3);	
}
.ref_EN_prev {
	background-color: rgba(156,193,43,0.3); 
}
.ref_cappa_prev {
	background-color: rgba(200,174,124,0.7);
}
#pub_prev01_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 360px;
}
#pub_prev02_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 600px;
}
#pub_prev03_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 0px;
	left: 840px;
}
#pub_prev04_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 180px;
	position: absolute;
	top: 180px;
	left: 360px;
}
#pub_prev05_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 180px;
	position: absolute;
	top: 180px;
	left: 600px;
}
#pub_prev06_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 180px;
	position: absolute;
	top: 180px;
	left: 840px;
}
#pub_prev07_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 360px;
}
#pub_prev08_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 600px;
}
#pub_prev09_active {
	z-index: 5;
	background-color: rgba(155,144,124,0.5);
	background-color: rgba(200,174,124,0.7);	
	width: 120px;
	height: 179px;
	position: absolute;
	top: 361px;
	left: 840px;
}

.agence_prev01_date, .agence_prev02_date, .agence_prev03_date, .agence_prev04_date, .agence_prev05_date, .agence_prev06_date, .agence_prev07_date, .agence_prev08_date, .agence_prev09_date {
	z-index: 10;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 6px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	margin-right: 12px;
	margin-top: 6px;
	text-align: right;
     -webkit-animation: apparition 1s ease-in-out 1;
        -moz-animation: apparition 1s ease-in-out 1;
         -ms-animation: apparition 1s ease-in-out 1;
          -o-animation: apparition 1s ease-in-out 1;
             animation: apparition 1s ease-in-out 1;
}
.agence_prev01_titre, .agence_prev02_titre, .agence_prev03_titre, .agence_prev04_titre, .agence_prev05_titre, .agence_prev06_titre, .agence_prev07_titre, .agence_prev08_titre, .agence_prev09_titre {
	z-index: 10;
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 6px;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 100%;
	color: #ffffff;
	margin-right: 12px;
	margin-bottom: 12px;
	text-align: right;
	line-height: 100%;
     -webkit-animation: apparition 1s ease-in-out 1;
        -moz-animation: apparition 1s ease-in-out 1;
         -ms-animation: apparition 1s ease-in-out 1;
          -o-animation: apparition 1s ease-in-out 1;
             animation: apparition 1s ease-in-out 1;
}
.interligne {
	line-height: 25%;
}
.ref_prev01_date, .ref_prev02_date, .ref_prev03_date, .ref_prev04_date, .ref_prev05_date, .ref_prev06_date, .ref_prev07_date, .ref_prev08_date, .ref_prev09_date {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 108px;
	height: 174px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	margin-left: 12px;
	margin-top: 6px;
	text-align: left;
	line-height: 120%;
}
.ref_prev01_titre, .ref_prev02_titre, .ref_prev03_titre, .ref_prev04_titre, .ref_prev05_titre, .ref_prev06_titre, .ref_prev07_titre, .ref_prev08_titre, .ref_prev09_titre {
	z-index: 10;
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 6px;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 100%;
	color: #ffffff;
	margin-right: 12px;
	margin-bottom: 6px;
	text-align: right;
	line-height: 120%;
}
.titre_prof {
	font-size: 110%;
	font-weight: bold;
}

/* CORPS - SECTION - références - pages ------------------------------------------------------------------------------------- */
#proj {
	z-index: 15;
	position: absolute;
	top: 50px;
	right: 40px;
	margin-left: 15px;
	text-align: right;
}
#proj p {
	padding-right: 	6px;
	padding-top: 	6px;
	padding-bottom: 	6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.titre_illustr, .titre_illustr_gros, .titre_pub {
	display: block;
	z-index: 90;
/*    width: 154px;*/
	width: 180px;
	color: #ffffff;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	padding: 3px;
	font-size: 100%;
	line-height: 100%;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	border-bottom: 1px #ffffff solid;
}
.titre_illustr {
	margin: 0px;
	padding-right: 6px;
	color: #ffffff;
}
.titre_pub {
	background: -webkit-gradient(to right, color-stop( 0% , rgba(160,130,97,0)),color-stop( 25% , rgba(160,130,97,0.5)),color-stop( 100% , rgba(160,130,97,0.5)));
	background: -webkit-linear-gradient(to right, rgba(160,130,97,0) 0%,rgba(160,130,97,0.5) 25%,rgba(160,130,97,0.5) 100%);
	background: linear-gradient(to right, rgba(160,130,97,0) 0%,rgba(160,130,97,0.5) 25%,rgba(160,130,97,0.5) 100%);
}
#texte_plus, #texte_cappa_plus{
	width: 185px;
	display: block;
	z-index: 15;
	position: absolute;
	margin-top: 0px;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	text-align: right;
	text-decoration: none; 
	font-size: 100%;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
#texte_plus {
	height: 274px;
	margin-top: 22px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 6px;
}
#texte_cappa_plus {
	font-size: 90%;
	height: 218px;
	margin-top: 22px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 6px;
}

.proj_ville {
	font-size: 120%;
	color: #ffffff;
	text-transform: uppercase;
}
.proj_titre_EP {
	font-size: 100%;
	font-family: "MyriadPro-Bold", "Calibri-Bold", "Arial-Bold", "Arial Black", "sans-serif";
	text-shadow: 1px 1px 1px #ffffff;
	text-shadow: 2px 2px 2px #85013e;
	color: #85013e;
	color: #ffffff;
	color: rgb(194,128,159);
	color: rgb(225,192,207);
	color: rgb(240,224,231);
	text-transform: uppercase;
}
.proj_EP {
	background: -webkit-gradient(to right, color-stop( 0% , rgba(133,1,62,0)),color-stop( 25% , rgba(133,1,62,0.3)),color-stop( 100% , rgba(133,1,62,0.3)));
	background: -webkit-linear-gradient(to right, rgba(133,1,62,0) 0%,rgba(133,1,62,0.3) 25%,rgba(133,1,62,0.3) 100%);
	background: linear-gradient(to right, rgba(133,1,62,0) 0%,rgba(133,1,62,0.3) 25%,rgba(133,1,62,0.3) 100%);
}
.proj_RU {
	background: -webkit-gradient(to right, color-stop( 0% , rgba(49,134,183,0)),color-stop( 25% , rgba(49,134,183,0.4)),color-stop( 100% , rgba(49,134,183,0.4)));
	background: -webkit-linear-gradient(to right, rgba(49,134,183,0) 0%,rgba(49,134,183,0.4) 25%,rgba(49,134,183,0.4) 100%);
	background: linear-gradient(to right, rgba(49,134,183,0) 0%,rgba(49,134,183,0.4) 25%,rgba(49,134,183,0.4) 100%);
}
.proj_ZA {
	background: -webkit-gradient(to right, color-stop( 0% , rgba(237,118,3,0)),color-stop( 25% , rgba(237,118,3,0.3)),color-stop( 100% , rgba(237,118,3,0.3)));
	background: -webkit-linear-gradient(to right, rgba(237,118,3,0) 0%,rgba(237,118,3,0.3) 25%,rgba(237,118,3,0.3) 100%);
	background: linear-gradient(to right, rgba(237,118,3,0) 0%,rgba(237,118,3,0.3) 25%,rgba(237,118,3,0.3) 100%);
}
.proj_EN {
	background: -webkit-gradient(to right, color-stop( 0% , rgba(156,193,43,0)),color-stop( 25% , rgba(156,193,43,0.4)),color-stop( 100% , rgba(156,193,43,0.4)));
	background: -webkit-linear-gradient(to right, rgba(156,193,43,0) 0%,rgba(156,193,43,0.4) 25%,rgba(156,193,43,0.4) 100%);
	background: linear-gradient(to right, rgba(156,193,43,0) 0%,rgba(156,193,43,0.4) 25%,rgba(156,193,43,0.4) 100%);
}
.proj_gris {
	background: -webkit-gradient(to right, color-stop( 0% , rgba(160,130,97,0)),color-stop( 25% , rgba(160,130,97,0.4)),color-stop( 100% , rgba(160,130,97,0.4)));
	background: -webkit-linear-gradient(to right, rgba(160,130,97,0) 0%,rgba(160,130,97,0.4) 25%,rgba(160,130,97,0.4) 100%);
	background: linear-gradient(to right, rgba(160,130,97,0) 0%,rgba(160,130,97,0.4) 25%,rgba(160,130,97,0.4) 100%);
}
/* vert  RGB 156,193,43 */ 
.proj_titre_RU {
	font-size: 100%;
	font-family: "MyriadPro-Bold", "Calibri-Bold", "Arial-Bold", "Arial Black", "sans-serif";
	text-shadow: 2px 2px 2px #3186b7;
	color: rgb(229,240,246);
	text-transform: uppercase;
}
.proj_titre_ZA {
	font-size: 100%;
	font-family: "MyriadPro-Bold", "Calibri-Bold", "Arial-Bold", "Arial Black", "sans-serif";
	text-shadow: 2px 2px 2px #ed7603;
	color: rgb(253,238,223);
	text-transform: uppercase;
}
.proj_titre_EN {
	font-size: 100%;
	font-family: "MyriadPro-Bold", "Calibri-Bold", "Arial-Bold", "Arial Black", "sans-serif";
	text-shadow: 2px 2px 2px #9cc12b;
	color: rgb(243,247,229);
	text-transform: uppercase;
}
.proj_titre_gris {
	font-size: 100%;
	font-family: "MyriadPro-Bold", "Calibri-Bold", "Arial-Bold", "Arial Black", "sans-serif";
	text-shadow: 2px 2px 2px #aa9e88;
	color: rgb(240,224,200);
	text-transform: uppercase;
}
.proj_sous-titre {
	font-size: 90%;
	color: #ffffff;
	text-transform: uppercase;
}
.proj_descrip, .proj_descrip_bold {
    font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 80%;
	color: #ffffff;
}
.proj_descrip_bold {
	font-weight: bold;
}

#proj_plus {
	z-index: 15;
	position: absolute;
	width: 185px;
	bottom: 0px;
	right: 40px;
	margin-left: 15px;
	text-align: right;
	padding-right: 	6px;
	padding-top: 	6px;
}
#proj_plus ul li a {	
	margin-left: 	0px;
	margin-right: 	0px;
}

#IMAGE_fond, #IMAGE_cadre {
	position: absolute;
	top: 0px;
	left: 0px;
}
#IMAGE_fond {
	width: 100%;
	height: 100%;
	overflow: visible;
}
#IMAGE_cadre {
	width: 960px;
	height: 720px;
	overflow: hidden;
}

@-webkit-keyframes UN_texte_voc01  {
    0%, 25%, 100%
	{opacity: 0;} 
	10%, 20%
	{opacity: 1;} 
}
@-webkit-keyframes UN_texte_voc02  {
    0%, 25%, 45%, 100%
	{opacity: 0;} 
	30%, 40%
	{opacity: 1;} 
}
@-webkit-keyframes UN_texte_voc03  {
    0%, 45%, 65%, 100%
	{opacity: 0;} 
	50%, 60%
	{opacity: 1;} 
}
@-webkit-keyframes UN_texte_voc04  {
    0%, 65%, 85%, 100%
	{opacity: 0;} 
	70%, 80%
	{opacity: 1;} 
}

    @-moz-keyframes UN_texte_voc01  {
    0%, 25%, 100%
	{opacity: 0;} 
	10%, 20%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_voc02  {
    0%, 25%, 45%, 100%
	{opacity: 0;} 
	30%, 40%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_voc03  {
    0%, 45%, 65%, 100%
	{opacity: 0;} 
	50%, 60%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_voc04  {
    0%, 65%, 85%, 100%
	{opacity: 0;} 
	70%, 80%
	{opacity: 1;} 
}

     @-ms-keyframes UN_texte_voc01  {
    0%, 25%, 100%
	{opacity: 0;} 
	10%, 20%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_voc02  {
    0%, 25%, 45%, 100%
	{opacity: 0;} 
	30%, 40%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_voc03  {
    0%, 45%, 65%, 100%
	{opacity: 0;} 
	50%, 60%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_voc04  {
    0%, 65%, 85%, 100%
	{opacity: 0;} 
	70%, 80%
	{opacity: 1;} 
}

      @-o-keyframes UN_texte_voc01  {
    0%, 25%, 100%
	{opacity: 0;} 
	10%, 20%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_voc02  {
    0%, 25%, 45%, 100%
	{opacity: 0;} 
	30%, 40%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_voc03  {
    0%, 45%, 65%, 100%
	{opacity: 0;} 
	50%, 60%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_voc04  {
    0%, 65%, 85%, 100%
	{opacity: 0;} 
	70%, 80%
	{opacity: 1;} 
}

@keyframes UN_texte_voc01  {
    0%, 25%, 100%
	{opacity: 0;} 
	10%, 20%
	{opacity: 1;} 
}
@keyframes UN_texte_voc02  {
    0%, 25%, 45%, 100%
	{opacity: 0;} 
	30%, 40%
	{opacity: 1;} 
}
@keyframes UN_texte_voc03  {
    0%, 45%, 65%, 100%
	{opacity: 0;} 
	50%, 60%
	{opacity: 1;} 
}
@keyframes UN_texte_voc04  {
    0%, 65%, 85%, 100%
	{opacity: 0;} 
	70%, 80%
	{opacity: 1;} 
}
#UN_texte_voc01 {
     -webkit-animation: UN_texte_voc01 75s infinite;
        -moz-animation: UN_texte_voc01 75s infinite;
         -ms-animation: UN_texte_voc01 75s infinite;
          -o-animation: UN_texte_voc01 75s infinite;
             animation: UN_texte_voc01 75s infinite;
}
#UN_texte_voc02 {
     -webkit-animation: UN_texte_voc02 75s infinite;
        -moz-animation: UN_texte_voc02 75s infinite;
         -ms-animation: UN_texte_voc02 75s infinite;
          -o-animation: UN_texte_voc02 75s infinite;
             animation: UN_texte_voc02 75s infinite;
}
#UN_texte_voc03 {
     -webkit-animation: UN_texte_voc03 75s infinite;
        -moz-animation: UN_texte_voc03 75s infinite;
         -ms-animation: UN_texte_voc03 75s infinite;
          -o-animation: UN_texte_voc03 75s infinite;
             animation: UN_texte_voc03 75s infinite;
}
#UN_texte_voc04 {
     -webkit-animation: UN_texte_voc04 75s infinite;
        -moz-animation: UN_texte_voc04 75s infinite;
         -ms-animation: UN_texte_voc04 75s infinite;
          -o-animation: UN_texte_voc04 75s infinite;
             animation: UN_texte_voc04 75s infinite; 
}

@-webkit-keyframes UN_texte_com01  {
    0%, 35%, 100%
	{opacity: 0;} 
	10%, 30%
	{opacity: 1;} 
}
@-webkit-keyframes UN_texte_com02  {
    0%, 35%, 65%, 100%
	{opacity: 0;} 
	40%, 60%
	{opacity: 1;} 
}
@-webkit-keyframes UN_texte_com03  {
    0%, 65%, 95%, 100%
	{opacity: 0;} 
	70%, 90%
	{opacity: 1;} 
}

    @-moz-keyframes UN_texte_com01  {
    0%, 35%, 100%
	{opacity: 0;} 
	10%, 30%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_com02  {
    0%, 35%, 65%, 100%
	{opacity: 0;} 
	40%, 60%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_com03  {
    0%, 65%, 95%, 100%
	{opacity: 0;} 
	70%, 90%
	{opacity: 1;} 
}

     @-ms-keyframes UN_texte_com01  {
    0%, 35%, 100%
	{opacity: 0;} 
	10%, 30%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_com02  {
    0%, 35%, 65%, 100%
	{opacity: 0;} 
	40%, 60%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_com03  {
    0%, 65%, 95%, 100%
	{opacity: 0;} 
	70%, 90%
	{opacity: 1;} 
}

      @-o-keyframes UN_texte_com01  {
    0%, 35%, 100%
	{opacity: 0;} 
	10%, 30%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_com02  {
    0%, 35%, 65%, 100%
	{opacity: 0;} 
	40%, 60%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_com03  {
    0%, 65%, 95%, 100%
	{opacity: 0;} 
	70%, 90%
	{opacity: 1;} 
}

@keyframes UN_texte_com01  {
    0%, 35%, 100%
	{opacity: 0;} 
	10%, 30%
	{opacity: 1;} 
}
@keyframes UN_texte_com02  {
    0%, 35%, 65%, 100%
	{opacity: 0;} 
	40%, 60%
	{opacity: 1;} 
}
@keyframes UN_texte_com03  {
    0%, 65%, 95%, 100%
	{opacity: 0;} 
	70%, 90%
	{opacity: 1;} 
}
#UN_texte_com01 {
     -webkit-animation: UN_texte_com01 75s infinite;
        -moz-animation: UN_texte_com01 75s infinite;
         -ms-animation: UN_texte_com01 75s infinite;
          -o-animation: UN_texte_com01 75s infinite;
             animation: UN_texte_com01 75s infinite; 
}
#UN_texte_com02 {
     -webkit-animation: UN_texte_com02 75s infinite;
        -moz-animation: UN_texte_com02 75s infinite;
         -ms-animation: UN_texte_com02 75s infinite;
          -o-animation: UN_texte_com02 75s infinite;
             animation: UN_texte_com02 75s infinite; 
}
#UN_texte_com03 {
     -webkit-animation: UN_texte_com03 75s infinite;
        -moz-animation: UN_texte_com03 75s infinite;
         -ms-animation: UN_texte_com03 75s infinite;
          -o-animation: UN_texte_com03 75s infinite;
             animation: UN_texte_com03 75s infinite;  
}

@-webkit-keyframes UN_texte_int01  {
    0%, 40%, 100%
	{opacity: 0;} 
	10%, 35%
	{opacity: 1;} 
}
@-webkit-keyframes UN_texte_int02  {
    0%, 40%, 90%, 100%
	{opacity: 0;} 
	50%, 85%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_int01  {
    0%, 40%, 100%
	{opacity: 0;} 
	10%, 35%
	{opacity: 1;} 
}
    @-moz-keyframes UN_texte_int02  {
    0%, 40%, 90%, 100%
	{opacity: 0;} 
	50%, 85%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_int01  {
    0%, 40%, 100%
	{opacity: 0;} 
	10%, 35%
	{opacity: 1;} 
}
     @-ms-keyframes UN_texte_int02  {
    0%, 40%, 90%, 100%
	{opacity: 0;} 
	50%, 85%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_int01  {
    0%, 40%, 100%
	{opacity: 0;} 
	10%, 35%
	{opacity: 1;} 
}
      @-o-keyframes UN_texte_int02  {
    0%, 40%, 90%, 100%
	{opacity: 0;} 
	50%, 85%
	{opacity: 1;} 
}
@keyframes UN_texte_int01  {
    0%, 40%, 100%
	{opacity: 0;} 
	10%, 35%
	{opacity: 1;} 
}
@keyframes UN_texte_int02  {
    0%, 40%, 90%, 100%
	{opacity: 0;} 
	50%, 85%
	{opacity: 1;} 
}
#UN_texte_int01 {
     -webkit-animation: UN_texte_int01 75s infinite;
        -moz-animation: UN_texte_int01 75s infinite;
         -ms-animation: UN_texte_int01 75s infinite;
          -o-animation: UN_texte_int01 75s infinite;
             animation: UN_texte_int01 75s infinite;  
}
#UN_texte_int02 {
     -webkit-animation: UN_texte_int02 75s infinite;
        -moz-animation: UN_texte_int02 75s infinite;
         -ms-animation: UN_texte_int02 75s infinite;
          -o-animation: UN_texte_int02 75s infinite;
             animation: UN_texte_int02 75s infinite;  
}

/* PIED DE PAGE --------------------------------------------------------------------------------------------------------- */ 
footer, #footer_app, #footer_disp {
	z-index: 10;
	width: 960px;
    background: #ffffff;
	height: 90px;
	position: relative;
	color: #8c8270;
}
#footer_app {
	z-index: 200;
}

#logo_texte {
	width: 50px;
	height: 90px;
	margin-left: 6px;
	margin-left: 0px;
	display: inline-block;
}
#logo_texte_app {
	position: absolute;
	top: 0px;
	width: 50px;
	height: 90px;
	margin-left: 6px;
	margin-left: 0px;
     -webkit-animation: texte_app 1s ease 1;
        -moz-animation: texte_app 1s ease 1;
         -ms-animation: texte_app 1s ease 1;
          -o-animation: texte_app 1s ease 1;
             animation: texte_app 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
#logo_intro_bas {
	width: 50px;
	height: 90px;
	margin-left: 0px;
	display: inline-block;
}
#logo_intro_bas_disp {
	width: 50px;
	height: 90px;
	margin-left: 6px;
	margin-left: 0px;
	margin-top: 0px;
	display: inline-block;
     -webkit-animation: texte_disp 1s ease 1;
        -moz-animation: texte_disp 1s ease 1;
         -ms-animation: texte_disp 1s ease 1;
          -o-animation: texte_disp 1s ease 1;
             animation: texte_disp 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}
footer p, footer p .footer_texte_app {
	position: absolute;
	display: inline-block;
	margin-top: 70px;
	margin-left: 12px;
	font-size: 75%;
}
.adresse {
	position: absolute;
	display: inline-block;
	margin-top: 78px;
	margin-left: 12px;
}
.footer_texte_app {
     -webkit-animation: texte_app 3s ease 1;
        -moz-animation: texte_app 3s ease 1;
         -ms-animation: texte_app 3s ease 1;
          -o-animation: texte_app 3s ease 1;
             animation: texte_app 3s ease 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:	1s;
        -moz-animation-delay:	1s;
         -ms-animation-delay:	1s;
          -o-animation-delay:	1s;
             animation-delay:	1s;
}

/* PIED DE PAGE - références - pages ------------------------------------------------------------------------------------ */ 

/* PIED DE PAGE - navigation -------------------------------------------------------------------------------------------- */ 
.footer_nav {
	position: absolute;
	left: 600px;
	top: 64px;
	font-size: 75%;
}
#footer_nav_ligne_dte {
	background-color: rgba(170,158,136,1);
	z-index: 5;
	position: absolute;
	display: inline-block;
	bottom: 0px;
	left: 960px;	
	width: 1px;
	height: 26px;
}
#footer_nav_ligne_dte_app {
	background-color: rgba(170,158,136,1);
	z-index: 5;
	position: absolute;
	display: inline-block;
	bottom: -26px;
	left: 360;	
	width: 1px;
	height: 26px;
}

@-webkit-keyframes  footer_nav_app {
     0% {opacity: 0; top: 90px}
     75% {opacity: 0; top: 90px}
     100%   {opacity: 1; top: 64px}
}
    @-moz-keyframes footer_nav_app {
     0% {opacity: 0; top: 90px}
     75% {opacity: 0; top: 90px}
     100%   {opacity: 1; top: 64px}
}
     @-ms-keyframes footer_nav_app {
     0% {opacity: 0; top: 90px}
     75% {opacity: 0; top: 90px}
     100%   {opacity: 1; top: 64px}
}
      @-o-keyframes footer_nav_app {
     0% {opacity: 0; top: 90px}
     75% {opacity: 0; top: 90px}
     100%   {opacity: 1; top: 64px}
}
@keyframes footer_nav_app {
     0% {opacity: 0; top: 90px}
     75% {opacity: 0; top: 90px}
     100%   {opacity: 1; top: 64px}
}
.footer_nav_app {
	position: absolute;
	left: 600px;
	top: 64px;
	font-size: 75%;
     -webkit-animation: footer_nav_app 1s ease 1;
        -moz-animation: footer_nav_app 1s ease 1;
         -ms-animation: footer_nav_app 1s ease 1;
          -o-animation: footer_nav_app 1s ease 1;
             animation: footer_nav_app 1s ease 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;
}
#credits a, #credits_hover a, #liens a, #liens_hover a  {
	display: inline-block;
	height: 20px;
	position: absolute;
	border-left: 1px #aa9e88 solid;
	color: #8c8270;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#credits a, #credits_hover a {
	left: 120px;
	width: 240px;
}
#liens a, #liens_hover a {
	left: 240px;
	width: 120px;
}
#credits_hover a, #liens_hover a  {
	z-index: 0;
	background-color: #aa9e88;
	color: #ffffff;
}
#credits a:active , #liens a:active {
	color: #6c5f57;
}
.credits_container {
	z-index: 10;
    position:absolute;
    left: 720px;
	top: 130px;
    width: 240px; 
    height: 590px; 
    overflow: hidden; 
}
.liens_container {
	z-index: 10;
    position:absolute;
    left: 840px;
	top: 130px;
    width: 120px; 
    height: 590px; 	
    overflow: hidden; 
}
#credits_fond {
	z-index: 5;
	z-index: 0;
    position:absolute;
    left: 0px;
	top: 570px;
    width: 240px; 
    height: 590px;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	opacity: 0;
}

@-webkit-keyframes credits {
    0%	{opacity: 0;
	top: 520px;}
	100%	{opacity: 1;
	top: 0px;} 
}
@-moz-keyframes credits {
    0%	{opacity: 0;
	top: 520px;}
	100%	{opacity: 1;
	top: 0px;} 
}
@-ms-keyframes credits {
    0%	{opacity: 0;
	top: 520px;}
	100%	{opacity: 1;
	top: 0px;} 
}
@-o-keyframes credits {
    0%	{opacity: 0;
	top: 520px;}
	100%	{opacity: 1;
	top: 0px;} 
}
@keyframes credits {
    0%	{opacity: 0;
	top: 520px;}
	100%	{opacity: 1;
	top: 0px;} 
}
#credits_fond:hover {
	z-index: 5;
    position:absolute;
    left:0px;
	top:0px;
    width: 240px; 
    height: 590px;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	background-image: -webkit-gradient(color-stop( 0% , rgba(255,255,255,0.9)),color-stop( 88% , rgba(255,255,255,0.9)),color-stop( 88% , rgba(255,255,255,0)),color-stop( 100% , rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0) 88%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0) 88%,rgba(255,255,255,0) 100%);
     -webkit-animation: credits 1s 1;
        -moz-animation: credits 1s 1;
         -ms-animation: credits 1s 1;
          -o-animation: credits 1s 1;
             animation: credits 1s 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;
}

#liens_fond {
	z-index: 5;
    position:absolute;
    left:0px;
	top: 570px;
    width: 120px; 
    height: 590px;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	opacity: 0;
}

#liens_fond:hover {
	z-index: 5;
    position:absolute;
    left:0px;
	top:0px;
    width: 120px; 
    height: 590px;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	background-image: -webkit-gradient(color-stop( 0% , rgba(255,255,255,0.9)),color-stop( 88% , rgba(255,255,255,0.9)),color-stop( 88% , rgba(255,255,255,0)),color-stop( 100% , rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0) 88%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0) 88%,rgba(255,255,255,0) 100%);
     -webkit-animation: credits 1s 1;
        -moz-animation: credits 1s 1;
         -ms-animation: credits 1s 1;
          -o-animation: credits 1s 1;
             animation: credits 1s 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;
}
#credits_texte {
    position:absolute;
    width: 216px;
	left:12px;
	color: #6c5f57;
	text-align: center;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 90%;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;	
}
#liens_texte {
    position:absolute;
    width: 108px;
	left:6px;
	color: #6c5f57;
	text-align: center;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 90%;
	line-height: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;	
}
#liens_texte a {
	color: #6c5f57;
	text-decoration: none;	
}
#liens_texte a:hover {
	font-style: italic;
}
.credits_texte_titre, .liens_texte_titre {
	color: #6c5f57;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 115%;
	line-height: 30%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;	
}
.credits_texte_lien a {
	text-decoration: none;
	color: #6c5f57;	
}

#commandes {
    z-index: 300;
    position: absolute; 
    top: 13px;
	left: 13px;
}

@-webkit-keyframes retour_app {
     0% {opacity: 0}
     75% {opacity: 0.9}
     100%   {opacity: 0.9}
}
    @-moz-keyframes retour_app {
     0% {opacity: 0}
     75% {opacity: 0.9}
     100%   {opacity: 0.9}
}
     @-ms-keyframes retour_app {
     0% {opacity: 0}
     75% {opacity: 0.9}
     100%   {opacity: 0.9}
}
      @-o-keyframes retour_app {
     0% {opacity: 0}
     75% {opacity: 0.9}
     100%   {opacity: 0.9}
}
@keyframes retour_app {
     0% {opacity: 0}
     75% {opacity: 0.9}
     100%   {opacity: 0.9}
}
.retour_rub {
    position: absolute;
    top: 0px;
	left: 0px;	
    width: 24px; 
    height: 24px; 
    opacity: 0.9; 
     -webkit-animation: retour_app 1s ease 1;
        -moz-animation: retour_app 1s ease 1;
         -ms-animation: retour_app 1s ease 1;
          -o-animation: retour_app 1s ease 1;
             animation: retour_app 1s ease 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:	auto;
        -moz-animation-delay:	auto;
         -ms-animation-delay:	auto;
          -o-animation-delay:	auto;
             animation-delay:	auto;
}

.num_illustr {
	z-index: 90;
	position: absolute;
	bottom: 12px;
	left: 68px;
	margin: 0px;
	color: #ffffff;
	padding-top: 10px;
	padding-left: 6px;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
.num_cappa_illustr {
	z-index: 90;
	position: absolute;
	bottom: 12px;
	left: 54px;
	margin: 0px;
	color: #ffffff;
	padding-top: 10px;
	padding-left: 6px;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
.num_active {
	color: #ffffff;
	border-bottom: 1px #ffffff solid;
}
@-webkit-keyframes EP_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%, 95% { border-color: rgba(255, 255, 255, 0); } 
}
@-webkit-keyframes EP_timeline02 { 
    15%, 30% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@-webkit-keyframes EP_timeline03 { 
    35%, 45% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 50%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@-webkit-keyframes EP_timeline04 { 
    50%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 45%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@-webkit-keyframes EP_timeline05 { 
    65%, 75% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 80%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@-webkit-keyframes EP_timeline06 { 
    80%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 75%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

@-webkit-keyframes UN_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%,95% { border-color: rgba(255, 255, 255, 0); } 
}
@-webkit-keyframes UN_timeline02 { 
    15%, 20% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 25%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@-webkit-keyframes UN_timeline03 { 
    25%, 30% { border-color: rgba(255, 255, 255, 1); }
	0%, 20%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@-webkit-keyframes UN_timeline04 { 
    35%, 40% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 45%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@-webkit-keyframes UN_timeline05 { 
    45%, 50% { border-color: rgba(255, 255, 255, 1); }
	0%, 40%, 55%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@-webkit-keyframes UN_timeline06 { 
    55%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 50%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
@-webkit-keyframes UN_timeline07 { 
    65%, 70% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 75%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
@-webkit-keyframes UN_timeline08 { 
    75%, 80% { border-color: rgba(255, 255, 255, 1); }
	0%, 70%, 85%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
@-webkit-keyframes UN_timeline09 { 
    85%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 80%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

    @-moz-keyframes EP_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%, 95% { border-color: rgba(255, 255, 255, 0); } 
}
    @-moz-keyframes EP_timeline02 { 
    15%, 30% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
    @-moz-keyframes EP_timeline03 { 
    35%, 45% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 50%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
    @-moz-keyframes EP_timeline04 { 
    50%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 45%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
    @-moz-keyframes EP_timeline05 { 
    65%, 75% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 80%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
    @-moz-keyframes EP_timeline06 { 
    80%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 75%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

    @-moz-keyframes UN_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%,95% { border-color: rgba(255, 255, 255, 0); } 
}
    @-moz-keyframes UN_timeline02 { 
    15%, 20% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 25%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
    @-moz-keyframes UN_timeline03 { 
    25%, 30% { border-color: rgba(255, 255, 255, 1); }
	0%, 20%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
    @-moz-keyframes UN_timeline04 { 
    35%, 40% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 45%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
    @-moz-keyframes UN_timeline05 { 
    45%, 50% { border-color: rgba(255, 255, 255, 1); }
	0%, 40%, 55%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
    @-moz-keyframes UN_timeline06 { 
    55%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 50%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
    @-moz-keyframes UN_timeline07 { 
    65%, 70% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 75%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
    @-moz-keyframes UN_timeline08 { 
    75%, 80% { border-color: rgba(255, 255, 255, 1); }
	0%, 70%, 85%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
    @-moz-keyframes UN_timeline09 { 
    85%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 80%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

     @-ms-keyframes EP_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%, 95% { border-color: rgba(255, 255, 255, 0); } 
}
     @-ms-keyframes EP_timeline02 { 
    15%, 30% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
     @-ms-keyframes EP_timeline03 { 
    35%, 45% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 50%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
     @-ms-keyframes EP_timeline04 { 
    50%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 45%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
     @-ms-keyframes EP_timeline05 { 
    65%, 75% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 80%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
     @-ms-keyframes EP_timeline06 { 
    80%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 75%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

     @-ms-keyframes UN_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%,95% { border-color: rgba(255, 255, 255, 0); } 
}
     @-ms-keyframes UN_timeline02 { 
    15%, 20% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 25%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
     @-ms-keyframes UN_timeline03 { 
    25%, 30% { border-color: rgba(255, 255, 255, 1); }
	0%, 20%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
     @-ms-keyframes UN_timeline04 { 
    35%, 40% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 45%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
     @-ms-keyframes UN_timeline05 { 
    45%, 50% { border-color: rgba(255, 255, 255, 1); }
	0%, 40%, 55%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
     @-ms-keyframes UN_timeline06 { 
    55%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 50%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
     @-ms-keyframes UN_timeline07 { 
    65%, 70% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 75%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
     @-ms-keyframes UN_timeline08 { 
    75%, 80% { border-color: rgba(255, 255, 255, 1); }
	0%, 70%, 85%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
     @-ms-keyframes UN_timeline09 { 
    85%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 80%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

      @-o-keyframes EP_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%, 95% { border-color: rgba(255, 255, 255, 0); } 
}
      @-o-keyframes EP_timeline02 { 
    15%, 30% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
      @-o-keyframes EP_timeline03 { 
    35%, 45% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 50%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
      @-o-keyframes EP_timeline04 { 
    50%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 45%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
      @-o-keyframes EP_timeline05 { 
    65%, 75% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 80%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
      @-o-keyframes EP_timeline06 { 
    80%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 75%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

      @-o-keyframes UN_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%,95% { border-color: rgba(255, 255, 255, 0); } 
}
      @-o-keyframes UN_timeline02 { 
    15%, 20% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 25%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
      @-o-keyframes UN_timeline03 { 
    25%, 30% { border-color: rgba(255, 255, 255, 1); }
	0%, 20%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
      @-o-keyframes UN_timeline04 { 
    35%, 40% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 45%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
      @-o-keyframes UN_timeline05 { 
    45%, 50% { border-color: rgba(255, 255, 255, 1); }
	0%, 40%, 55%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
      @-o-keyframes UN_timeline06 { 
    55%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 50%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
      @-o-keyframes UN_timeline07 { 
    65%, 70% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 75%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
      @-o-keyframes UN_timeline08 { 
    75%, 80% { border-color: rgba(255, 255, 255, 1); }
	0%, 70%, 85%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
      @-o-keyframes UN_timeline09 { 
    85%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 80%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

@keyframes EP_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%, 95% { border-color: rgba(255, 255, 255, 0); } 
}
@keyframes EP_timeline02 { 
    15%, 30% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@keyframes EP_timeline03 { 
    35%, 45% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 50%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@keyframes EP_timeline04 { 
    50%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 45%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@keyframes EP_timeline05 { 
    65%, 75% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 80%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@keyframes EP_timeline06 { 
    80%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 75%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}

@keyframes UN_timeline01 { 
    0%, 10%, 100% { border-color: rgba(255, 255, 255, 1); } 
	15%,95% { border-color: rgba(255, 255, 255, 0); } 
}
@keyframes UN_timeline02 { 
    15%, 20% { border-color: rgba(255, 255, 255, 1); } 
	0%, 10%, 25%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@keyframes UN_timeline03 { 
    25%, 30% { border-color: rgba(255, 255, 255, 1); }
	0%, 20%, 35%, 100% { border-color: rgba(255, 255, 255, 0); } 	
}
@keyframes UN_timeline04 { 
    35%, 40% { border-color: rgba(255, 255, 255, 1); }
	0%, 30%, 45%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@keyframes UN_timeline05 { 
    45%, 50% { border-color: rgba(255, 255, 255, 1); }
	0%, 40%, 55%, 100% { border-color: rgba(255, 255, 255, 0); }	
}
@keyframes UN_timeline06 { 
    55%, 60% { border-color: rgba(255, 255, 255, 1); }
	0%, 50%, 65%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
@keyframes UN_timeline07 { 
    65%, 70% { border-color: rgba(255, 255, 255, 1); }
	0%, 60%, 75%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
@keyframes UN_timeline08 { 
    75%, 80% { border-color: rgba(255, 255, 255, 1); }
	0%, 70%, 85%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
@keyframes UN_timeline09 { 
    85%, 90% { border-color: rgba(255, 255, 255, 1); }
	0%, 80%, 95%, 100% { border-color: rgba(255, 255, 255, 0); }  
}
.footer_UN_timeline01 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline01 75s infinite;
        -moz-animation: UN_timeline01 75s infinite;
         -ms-animation: UN_timeline01 75s infinite;
          -o-animation: UN_timeline01 75s infinite;
             animation: UN_timeline01 75s infinite;
}
.footer_UN_timeline02 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline02 75s infinite;
        -moz-animation: UN_timeline02 75s infinite;
         -ms-animation: UN_timeline02 75s infinite;
          -o-animation: UN_timeline02 75s infinite;
             animation: UN_timeline02 75s infinite;
}
.footer_UN_timeline03 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline03 75s infinite;
        -moz-animation: UN_timeline03 75s infinite;
         -ms-animation: UN_timeline03 75s infinite;
          -o-animation: UN_timeline03 75s infinite;
             animation: UN_timeline03 75s infinite;	
}
.footer_UN_timeline04 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline04 75s infinite;
        -moz-animation: UN_timeline04 75s infinite;
         -ms-animation: UN_timeline04 75s infinite;
          -o-animation: UN_timeline04 75s infinite;
             animation: UN_timeline04 75s infinite;	
}
.footer_UN_timeline05 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline05 75s infinite;
        -moz-animation: UN_timeline05 75s infinite;
         -ms-animation: UN_timeline05 75s infinite;
          -o-animation: UN_timeline05 75s infinite;
             animation: UN_timeline05 75s infinite;	
}
.footer_UN_timeline06 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline06 75s infinite;
        -moz-animation: UN_timeline06 75s infinite;
         -ms-animation: UN_timeline06 75s infinite;
          -o-animation: UN_timeline06 75s infinite;
             animation: UN_timeline06 75s infinite;	
}
.footer_UN_timeline07 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline07 75s infinite;
        -moz-animation: UN_timeline07 75s infinite;
         -ms-animation: UN_timeline07 75s infinite;
          -o-animation: UN_timeline07 75s infinite;
             animation: UN_timeline07 75s infinite;	
}
.footer_UN_timeline08 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline08 75s infinite;
        -moz-animation: UN_timeline08 75s infinite;
         -ms-animation: UN_timeline08 75s infinite;
          -o-animation: UN_timeline08 75s infinite;
             animation: UN_timeline08 75s infinite;	
}
.footer_UN_timeline09 {
	border-bottom: 1px #ffffff solid;
     -webkit-animation: UN_timeline09 75s infinite;
        -moz-animation: UN_timeline09 75s infinite;
         -ms-animation: UN_timeline09 75s infinite;
          -o-animation: UN_timeline09 75s infinite;
             animation: UN_timeline09 75s infinite;	
}
 
#slideshow, #article {
    position: relative;
    left:0; top:0px; 
    width: 960px; 
    height: 720px; 
}
     
#zone_illustr {
	z-index: 300;
	background-color: rgba(255,255,255,0);
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 240px;
	height: 630px;
}
#zone_centrale {
	z-index: 300;
	background-color: rgba(255,255,255,0);
	top: 90px;
	left: 0px;	
	width: 960px;
	height: 540px;
}

#ligne_gche_pub {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 1px;
	height: 720px;
}
#ligne_dte_pub {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 0px;
	left: 959px;	
	width: 1px;
	height: 720px;
}
#ligne_haut_pub {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 960px;
	height: 1px;
}
#ligne_bas_pub {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 719px;
	left: 0px;	
	width: 960px;
	height: 1px;
}
#ligne_gche_pub0 {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 90px;
	left: 0px;	
	width: 1px;
	height: 540px;
}
#ligne_dte_pub0 {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 90px;
	left: 959px;	
	width: 1px;
	height: 540px;
}
#ligne_haut_pub0 {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 90px;
	left: 0px;	
	width: 960px;
	height: 1px;
}
#ligne_bas_pub0 {
	z-index: 300;
	background-color: #aa9e88;
	position: absolute;
	top: 629px;
	left: 0px;	
	width: 960px;
	height: 1px;
}

#slideshow .container {
    position:relative;
    left:0; top:0px;
    width: 960px; 
    height: 720px;
    overflow: hidden;
} 
#article .container {
    position:relative;
    left:0; top:0px;
    width: 960px; 
    height: 720px;
    overflow: auto;
}
#article .container_vertical {
	z-index: 20;
    position:relative;
    left:0; top:0px;
    width: 960px; 
    height: 720px;
    overflow-x: hidden;
	overflow-y: scroll;
}
#article .container_scroll_off {
	z-index: 20;
    position:relative;
    left:0; top:0px;
    width: 960px; 
    height: 720px;
    overflow-x: hidden;
	overflow-y: hidden;
}

#slideshow .slider_UN_vocation, #slideshow .slider_UN_competences, #slideshow .slider_UN_intervention { 
    position: absolute;
    left:0; top:0px;	
    width: 1200%; 
    height: 720px; 
}
 
#slideshow figure {
    position:relative; 
    display:inline-block; 
    padding:0; margin:0; 
}

#slideshow figure:after { 
    position:absolute; 
    bottom: 0; left:0; 
    content: " "; 
    width: 1px; 
    height: 100%; 
    background: #ffffff;
}

#UN_texte_voc01, #UN_texte_voc02, #UN_texte_voc03, #UN_texte_voc04, #UN_texte_com01, #UN_texte_com02, #UN_texte_com03, #UN_texte_int01, #UN_texte_int02 {
	z-index: 400;
    position:absolute; 
	right: 40px;
	top: 120px;
	margin-left: 15px;
	font-family: "MyriadPro-Cond", "Calibri-Cond", "Arial-Cond", "Arial Narrow", "Arial", "sans-serif";
	font-size: 110%;
	font-style: italic;
	color: #ffffff;
	text-align: right;
	text-decoration: none;
}

@-webkit-keyframes slider_UN_vocation { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}
@-webkit-keyframes slider_UN_competences {
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -2240px }
    35%,40%        { left: -3200px }
    45%,50%        { left: -4480px }	
    55%,60%        { left: -5440px } 
	65%,70%        { left: -6400px }
	75%,80%        { left: -7360px }
	85%,90%        { left: -8960px }
}
@-webkit-keyframes slider_UN_intervention { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}

    @-moz-keyframes slider_UN_vocation { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}
    @-moz-keyframes slider_UN_competences {
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -2240px }
    35%,40%        { left: -3200px }
    45%,50%        { left: -4480px }	
    55%,60%        { left: -5440px } 
	65%,70%        { left: -6400px }
	75%,80%        { left: -7360px }
	85%,90%        { left: -8960px }
}
    @-moz-keyframes slider_UN_intervention { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}

     @-ms-keyframes slider_UN_vocation { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}
     @-ms-keyframes slider_UN_competences {
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -2240px }
    35%,40%        { left: -3200px }
    45%,50%        { left: -4480px }	
    55%,60%        { left: -5440px } 
	65%,70%        { left: -6400px }
	75%,80%        { left: -7360px }
	85%,90%        { left: -8960px }
}
     @-ms-keyframes slider_UN_intervention { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}

      @-o-keyframes slider_UN_vocation { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}
      @-o-keyframes slider_UN_competences {
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -2240px }
    35%,40%        { left: -3200px }
    45%,50%        { left: -4480px }	
    55%,60%        { left: -5440px } 
	65%,70%        { left: -6400px }
	75%,80%        { left: -7360px }
	85%,90%        { left: -8960px }
}
      @-o-keyframes slider_UN_intervention { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}

@keyframes slider_UN_vocation { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}
@keyframes slider_UN_competences {
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -2240px }
    35%,40%        { left: -3200px }
    45%,50%        { left: -4480px }	
    55%,60%        { left: -5440px } 
	65%,70%        { left: -6400px }
	75%,80%        { left: -7360px }
	85%,90%        { left: -8960px }
}
@keyframes slider_UN_intervention { 
    0%, 10%, 100%   { left: 0 } 
    15%,20%        { left: -960px }
    25%,30%        { left: -1920px }
    35%,40%        { left: -2880px }
    45%,50%        { left: -3840px }	
    55%,60%        { left: -4800px } 
	65%,70%        { left: -5760px }
	75%,80%        { left: -6720px }
	85%,90%        { left: -7680px }
}

#slideshow .slider_UN_vocation { 
     -webkit-animation: slider_UN_vocation 75s infinite;
        -moz-animation: slider_UN_vocation 75s infinite;
         -ms-animation: slider_UN_vocation 75s infinite;
          -o-animation: slider_UN_vocation 75s infinite;
             animation: slider_UN_vocation 75s infinite;
}
#slideshow .slider_UN_competences { 
     -webkit-animation: slider_UN_competences 75s infinite;
        -moz-animation: slider_UN_competences 75s infinite;
         -ms-animation: slider_UN_competences 75s infinite;
          -o-animation: slider_UN_competences 75s infinite;
             animation: slider_UN_competences 75s infinite;
}
#slideshow .slider_UN_intervention { 
     -webkit-animation: slider_UN_intervention 75s infinite;
        -moz-animation: slider_UN_intervention 75s infinite;
         -ms-animation: slider_UN_intervention 75s infinite;
          -o-animation: slider_UN_intervention 75s infinite;
             animation: slider_UN_intervention 75s infinite;
}

@-webkit-keyframes ref_texte { 
    0% { opacity: 0;    } 
    100%	{ opacity: 1;  } 
}
    @-moz-keyframes ref_texte { 
    0% { opacity: 0;    } 
    100%	{ opacity: 1;  } 
}
     @-ms-keyframes ref_texte { 
    0% { opacity: 0;    } 
    100%	{ opacity: 1;  } 
}
      @-o-keyframes ref_texte { 
    0% { opacity: 0;    } 
    100%	{ opacity: 1;  } 
}
@keyframes ref_texte { 
    0% { opacity: 0;    } 
    100%	{ opacity: 1;  } 
}