/** {
	border: solid 1px;
}
*/

#valeur {
	display: none;
}

a:link 
{ 
 text-decoration:none; 
}

body::-webkit-scrollbar {
  width: 1em;
  background: #d8d8d8;
}
body::-webkit-scrollbar-thumb {
  background: grey;
  height:20px;
}

body::-webkit-scrollbar-track-piece
{
   display:none;
}

body {
  overflow-x: hidden;
}

#fond {
	margin-top: -8px;
	margin-left: -1%;
	margin-right: 0px;
	background-color: #d8d8d8;
	z-index:-2;
	width:102%;
}

#bandeau {
	position: fixed;
	height: 100px;
	z-index:2;
	width:102%;
}

#degrade {
	  margin-top: -2px;
	  height: 100px;
	  width: 102%;
	  z-index:-1;
	  position: fixed;
	  background: linear-gradient(to right, #d5e9f9, #002c52); /* #28618c*/
	  opacity:0.9;
	  transition: background 1s;
	  transition:1s opacity;
	  z-index:-1;
}

#cadre_logo {
	margin-top:5px;
	margin-left:250px;
	display: inline-block;
	vertical-align: middle;
	height:90px;
	z-index:5;
}

#cadre_logo_mini {
	margin-top:5px;
	margin-left:50px;
	display: none;
	vertical-align: middle;
	height:90px;
	z-index:5;
}

#logo {
	height:100%;
	z-index:5;
}

#espace {
	width:475px;
	display: inline-block;
}

#A{
	margin-left:10px;
}
#B{
	margin-left:125px;
}
#C{
	margin-left:245px;
}
#D{
	margin-left:350px;
}
#E{
	margin-left:475px;
}

.triangle-gris{
 display : inline-block;
 height : 0;
 width : 0;
 border-right : 1600px solid transparent;
 border-bottom : 75px solid #d8d8d8;
}

.onglet {
  font-family: Tahoma;
  font-size: 23px;
  position: fixed;
  color: white;
  height:'100%';
  margin-top:25px;
  
  display: inline-block;
  vertical-align: middle;
  z-index:5;
}

.recadre {
     height: 300px;
     overflow: hidden;
     border: 0px solid black;
}

.description {
	z-index:7;
	font-family: Tahoma;
	font-size:20px;
}

.equipe_titre {
	font-family: Segoe Script;
	font-size:30px;
	color:black;
}

.equipe_description {
	font-family: Tahoma;
	font-size:20px;
	color:black;
}

.image-ronde{
  width : 200px; height : 200px;
  border: none;
  -moz-border-radius : 100px;
  -webkit-border-radius : 100px;
  border-radius : 100px;
}

.equipe_nom {
	width:49%;
	display: inline-block;
	vertical-align: top;
	margin-top: 55px;
}

.equipe_photo {
	width:49%;
	display: inline-block;
	text-align:center;
}

.tuile_titres {
	vertical-align:middle;
	display: inline-block;
	margin-top:-250px;
	margin-left: auto;
	height:50px;
	width:150px;
	color:white;
	z-index:-1;
	background-color: black;
	font-family: Tahoma;
	font-size:18px;
}

.tuile_services {
	text-align:left;
	position:absolute;
	display: none;
	z-index:2;
	font-family: Tahoma;
	font-size:18px;
	margin-left:10px;
	margin-top:70px;
}

#barre {
	height:20px;
}

#barrebleue {
	height:20px;
	background-color: #b5c8d8 ;
}

#barre50 {
	height:50px;
	background-color: #d8d8d8 ;
}

#barre50bleue {
	height:50px;
	background-color: #b5c8d8 ;
}

#barre100 {
	height:100px;
	background-color: #d8d8d8 ;
}

#barre100bleue {
	height:100px;
	background-color: #b5c8d8 ;
}

#barre200 {
	height:200px;
}


