html, body
{
	margin:0;
	padding: 0;
	overflow-X:hidden;
}

/* ~~~~~PAGE INDEX~~~~~ */
	#fond_index{
		background-image: url("../Image/index/index.jpg"); 
			background-size : 100% 100%;
			background-repeat: no-repeat;
			background-attachment:fixed;
		
			position: absolute;
			display : block;
			width : 100%;
			height : 100%;
	}
	
	#bouton{
		position:absolute;
		margin-top:25%;
		margin-left:41%;
	}
	
	
	#fb{
		position:absolute;
		margin-top:45%;
		margin-left:45%;
	}

/* ~~~~~PAGE ACCUEIL~~~~~ */


	/* fond de page */

	#fond_accueil{
		background-image: url("../Image/background/fond_accueil.jpg"); 
			background-size : 100% 100%;
			background-repeat: no-repeat;
			background-attachment:fixed;
		
			position: absolute;
			display : block;
			width : 100%;
			height : 100%;
	}	
	
	
	/* cercles */
		.texte_accueil {
			font-size:130%;
			font-family:"Tahoma regular";
			color:#006400;
		}
		
		
		.cercle{
			width : 170px;
			height: 170px;
			border-radius:50%;
		}
		
		
		.cercle:hover{
			transform: scale(1.2);
			transition: 0.8s;
		}
		
		
	.ovale{
		border-radius:70%;
		width:200px;
		height:60px;
		background-color:#90EE90;
	}


		
		

		



/* ~~~~~PAGE SOINS VISAGE~~~~~ */
	

	/* tableau */

		#table_page table {
			text-align:center;
			margin:0 20% 0 20%;
			padding:5%;
		}
 
		.table_page{ 
			border-width:2px;
			border-style:solid; 
			border-color:#006400;
			width:40%;
			font-size:130%;
			font-family:"Source Code pro";
			
		}

		table{
			color:#006400;
		}

		.table_page1{ 
			border-width:2px;
			border-style:solid; 
			border-color:#006400;
			width:60%;
			font-size:130%;
			font-family:"Source Code pro";
			
		}
 
/* ~~~~~PAGE RENSEIGNEMENT~~~~~ */

		#fond{color:#006400;float:right;background-color:#FEFEE2	;background-repeat: no-repeat; background-size : 100% 100%; background-attachment: fixed; width:100%;height:auto;}


	/* textes page renseignements */

		#text-general {
			margin : 7% 0 0 0;
			width: 100%;
			
		}

		#text-general h1{
			text-align: center;
			font-size: 240%;
		}

		#text1 {
			color: #1f1f1f;
			font-family: "Source Code pro";
			font-size:130%;
			text-align: center ;
			color:#006400;
		}



		#text2 {
			text-align: center;
			width : 80%;
			color: black;
			font-family: "Source Code pro";
			font-size : 130%;    
			margin: auto ; 
			padding-top:3%;
			padding-bottom:5%;
			color:#006400;
		}

		#affiche_stage{
			width:	20%;
			margin-top:3%;
			margin-bottom:-2%;
		}


	/* diplômes */

		#dip1{
			width:40%;
			float : left;
			margin-left:10%;
			text-align: center ;
		}

	
		#dip2{
			width:40%;
			float : right;
			margin-right:10%;
			text-align: center ;
		}	

	
		#peggy_sage{
			width:40%;
			padding:3%;
		}

		#malaisie{
			width:40%;
			padding:3%;
		}

	
	/* journaux */

		#journ1, #journ2{
			width:45%;
			margin-bottom:3%;
		}
		

	/* image renseignement */

	
		#veronique_lassere{
			width:	8%;
			float:left;
			margin-left:2%;
			margin-top:2%; 	
			position:absolute;
		}	
		
		#fleur{
			width:	8%;
			margin-left:90%;
			margin-top:2%; 	
			position:absolute;
		}

		
		#bambou{
			width:	20%;
			height:50%;
			margin-left:85%;
			margin-top:2%; 	
			position:absolute;
		}
	/* image fond renseignements*/

		#image1 { 
			background-image: url("../Image/Renseignements/renseignements.jpg")   ; 
			background-size : 100% 100%;
			background-repeat: no-repeat; 
			background-attachment : fixed;   
			height : 25em; 
			width : 100%;
			clear:both;
		}


	/* carte */
		iframe {
			float:right;
			margin:3% 5% 5% 0;
		}

	

	
