@font-face {font-family: 'Lato';src: url('/lato-regular.woff2') format('woff2'), url('/lato-regular.woff') format('woff'); font-weight: 400; font-style: normal;  font-display: swap;}
	body, html { font-family: 'Lato', Arial, sans-serif;font-weight: 300; font-size: 20px; margin: 0;  padding: 0;}
	h1 {font-size:46px;color:#3A4A61;font-style:italic;margin:0;padding:0; text-align: center;}
	h2 {font-size:32px;color:#3A4A61;font-style:italic;margin:0;padding:0}
	h3 {font-size:28px;color:#3A4A61;font-style:italic;margin:0;padding:0;text-align:left}
	.yoga {font-size:28px;color:#FFF;font-style:italic;margin:0;padding:0}
	a:link { color:#FFF; text-decoration : none; } 
	a:visited { color:#FFF; text-decoration : none; } 
	a:hover { color:#0FF; text-decoration : none; }	
	.titre {padding:360px 0 20px 0; text-align:center;max-width:1200px; margin:0 auto;}	
	.header_container { width: 100%; display: flex; justify-content: center; position: absolute; top: 0; z-index: 1000; }
	.header {display:flex; justify-content:space-between; align-items:center; background:rgba(88, 90, 90, 0.8); color:white; padding:15px 20px; max-width:1200px; 
		width:100%; box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1); box-sizing:border-box; }
	.site-title { font-size:24px; margin:0 auto}
	.menu-toggle { display:flex; align-items:center; background:#333; border:none; color:white; font-size:18px; cursor:pointer; padding:10px; margin-right:20px;border-radius:6px; }
	.menu-toggle.active { background-color:#000; } 		
	.menu-toggle .icon { width:25px; height:20px; display:flex; flex-direction:column; justify-content:space-between; margin-left:10px; vertical-align:top }
	.menu-toggle .icon div { width:100%; height:3px; background-color:white; border-radius:2px; }	
	.active-link {background-color: #D45E52; color: #FFF !important; border-radius: 6px; padding: 5px 10px; display: block; }	
	.container { display:block;position:absolute !important; top:80px;  } 
	.menu-container { width:60%; background-color:rgba(88, 90, 90, 0.9); padding:15px; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1); border-radius:10px; margin:0 auto; display:none;}
	.menu ul { list-style:none; padding:0; margin:0; } 
	.menu-item { cursor:pointer; padding:8px 15px; margin-top:2px; background-color:#333; border-radius:8px; transition:background-color 0.3s, transform 0.2s; display:flex; 
		justify-content:space-between; align-items:center; font-weight:bold; color:#FFF } 
	.menu-item:hover { background-color:#dee2e6; color:#000 } 
	.submenu { max-height:0; overflow:hidden; transition:max-height 0.5s ease-out, padding 0.3s ease-out; padding-left:15px; margin:5px 0 0 15px;  } 
	.submenu.open { max-height:2000px; padding:5px 0; } 
	.submenu li { padding:2px 0 0 20px; } 
	.submenu a { text-decoration:none; color:#FFF; font-weight:normal; display:block; padding:4px 10px 4px 20px; border-radius:6px; transition:background 0.3s; } 
	.submenu a:hover { background-color:#000; color:white; } 
	.triangle { border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid black; transition:transform 0.3s; } 
	.menu-item.open .triangle { transform:rotate(180deg); } 
	.scrollToTopBtn { position:fixed; bottom:20px; right:20px; background-color:#13151E; color:white; border:none; border-radius:50%; width:50px; height:50px; font-size:24px; cursor:pointer; display:none; 
		box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); transition:opacity 0.3s ease;}
	.scrollToTopBtn.show { display:block; opacity:1;}
	span {margin:0;padding:0}
	.centrer { text-align:center !important;}
	.table {display:table;width:100%}
	.table_row {display:table-row;}
	.table_cell {display:table-cell;vertical-align:top;line-height:16px;padding:5px;vertical-align:middle}
	.table_row:nth-child(even) {background:#EEEEEE}
	.table_row:nth-child(odd) {background:#E9E9E9}	
	.listestagesyoga table {border-spacing:0;overflow:hidden;width:90%; margin:0 auto}
	.listestagesyoga td {padding:5px;border-bottom:#547A7E 1px solid;text-align:justify}
	.listestagesyoga a:link { color:#09F; text-decoration:none; font-size:18px;display:block;}  
	.listestagesyoga a:visited { color:#09F; text-decoration:none;}
	.listestagesyoga a:hover { color:#FFFFFF; text-decoration:none; background-color:#062C35 }	
	.navigation2 a { font-weight:200; background-color:rgba(57,70,72,0.8);  font-size:24px;color:#FFFFFF;line-height:30px;text-decoration: none;display:block;padding:8px 6px 10px 10px;transition: all 0.4s;}
	.navigation2 a:hover {background-color:rgba(254,254,252,0.6);color:#333;transition: all 0.4s}
	.navigation2 {margin:1px;width:100%}
	.yoga_goeland {color:#CCC;background-image:url(../images_yoga/yoga/yoga-fond3.webp);background-position:top;background-repeat:no-repeat;background-color:#062C35; background-attachment:fixed}
	.yoga_goeland_div {max-width:1200px;margin:80px auto 850px auto;padding:0; overflow:hidden;border-radius:10px; background: linear-gradient(135deg, rgba(29,29,29,0.3), rgba(29,29,29,0.7) 80%)}
	.yoga_goeland h1 {font-size:46px;font-weight:200; color:#FFF;font-style:italic;margin:0;padding:0; text-align: center;}
	.yoga_goeland h2 {font-size:36px;font-weight:200; color:#FFF;font-style:italic;margin:0;padding:0; text-align: center;}			
	.yoga_goeland h3 {font-size:36px;font-weight:200; color:#FFF;font-style:italic;margin:0;padding:0; text-align: center;}
	.section-stage { margin-bottom: 3em;}		
	.yoga_texte {text-align:justify; padding:50px;font-size:22px;}
	.yoga_texte p {text-align:justify;font-size:22px}
	.yoga_texte_centre {text-align:center; padding:50px}
	.murcha {max-width:450px; margin:30px auto; text-align:center; padding:10px;}	
	.yoga_titres {font-size:28px;color:#3A4A61;font-weight:bold;} 
	.liste li { list-style-type:none;display:block;border:#FFF solid 1px;}
	.liste a:link  {display:block;padding:5px;font-size:16px;transition: all 0.4s;}
	.liste a:hover  {background-color:#0CF;display:block;transition: all 0.4s;color:#FFF}
	.center {text-align:center;padding:5px;font-size:16px;display:block}
	.yoga_titrediv {text-align:justify;background-color:#FFF;padding:10px;margin:20px 0 15px 0;}
	.yoga_titrediv h2 {color:#3A4A61;font-size:22px;font-weight:bold}
	.yoga_stage_div {display:table;width:100%}	
	.yoga_div_gauche {display:table-cell;width:70%;padding:10px;vertical-align:middle}	
	.yoga_div_droite {display:table-cell;width:30%;padding:10px 0 10px 5px; vertical-align:top}
	.yoga_div_droite h2 {font-size:32px;color:#000;font-style:italic;margin:0;padding:0;color:#F99935}
	.yoga_div_droite p {text-align:justify; padding:50px;font-size:24px}
	.yoga_texte {text-align:justify; padding:50px;font-size:22px;}
	.comment_table .fond2 {background-color:rgba(34,34,34,0.8)}	
  	.comment_table .warp {white-space: nowrap}
  	.comment_table .fond1 {background-color:rgba(205,209,216,0.3)}
  	.comment_table .justifie {text-align:justify}
  	.comment_table .fond {background-color:rgba(81,86,89,0.5)}	
  	.comment_table td {padding:6px}
	.comment_texte {width:100%; padding:10px; box-sizing: border-box; background-color:rgba(95,91,75,0.5); text-align:center}			
	.comment_texte p {text-align:center}
	input, select, textarea { width: 100%; max-width:500px; padding: 8px; margin-top: 0.3rem; border: 1px solid #ccc; border-radius: 5px; font-size: 18px; box-sizing: border-box; }
    textarea { resize: vertical; min-height: 120px;}
	label { display: block;margin-top: 1rem;font-weight: bold;}	
	.radio {width:50px}
	.imageretraite {width:100%; max-width:750px; height:auto}
	.erreur {text-align:center;font-size:20px; padding:20px; box-sizing: border-box; background-color:#FF6633;max-width:500px; margin:0 auto; color:#FFF}
		
@media screen and (max-width: 1000px) {
	.yoga_goeland {background-image:url(../images_yoga/yoga/yoga-fond3.webp); background-position:35% 0;}
}
@media (max-width:768px) { 
		.site-title { font-size:18px; }	
		.menu-container { display:none; width:100% !important; left: 0 !important; margin:0 auto; padding:10px; box-sizing:border-box; } 
		.menu-container.active { display:block;} 
		.yoga_contient {overflow:hidden;padding:15px;text-align:center}
		.yoga_contient h2 {font-size:40px;}	
		.yoga_div {margin:30px auto 40px auto;}
		.yoga_goeland h1 {font-size:36px; text-shadow: 2px 0px 4px #000;}
		.yoga_goeland h2 {font-size:22px;}
		.yoga_texte { padding:10px;font-size:18px}
		.yoga_texte_centre { padding:10px}
		.yoga_goeland {background-image:url(../images_yoga/yoga/goeland-iphone.jpg);background-attachment:inherit;background-size:auto}	
		.yoga_div_gauche {display:block; width:100%;padding:10px 0;}
		.yoga_div_droite {display:block; width:100%;padding:10px 0;}
		.titre {padding:250px 0 20px 0;}									
}