#page_A {
	width:100%;
	background-color: #d8d8d8 ;
}

	#ligne_A0 {
		width:100%;
	}

		#image_A0a {
		}

		#texte_A0b {
			font-family: Arial black;
			font-size:30px;
			color:black;
			margin-left: 50px;
			margin-top:-50px;
		}

	#ligne_A1 {
		text-align:center;
		margin-top: -50px;
		margin-left: 10px;
		margin-right: 10px;
		height : 350px;
		vertical-align: top;
		background-color: #d8d8d8 ;
	}
		
		#cadre_A1a {
			max-width:780px;
			height:100%;
			display: inline-block;
			vertical-align: top;
			background-color: white ;
			border-radius: 30px;
			box-shadow: 10px 10px 20px grey;
		}

			#texte_A1a1 {
				font-family: Arial black;
				font-size: 40px;
				color:black;
				margin-top: 40px;
				text-align: center;
				display: inline-block;
				margin-left:20px;
				margin-right:20px;
			}

			#texte_A1a2 {
				font-family: Segoe Script;
				font-size:20px;
				color:'black';
				margin-top: 30px;
				width:350px;
				display: inline-block;
			}
			
		#cadre_A1b {
			height:100%;
			width:0%;
			display: none;

		}
		
			#image_A1b1 {

			}

		#cadre_A1c {
			height:100%;
			width:47%;
			display: none;
			vertical-align: middle;
			
		}			
		
	#ligne_A2 {
		margin-left: 10px;
		margin-right: 10px;
		height : 420px;
		
		background-color: #d8d8d8 ;
		text-align:left;
	}
	
		#cadre_A2a {
			height: 100%;
			width: 46%;
			display: inline-block;

		}
		
			#image_A2a1 {
				margin-top: 20px;
				margin-left:20px;
				margin-right:auto;
			}
			
		#barre_verticale{
			width: 5%;
			display: inline-block;
		}
			
		#cadre_A2b {

			height: 100%;
			width: 46%;
			display: inline-block;
			vertical-align: top;
			text-align:left;
			max-width:600px;
		}
		
			#texte_A2b1 {
				font-family: Arial black;
				font-size:30px;
				color:black;
				max-width:780px;
				text-align:center;

				margin-top:20px;
				background-color: #ffa737/*#ff2b2b*/ ;
				color:black;
				vertical-align:middle;
				height:130px;
			}
			
			#texte_A2b2 {
				font-family: Tahoma;
				font-size:22px;
				color:black;
				margin-top: 30px;
				max-width:780px;
				text-align:left;
				font-weight:bold;

			}
			
	#ligne_A3 {
		margin-left: 20px;
		margin-right: 20px;
		background-color: #d8d8d8 ;
	}
		
		#image_A3a {
			display: inline-block;
			width : 33%;
			background-color: grey;
		}
		
		#image_A3b {
			display: inline-block;
			width : 33%;
			background-color: grey;
		}
		
		#image_A3c {
			display: inline-block;
			width : 33%;
			background-color: grey;
		}
		
	#ligne_A4 {
		margin-left: 20px;
		margin-right: 20px;
	}
	
		#image_A4a {
			display: inline-block;
			width : 33%;
			background-color: grey;
		}
		
		#image_A4b {
			display: inline-block;
			width : 33%;
			background-color: grey;
		}
		
		#image_A4c {
			display: inline-block;
			width : 33%;
			background-color: grey;
		}

	#ligne_A5 {
		
	}

