body {
	display : table;
	position: relative;
	margin: 0 ;  
	padding: 0 ;
	text-align: center;
	background-attachment: scroll;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain; }
body#noir, #noir body, .noir body {
	background-color: #F0F0F0; }
body#accueil, ul.dropdown-content, .encadreindex, .encadre, .mini2 ul, .mini2 a:hover, .mini3 ul, .mini3 a:hover, li.logo a:hover, #corpsindex, #encadreindex, #encadre, .encadresous, #droite1, #droite2, #index,table, .coach, .contact, .coach li, .contact li, .coach ul, .contact ul, .formation, .formation li, .formation ul {
	background-color: white; }
nav label, nav input{
	display: none; }
ul {											/* Toute la barre du menu */
    list-style-type: none;
    margin: 0;
    padding: 0;
	padding-left: 10%;
    overflow: hidden;
    background-color: #030E4F; }
li {
    float: left;
	margin-left: 0px; }
li a, .dropbtn, .dropbtn2 {								/* Quand on passe la souris sur le menu */
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 30px;
    text-decoration: none; }
li a:hover, .dropdown:hover .dropbtn {
    background-color: #F49F1C;
	color: white; }
.dropbtn2 {
	background-color: #030E4F; }
.dropbtn2:hover {
	background-color: #000000; } 
li.dropdown {
    display: inline-block; }
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
	padding: 3px;
	margin: 0px;
    min-width: 160px;
	left:5%;  
	right: 5%;
    z-index: 1; }
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left; }
.dropdown-content p {
	font-weight: bold;
	color: #F49F1C;
    padding: 12px 16px 0px 16px;
	text-align: left; }
.vingtdeux p ,.dixhuit p , .quinze p, .vingtcinq p, .trentecinq p {
	margin-bottom: 20px; }
li.vingtdeux {
	width: 22%; }
li.dixhuit {
	width: 18%; }
li.quinze, li.logo {
	width: 15%; }
li.vingtcinq {
	width: 25%; }
li.trentecinq {
	width: 30%; }
.dropdown-content a:hover {						/* sous menu quand la sourie passe dessus */
	background-color: #030E4F; }
.dropdown:hover .dropdown-content {
    display: block; }
ul.dropdown-content {
		color: #000000;
		padding: 3px;
		margin: 0px; }
	.corpsindex {
		margin-left: 10%;
		margin-right: 10%;
		height: 100%;
		margin-top: 0px;
		padding-bottom: 0px;
		background-color:#030E4F; }
	.encadre {
		border: 0px;
		height: 100%;
		padding: 0px;
		margin: 0px;}
	.corpsindex4 {
		margin-left: 10%;
		margin-right: 10%;
		height: 100%;
		margin-top: 0px;
		padding-bottom: 0px;
		background-color:#F0F0F0; }
	.encadre4 {
		border: 0px;
		height: 100%;
		padding: 0px;
		margin: 0px;
		background-color:#ffffff; }
	.encadreindex {
		border: 0px;
		height: 100%;
		padding: 5px;
		border-style: solid;
		border-width: 1px;
		border-color: #F0F0F0;
		margin: 0px; }
	.encadre-gauche {
		float: left !important;
		width: 90%;
		padding: 10px; 
		border: 1px solid #CCCCCC;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
		margin-bottom: 25px; }
	.encadre-droite {
		float: right !important;
		width: 90%;
		padding: 10px; 
		border: 1px solid #CCCCCC;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
		margin-bottom: 25px; }
	.doc td {
		width: 50%; }
	.mini td {
		width: 33%;
		vertical-align: top; }
	.mini p {
		text-align: center; }
	.mini a, .mini p {
		font-size: 12px; }
	.mini2 ul {
		display: inline-block;
		float: left;
		vertical-align: top;
		vertical-align: bottom;
		list-style-type: none;
		vertical-align: bottom;
		vertical-align: top;
		margin: 0;
		padding: 0; }
	.mini2 li {
		display: inline-block;
		float: left;
		list-style-type: none;
		height: 520px;
		width: 29%;
		vertical-align:middle;
		margin: 2%;
		margin-bottom: 3%;
		padding: 0;
		background-color: transparent; }
	.mini4 li {
		display: inline-block;
		float: left;
		list-style-type: none;
		height: 690px;
		width: 29%;
		vertical-align:middle;
		margin: 2%;
		margin-bottom: 3%;
		padding: 0;
		background-color: transparent; }
	.mini5 li {
		display: inline-block;
		float: left;
		list-style-type: none;
		height: 690px;
		width: 29%;
		vertical-align:middle;
		margin: 2%;
		margin-bottom: 3%;
		padding: 0;
		background-color: transparent; }
	.mini6 li {
		display: inline-block;
		float: left;
		list-style-type: none;
		height: 870px;
		width: 29%;
		vertical-align:middle;
		margin: 2%;
		margin-bottom: 3%;
		padding: 0;
		background-color: transparent; }
	.mini7 li {
		display: inline-block;
		float: left;
		list-style-type: none;
		height: 550px;
		width: 29%;
		vertical-align:middle;
		margin: 2%;
		margin-bottom: 3%;
		padding: 0;
		background-color: transparent; }
	.mini3 li {
		display: inline-block;
		float: left;
		list-style-type: none;
		width: 46%;
		vertical-align:middle;
		margin-left: 0;
		margin: 2%;
		margin-bottom: 3%;
		padding: 0;
		background-color: transparent; }
	.mini2 img {	
		width: 100%;
		text-decoration: none;
		padding: 0;
		margin: 0; }
	.mini2 p {
		text-align: justify;
		display: block;
		font-size: 16px;
		margin-top: 0;
		padding: 15px 15px 0px 15px; }
	.mini2 a {
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: justify;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 0;
		color: #F49F1C; }
	.mini2 a:hover {
		text-decoration: none;
		color: #030E4F;
		margin: 0;
		padding: 0; }
	.coach ul, .contact ul, .formation ul {
		display: inline-block;
		float: left;
		width: 100%;
		vertical-align: top;
		vertical-align: bottom;
		list-style-type: none;
		vertical-align: bottom;
		vertical-align: top;
		margin: 0;
		padding: 0; }
	.coach li, .contact li, .formation li {
		display: inline-block;
		float: left;
		list-style-type: none;
		width: 45%;
		vertical-align:middle;
		margin: 1%;
		margin-bottom: 1%;
		padding: 0;
		background-color: transparent; }
	.contact li {
		margin-left: 3%; }
	.coach img, img.coach {	
		width: 100%; }
	.contact img, img.contact {	
		width: 24px; }
	.petitlogo img, img.petitlogo {
		height: 40px; }
	.doc table {
		border-collapse: separate;
		border-spacing: 25px; }
	.mini img, li.logo img, #menu, iframe, .mini2 li, .dropdown-content, .derecha {	
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
	.ecologie {
		width: 200px;
		float: left;
		padding: 20px; }
	.ecologie2 {
		width: 100px;
		float: left;
		padding: 20px; }
	.reseaux img, .bouton, .bouton2, .boutonpayer {	
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); }
	li.logo a:hover {
		color: #030E4F; }
	li.logo a {
		text-align: center; }
	#corps {
		margin-left: 10%;
		margin-right: 10%;
		height: 100%;
		margin-top: 0px;
		padding-bottom: 0px; }
	#menu {
		margin-bottom: 30px; }
	#haut-menu {
		background-image: url("image/design/banniereinitiale.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
		height: 150px; }
	.sticky{
		position: fixed;
		top: 0;
		width: 100%; }
	#corpsindex {
		margin-left: 10%;
		margin-right: 10%;
		height: 100%;
		margin-top: 0px;
		padding-bottom: 0px; }
	#encadre {
		border: 0px;
		height: 100%;
		padding: 0px;
		margin: 0px; }	
	#corpsindex4 {
		margin-left: 10%;
		margin-right: 10%;
		height: 100%;
		margin-top: 0px;
		padding-bottom: 0px;
		background-color: #F0F0F0; }
	#encadre4 {
		border: 0px;
		height: 100%;
		padding: 0px;
		margin: 0px;
		background-color: #FFFFFF; }	
	#encadreindex {
		border: 0px;
		height: 100%;
		padding: 5px;
		border-style: solid;
		border-width: 1px;
		border-color: #F0F0F0;
		margin: 0px; }
	ul.puce {
		background-color: transparent;
		list-style-image: url("image/puce.png"); 
		text-align: left;
		padding-left: 30px;
		margin: 0px;
		color: #888888;
		font-family: Arial, Times, serif;
		font-size: 16px; }
	li.puce {
		background-color: transparent;
		list-style-image: url("image/puce.png"); 
		text-align: left;
		padding-left: 10px;
		margin: 0px;
		color: #888888;
		font-family: Arial, Times, serif;
		font-size: 16px; }
	.encadrecorps {
		border: 0px;
		height: 96%;
		padding: 20px;
		margin: 10px;
		background-color: #F1F1F1;
		border: 1px;
		margin-bottom: 0px;
		margin-top: 20px; }
	.encadrecorps1 {
		border: 0px;
		height: 96%;
		padding: 20px;
		padding-top: 1px;
		margin: 10px;
		background-color: #F1F1F1;
		margin-left: 240px;
		padding-left: 0px;
		border: 1px;
		margin-bottom: 0px;
		margin-top: 20px; }
	.encadresous {
		border-style: solid;
		border-width: 1px;
		border-color: #666666;
		height: 96%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		margin-top: 20px; }
	.encadresous1 {
		height: 96%;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 10px; }
	.encadresous1 p {
		margin-left: 240px; }
	.encadresous2 p {
		margin-left: 140px; }
	.encadrecorps1 p {
		margin-left: 20px; }
	.imagemini {
		width: 100%; }
	.formation2 {
		width: 32%; }
	.formation3 {
		width: 45%; }
	a.bouton, a.boutonpayer {
		display: block;
		bottom: 0;
		margin-left: auto;
		margin-right: auto;
		vertical-align: bottom;
		text-align: center;
		padding: 10px 20px; 
		background: #030E4F; 
		color: white;
		border-style: solid;
		border-width: 1px;
		border-color: #030E4F; }
	a.bouton:hover, a.boutonpayer:hover {
		padding: 10px 20px;
		background: white;
		color: #030E4F;
		border-style: solid;
		border-width: 1px;
		border-color: #030E4F; }
	a.bouton2 {
		display: block;
		float:left;
		width: 42%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px; 
		vertical-align: bottom;
		text-align: center;
		padding: 10px 20px; 
		background: #030E4F; 
		color: white;
		border-style: solid;
		border-width: 1px;
		border-color: #030E4F; }
	a.bouton2:hover {
		padding: 10px 20px;
		background: white;
		color: #030E4F;
		border-style: solid;
		border-width: 1px;
		border-color: #030E4F; }
	#gauche {
		float: left;
		width: 75%;
		margin-bottom: 200px;}
	#droite {
		float:right;
		width:22%;
		padding-right: 1%;
		padding-left: 1%;
		padding-bottom: 10px;
		background-color: #F1F1F1;
		margin-bottom: 250px; }
	#droite1 {
		float:right;
		width:23%;
		padding-right: 1%;
		padding-left: 1%;
		margin-bottom: 250px; }
	#gauche2 {
		float:right;
		width:75%; }
	#droite2 {
		float:left;
		width:20%;
		padding-right: 1%;
		padding-left: 4%; }
	#gauche3 {
		float:left;
		width:65%;}
	#encadrepied {
		background-color: #030E4F;
		padding: 0px;
		margin-top: 100px; }
	#index {
		float: bottom;
		display : table-row;
		margin-top: 0px;
		bottom: 0px;
		left: 100px; 
		right: 100px;
		padding: 10px;
		text-align: center;
		border: 0px; }
	#index table {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%; }
	#pieddepage {
		background-color: #F1F1F1;
		float: bottom;
		display : table-row;
		margin-top: 0px;
		bottom: 0px;
		left: 0px; 
		right: 0px;
		position: absolute;
		padding: 10px;
		text-align: center;
		border: 0px; }
		.pieddepage p, .pieddepage a, .pieddepage a:hover {
			text-align: center;
			color: black;
			font-weight: normal;
			padding-left: 2%;
			padding-right: 2%;
			font-size: 14px; }
		.pieddepage a:hover {
			text-decoration: underline; }
		.cacher {
			display: none; }
	h1 {
		color: #030E4F;
		font-family: Arial, Times, serif;
		font-size: 36px;
		margin: 0px;
		padding: 0px;
		margin-top: 20px;
		margin-bottom: 30px;
		font-weight: bold;
		text-align: left; }
	h2 {
		background-color: transparent;
		font-family: Arial, Times, serif;
		border: 0;
		font-weight: bold;
		font-size: 20px;
		text-align: left;
		margin: 20px 0px 20px 0px;
		color: #F49F1C; }
	.sommaire2 h2 {
		margin: 0px 0px 0px 0px;
		font-size: 18px; }
	h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #030E4F;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		text-transform: none;
		text-align: left;
		margin-bottom: 10px;
		margin-top: 20px;
		padding: 3px; }
	h4 {
		background-color: transparent;
		font-family: Arial, Times, serif;
		border: 0;
		font-weight: bold;
		font-size: 20px;
		text-align: left;
		margin: 20px 0px 20px 0px;
		color: #F49F1C;
		border-bottom-style: solid;
		border-width: 1px;
		border-color: #F49F1C; }
	h5 {
		display: block;
		font-family: Arial, Times, serif;
		font-size: 24px;
		margin: 15px;
		padding-bottom: 2px; 
		vertical-align: bottom;
		text-align: center;
		padding: 10px 10px; 
		background: #F49F1C; 
		color: white;
		border-style: solid;
		border-width: 1px;
		border-color: #F49F1C; }
	.encadrecorps h3 {
		margin-top: 0; }
	.encadrecorps p {
		margin-top: 0; }
	.encadresous h3 {
		margin-top: 0; }
	.encadresous p {
		margin-top: 0; }
	.center p {
		text-align: center;
		color: black; }
	.center a {
		color: black; }
	.center a:hover {
		color: #030E4F; }
	table {
		width: 100%;
		padding-bottom: 0px; }
	tr {
		padding: 0px;
		margin: 0px; }
	td {
		width: 40%;
		vertical-align: top; }
	table p {
		line-height: 23px;
		color: #555454; }
	.transparent p {
		color: transparent; }
	.transparent {
		color: transparent; }
	p {
		color: #888888;
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: Arial, Times, serif;
		font-size: 16px;
		margin-bottom: 0px;
		text-align: justify; }
	.italic {
		font-style: italic; }
	a {
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: justify;
		font-weight: bold;
		text-decoration: none;
		border: 0px;
		color: #F49F1C; }
	.plan {
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		border: 0px;
		color: #000000 !important; }
	.plan p {
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		border: 0px;
		color: #000000 !important; }
	.derecha {
		background-color: #F1F1F1; 
		padding-top: 0.5px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		padding-right: 10%;	
		padding-left: 10%; }
	.derecha p {
		text-align: right;
		font-size: 12px; }
	.derecha a {
		font-size: 12px;
		font-weight: normal; }
	.derecha img {
		height: 40px;
		width: auto;
		float: left; }
	.plan a {
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		border: 0px;
		color: #000000 !important; }
	.plan a:hover {
		font-family: Arial, Times, serif;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		border: 0px;
		color: #F49F1C !important; }
	a:hover {
		text-decoration: none;
		color: #030E4F;	}
	img {
		border: none; }
	img.paiement {
		height: 100px; }
	iframe {
		border:0;
		margin-top: 20px;
		margin-bottom: 10px;
		padding:0;
		width:100%;
		height:390px; }
	.image-droite {
		float: right;
		margin: 30px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
		width: 46%; }
	.logo-accueil {
		width: 25px; }
	#logo-accueil {
		width: 25px; }
	#image-droite {
		float: right;
		margin: 30px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
		width: 46%; }
	#sommaire {
		display: block;
		text-align: left;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		list-style: none;
		padding: 10px;
		margin-top: 15px;
		margin-bottom: 15px;
		background-color: white; }
	li.sommaire4 {
		background-color : #030E4F;
		color: #999999;
		margin-top: 0px;
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		padding: 10px 10px;
		display: block;
		color: white;
		width: 97%; }
	li.sommaire2 {
		background-color : #F1F1F1;
		border-top: 1px solid white;
		font-weight: normal;
		padding: 0px;
		display: block;
		width: 100%; }
	.sommaire2 a {
		margin-top: 0px;
		font-family: Arial, Times, serif;
		font-weight: normal;
		font-size: 16px;
		margin: 0;
		text-align: left; }
	.sommaire2 a:hover {
		color: #030E4F;
		background-color: #F1F1F1; }
	#sommaire ul {
		display: block;
		text-align: left; }
	#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #text11, #text12, #textA, #textB, #textC, #textD, #textE, #textF {
		display: none;
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 5%;
		margin-top: 0%;}
	#text1 a, #text2 a, #text3 a, #text4 a, #text5 a, #text6 a, #text7 a, #text8 a, #text9 a, #text10 a, #text11 a, #text12 a, #textA a, #textB a, #textC a, #textD a, #textE a, #textF a { 
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: justify;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 0;
		border: 0px;
		color: #F49F1C; }
	#text1 a:hover, #text2 a:hover, #text3 a:hover, #text4 a:hover, #text5 a:hover, #text6 a:hover, #text7 a:hover, #text8 a:hover, #text9 a:hover, #text10 a:hover, #text11 a:hover, #text12 a:hover, #textA a:hover, #textB a:hover, #textC a:hover, #textD a:hover, #textE a:hover, #textF a:hover {
		background-color: transparent;
		color: #030E4F; }
	button {
		background-color: transparent;
		border: 0;
		font-weight: bold;
		width: 100%;
		font-size: 16px;
		text-align: left;
		padding: 10px 10px 10px 20px;
		margin: 0px 0px 0px 0px;
		color: #F49F1C; }
	button:hover {
		color: #030E4F;
		text-align: left;
		background-color: transparent;
		margin: 0px 0px 0px 0px; }
	.dropdown a, .anim a {
		-webkit-transition: all .5s; 
		-moz-transition: all .5s;
		transition: all .5s;
		-webkit-box-sizing: padding-box;
		-moz-box-sizing: padding-box;
		box-sizing: content-box; }
	.fleche {
		width: 20px;
		float: right !important;
		text-align: right;
		padding-right: 10px;}
	.btnPopup {
		background-color: #030E4F;
		padding: 1em 2em;
		cursor: pointer;
		border-style: solid;
		border-width: 1px;
		border-color: white; 
		text-align: center;
		color: white; }
	.btnPopup:hover {
		background-color: white;
		color: #030E4F;
		font-weight: bold;
		border-style: solid;
		border-width: 1px;
		border-color: #030E4F;
		text-align: center; }
	.overlay {
		position: fixed;
		left: 0px;
		top:0px;
		background-color: rgba(0,0 ,0 , 0.5);
		width: 100%;
		height: 100%;
		z-index:1;
		display:none; }
	.popup{
		margin: 10% auto;
		width : 70%;
		background-color: white;
		padding: 0em;
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		border-radius: 5px; }
	.btnClose {
		float: right;
		font-size:16pt;
		cursor: pointer;
		color: rgb(26, 26, 26); }
	#formu {
		width: auto;
		color: #888888;
		font-family: Arial, Times, serif;
		font-size: 16px;
		margin: auto; }
	.img {
		width:125px; }
	.captcha {
		color:  red;
		background-color: transparent; }
	.info {
		font-family: Arial, Times, serif;
		font-size:14px;
		color: #008000;
		background-color: transparent;
		font-style: italic; }
	.info-bis {
		font-family: Arial, Times, serif;
		font-size: 14px;
		color: #008000;
		background-color: transparent;
		font-style: normal; }
	.asterisque {
		color: red;
		background-color: transparent; }
	.signature {
		text-align: right; 
		font-family: Arial, Times, serif;
		color: gray;
		background-color: white;
		font-size: 80%;
		text-decoration:none; }

		
	/* Champ de saisie */	
	#searchthis #search-btn {
		background-color: #F49F1C;
		border-style: solid;
		border-width: 1px;
		border-color: #F49F1C;
		padding: 5px 10px 5px 10px;
		width: 100%;
		box-sizing: border-box;
		font-family: Arial, Times, serif;
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 2px;
		margin: 10px 0 0 0;
		text-transform: uppercase;
		color: white; }
	/* Bouton valider quand survolé par la souris */
	#searchthis #search-btn:hover {
		background-color: white;
		color: #F49F1C;
		cursor: pointer; }
		
@media screen and (min-width: 1500px) {
	.mini2 li {
		height: 540px; }
	.mini4 li {
		height: 710px;}
	.mini5 li {
		height: 710px; }
	.mini6 li {
		height: 890px; }
	.mini7 li {
		height: 570px; }
	#haut-menu {
		height: 160px; }
	.dropdown-content {
		left:10%;  
		right: 10%; }
}

@media screen and (min-width: 1800px) {	
	.mini2 li {
		height: 570px; }
	#corps, #corpsindex, .corps, .corpsindex, .corpsindex4, #corpsindex4 {
		margin-left: 20%;
		margin-right: 20%; }
	.derecha {
		padding-left: 20%;
		padding-right: 20%; }
	ul {
		padding-left: 20%; }
	#haut-menu {
		height: 180px; }
}

@media screen and (min-width: 2200px) {	
	.mini2 li {
		height: 590px; }
	#corps, #corpsindex, .corps, .corpsindex, #corpsindex4, .corpsindex4 {
		margin-left: 30%;
		margin-right: 30%; }
	.derecha {
		padding-left: 30%;
		padding-right: 30%; }
	ul {
		padding-left: 30%; }
	#haut-menu {
		height: 200px; }
}

