/* Etre libre */
* {
	margin: 0;
	padding: 0;
}
html {
	min-width: 980px;
}
/* couleur brun foncé CMJN 60-70-70-80 32231E  */

.page-general {
	background: #251511; /* brun très foncé */
	color: #8C7D68; /* couleur taupe CMJN 45-45-60-10 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	color: #897e65;
	margin-bottom: 10px;
	/* border: 3px solid green; */
	}
.page-accueil {
	background: url(../Libre-Images/main-bg.jpg) no-repeat 0% 0%;
	background-attachment: fixed;
	background-position: center top;
	}
.page-mandala {
	background: url(../Libre-Images/refl-bg.jpg) no-repeat 0% 0%;
	background-attachment: fixed;
	background-position: center top;
		}
body#page-qigong {
	background: #251511 url(../Libre-Images/life-bg.jpg) no-repeat 0% 0%;  /* brun très foncé */
	background-attachment: fixed;
	background-position: center top;
	color: #8C7D68; /* couleur taupe CMJN 45-45-60-10 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	}
body#page-reflexo {
	background: #251511 url(../Libre-Images/refl-bg.jpg) no-repeat 0% 0%;  /* brun très foncé */
	background-attachment: fixed;
	background-position: center top;
	color: #6B5544; /* couleur d'origine #8C7D68 taupe CMJN 45-45-60-10 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	}
/*-----------------------------------------------------------------------------*/
/* ligne-fin.gif --> je ne sais pas ce que c'est, séparation pour le menu ? */
#EL-global {
	background: url(../Libre-Images/ligne-fin.gif) repeat-x 0% 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	/* border: 3px solid yellow; */
}
#ligne {
	background: url(../Libre-Images/ligne-transparente.png) repeat-x 0% 0%;
	width: 100%;
	height: 120px;
	position: absolute;
	top: 30px;
	left: 0;
	/* border: 3px solid red; */
}
#header {
	position: relative;
	height: 160px;
	/* border: 3px solid orange; */
}
#logo {
	position: absolute;
	top: 60px;
	left: 60px;
	/* border: 3px solid purple; */
}
#menu {
	overflow: hidden;
	position: absolute;
	top: 90px;
	right: 60px;
	/* border: 3px solid black; */
}
#menu ul {
	list-style: none;
}
#menu li {
	background: url(../Libre-Images/menu-divider.gif) no-repeat 0% 9px;
	float: left;
	margin: 0 0 0 -4px;
	padding: 0 23px 0 27px;
	line-height: 1.2em;
	font-size: 2em; /* origine : 1.5em */
	color: #161111;
}
#menu li a {
	text-decoration: none;
	color: #161111;
}
#EL-trailer {
	background: #251511;
	min-height: 25px;
	padding: 0 0 0 30px;
	clear: both;
	/* Pour ne pas que le pied de page soit concerné par le phénomène de flottaison (ce qui risque de le faire anormalement remonter), il faut lui attribuer un clear qui remet à zéro la sortie du flux. */
	/* border: 3px solid black; */
}
/*-----------------------------------------------------------------------------*/
/* Style pour la page centrée */

#page-int {
	width: 1050px;
	margin: 0 auto; /* auto = pour centrer le contenu */
	font-size: 0.75em;
	border: 3px solid blue;
}

#content {
	background: none;
	min-height: 465px;
	height: auto !important;
	/*height: 465px;*/
	padding: 0px;
	width: 100%;
	/* border: 3px solid brown; */
}
.EL-content {
	width: 1050px;
	margin: 0 auto; /* auto = pour centrer le contenu */
	background: none;
	min-height: 465px;
	height: auto !important;
	/*height: 465px;*/
	padding: 0px;
	/* border: 3px solid brown; */
}
/*-----------------------------------------------------------------------------*/
/* Page d'accueil */
.accueil-col1 {
	background: #E2DBC9;
	float: left;
	width: 450px;
	padding: 20px; /* marges intérieures */
	/* border: 3px solid pink; */
}
.accueil-col2 {
	background: #f2e5cd;
	border: 3px solid white;
	float: right; 
	padding: 20px;
	width: 450px;
}
/*-----------------------------------------------------------------------------*/
/* Page mandala */
.mandala-partie1 {
	background: #E2DBC9;
	overflow: hidden; /* les dépassements seront masqués */
	padding: 20px;
	/* border: 3px solid yellow; */
}
.mandala-partie2 {
	background: #f2e5cd;
	border: 3px solid white;
	overflow: hidden;
	padding: 20px;
}
.mandala-boite1 {
	float: left;
	width: 330px;
	marging: 20px;
	padding: 10px; /* marges intérieures */
	/* border: 3px solid yellow; */
}
/*-----------------------------------------------------------------------------*/
#partie1 {
	background: #F2ECE3; /* couleur d'origine #E2DBC9 */
	overflow: hidden; /* les dépassements seront masqués */
	padding: 20px;
	/* border: 3px solid yellow; */
}
#partie2 {
	background: #f2e5cd;
	border: 3px solid white;
	overflow: hidden;
	padding: 20px;
}
#col1 {
	float: left;
	width: 600px;
	padding: 0 30px 0 0;
}
#col2 {
	float: right;
	width: 360px;
	padding: 0 0 0 30px;
}
#col3 {
	float: left;
	width: 300px;
	padding: 0 30px 0 0;
	border: 1px solid pink;
}
#col4 {
	float: right;
	width: 560px;
	padding: 0 0 0 30px;
}
#col5 {
	float: left;
	width: 435px;
	padding: 0 30px 0 0;
}
#col6 {
	float: right;
	width: 435px;
	padding: 0 0 0 30px;
}


p {
	padding: 0 0 14px 0;
}

h3 {
	padding: 0 0 18px 0;
	line-height: 1.2em;
	font-size: 2.0em;
	font-weight: normal;
	color: #161111;
}
h5 {
	padding: 0 0 6px 0;
	line-height: 1.5em;
	font-size: 1em;
	color: #a49271;
}
h6.h6-orange {
	padding: 4px 0 7px 0;
	padding: 0 0 7px 0;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 1em;
	font-weight: bold;
	color: #f36c24;
}
.lien {
	background: url(../Libre-Images/lien.gif) repeat-x 0% 0%;
	display: inline-block;
	height: 20px;
	overflow: hidden;
	margin: 0 3px 0 10px;
	padding: 0 7px 0 4px;
	line-height: 18px;
	text-decoration: none;
	color: #FFFFFF;
}
.lien:hover  {
	cursor: pointer;
	text-decoration: underline;
}
.liencontact {
	text-decoration: none;
	color: #897e65;
}
/*-----------------------------------------------------------------------------*/
img.fleft1 {
	float: left;
	margin: 1px 15px 14px 0;
}
img.fright1 {
	float: right;
	margin: 1px 15px 14px 0;
}
.list li {
	background: url(images/marker.gif) no-repeat 0% 8px;
	padding: 0 0 0 12px;
	line-height: 1.667em;
	font-weight: bold;
	color: #252525;