#page_B {
	display: none;
	width:100%;
	background-color: #b5c8d8 ;
}

	#ligne_B0 {
		width:100%;
	}

		#image_B0a {
		}

		#texte_B0b {
			
		}
		
	#ligne_B1 {
		height: 350px;
		background-color: #d8d8d8 ;
	}
		
		#cadre_B1a {
			width:50;
			display: inline-block;
			vertical-align:top;
			margin-top:10px;
		}
		
			#texte_B1a1 {
				display: inline-block;
				margin-left:50px;
				font-family: Tahoma;
				font-size:20px;
				color:black;	
			}
			
		#cadre_B1b {
			width:49%;
			display: inline-block;
		}
			
			#image_B1b1 {
				
			}

	#lignes_B2B3B4 {
		background-color: #d8d8d8 ;
	}

	#ligne_B2 {
		margin-left: 20px;
		margin-right: 20px;
	}
		
		#image_B2a {
			display: inline-block;
			width : 33%;
			background-color: grey;
			}
			
		#image_B2b {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
		
		#image_B2c {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}

		#description_B2a {
			display: inline-block;
			width : 33%;
			margin-left:40px;
			}	
		#description_B2b {
			display: inline-block;
			width : 33%;
			
			}
		#description_B2c {
			display: inline-block;
			}	

	#ligne_B3 {
		margin-left: 20px;
		margin-right: 20px;
	}
	
		#image_B3a {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
			
		#image_B3b {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
		
		#image_B3c {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
			
		#description_B3a {
			display: inline-block;
			width : 33%;
			margin-left:40px;
			}	
		#description_B3b {
			display: inline-block;
			width : 33%;
			
			}
		#description_B3c {
			display: inline-block;
			}	
	
	#ligne_B4 {
		margin-left: 20px;
		margin-right: 20px;
	}
	
		#image_B4a {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
			
		#image_B4b {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
		
		#image_B4c {
			display: inline-block;
			width : 33%;
			background-color: grey;	
			}
			
		#description_B4a {
			display: inline-block;
			width : 33%;
			margin-left:40px;
			}	
		#description_B4b {
			display: inline-block;
			width : 33%;
			
			}
		#description_B4c {
			display: inline-block;
			}	

#page_C {
	display: none;
	width:100%;
	background-color: #b5c8d8 ;
}

	#ligne_C0 {
		width:100%;
	}

		#image_C0a {
		}

		#texte_C0b {
			
		}
		
	#ligne_C1 {
		background-color: #b5c8d8 ;
		font-family: Tahoma;
		font-size:20px;
		color:black;
	}

		#texte_C1a {
			display: inline-block;
			margin-left: 50px;
		}
		
		#texte_C1b {
			display: inline-block;
			margin-left: 50px;
			margin-right: 100px;
		}
		
		#cadre_C1c {
			width:49%;
			display: inline-block;
		}
			
			#image_C1c1 {

			}
			
			#texte_C1c2 {
				
			}
			
		#cadre_C1d {
			width:49%;
			display: inline-block;
		}
			
			#image_C1d1 {

			}
			
			#texte_C1d2 {
				
			}
		
		#cadre_C1e {
			width:49%;
			display: inline-block;
		}
			
			#image_C1e1 {

			}
			
			#texte_C1e2 {

			}
			
		#cadre_C1f {
			width:49%;
			display: inline-block;
		}
			
			#image_C1f1 {

			}
			
			#texte_C1f2 {

			}
			
		#cadre_C1g {
			width:49%;
			display: inline-block;
		}
			
			#image_C1g1 {

			}
			
			#texte_C1g2 {

			}
			
	#triangle1 {

	}
		
	#ligne_C2 {
		background-color: #d8d8d8 ;
		font-family: Tahoma;
		font-size:20px;
		color:black;
	}

		#texte_C2a {
			margin-top: -75px;
			display: inline-block;
			margin-left: 50px;
		}
		
		#texte_C2b {
			display: inline-block;
			margin-left: 50px;
			margin-right: 100px;
		}
		
		#cadre_C2c {
			width:49%;
			display: inline-block;
		}
			
			#image_C2c1 {

			}
			
			#texte_C2c2 {

			}
			
		#cadre_C2d {
			width:49%;
			display: inline-block;
		}
			
			#image_C2d1 {

			}
			
			#texte_C2d2 {

			}
		
		#cadre_C2e {
			width:49%;
			display: inline-block;
		}
			
			#image_C2e1 {

			}
			
			#texte_C2e2 {

			}
			
		#cadre_C2f {
			width:49%;
			display: inline-block;
		}
			
			#image_C2f1 {
				
			}
			
			#texte_C2f2 {

			}
		
		#cadre_C2g {
			width:49%;
			display: inline-block;
		}
			
			#image_C2g1 {

			}
			
			#texte_C2g2 {

			}
			
		#cadre_C2h {
			width:49%;
			display: inline-block;
		}
			
			#image_C2h1 {
				
			}
			
			#texte_C2h2 {

			}
		
		
