body{
	background:url(../images/design/bkg_body.jpg) left top repeat #fff;	
	text-align:center;
}
	div#conteneur {
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 856px;
		min-height: 857px;
		margin: 0 auto;
		background-color: #fff;
		box-shadow:
			-60px 0 60px -60px rgba(0, 0, 0, 0.4),  /* Ombre à gauche */
			60px 0 60px -60px rgba(0, 0, 0, 0.4);  /* Ombre à droite */
	}

	
		header, section, footer{
			position:relative;
			clear:both;
			padding:30px 52px 0 52px;
		}
		
		header{
		}
			h1#petit_logo{
				float:left;	
			}
			
			h1#gros_logo{
				text-align:center;	
			}

				h1#gros_logo img{
					text-align:center;	
					width:100%;
					max-width:501px;
				}
			
			header nav{
				float:right;
			}
				
				header nav ul{
					float:left;	
					margin-right:10px;
				}
					
					header nav ul li{
						display:inline;
						line-height:86px;
						font-family: 'Yanone Kaffeesatz', sans-serif;	
						font-size:1.8em;
						margin-left:30px;
						white-space: nowrap;
					}
					
						header nav ul li a{
							text-decoration:none;
						white-space: nowrap;
						}
						
						header nav ul li a:link{color:#915580;}
						header nav ul li a:visited{color:#915580;}
						header nav ul li a:hover{color:#915580; text-decoration:underline;}
						header nav ul li a:active{color:#915580;}
				
		div.over_content{
			position:relative;
			float:left;
			clear:both;
			width:100%;
			margin-top:30px;
		}
		
			div.contenu{
				position:relative;
				width:100%;
				max-width:960px;
				margin:0 auto;
			}

			.img_cover{
				width:100%;
			}
		
			span#img{
				display:block;
				height:290px;	
				max-width:960px;
				width:100%;
				background-color:#999;
			}
			
			span#decoration_top, span#decoration_bottom{
				position:absolute;
				left:0;
				display:block;
				max-width:960px;
				width:100%;
				height:10px;
			}
			
			span#decoration_top{
				background:url(../images/design/barre_mauves.png) left top repeat-x;
				top:0;	
			}
			
			span#decoration_bottom{
				background:url(../images/design/barre_mauves.png) left top repeat-x;
				bottom:0;
			}
			
			.avertissement-valide, .avertissement-exclamation, .fm-avertissement-exclamation, .avertissement-erreur{
				margin:25px 0 30px 0;
				width:492px;	
				padding:5px;
			}
			
				.avertissement-valide{
					background:url(../images/design/accept.png) 10px 10px no-repeat #AFFFBA;
				}
						
				.avertissement-exclamation, .fm-avertissement-exclamation{
					background:url(../images/design/error.png) 10px 10px no-repeat #FDFFBB;
				}
				
				.avertissement-erreur{
					background:url(../images/design/cancel.png) 10px 10px no-repeat #F99;
				}
				
					.avertissement-valide p, .avertissement-exclamation p, .fm-avertissement-exclamation p, .avertissement-erreur p{
						position:relative;
						padding:0 35px 0 35px;
						margin:10px 0 !important;
						display:block;
						width:420px;	
						margin:0 !important;
					}
					
					.avertissement-valide ul, .avertissement-exclamation ul, .fm-avertissement-exclamation ul, .avertissement-erreur ul{
						position:relative;
						padding:10px 35px 10px 55px !important;
						display:block;
						width:420px;	
						margin:0 !important;
						list-style-position:inside;
						list-style-type:decimal !important;
					}
		
			/* --- SECTION : Cases accueil --- */
			nav.cases_accueil {
			display: flex;
			flex-wrap: wrap;              /* Permet le retour à la ligne automatique */
			justify-content: center;      /* Centre les éléments sur grand écran */
			gap: 30px;                    /* Espacement horizontal entre les cases */
			background: #fff;
			max-width: 908px;
			width: 100%;
			margin: 0 auto;
			padding: 0;
			box-sizing: border-box;
			}

			div.case_accueil {
			background: url(../images/design/barre_mauves.png) left top repeat-x;
			padding-top: 10px;
			width: 100%;
			max-width: 258px;
			flex: 1 1 258px;              /* Largeur flexible : grandit ou rapetisse */
			text-align: center;
			transition: opacity 0.3s;
			}

			div.case_accueil_centre {
			margin: 0;                    /* Supprime les marges manuelles de l'ancien code */
			}

			div.case_accueil a {
			display: block;
			text-align: center;
			font-family: 'Yanone Kaffeesatz', sans-serif;
			color: #fff;
			font-weight: lighter;
			font-size: 1.5em;
			padding: 0 0 5px 0;
			text-decoration: none;
			background: url(../images/design/bkg_btns_accueil.png) left top repeat;
			}

			div.case_accueil:hover {
			opacity: 0.5;
			}

			div.case_accueil img {
				display: block;
				width: 100%;
				max-width: 258px;
				background-color: #CCC;
			}

			/* --- RESPONSIVE --- */

			/* Tablette et moins */
			@media screen and (max-width: 960px) {
				nav.cases_accueil {
					gap: 15px;
					padding: 0 10px;
				}
			}

			/* Mobile : une case par ligne */
			@media screen and (max-width: 600px) {
				nav.cases_accueil {
					flex-direction: column;   /* Aligne verticalement */
					align-items: center;      /* Centre les cases */
				}

				div.case_accueil {
					max-width: 100%;
					flex: 1 1 100%;
				}

				
				div.case_accueil img {
					max-width: 100% !important;
					width: 100% !important;
				}
			}

		.seconde_ligne{
			position:relative;
			display:block;
			padding-top:30px !important;	
			clear:both;
		}		
		
			.seconde_ligne .cases_accueil{
				position:relative;
				margin:0 auto !important;
				float:none !important;
				text-align:center;
				padding:0 23px;
				padding-left:0 !important;
			}
			
				.seconde_ligne .cases_accueil .case_accueil{
					position:relative;
					margin:0 auto !important;
					display:block;
					text-align:center;
					float:none !important;
				}
			
		
		section{
		}
		
			section h2{
				font-family: 'Yanone Kaffeesatz', sans-serif;	
				color:#632e54;
				clear:both;
				font-size:3.5em;
				text-align:center;
				margin-bottom:40px;
			}
			
			section h3, dt{
				font-family: 'Yanone Kaffeesatz', sans-serif;	
				font-weight:normal;
				color:#632e54;
				font-size:2em;
				text-align:left;
			}
				
				div.left h3, div.right h3{
					clear:both;
				}
			
			div.membre{
				position:relative;
				float:left;
				width:100%;
				display:block;
				clear:both;
				min-height:170px;
			}
			
			img.photo_membre{
				float:left;
				margin:5px 20px 5px 0 !important;
				max-height:130px;
			}
			
			section h4, dt{
				margin-top:10px;
				font-family: 'Yanone Kaffeesatz', sans-serif;	
				font-weight:bold;
				color:#632e54;
				clear:both;
				font-size:1.2em;
				text-align:left;
			}
			
			section p, section dl dd, section ul, .info, .vcard{
				font-family:Verdana, Geneva, sans-serif;
				margin:10px 0 1.5em 0;
				letter-spacing:0.1em;	
				line-height:1.5em;	
				font-size:0.9em;
				width:100%;
				text-align:left;
				padding-right:10px;	
			}
			
			.fn{
				font-weight:bold;	
			}

			/* Titre centré au-dessus des colonnes */
			.border_bottom.vcard .fn {
			width: 100%;
			flex-basis: 100%;
			text-align: center;
			margin-bottom: 20px;
			}

			.border_bottom.vcard .fn h3 {
			margin: 0;
			}
						
			section ul{
				position:relative;
				list-style:circle;
			}
			
				section ul li{
					margin-bottom:0.5em;	
				}
			
			p.description{
				position:relative;
				clear:both;
				max-width:835px;
				width:100%;
				margin:20px auto;
				text-align:center;
				letter-spacing:0.05em;	
				line-height:1.5em;	
				font-family: 'Yanone Kaffeesatz', sans-serif;
				font-size:1.3em;
				color:#504848;
			}
		
			a#lien_oeq_accueil{
				position:relative;
				text-align:center;	
				display:block;
				margin:50px auto 0 auto;
				max-width:136px;
				width:100%;
			}
			
			span.img_photo{
				display:block;
				max-width:98px;				
				width:100%;
				height:130px;
				clear:both;
				position:relative;
				float:left;
				background:#999;
				margin: 5px 20px 5px 0 !important;
			}
			
			div.vcard{
				text-align:left;	
			}
			
			.vcard{
				float:left;	
			}
			
			.adr{
				float:left;
			}
			
			.left{
				position:relative;
				float:left;
				max-width:280px;	
				width:100%;
				margin-right:10px;
			}
			
			.right{
				position:relative;
				float:right;
				width:33%;	
				margin-right:10px;
			}
			
				form.form{
					position:relative;
					clear:both;
					float:left;
				}	
			
				#map1, #map2{
					height:250px;	
					margin-bottom:23px;	
				}

			/* --- Section micro-format (contact principal) --- */
			.border_bottom.vcard {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;
			align-items: flex-start;
			}

			/* Bloc gauche et droite en 2 colonnes */
			.border_bottom.vcard .left,
			.border_bottom.vcard .right {
			float: none;              /* Supprime les vieux floats */
			width: 45%;
			max-width: none;
			box-sizing: border-box;
			}

			/* Ajustement des titres et listes */
			.border_bottom.vcard h3 {
			margin-top: 0;
			}

			.border_bottom.vcard dl {
			margin: 0;
			}

			.border_bottom.vcard dt {
			font-weight: bold;
			margin-top: 10px;
			}

			.border_bottom.vcard dd {
			margin-left: 0;
			margin-bottom: 8px;
			}

			/* --- Responsive : 1 colonne sur mobile --- */
			@media screen and (max-width: 800px) {
			.border_bottom.vcard {
				flex-direction: column;
			}

			.border_bottom.vcard .left,
			.border_bottom.vcard .right {
				width: 100%;
			}
			}
				


		.border_right{
			margin-right:20px; 
			padding-right:20px; 
			border-right:1px solid #632E54;	
		}
		
		.border_bottom {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		width:100%;
		}

		.col_tier{
			clear: both;
		width: 48%;
		max-width: none;
		box-sizing: border-box;
		margin: 0;
		}
		
		@media screen and (max-width: 960px) {
		.left,
		.right,
		.col_tier {
			width: 100% !important;
			max-width: 100% !important;
			margin: 0 0 20px 0 !important;
			box-sizing: border-box;
		}

		.right{
			text-align:left;
		}
		/* Ajuster l'espacement des blocs de coordonnées */
		.border_bottom {
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
		}

		/* Sur très petits écrans, réduire les paddings globaux */
		@media screen and (max-width: 600px) {
		header, section, footer {
			padding: 20px;
		}
		}
		
		.clear{
			clear:both;	
		}
		
		div.form{
			position:relative;
			float:left;
			clear:both;
		}
			.form fieldset{
				width:500px !important;	
				margin-bottom:20px;
			}
				
			.form_line{
				position:relative;
				float:left;
				width:75%;	
				text-align:left;
				margin:0 0 5px 0;
			}
	
			div.form_line label{
				position:relative;
				float:left;
				clear:both;
				margin:10px 0 5px 0;
				font-family: 'Yanone Kaffeesatz', sans-serif;	
				font-weight:bold;
				color:#632e54;
				clear:both;
				font-size:1.2em;
				text-align:left;
			}
			
				span.obligatoire{
					font-size:0.7em;
					color:#924473;	
				}
				
			.message_obligatoire{
				position:relative;
				font-size:0.8em;
				clear:both;
				float:left;	
				margin:10px 0;
			}	
			
			div.form_line input, div.form_line textarea{
				position:relative;
				float:left;
				width:490px;	
				border:solid 1px #632E54;
				padding:5px;
			}
			
				div.form_line input:focus, div.form_line textarea:focus{
					border:solid 1px #924473;
				}
		
		div.form_line button{
			border:none;
			background:#632E54;
			color:#fff;
			padding:5px 15px;
			cursor:pointer;
		}
		
			div.form_line button:hover{
				background-color:#862862;
			}
			
		label.erreur, label.erreur span{
			color:#F00 !important;	
		}	
			
		input.erreur, textarea.erreur{
			border:solid 1px #F00 !important;	
		}
		
		.lst_infos{
			margin-top:30px;	
		}
		
		.details{
			font-style:italic;
		}
		
		footer{
			padding-top:150px;
			margin:0 auto 0 auto;	
			font-family:Verdana, Geneva, sans-serif;
			font-size:0.8em;
			padding-bottom:20px;
		}
			
			footer a:link{color:#999;}
			footer a:visited{color:#999;}
			footer a:hover{color:#aaa;}
			footer a:active{color:#999;}
		
			a#lien_oeq{
				position:relative;
				float:left;
			}
		
			ul#sousmenu{
				text-align:center;
				margin-bottom:20px;
			}
				ul#sousmenu li{
					display:inline;	
					margin:0 10px;
				}

				ul#sousmenu li a{
					  white-space: nowrap;
				}
			
			footer p{
				position:relative;
				text-align:center;	
				font-size:0.8em;
			}
			
				footer p a{
					text-decoration:none;	
				}
				
				footer p img{
					vertical-align:middle;
				}
				
@media screen and (max-width: 960px) {
	body, div#conteneur{
		background:#fff !important;	
	}
	
	div#background{
		display:none !important;
	}
}

dl dd {
	float:left;
	margin:10px 0 15px 0 !important;	
}



.physiogym{
	width:100%;
}

.physiogym img{

	margin:30px 0 !important;
}