body { color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #d2e6e6; margin: 0; padding: 0; }
#h1 { color: #3524a4; font-size: 12px; font-weight: lighter; text-decoration: underline; text-align: center; margin-bottom: 10px; }
#header { width: 374px; height: 161px; margin-left: 220px; }
#header1 { width: 800px; height: 182px; }
#conteneur { background-color: #edf9f8; position: relative; width: 800px; margin: 0 auto 0; }
#bandeau { background-repeat: no-repeat; width: 800px; height: 65px; }
#massage { width: 800px; height: 238px; margin-top: 1%; }
#lieux { color: #505149; font-size: 120%; font-weight: bold; text-align: center; margin-top: 1%; }
/*pied de page*/
#pied { color: #ffffff; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; height: 40px; text-align: center; word-spacing: 5px; width: 800px; margin-top: 15px; padding: 0; }
span { color: #800080; font-size: 85%; font-weight: bold; }
.texte { 
color: #800000; 
}
#validation { text-align: center; }
/*navigation*/
#navigation { font-size: 110%; text-align: left; word-spacing: 5px; width: 800px; height: 15px; margin-top: 1%; padding-left: 4%; }
a.info { color: #505149; font-size: 85%; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
a.info:hover { color: #808080; font-size: 85%; font-family: Arial; font-weight: bold; text-decoration: underline; }
a.info1 { 
color: #505149; 
font-size: 90%; 
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
}
a.info1:hover { color: #808080; font-size: 90%; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; text-decoration: underline
  }
a.liens { 
color: #cc4d33; 
font-size: 110%; 
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
}
a.liens:hover { 
color: #ffffff; 
font-size: 110%; 
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
}
#validation { }
/*fin navigation*/
/*page massage*/
#methodes { color: #800080; font-size: 120%; font-weight: bold; text-align: center; width: 800px; height: 30px; padding-top: 3%; }
#massages { background-image: url(../massages/massages.jpg); background-repeat: no-repeat; left: 100%; width: 300px; height: 278px; }
#tmassages { color: #505149; line-height: 150%; text-align: justify; margin-top: -270px; margin-left: 40%; width: 434px; height: 264px; }
#bandeaum { width: 800px; height: 65px; }
#speci { color: #800080; font-size: 120%; font-weight: bold; text-align: center; width: 800px; height: 15px; padding-top: 1%; }
#tspeci { color: #505149; line-height: 150%; text-align: justify; width: 393px; height: 178px; padding-top: 3%; padding-left: 3%; }
#mainsbleu { width: 315px; height: 189px; margin-top: -190px; margin-left: 55%; }
#bandeaus { width: 800px; height: 65px; margin-top: 1%; }
#camilli { color: #800080; font-size: 120%; font-weight: bold; text-align: center; padding-top: 1%; width: 800px; height: 15px; }
#tcamilli { color: #505149; line-height: 150%; text-align: justify; padding-top: 1%; padding-left: 3%; width: 730px; height: 280px; padding-right: 0; }
.gris { color: #505149; font-size: 85%; }
.rose { color: #800080; font-size: 90%; font-weight: bold; }
.italic { color: #777; font-size: 9px; font-style: italic; }
/*fin massage*/
/*popup*/
#imprimer { background-image: url(../massages/imprimer.gif); background-repeat: no-repeat; text-align: center; width: 140px; height: 20px; margin-top: 30px; margin-left: 30%; padding-left: 43px; }
#popup { color: #505149; background-color: #fff; text-align: justify; padding-top: 10px; padding-right: 10px; padding-left: 10px; width: 500px; height: 720px; }
#popup1 { color: #505149; background-color: #fff; text-align: justify; width: 500px; height: 4070px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
#popup2 { color: #505149; background-color: #fff; text-align: justify; padding-top: 10px; padding-right: 10px; padding-left: 10px; width: 500px; height: 950px; }
#popup3 { color: #505149; background-color: #fff; text-align: justify; padding-top: 10px; padding-right: 10px; padding-left: 10px; width: 500px; height: auto; }
/*fin popup*/
/*page individuel*/
#titre { color: #800080; font-size: 120%; font-weight: bold; text-align: center; padding-top: 3%; width: 800px; height: 30px; }
#p1 { background-repeat: no-repeat; width: 252px; height: 167px; margin-left: 5%; }
#p2 { background-repeat: no-repeat; width: 252px; height: 167px; margin-top: 10px; margin-left: 5%; }
#ti { color: #505149; line-height: 150%; text-align: justify; width: 430px; height: 350px; margin-top: -340px; margin-left: 40%; }
#ti1 { color: #505149; line-height: 150%; text-align: justify; margin-top: 2%; margin-right: 6%; margin-left: 5%; }
/*fin pade individuel
*/
/*page ressource*/
#bandeau { background-image: url(../massages/bandeaumains.jpg); background-repeat: no-repeat; width: 800px; height: 65px; }
#flash { width: 300px; height: 201px; margin-top: 10px; margin-left: 40px; }
#r1 {
	color: #505149;
	line-height: 150%;
	text-align: justify;
	width: 350px;
	margin-top: -200px;
	margin-left: 45%;
	float: none;
}
#r2 { color: #505149; line-height: 150%; text-align: justify; width: 800px; margin-top: 50px; margin-right: 6%; margin-left: 5%; }
#rb1 { background-image: url(../massages/bandeaumains.jpg); background-repeat: no-repeat; width: 800px; height: 65px; }
#r3 { color: #505149; line-height: 150%; text-align: justify; width: 400px; margin-top: 10px; margin-left: 5%; }
.gras { color: #505149; font-size: 100%; font-weight: bold; }
#ir {
	background-repeat: no-repeat;
	width: 230px;
	height: 280px;
	margin-top: -380px;
	margin-left: 60%;
}
#rb2 { background-image: url(../massages/bandeaumains.jpg); background-repeat: no-repeat; width: 800px; height: 65px; margin-top: 10px; }
#ir2 {
	background-repeat: no-repeat;
	width: 230px;
	height: 307px;
	margin-left: 5%;
	margin-top: 50px;
}
#r5 {
	color: #505149;
	line-height: 150%;
	text-align: justify;
	width: 500px;
	margin-top: -320px;
	margin-left: 35%;
	float: none;
}
/*fin page ressource*/
/*page formation*/
#formation { color: #800080; font-size: 120%; font-weight: bold; text-align: center; height: 30px; padding-top: 3%; }
#pub { text-align: center; }
#tforma { color: #505149; line-height: 150%; text-align: justify; margin-top: 10px; width: 800px; height: 120px; padding-left: 5%; }
#f1 { color: #505149; line-height: 150%; margin-top: 20px; margin-left: 5%; }
#i1 { background-repeat: no-repeat; width: 300px; height: 290px; margin-top: 12px; margin-left: 5%; }
#f2 {
	color: #505149;
	line-height: 150%;
	text-align: justify;
	width: 400px;
	height: 320px;
	margin-top: -290px;
	margin-left: 45%;
}
#f3 { color: #505149; line-height: 150%; text-align: justify; margin-top: -10px; margin-right: 6%; margin-left: 5%; }
#b2 { background-repeat: no-repeat; width: 800px; height: 65px; margin-top: 10px; }
#b3 { color: #800080; font-weight: bold; text-align: center; margin-top: 10px; }
#f4 { color: #505149; line-height: 150%; text-align: justify; width: 350px; margin-top: 10px; margin-right: 6%; margin-left: 5%; }
#i3 { background-repeat: no-repeat; width: 300px; height: 199px; margin-top: -230px; margin-left: 53%; }
#f5 { color: #505149; line-height: 150%; text-align: justify; margin-top: 60px; margin-right: 6%; margin-left: 5%; }
#i4 { background-repeat: no-repeat; width: 300px; height: 131px; margin-top: 30px; margin-left: 5%; }
#f6 { color: #505149; line-height: 150%; text-align: justify; width: 400px; margin-top: -140px; margin-right: 6%; margin-left: 45%; }
#f7 { color: #505149; line-height: 150%; text-align: justify; margin-top: 10px; margin-right: 6%; margin-left: 5%; }
#lieu { color: #505149; margin-top: 5px; margin-left: 17%; }
/*fin page formation*/
/*page contact*/
#mp {
	width: 236px;
	height: 286px;
	margin-top: 2%;
	margin-left: 30px;
}
#tmp { color: #505149; text-align: justify; width: 480px; height: 280px; margin-top: -270px; margin-left: 35%; padding-right: 40px; padding-left: 5px; }
#infor { color: #505149; text-align: center; }
#formulaire { color: #505149; width: 430px; height: 256px; margin-left: 30%; }
/*fin page contact*/
/*page inscription*/
#inscrip {
	color: #505149;
	text-align: left;
	margin-top: 1%;
	margin-left: 200px;
}
#formu { color: #505149; width: 370px; height: 300px; margin-top: 1%; margin-left: 30%; }
/*fin page inscription*/
/*page liens*/
a.liens { 
color: #800080; 
font-size: 110%; 
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
}
a.liens:hover { color: #505149; font-size: 110%; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#liens { color: #505149; width: 600px; margin-top: 12px; margin-left: 5%; }
.class { color: #800080; }
/*fin page liens*/
/*page accès*/
#a1 { color: #800080; font-size: 120%; font-weight: bold; text-align: center; height: 10px; padding-top: 3%; }
#ia1 { background-repeat: no-repeat; width: 373px; height: 270px; margin-left: 5%; }
#tp { color: #505149; line-height: 150%; text-align: justify; width: 370px; margin-top: -265px; margin-left: 52%; }
#tp1 { color: #505149; line-height: 150%; margin-right: 6%; margin-left: 5%; }
#id { }
#carte { width: 500px; margin-right: auto; margin-left: auto; }
#textecarte { color: #505149; text-align: justify; width: 700px; margin-left: 30px; }
.sousligne { color: #808080; font-size: 100%; text-decoration: underline; }
/*fin page accès*/
/*page calendrier*/
#bc {
	color: #800080;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
}
#bc1 {
	color: #505149;
	text-align: justify;
	margin-top: 1%;
	width: 345px;
	margin-left: 30px;
}
#bc1a {
	color: #505149;
	text-align: justify;
	margin-top: -300px;
	width: 345px;
	margin-left: 420px;
}
#bc8 {
	color: #505149;
	font-weight: normal;
	text-align: justify;
	padding-left: 5%;
	padding-right: 5%;
	margin-top: -50px;
}
#bc2 { color: #505149; text-align: center; margin-top: 2%; }
#bc3 {
	color: #505149;
	text-align: center;
	margin-top: -10px;
	font-weight: normal;
}
#bc4 {
	color: #505149;
	margin-top: 0px;
	margin-left: 5%;
	text-align: justify;
	width: 460px;
}
#bc6 {
	color: #505149;
	margin-top: 0px;
	margin-left: 33%;
	width: 450px;
}
#bc5 { color: #505149; margin-top: 2%; margin-left: 5%; width: 400px; }
#bc7 { color: #505149; margin-left: 35%; width: 450px; margin-top: -400px; }
#ib {
	background-repeat: no-repeat;
	width: 250px;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
	padding-right: 20px;
}
#ibr {
	background-repeat: no-repeat;
	width: 250px;
	height: 320px;
	margin-left: 60px;
	margin-top: 0px;
}
#iba {
	background-repeat: no-repeat;
	width: 250px;
	height: 320px;
	margin-left: 60%;
	margin-top: -530px;
}
#ibs { background-repeat: no-repeat; margin-top: -360px; margin-left: 60%; width: 250px; height: 374px; }
#ib1 { background-image: url(../massages/maison6.jpg); background-repeat: no-repeat; margin-left: 60%; width: 250px; height: 163px; margin-top: 12px; }
#ib2 { background-image: url(../massages/salle.jpg); background-repeat: no-repeat; margin-top: 12px; margin-left: 5%; width: 150px; height: 222px; }
#ib3 { background-image: url(../massages/maison5.jpg); background-repeat: no-repeat; margin-left: 5%; width: 150px; height: 219px; margin-top: 10px; }
#ib4 { background-image: url(../massages/maison.jpg); background-repeat: no-repeat; margin-top: -400px; margin-left: 60%; width: 250px; height: 156px; }
#ib5 { background-image: url(../massages/parasol.jpg); background-repeat: no-repeat; margin-left: 60%; width: 250px; height: 188px; margin-top: 20px; }
#ib6 {
	margin-left: 5%;
	width: 170px;
	height: 328px;
	margin-top: -820px;
}
#ib62 {
	margin-left: 5%;
	width: 170px;
	height: 328px;
	margin-top: 0px;
}
#ib7 { background-image: url(../massages/vue.jpg); background-repeat: no-repeat; margin-left: 5%; width: 160px; height: 213px; margin-top: 20px; }
#ib8 {
	width: 210px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 290px;
}
#cb {
	background-repeat: no-repeat;
	height: 65px;
	margin-top: 40px;
}
#cb1 {
	background-image: url(../massages/bandeaumains.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	height: 65px;
}
#cb2 { background-image: url(../massages/bandeaumains.jpg); background-repeat: no-repeat; margin-top: 8%; height: 65px; }
#cb3 {
	background-image: url(../massages/bandeaumains.jpg);
	background-repeat: no-repeat;
	height: 65px;
	padding-top: 0px;
	margin-top: 100px;
}
#bas {
	color: #505149;
	text-align: center;
	margin-top: 20px;
	margin-left: 5%;
}
#droite { width: auto; height: auto; float: right ; }
#bas2 {
	color: #505149;
	text-align: justify;
	margin-left: 5%;
	margin-top: 30px;
	padding-right: 60px;
}
#titre_bas {
	color: #505149;
	font-weight: normal;
	text-align: justify;
	width: 740px;
	padding-left: 40px;
	margin-right: 20px;
	line-height: 150%;
}