#page_D {
	display: none;
	width:100%;
	background-color: #b5c8d8 ;
}

	#ligne_D0 {
		width:100%;
	}
	
		#image_D0a {

		}

		#texte_D0b {
			font-family: Tahoma;
			font-size:26px;
			color:white;
			margin-left: 55%;
			margin-top:-95px;
			margin-right:15%;
		}
		
	#ligne_D1 {
		width:100%;
		margin-top:40px;
		margin-left:5%;
		margin-right:5%;
		background-color: #b5c8d8 ;
	}
	
		#case_D1a {
			width:27%;
			display: inline-block;
			height:300px;
			overflow: hidden;
			text-align:center;
		}
		
			#texte_D1a1{
				
			}
		
			#image_D1a2{
				display: inline-block;
				z-index:4;	
			}
			
			#texte_D1a3{
				
			}
		
		#case_D1b {
			width:27%;
			display: inline-block;
			height:300px;
			margin-left:3%;
			overflow: hidden;
			text-align:center;
		}
		
			#texte_D1b1{

			}
		
			#image_D1b2{
				display: inline-block;
				z-index:4;	
			}

			#texte_D1b3{

			}
		
		#case_D1c {
			width:27%;
			display: inline-block;
			height:300px;
			margin-left:3%;
			overflow: hidden;
			text-align:center;
		}
		
			#texte_D1c1{

			}
		
			#image_D1c2{
				display: inline-block;
				z-index:4;	
			}

			#texte_D1c3{

			}
		
		#case_D1d {
			width:27%;
			display: inline-block;
			height:300px;
			margin-top: 10px;
			overflow: hidden;
			text-align:center;
		}
		
			#texte_D1d1{

			}
		
			#image_D1d2{
				display: inline-block;
				z-index:4;	
			}

			#texte_D1d3{

			}
		
		#case_D1e {
			width:27%;
			display: inline-block;
			height:300px;
			margin-left:3%;
			overflow: hidden;
			text-align:center;
		}

			#texte_D1e1{

			}
		
			#image_D1e2{
				display: inline-block;
				z-index:4;	
			}

			#texte_D1e3{

			}
		
		#case_D1f {
			width:27%;
			display: inline-block;
			height:300px;
			margin-left:3%;
			overflow: hidden;
			text-align:center;
		}
		
			#texte_D1f1{

			}
		
			#image_D1f2{
				display: inline-block;
				z-index:4;	
			}

			#texte_D1f3{

			}