@media screen and (min-width: 2600px) {	
	.mini2 li {
		height: 620px; }
	#haut-menu {
		height: 220px; }
}

@media screen and (min-width: 900px) and (max-width: 1250px) { /* Tablette horizontale */	
	
	body#accueil, #gauche table, #gauche2 table, table {
		background-color: white; }
	body {
		width: 100%;
		background-position: top;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-size: contain;	}
	img {
		height: auto; }
	#haut-menu {
		height: 110px; }
	ul {
		padding-left: 0%; }
	.derecha {
		padding-right: 2%;	
		padding-left: 2%; }
	p {
		color: #888888;
		font-family: Arial, Times, serif;
		font-size: 16px;
		text-align: justify; }
	.imagemini {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		display:block; }
	.foo {
		display: none; }
	li.vingtdeux, li.dixhuit {
		width: 25%; }
	li.quinze {
		width: 20%; }
	li a, .dropbtn, .dropbtn2 {
		padding: 14px 14px; }
	#corps, .corpsindex, .corpsindex4 {
		margin: 0;
		padding: 0;
		height: 100%; }
	#droite {
		float:right;
		padding-left: 2%;
		padding-right: 4%;
		width:28%; }
	#gauche {
		float:left;
		width:65%; }
	#droite1 {
		width: 33%;
		margin-right: 20px; }
	#droite2 {
		float:left;
		width:28%;
		padding-right: 1%;
		padding-left: 4%; }
	#gauche3 {
		float:left;
		margin-left: 20px;
		width:60%; }
	#index table, #gauche2 table {
		margin-left: 0%;
		margin-right: 0%;
		width: 100%; }
	#gauche table {
		padding-top: 5%;
		padding-right: 5%;
		padding-left: 5%;
		padding-bottom: 0%;
		width: 100%; }
	table {
		padding: 2%; }
	.mini a {
		font-size: 10px; }
	.cache-tablette1 {
		display: none; }
	.mini3 li {
		width: 46%; }
	.coach li, .contact li, .formation li {
		width: 40%;
		vertical-align:middle;
		margin: 3%;
		margin-bottom: 2%;
		padding: 0;
		background-color: transparent; }
}

