body{
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px; 
background-color:#ffffff; 
}





#page
{
margin: 0 auto;
width: 900px;
background-color:#fbfbfb;
}

/*HEADER*/



#entete
{width: 900px;
height: 100px;
background-color:#ffbfbf;
margin: 0 auto;
}

#separateur
{height:22px;
width:900px;
background-color:#ffccee;

margin-top:20px;

}

#menu
{margin-top:20px;}

#menu ul
{
margin: 0;
padding:0;
border: #FF6666 1px solid;
list-style: none ;
text-align: center ;
}


#menu li
{display:inline
 }





/*BODY CONTAINER*/


#body_container
{

width:900px;

margin-top: 30px;

}



#left_column
{
width:200px;
background-color:;
float: left;
margin: 0 auto;

}


#module1
{
width:200px;
height:270px;
background-color:;
border: 2px #FF99CC solid;
background: url(image/voyancedirecte.jpg)
}

#module1 strong
{padding-left: 2em;}




#menugau {
	width: 200px;
	margin-top: 10px;
	list-style: none;
	font-weight:bold;
border: 2px #FF99CC solid;
	}
	
#menugau li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#menugau li a:link, #menugau li a:visited {
	color: #000000;
	display: block;
	background: url(image/menugau.gif);
	padding: 8px 0 0 20px;
	}
	
#menugau li a:hover {
	color: #257EB7;
	background: url(image/menugau.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
#menugau li a:active {
	color: #fff;
	background: url(image/menugau.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}

#menugau ul
 	{
	list-style: none;
	margin: 0;
	padding: 0;
	}







/*Right Column*/



#right_column
{
width:200px;
float:right;
margin: 0 auto;
margin-right: 4px;
}

#module3
{width:200px;
height:300px;
border: 2px #FF99CC solid;
}


#module3 strong
{padding-left: 2em;}


#box
{
background-image: url("image/bleu.jpg");
margin-top:10px;
width:200px;
height:169px;
border: 2px #FF99CC solid;
}


#box1
{
width:200px;
height:270px;
border: 2px #FF99CC solid;
background-image: url("image/voyanceprivee.jpg");
}



#box fieldset
{border: none;}


#box2
{
text-align:center;

margin-top:10px;
width:200px;
height:70px;
border: 2px #FF99CC solid;
}




#box3
{

}

.question 
{
border:none;
background-color: ;
 font-weight: bold;
font-size: 12px;
padding-left:100px;
font-family: arial;
color: #006699;
  margin-bottom:1em;
  width:350px;
  padding-top:1.5em;

}


textarea
{
height:107px;
overflow-x:auto;
overflow-y:auto;
width:250px;
}

.videofabio
{float:left;}





/*CENTER CONTAINER*/
#center
{
width: 470px;
background-color: ;
margin:0 auto;
font: 0.8em arial;
text-align:justify;
}

#center h1
{
text-align:left;
font-size:20px;
}

.central
{widht:470px;
height: 280px;
margin:0 auto;
}

.fabiopub
{
display:block;
margin-left:auto;
margin-right:auto;
width:400px;

}



.horos
{ font-weight: bold;
  background-image: url("image/horos.jpg");
  margin:0 auto;
  width:450px;
  padding-top:1.5em;
border: 2px #FF99CC solid;

}




.formh
{text-align: center;
color:#FF99CC;

}

.formquest
{
background-image: url("image/kryst.jpg");
}


.clearfooter {
height: 30px;
clear: both;
}



.fabio
{border: 2px #FF99CC solid;
width:200px;

}

.video
{margin: 0 auto;
align:center;
width:200px;


}



#separateur2
{height:15px;
width:900px;
background-color:#ffccee;
margin: 0 auto;
}






#menu, #menu ul  
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 21px;
        text-align : center; 
}

#menu /* Ensemble du menu */
{
        font-weight : bold; 
        font-family : verdana; 
        font-size : 11px; 
background: url("../images/menuonevoyance.jpg");
height:22px;
widht:900px;
}

#menu a /* Contenu des listes */
{
        display : block; 
        padding-right: 10px; 
		 padding-left: 10px; 
        background : ;       
        color : #000; 
        text-decoration : none; 
      
border-right: #ffffff 1px solid;
}

#menu li    
{ 
        float : left; 
       
        border-right : 1px solid #fff; 
}


html>body #menu li
{
        border-right: 1px solid transparent ; 
}

#menu li ul 
{ 
        position: absolute; 
        width: 144px; 
        left: -999em; 
}


#menu li ul li /* Éléments de sous-listes */
{
        
        border-top : 1px solid #fff; 
}


html>body #menu li ul li                
{
        border-top : 1px solid transparent; 
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; 
      
        border-left     : 1px solid #fff ;   
}


html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; 
}

#menu a:hover  
{
        color: #FF00FF ; 


}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; 
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
        left: auto; 
        min-height: 0; /* Corrige un bug sous IE */
}