#page_E {
	display: none;
	width:100%;
	background-color: #d8d8d8;
}

	#ligne_E0 {
		width:100%;
	}

		#image_E0a {

		}

		#texte_E0b {
			position:absolute;
			display:inline-block;
			font-family: Tahoma;
			font-size:26px;
			color:white;
			margin-left: 45%;
			margin-top:-50px;
			margin-right:15%;
		}
		
	#ligne_E1 {
		height:100%;
		background-color: #d8d8d8;
	}
	
		#cadre_E1a {
			width:31%;
			display: inline-block;
		}
		
			#image_E1a1 {
				width:100%;
				margin-top:20px;
				margin-left:20px;
				vertical-align:top;
				text-align:center;
				border:0;
			}
		
		#cadre_E1b {
			vertical-align:top;
			width:35%;
			display: inline-block;
			

		}
		
			#image_E1b1 {
				width:8%;
				display: inline-block;
				vertical-align:top;			
				margin-left:5%;
				margin-top:28px;
			}
			
			#texte_E1b2 {
				width:80%;
				display: inline-block;
				text-align:left;

				margin-top:23px;
			}
			
			table tr td {
				padding:6px;
				vertical-align:top;
			}
			
			.horaire_debut {
				display: inline-block;
			}
			
			.et {
				display: inline-block;
			}
			
			.horaire_fin {
				display: inline-block;
			}
		
		#cadre_E1c {
			vertical-align:top;
			width:32%;
			display: inline-block;
			height:300px;
		}
			
			#cadre_E1c1 {
				display: inline-block;
				height: 50%;
				width:100%;
				vertical-align:top;
			}
			
			
				#image_E1c1a {
					position: relative;
					left: 2%;
					top:22px;

				}
				
				#texte_E1c1b {
					position: relative;
					top: -6px;
					left : 15%;
					width:80%;

					font-family: Tahoma;
					font-size:20px;
					color:black;
				}
			
			#cadre_E1c2 {
				display: inline-block;
				height: 50%;
				width:100%;
			}
				
				#image_E1c2a {
					position: relative;
					left: 2%;
				}
				
				#texte_E1c2b {
					position: relative;
					top: -24px;
					left : 15%;
					width:80%;
					font-weight: bold;
					font-family: Tahoma;
					font-size:20px;
					color:black;
				}
	
	#ligne_E2 {
		width:100%;
		display:none;
	}
	
#page_F {
	display: none;
	width:100%;
	background-color: #d8d8d8;
}

	#ligne_F0 {
		
	}
	
		#image_F0a{
			
		}
		
		#texte_F0b{
			position:absolute;
			display:inline-block;
			font-family: Tahoma;
			font-size:28px;
			color:black;
			margin-left: 45%;
			margin-top:-50px;
			margin-right:5%;
			font-weight:bold;
		}
		
	#ligne_F1 {
		
	}
	
		#cadre_F1a{
			margin-left:20%;
			margin-right:20%;
		}
		
			#texte_F1a1{
				
			}

#page_G {
	display: none;
	width:100%;
	background-color: #d8d8d8;
}

	#ligne_G0 {
		width:100%;
	}

		#image_G0a {

		}

		#texte_G0b {
			position:absolute;
			display:inline-block;
			font-family: Tahoma;
			font-size:28px;
			color:black;
			margin-left: 55%;
			margin-top:-50px;
			margin-right:15%;
			font-weight:bold;
		}
		
	#ligne_G1 {
		height:100%;
		background-color: #d8d8d8;
	}
	
		#cadre_G1a {
			display: inline-block;
			margin-left:50px;
			margin-right:50px;
		}
		
			#texte_G1a1 {
				margin-top:20px;
				margin-left:20%;
				margin-right:20%;
				vertical-align:top;
				text-align:left;
				font-size:14px;
			}

#bandeau_fin {
	width:100%;
	display: inline-block;
	text-align:center;
}
	
	#F {
		display: inline-block;
		width:auto;
	}
	
	#G {
		display: inline-block;
		width:auto;
	}

#valeur100 {
	width:100%;
}

.container{
    max-width: 600px;
    height: 350px;
    position: relative;
	overflow: hidden;
	margin-right : 0;
	margin-left: auto;
}
.container div {
    position: absolute;

    height: 100%;
    font-size: 60px;
    opacity: 0;
}
.container div:nth-child(1) {
    opacity: 1;
}
.container div {
    -webkit-animation: anim 10s infinite; 
    animation: anim 10s infinite; 
}
.container div:nth-child(2) {
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
}
.container div:nth-child(3) {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.container div:nth-child(4) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
}
.container div:nth-child(5) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

@-webkit-keyframes anim {
    0%, 10% {opacity: 1;}
    20%, 85% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes anim {
    0%, 10% {opacity: 1;}
    20%, 85% {opacity: 0;}
    100% {opacity: 1;}
}