@media screen and (min-width: 468px) and (max-width: 899px) { /* Tablette verticale */	
	
	body#accueil, body, .corpsindex, .corpsindex4, #gauche table, #gauche2 table, table {
		background-color: white; }
	body {
		width: 100%;
		margin: 0;
		padding: 0;
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;	}
	#menu {
		margin-bottom: 20px; }
	#haut-menu {
		height: 80px; }
	li {	
		margin-left: 0px; }
	li a, .dropbtn, .dropbtn2 {
		padding: 14px 8px; }
	li.vingtdeux, li.dixhuit {
		width: 25%; }
	li.quinze {
		width: 20%; }
	img {
		height: auto; }
	.imagemini {
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;	}
	#corps, .corpsindex, .corpsindex4, #index table, #gauche2 table {
		margin: 0;
		padding: 0;
		height: 100%; }
	#gauche, #droite, #gauche2, #droite2, #droite1, #gauche3 {
		float:bottom;
		width:98%;
		margin: 0;
		padding: 0; }
	#gauche3, #droite {
		margin-bottom: 120px; }
	#gauche3 h2, #droite h2 {
		margin-left: 20px; }
	#gauche table, .corpsindex, #corpsindex, .corpsindex4, #corpsindex4 {
		padding: 2%;
		width: 96%; }
	.cache-tablette2 {
		display: none; }
	.coah img, img.coach, .paiement img, img.paiement {
		width: 70%;
		height: auto; }
	img.contact, .contact img {
		width: 24px; }
	table {
		padding: 2%;
		width: 96%;}
	.mini a {
		font-size: 10px; }
	.mini2 li {
		width: 46%;
		height: 550px; }
	.mini4 li {
		height: 690px;}
	.mini5 li {
		height: 710px; }
	.mini6 li {
		height: 890px; }
	.mini7 li {
		height: 580px; }
	.mini2 img {
		width: 98%; }
	.coach li, .mini li, .contact li, .formation li {
		width: 95%; }
	.coach img {
		width: 80%; }
	.mini3 li {
		width: 46%; }
	.mini3 li {
		width: 91%;
		margin: 0;
		margin-bottom: 7%;
		margin-left: 4%; }
} 

