html
{
	margin:0;
	padding:0;
	height:100%;}
	
	
body {position:relative;
	font-family: Arial, Helvetica, sans-serif;    
	width:100%;
     height:100%;
	margin:0;padding:0;
}


#corps {
	position:relative;
	height:99%;
     min-height:500px;
	-moz-box-shadow:-2px -2px 2px grey,4px 4px 4px grey;
	-webkit-box-shadow:-2px -2px 2px grey,4px 4px 4px grey;
	box-shadow:-2px -2px 2px grey,4px 4px 4px grey;
	width:60%;
	min-width:700px;
	margin:0 auto;;


}


					
#renseignements{
				text-align:center;                     
                font-family:arial;
                font-size:0.7em;
                font-weight:bold;
		
           
			}
								
#renseignements dl{
					display:inline-block;
                    width:25%;		 				
					padding:1% 0;
					margin:0;
					}

#renseignements dt{ 
                    margin:0; 
					padding:0;	
						}

#renseignements dt a{ color:#b2b2b2;
                    text-decoration:none;
					padding:0;	
					margin:0;									
					}
										

#renseignements dt a:focus {
	color:#000000;
	background-color: none;}									


#publics {
position:relative;
width:80%;
text-align:center;
margin:0 auto;
overflow:auto;
height:60px;}             
               
#publics dl{ 
float:right;
            padding:0;
		    width:20%;
		
				    
					 }

#publics dt{ 
			padding:0;
			margin:0; 
			}

#publics dt a{color:#7f7f7f;
            text-decoration:none;
			margin:0;
			padding:0; 
			}
						


#publics dt a:focus {color:black;
}
#publics dt a:hover {
font-size:1.1em ;
color:#7f7f7f;
text-shadow:4px 4px 8px grey;
}



/*Le contenu*/



h1{
			position:absolute;	
width:100%;			
			text-align:center;
			color:#4c4c4c;
			top:30%;		
			font-size: 2.5em; 
			letter-spacing:0.4em;
			font-family:sans-serif;
			padding:0;
			margin:0 auto;}
				



            
            

#no{
position:relative;
top:50%;
	font-size:1.1em;
	padding:3% 0;
	margin:0 auto;

	text-align:center;
	text-shadow: 1px 1px 2px #000;
	width:100%;
opacity:0.7;
}




/*pied de page*/
#footer{position:absolute;	
              width:100%;
			 text-align:center;
			  padding:0;
			  margin:0 ;
		bottom:0;
			  font-size:0.7em;
			  letter-spacing:0.2em;
			  
			  left:0;			 
			color:#000000 ; }
			
/* Presentation*/
h1.presentation{position:absolute;
top:20%;
left:7%;
	
	width:auto;
	font-weight:bold;
	font-size:1.5em;
	color:black;
		z-index:500;
}
		 
		 
#p{position:absolute;
      text-align:justify;
       top:25%;
	   left:50px;
	   width:800px;
	   padding:30px 20px 10px 20px;
	   line-height:2em;
	font-size:0.8em;}


#image{float:left;
		margin:5px 20px 10px 0px ;
		}
			
			

				
/*biographie*/
#presentation{
position:absolute;
top:30%;
left:55px;
height:50%;
width:90%;
line-height:120%;
}



				
/*formulaire*/
#formulaire{position:relative;
            width:70%;
		left:0;
		top:10%;
			margin:0 auto;
			font-size:0.9em; 
            color:blue;   
	padding:15px;
			line-height:200%;
background-color:pink;
		border:grey 10px solid;
	}

input#envois{visibility: hidden; display:  none;}

/*pages public*/

#titre{position:relative;

		font-family:courrier;
font-variant:small-caps;
           letter-spacing:0.7em;
		   font-size:1em;
		   text-align:center;
		top:4%;
		width:100%;
		   padding:0 ;
		   margin:0;
		
		 font-weight:bolder;
		background-color:#000000;
		   color:#fff;
	
		
		
		   }
		   
#ecrivain{

position:absolute;
left:0;
top:25%;

				  font-weight:bold;
				  font-size:1.3em;
				  text-align:left;
				  color:#4c4c4c;
				  padding:0;
				  margin:0;
				  display:inline-block;
				 }
				  
#conseil{
position:absolute;
		right:0;
		top:25%;
				display:inline-block;
				
				font-size:1.3em;
				font-weight:bold;
				text-align:right;
				color:#4c4c4c;
				padding:0;
				margin:0;
				
				
				}

/*liste des prestations */

#ul{font-size:0.8em;
       position:absolute;
	   left:0;
	   top:35%;
	   padding:0 0 0 2%;
	   margin:0;
	overflow:hidden;
		width:40%;
	   list-style-type:none;
	   line-height:230%;
	   text-align: left; 
		
	   color:#7f7f7f;
	  display:inline-block;
     border-left:grey 10px solid;
	   }

        
span{font:1.5em bold;}
         
	   
#ulconseil{font-size:0.8em;
display:inline-block;
                    position:absolute;
					right:0;
					top:35%;
				overflow:hidden;
					width:40%;					
					padding:0 2% 0 0;
					margin:0;
					list-style-type:none;
					line-height:270%;
					text-align:right;				
					color:#7f7f7f;
                         
                border-right:grey 10px solid;
					

					}

p#bio{
padding:0; margin:0;
	width:85%;
	margin:0 auto;
	position:relative;
	top:5%;
	line-height:160%;}
	
.para1{color:black;}