* {
margin: 0; 
padding: 0; 
border: 0; 
}

body{
  font-family: arial;
  font-size:12px;
  font-weight: normal;
  background:#f1ce09;
  margin-top:0;
  background:url("../images/backgrounds/bg.jpg") top repeat-x #f1d008;
}  

.imgfloatleft {float: left; margin-right: 8px; margin-bottom: 3px;}
.imgfloatright {float: right; margin-left: 8px; margin-bottom: 3px;}

.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; }
.center {text-align: center;}
.textaligncenter {
	text-align: center;
}
.justify {
	text-align: justify;
	font-weight: normal;
}
.fj11 {
	font-size: 11px;
	line-height: 15px;
	text-align: justify;
	font-weight: normal;
}
.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font15 {
	font-size: 15px;
}
.font16 {
	font-size: 16px;
}

.red {
	color:#C0012D;
}

.button { background-color: #E47E35; color: #fff !important; font-size: 14px; text-decoration: none; vertical-align: middle; margin: 0 4px 6px 0; border: 1px solid #88a53b; cursor: pointer; text-shadow: 0 1px 2px #444; font-weight: bold; outline: none;  }
a.button { padding: 6px 10px; text-decoration: none !important; }
.button.big { font-size: 18px !important; padding: 10px; }
.button:hover, .button.active { background-color: #E2001A; border: 1px solid #bbb; }


hr.forSpots {
	border:none; height: 1px; background-color: #C0012D;
	margin-top:10px; margin-bottom:10px; width: 90%; margin-left: auto; margin-right: auto;
}
.etoiles{
  width:100%;
  background:url("../images/backgrounds/etoiles.png") ;
}
.content{
  width :763px;
  margin:auto;
  background:#fffac1;
}
.header{
  width :100%;
  height:215px;
  background:url("../images/header/header.jpg") top no-repeat;
  position: relative;
}

.header #address {
	color: #FFF;
	float: right; margin-right:6px; margin-top:3px;
	text-align: right;
}

#navigation{
  height:30px;
  background:#070709;
  width:100%;
  position: relative;
}

#navigation a {
  font-size:15px;
  font-weight:bold;
  color:#FFF;	
  text-decoration:none;
  /* margin: 7px 40px 0 30px; */
	margin: 7px 20px 0 25px;
  float:left;
}

#main {
	background-color: #FFFAC1;
	padding:10px;
	position: relative;
}

#homeLeftCol {
	width:420px;
	float: left;
}

#homeRightCol {
	width:280px;
	float: right;
	background-color: #F9E3CA;
	padding-left: 5px; padding-right:5px;
	font-size: 12px;
	font-weight: normal;
	line-height:110%;
}

#homeLeftCol p {
	margin: 0 0 8px 0; 
}

#homeLeftCol h2 {
	color: #C0012D;
	font-size: 15px;
	text-transform: uppercase;	
	margin-bottom: 12px; margin-top:6px;
}

#homeLeftCol h3 {
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;	 text-align: center;
	margin-bottom: 6px;
}

#homeRightCol p {
	margin: 0 0 8px 0; text-align: justify;
}

#homeRightCol h2 {
	color: #000000;
	font-size: 15px; font-weight: bold;
	text-transform: uppercase; text-align: center;
	margin: 6px 0 6px 0;
}

#leftCol {
	width:550px;
	float: left;
	
}

#rightCol {
	width:170px;
	float: right;
	background-color: #F9E3CA;
	padding-left: 5px; padding-right:5px;
	font-size: 11px;
}

#leftCol p {
	margin: 0 0 8px 0;
}

#leftCol h2 {
	color: #C0012D;
	font-size: 15px;
	text-transform: uppercase;	
	text-align: center;
	margin-bottom: 12px; margin-top:6px;
}

#leftCol h3 {
	color: #000000;
	font-size: 15px;
	margin-bottom: 12px; margin-top:12px;
	text-align: center; text-transform: uppercase;
}

#leftCol h4 {
	color: #C0012D;
	font-size: 15px;
	text-align: center;
	margin-bottom: 12px;margin-top:6px;

}

ul.listeProblemes {
	margin-left: 40px;	
}

ul.listeProblemes li {
	margin-bottom: 4px;	
}

.spot {width:170px; margin-bottom: 10px; padding: 0; }
.spot h1 { text-align: center; padding: 2px 0 2px 10px; margin: 0 0 0 0px;  font-weight: 600; font-size: 12px; color: #000000; border: 0; }
.spot a {
	text-decoration: none;
}
.spot ul {
	margin-left: 2px;
}

.spot ul li {
	font-size: 13px; margin: 0 0 4px 0; line-height: 1.1em; list-style-type: none; background-color: #FFFAC1; padding: 2px;
}

.spot #title #title1 #title2 #title3 #title4 {
	width:160px; 
	margin: 0 0 3px 0;
}

.spot #content {  }
.spot #content2 {  }
#content3 #content4 {  }
.spot #content p, .spot #content2 p { color: maroon;  margin: 4px 5px 6px 5px; padding: 0; font-size: 14px; line-height: 1em; }

.spot #content a:link, .spot #content a:visited { color: #BE0926; }
.spot #content a:hover { color: #000000; }
.spot #content2 a:link, .spot #content2 a:visited { color: #BE0926; }
.spot #content2 a:hover { color: #000000; }


.spot #content #pentacle {
	text-align: center;
	font-family: "Times New Roman", Times, serif; font-size: 14px; color: #CC0000;
}

.livre  {
	width:530px; 
}

.livre #photo {
	width:100px;
	float: left;
	text-align: center; 
}

.livre #content {
	width:430px;
	float: right;
}

.livre #content h1 {
	font-size: 14px; margin:0; padding:0;
}

.livre #content h2 {
	font-size: 12px; margin:0; padding:0;
}

#livresMoostick, #photosMoostick
{
	display: block;
	height: 100px;
	margin: 0;
	padding: 2px 0 2px 0;
	overflow: hidden;       /* used in css check */
}

#livresMoostick li, #photosMoostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

#livresMoostick .show, #photosMoostick show
{
	visibility: visible;
	opacity: 1;
}

#formulaire-magie-table {
	border: thin solid #B88045; margin: 0 auto; font-size: 12px; background-color: #F5E6C1; width: 526px;
}
#strerrors {
	border: thin solid #B88045; margin: 0 auto; 
	padding-left:16px;
	font-size: 12px; background-color: #F5E6C1; width: 400px;
}

#visu_horoscope {
width:280px;
	float: right;
	background-color: #F9E3CA;
	padding-left: 5px; padding-right:5px;	
	margin-bottom: 30px;
}