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

body#page-accueil {
	background: #251511 url(../Libre-Images/main-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: 120%;
	color: #897e65;
	margin-bottom: 10px;
	/* border: 3px solid green; */
	}
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: #8C7D68; /* couleur 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 ? */
#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;
}
/*-----------------------------------------------------------------------------*/
/* Style pour la page centrée */

#page-int {
	width: 980px;
	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; */
}
#accueil-content {
	background: none;
	min-height: 465px;
	height: auto !important;
	/*height: 465px;*/
	padding: 0px;
	width: 100%;
	/* border: 3px solid brown; */
}
#accueil-col1 {
	background: #E2DBC9;
	float: left;
	width: 390px;
	padding: 20px; /* marges intérieures */
	/* border: 3px solid pink; */
}
#accueil-col2 {
	background: #f2e5cd;
	border: 3px solid white;
	float: right; 
	padding: 20px;
	width: 500px;
}
#partie1 {
	background: #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: 460px;
	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;
}
#trailer p {
	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; */
}
/* 
p {
	line-height: 1.5em;
	font-size: 1em;
	color: #897e65;
	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;