@media screen and (max-width: 467px) { /* Téléphone portable */
	body {
		width: 100%;
		margin: 0;
		padding: 0;
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;	}
	#haut-menu {
		background-image: url("image/design/banniereinitialeportable.jpg");
		height: 40px; }
	#pieddepage {
		padding-top: 0px;
		padding-bottom: 0px; }
	.derecha {
		padding-right: 2%;	
		padding-left: 2%; }
	img {
		height: auto; }
	.imagemini {
		width: 80%;
		display:block;
		height: auto; }
	#menu {
		margin-bottom: 20px; }
	nav ul, nav li, #corps, .corpsindex, .corpsindex4, #gauche3 {	
		margin: 0;
		padding: 0; }
	#corps, .corpsindex, .corpsindex4 {
		height: 100%; }
	.corpsindex, .corpsindex4, body, #gauche table, table, #gauche2 table {
		background-color: white; }
	.corpsindex, .corpsindex4, #index table, #gauche {
		margin-left: 0;
		margin-right: 0;}
	#gauche, #gauche3, #gauche table, #gauche2 table, table, #droite, #droite2, #droite1, #index table, #gauche2 {
		padding: 1%;
		float:bottom;
		width: 100%; }
	#gauche3 {
		width: 98%;
		margin-left: 3%; }
	#droite1 p, #droite p, #droite h2 {
		margin-left: 10px; }
	#droite1, #droite {
		margin-bottom: 100px; }
	.mini2 table, .mini2 table, .coach table, .contact li, .formation table {
		padding: 0; }
	.cache-mobile, .logo, .vingtdeux, .quinze {
		display: none; }
	.mini2, .mini2 li, .mini3, .mini3 li, .coach, .imagemini, .contact, .formation  {
		margin-left: auto;
		margin-right: auto; }
	.mini2 li {
		width: 89%;
		height: 520px;
		margin: 0;
		margin-bottom: 7%;
		margin-left: 4%; }
	.coach li, .contact li, mini3 li, .formation li {
		width: 89%;
		margin: 0;
		margin-bottom: 7%;
		margin-left: 4%; }
	.coach img {
		width: 100%;
		height: auto; }
	.contact img, img.contact {
		width: 24px; }
	.mini li {
		width: 91%;
		margin: 0;
		margin-bottom: 7%;
		margin-left: 4%; }
	#gauche {
		padding: 0; }
	p {
		text-align: left;
		padding-left: 2%;
		padding-right: 2%;}
	h3 {
		padding-left: 10px; }
	.ecologie, .ecologie2 {
		width: 90%;
		padding: 20px; }
	.encadresous1 p, .encadresous2 p {
		margin-left: 0; }
	.encadrecorps1 {
		margin-left: 0px; }
	.encadrecorps1 p {
		margin-left: 20px; }
	img.paiement {
		height: 90%;
		height: auto; }
	.petitlogo img, img.petitlogo {
		width: 40px;
		height: auto; }
	.coah img, img.coach, .paiement img, img.paiement {
		width: 80%;
		height: auto; }
	#sommaire, li.sommaire2 {
		width: 98%;
		margin-left: 0; 
		padding-left: 0; }
	li.sommaire4 {
		width: 95%;
		margin-left: 0; 
		padding-left: 0; }
	.mini4 li {
		height: 700px;}
	.mini5 li {
		height: 710px; }
	.mini6 li {
		height: 870px; }
	.mini7 li {
		height: 590px; }
	#text1 a, #text2 a, #text3 a,#text4 a, #text5 a, #text6 a, #text7 a, #text8 a, #text9 a, #text10 a, #text11 a, #text12 a {
		padding: 0px 0px 0px 0px; }	
	ul.puce {
		padding-left: 20px; }
	#formu {
		margin: 2%; }
}

