body
			{
    			font-family: 'Trebuchet MS', Arial, sans-serif;
    			color: black;
    			margin: auto;
    			width:100%;
    			text-align:center;
    			min-width: 1000px;
    			border:0px solid black;
			}

			#specificite {position:relative; top:-140px;}
			#approche {position:relative; top:-140px;}
			#cv {position:relative; top:-140px;}
			#histoire {position:relative; top:-140px;}

			#formation_projet {position:relative; top:-140px;}
			#formation_efficacite {position:relative; top:-140px;}
			#accompagnement_projet {position:relative; top:-140px;}
			#accompagnement_efficacite {position:relative; top:-140px;}
			#FormationEtAccompagnement {position:relative; top:-140px;}
			#TrainingAndCoaching {position:relative; top:-140px;}

			#ethique {position:relative; top:-140px;}
			#critere {position:relative;}
			#indicateur {position:relative;}
			#verbatim {position:relative; top:-140px;}
			#probleme {position:relative;}

			#equipe {position:relative; top:-140px;}
			#prestation {position:relative; top:-140px;}
			#qualite {position:relative; top:-140px;}

			#cookies {position:relative; top:-140px;}

			.H_Top_bar_1
			{
				position: fixed;
				display: flex;
				justify-content: space-between;
        		width:100%;
        		min-width: 800px;
        		height: 84px;
				background-color: white;
				top:0;
				z-index: 2;
				padding: 0px; margin: 0px;
				border:0px solid blue;
			}

			.H_Top_bar_2
			{
				position: fixed;
				display: flex;
				justify-content: center;
        		width:100%;
				min-width: 800px;
				background-color: white;
				top:84px;
				height: 56px;
				z-index: 2;
				padding: 0px; margin: 0px;
				font-size: small;
				border: 0px solid red;
				white-space:nowrap;

			}

			.H_container_1 /* Top image */
			{
				position: relative;
				display:flex;
				justify-content: center;
				flex-direction: row;
				width:100%;
				min-width: 800px;
				text-align: center;
				top:140px;
				padding: 0px; margin: 0px;
				border:0px solid black;
			}
			.H_container_2 /* Qui sommes nous */
			{
				position: relative;
				display:flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items:  center;
				text-align: center;
				min-width: 800px;
				top:140px;
				background-image: url("background_white.jpg");
				width:100%;
				padding: 0px;
				margin: 0px;
				border: 0px solid black;
			}
			.H_container_2 a {margin: auto; margin-top:20px; margin-bottom:20px; padding: 20px; background-color: black; color: white; border-radius: 10px}
			.H_container_2 h1 {width:  100%}

			.H_element_2 { text-align:left;	font-size:large; border:0px solid green; margin-right: 5%; margin-left: 5%}			
			.H_element_2 ul {list-style-type: square; }
			.H_element_2 H3 {text-align:left;}
			.H_element_2 li {text-align:left;}
			
			.puce {width: 2em;}

			.H_container_3 /* Que pouvons nous faire pour vous - Nos specificites notre aproche, nos CV, nos prestations, notre charte éthique*/
			{
				position: relative;
				display:flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
				min-width: 800px;
				top:140px;
				background-image: url("background_blue.jpg");
				width:100%;
				padding: 0px;
				margin: 0px;
				border: 0px solid black;
			}
			.H_container_3 h1 {width:  100%}

			.H_element_3 { display:flex; flex-direction: row; justify-content: center; padding: 0px; margin: 0px; border:0px solid red; }
			.H_element_3 div { display:  flex; flex-direction: column; justify-content: space-between; border: 1px solid white; margin-right : 20px; margin-left: 20px; background-color: black; width: 200px; }
			.H_element_3 img {margin-right: 0px; margin-left: 0px; }
			.H_element_3 a {color: white}
			.H_element_3 a:link {text-decoration: none;}
			.H_element_3 a:visited {text-decoration: none;}
			.H_element_3 a:hover {text-decoration: underline;}
			.H_element_3 a:active {text-decoration: underline;}
			.H_element_3 p {vertical-align: bottom; padding: 5px; margin: 0px;text-align:center; color:white; font-size:large; word-wrap: break-word; border:0px solid red; background-color: black}

			.H_element_31 
			{	
				text-align:left;
				color:white; 
				font-size:large;
				border:0px solid green;  
				margin: 20px;
				width: 800px;
			}
			.H_element_31 li {list-style: none; text-align:left; color: white; border-left:1px solid white; padding-left:20px;}
			.H_element_31 a {color:yellow;}
			.H_element_31 b {color:black;  }

			.H_element_32 { padding: 20px; margin: auto; margin-bottom:50px; border:10px ridge yellow; width:60%;}
			.H_element_32 h2 {text-align:left; padding:20px;}
			.H_element_32 h3 {text-align:left; padding:20px;}
			.H_element_32 li {list-style: none; text-align:left; color: yellow; border-left:1px solid white; padding-left: 20px; font-size: large;}

			.H_element_33 { display:flex; flex-direction: row; justify-content: center; padding: 0px; margin: 0px; border:0px solid red;}
			.H_element_33 img {padding: 20px;}
			.H_element_33 p {padding: 20px; text-align:left; color:white; font-size:large; word-wrap: break-word;}

			.H_text_img {position: absolute; bottom: 50px; right: 50px;}

			.H_top_equipe {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; font-size:128px; color:white; }
			.H_top_prestation {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; font-size:128px; color:white; }
			.H_top_qualite {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 1; font-size:80px; color:white; }


			.H_cv {text-align: left; color: white; border: 0px solid yellow; width:50%; padding:5px;}
			.H_cv a {text-align: center; margin: auto; margin-top:20px; margin-bottom:20px; padding: 20px; background-color: black; color: white; border-radius: 10px}
			.H_cv ul {border-left: 1px solid white}

			.H_container_4 /* Nos engagement qualité */
			{
				position: relative;
				display:flex;
				flex-direction: column;
				justify-content: space-around;
				text-align: center;
				top:140px;
				min-width: 800px;
				background-image: url("background_white.jpg");
				padding-bottom: 20px;
				border:0px solid black;
			}
			.H_container_4 h1 {width:  100%}
			.H_element_4 { display:flex; flex-direction: row; align-items: flex-end; justify-content: center; padding: 10px; border:0px solid red;}
			.H_element_41 { display:flex; flex-direction: column; justify-content: center; padding: 20px; border:0px solid red;}
			.H_element_4 img {padding: 20px; max-width: 400px}

			.H_container_8 /* Les 6 criteres qualite */
			{
				position: relative;
				display:flex;
				flex-wrap: wrap;
				flex-direction: row;
				justify-content: center;
				text-align: center;
				top:140px;
				min-width: 800px;
				background-image: url("background_white.jpg");
				padding-bottom: 20px;
				border:0px solid black;
			}
			.H_element_8 { display:flex; flex-direction: column; justify-content: flex-start; padding: 20px; margin: 20px; border:10px groove grey; width:30%;}
			.H_element_8 h1 {border:0px groove black; }

			.H_container_module /* Espace abonné */
			{
				position: relative;
				display:flex;
				flex-wrap: wrap;
				flex-direction: row;
				justify-content: space-around;
				text-align: center;
				top:140px;
				min-width: 800px;
				background-image: url("background_white.jpg");
				padding-bottom: 20px;
				border:0px solid black;
			}			

			.H_element_module 
			{ 
				display:flex;
				flex-direction: column; 
				justify-content: space-between; /* format on the "flex-direction" axis */
				align-items: stretch;
				padding: 20px;
				margin: 20px;
				border:10px double grey;
				border-radius: 40px;
			}

			.H_container_5 /* Contacts */
			{
				position: relative;
				display:flex;
				flex-direction: row;
				width: 100%;
				justify-content: center;
				text-align: left;
				height: 874px;
				top:140px;
				min-width: 800px;
				background-image: url("img2.jpg");
				background-repeat: no-repeat;
				background-size: cover;
				padding-bottom: 20px;                
			}
			.H_container_5 li {padding: 5px; list-style: none; text-align:left; color: black; border:0px solid black;}

			.H_element_5 { border: 0px solid black; display:flex; flex-direction: column; justify-content: center; margin-bottom : 500px; padding-right: 200px;}
			.H_element_5 img {padding-right: 20px; }

			.H_container_6  /* pied de page */
			{
				position: relative;
				display:flex;
				flex-direction: row;
				top: 140px;
				min-width: 800px;
				width: 100%;
				justify-content: flex-end;
				text-align: center;
				background-color: black;
				color:  white;
				padding-bottom: 20px;	
				margin-right: 0px;		/* 201216 : replace padding by margin */
				flex-wrap: wrap;    /* 220329 : to fix display issue on cell phone */
				word-wrap:  break-word;
				font-size: medium;
			}
			.H_container_6 a 
			{
				color:white;
				font-size: medium;
				padding-right:20px;
				border:0px solid white
			}
			.H_container_6 i
			{
				color:grey; 
				padding-right:100px; 
				font-size: medium; 
				border:0px solid white;
			}

			.H_container_7 /* Notre histoire */
			{
				position: relative;
				display:flex;
				flex-direction: row;
				text-align: center;
				min-width: 800px;
				top:0px;
				padding:0px;
				margin:0px;
			}
			.p1 {padding:10px; margin:10px;width:48%; border:1px solid white; text-align:right; border-radius:10px; color:white;}
			.p1_off {padding:10px; margin:11px;width:48%; border:0px solid black; text-align:right; border-radius:10px;}
			.p2 {padding:10px; margin:0px;margin-left:10px; margin-right: 10px; width:10%; border:0px solid black; 
				background-image:url("background_white.jpg"); text-align:center; font-size:larger;border-radius:40px;}
			.p2_off_l {padding:0px; margin:0px;margin-left:0px; margin-right: 0px; width:4px; border-right:0px solid black; 
				background-image:url("background_white.jpg"); text-align:center; font-size:large;}
			.p2_off_r {padding:0px; margin:0px;margin-left:0px; margin-right: 0px; width:4px; border-left:0px solid black; 
				background-image:url("background_white.jpg"); text-align:center; font-size:large;}
			.p2_off_lx {padding:0px; margin:0px;margin-left:0px; margin-bottom:20px; margin-right: 0px; width:4px; border-right:0px dashed black; 
				background-image:url("background_white.jpg"); text-align:center; font-size:large;}
			.p2_off_rx {padding:0px; margin:0px;margin-left:0px; margin-bottom:20px; margin-right: 0px; width:4px; border-left:0px dashed black; 
				background-image:url("background_white.jpg"); text-align:center; font-size:large;}
			.p3 {padding:10px; margin:10px;width:48%; border:1px solid white; text-align:left; border-radius:10px; color: white;}
			.p3_off {padding:10px; margin:11px;width:48%; border:0px solid black; text-align:left; border-radius:10px;}


        .H_menu-deroulant {padding: 0; margin: 0; background:white; color:black; min-height: 50px; text-align: center;} /* toute la barre de menu déroulant */
        .H_menu-deroulant ul {padding: 0; margin: 0; list-style: none; position: absolute; text-align:left; display:none;}
        .H_menu-deroulant > li {display: inline-block; margin:0px 0px; padding:10px; color:black; text-decoration: underline;}
        .H_menu-deroulant ul li {padding:10px;background:black;color:white;}
        .H_menu-deroulant a {text-decoration: none;color:white;}
        .H_menu-deroulant li:hover ul {display:block;}
        .H_menu-deroulant li:hover {background:gray;}

    .H_element_citations 
    	{ 
    		text-align:center; 
    		display:flex;	
    		flex-direction: row;
    		flex-wrap: wrap;
    		justify-content: center;
      		align-items:  flex-end;
      		text-align: center;
      		white-space: nowrap; 
      		border:0px solid red; 
      		margin: 2px; 
      		padding: 0px;
      	}
    .H_element_citations img {border:  2px solid white; margin:  5px; max-height : 500px}