/* ~~~~~PAGE SOINS MAINS ET PIEDS~~~~~ */
	
	/* fond de page */
	
		#fond_S_M_P {
			background-image: url("../Image/background/fond_S_M_P.jpg"); 
			background-size : 100% 100%;
			background-repeat: no-repeat;
			background-attachment:fixed;
		}	
	
	
		#fond_S_M_P_1 {
			background-image: url("../Image/background/fond_S_M_P.jpg"); 
			background-size : 100% 100%;
			background-repeat: no-repeat;
			background-attachment:fixed;
			position: absolute;
			display : block;
			width : 100%;
			height : 100%;
		}	
		
		
	


/* ~~~~~FOND DE PAGE~~~~~ */
	
	
	
	/* fond de page soins mains et pieds */
	
		#fond_S_M_P {
			background-image: url("../Image/background/fond_S_M_P.jpg"); 
		}	
	
	
		#fond_S_M_P {
			background-image: url("../Image/background/fond_S_M_P.jpg"); 
		}

	
	
	
	/* fond de page homme */
	
		#fond_homme {
			background-image: url("../Image/background/fond_homme.jpg");
		}	
	
	
		#fond_homme_1 {
			background-image: url("../Image/background/fond_homme.jpg"); 
		}	
	
	
	/* fond de page soins visage */
	
		#fond_S_V {
			background-image: url("../Image/background/fond_S_V.jpg"); 
		}	
	
	
		#fond_S_V_1 {
			background-image: url("../Image/background/fond_S_V.jpg"); 
		}

		
	/* fond de page magnétisme */
		
		#fond_magnetisme_1 {
			background-image: url("../Image/background/fond_magnetisme.jpg"); 
		}
	
	
	/* fond de page soins visage */
	
		#fond_sejour_stage_1 {
			background-image: url("../Image/background/fond_sejour_stage.jpg"); 
		}
		
		
		
		
	/* fond de page massage et relaxation */
	
		#fond_massage {
			background-image: url("../Image/background/fond_massage.jpg"); 
		}	
	
	
		#fond_massage_1 {
			background-image: url("../Image/background/fond_massage.jpg"); 
		}	
		
		
		
		/* fond de page massage et relaxation */
	
		#fond_epilation {
			background-image: url("../Image/background/fond_epilation.jpg"); 
		}	
	
	
		#fond_epilation_1 {
			background-image: url("../Image/background/fond_epilation.jpg"); 
		}	
		
		#fond_promo {
			background-image: url("../Image/background/fond_promo.jpg");
		}

		#fond_promo_1 {
			background-image: url("../Image/background/fond_promo.jpg");
		}
		
		
		
	
/* ~~~~~SUR TOUTES LES PAGES~~~~~ */
	

		#fond_homme, #fond_epilation, #fond_magnetisme, #fond_massage, #fond_S_M_P, #fond_S_V, #fond_sejour_stage, #fond_promo {
			background-size : 100% 100%;
			background-repeat: no-repeat;
			background-attachment:fixed;
		}
	
		#fond_homme_1, #fond_epilation_1, #fond_magnetisme_1, #fond_massage_1, #fond_S_M_P_1, #fond_S_V_1, #fond_sejour_stage_1, #fond_promo_1 {
			background-size : 100% 100%;
			background-repeat: no-repeat;
			background-attachment:fixed;
			position: absolute;
			display : block;
			width : 100%;
			height : 100%;
		}
	
		#fond_homme h1, #fond_epilation h1, #fond_magnetisme h1, #fond_massage h1, #fond_S_M_P h1, #fond_S_V h1, #fond_sejour_stage h1, #fond_promo h1 {
			font-family:"Source Code pro regular";
			color:#87591A;
		}

		#fond_homme_1 h1, #fond_epilation_1 h1, #fond_magnetisme_1 h1, #fond_massage_1 h1, #fond_S_M_P_1 h1, #fond_S_V_1 h1, #fond_sejour_stage_1 h1, #fond_promo_1 h1{
			font-family:"Source Code pro regular";
			color:#87591A;
		}
		
		#fond_homme_1 h2, #fond_epilation_1 h2, #fond_magnetisme_1 h2, #fond_massage_1 h2, #fond_S_M_P_1 h2, #fond_S_V_1 h2, #fond_sejour_stage_1 h2, #fond_promo_1 h2, #fond_massage h2{
			margin-left:3%;
			color:#87591A;
		}	
		
		#fond_S_V h2, #fond_epilation h2 {
			margin-left:3%;
			color:#87591A;
		}
		
		
	
	
	/* maison */
		#accueil {
			width:4%;
			padding:1%;
		}
		#retour {
			width:4%;
			padding:1%;
		}
	
		.V_L{

			float:right;
			margin-right:3%;
			font-family: "Bradley Hand ITC";
			font-size: 200%;
			color:#006400;
		}
	
	

	
	/* footer */
		#bottom2{

			background:#006400;
			bottom:0;
			left:0;
			color: #e9e9e9;
			padding:1%;
			font-size:120%;
		}