@media screen and (max-width: 780px) {
	
.conteneur-nav {
	position: static; }
nav label, nav input{
	display: none; }
nav input[type=checkbox]:checked + ul, nav ul{
	display: flex;
	flex-flow: row wrap;
	background-color: #f4f4f4; }
nav ul li{
	position: relative;
    flex: 1 1 auto;
    text-align: right;
	color: #888888;	}
nav > div > ul > li > a{
	color: #030E4F;
	text-align: center;
	width: 100%;
	font-weight: bold; }
nav a{
    display: block;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-bottom: 1px solid #D9D9D9;
	width: 100%;
	color: #888888;
	text-align: center; }
nav a:hover{
	border-bottom: 0px solid #D9D9D9; }
nav > div > ul li:hover .sous{
	display: flex;
	flex-flow: column wrap; }
	.encadre-gauche, .encadre-droite {
		width: 95%;
		border: 0px;
		margin-bottom: 0px;
		box-shadow: none; }
	.encadre-droite {
		float: left !important; }
*{
	margin: 0px;
	padding: 0px;
	font-family: Avenir, sans-serif; }
nav input[type=checkbox]{
	display: none; }
nav label{
	display: inline-block;
    background-color: #f4f4f4;
    text-align: right;
    text-decoration: none;
    width: 100%;
    padding: 10px 0px;
	color: #030E4F;
	font-weight: bold; }
nav ul{
    display: none;
	text-align: right;
    list-style-type: none; }
nav input[type=checkbox]:checked + ul{
    display: flex;
    flex-flow : column wrap; }
nav .btnPopup, #btnPopup {
	float: left;
	border-width: 0px;
	border-style: none;
	padding: 0.5em 1em;
	margin-left: 3%;
	margin-top: 2%;
	margin-bottom: 3%; }
nav a.btnPopup, .btnPopup a {
	color: white;
	border-width: 0px;
	border-style: none;
	border-bottom: 0px; }
.dorpdown, .dropbtn, .dropbtn2 {
	padding-left: 3%;
	margin-left: 0;
	text-align: left;
	color: #888888; 
	font-weight: normal; }
.dropbtn2 {
	color: #FFFFFF; }
nav .btnPopup a:hover, .btnPopup a:hover  {
    background-color: #ffffff;
	color: #030E4F; }
	.image-droite {
		float: center;
		width: 90%; }
	a.bouton2 {
		display: block;
		float:center;
		width: 85%; }
}