html body {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 100%; 
	height: 100%;
 	text-align : center;
 	font-size : 0.8em ; 
 	font-family : arial ;
}
a {
text-decoration:none;
color:#cc6633;
}
a:hover {
color:#fff;
}

h1{
	font-family: Trebuchet, Verdana, Arial, Helvetica;
	font-size: 18px;
	position: relative;
	left: 0px;
	width:320px;
	margin: 0px 0px 10px 0px;
	padding: 4px 0px 4px 40px;
	height:20px;
	color:#FFFFFF;
	}

	h2 {
	margin : 10px 0 10px 0 ; 
	font-size : 14px ; 
	color:#cc6633;
	}
	
	h3 {
	margin : 10px 0 10px 25px;
	font-size : 20px;
	font-weight:100;
	color:#cc6633;
	}
	
	.texte {margin : 5px 4px 5px 4px}
	
	
#fondactus h1{
	background: transparent url(images/fleche.gif) 5px 5px no-repeat;
	background-color: #ff9900;
	}

/*/////////////*/
#haut {
	position : relative ; 
	width : 100% ; 
	height : 78px ; 
	background : #fff ; 
}
#hautcentre  {
	width : 850px;
	height : 78px;
	background : #000 url(images/header-famille-mediation_01.jpg)  no-repeat center;
	margin-left : auto ;
	margin-right : auto;
	background-color: #fff;
}

/* CONTENEUR IMAGE BADEAU */


#flash {
	position : relative ; 
	width : 100% ; 
	height : 222px ; 
	background : #f47620 ; 
}

/* pour centrer */

#in_flash  {
	width : 850px;
	height : 222px;
	background : #000 url(images/header-famille-mediation_02.jpg)  no-repeat center;
	margin-left : auto ;
	margin-right : auto;
	background-color: #f47620;
}

/*//////////////////////////////////////////////////////*/
/*menu*/
#menu {
	position : relative ; 
	width : 100% ; 
	height : 39px ; 
	background : #cc6633 ; }

#in_menu {
	width : 950px ; 
	height : 39px ; 
	background : #cc6633  ; 
	margin-left :auto ;
	margin-right : auto ; 
}

#in_menu ul.nav{
	float:left;
	width: 100%;
	height:39px;
	margin:0;
	padding:0;
	/*margin-left: 80px;*/
}
#in_menu ul.nav li{
	list-style: none;
	float:left;
	height:39px;
	margin:0;
	padding:0;
}
#in_menu ul.nav li a{
	display:block;
	padding:0 15px;
	font:bold 12px/39px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	list-style: none;
	text-decoration:none;
}
#in_menu ul.nav li a:hover{
	color:#fff;
	background-color: #ff9900;
}
/*/////////////////////////////////////////////////////////////////*/
/* MENU */




/*/////////////////////*/



.boot_namepage{
	position : absolute ;
	bottom : 0;
	left : 380px ;
	width : 130px ;   
	height : 15px ; 
	background : #3F3F3F ; 
	}


/* CONTENEURS*/

#centre {
	clear: both;
	width:100%;
	position : relative;
	background :#ffcc99;
	margin-top : 0px;
 }


#contenu {
	position : relative;
	width : 995px;
	background: #ffcc99 url(images/logo.jpg) no-repeat bottom left;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	color : #OOOOOO;
	margin-top : 0px;
 }
 
 #contenuob {
	position : relative;
	width : 995px;
	background: #ffcc99 url(images/bg_centre.jpg) no-repeat bottom left;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	color : #OOOOOO;
	margin-top : 0px;
 }
 
  #contenupour {
	position : relative;
	width : 995px;
	background: #ffcc99 url(images/homme.jpg) no-repeat bottom left;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	color : #OOOOOO;
	margin-top : 0px;
 }
 
   #contenuacces {
	position : relative;
	width : 995px;
	background: #ffcc99 url(images/seance.jpg) no-repeat bottom left;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	color : #OOOOOO;
	margin-top : 0px;
 }
 
    #contenuavec {
	position : relative;
	width : 995px;
	background: #ffcc99 url(images/couple.jpg) no-repeat bottom left;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	color : #OOOOOO;
	margin-top : 0px;
 }
 
 #contenu-contact {
	position : relative;
	width : 995px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	color : #OOOOOO;
	margin-top : 0px;
 }
 
 
#image {
	position:relative;
	width : 600px; 
	padding: 20px 0px 0px 0px;
	background :#ffcc99;
	margin-left : auto;
 	margin-right : 40px;
 	text-align : left;
 	color :#OOOOOO ;
 	}
	
#map {
	position:relative;
	width : 450px; 
	margin-left : 420px;
 	margin-right : auto;
	padding: 20px 0px 0px 0px;
	background :#ffcc99;
 	color :#OOOOOO ;
 	}
 
 .gauche {
 	float : left ;
	position:relative; 
 	margin : 0 0px 0 0px;
	height:100%;
	bottom:auto;
 	}
 
#contenu p{
	margin : 0 25px 5px 25px; 
	font-size : 0.8em ; 
	color : #ffcc99; 
	}
	
#contenuob p{
	margin : 0 25px 5px 25px; 
	font-size : 0.8em ; 
	color : #ffcc99; 
	}
	
#contenupour p{
	margin : 0 25px 5px 25px; 
	font-size : 0.8em ; 
	color : #ffcc99; 
	}
	
#contenuacces p{
	margin : 0 25px 5px 25px; 
	font-size : 0.8em ; 
	color : #ffcc99; 
	}
	
#contenuavec p{
	margin : 0 25px 5px 25px; 
	font-size : 0.8em ; 
	color : #ffcc99; 
	}
	
contact .p{
	font-size : 0.8em ; 
	color : #ffcc99; 
	}
	
#contenu-contact p{
	margin : 0 25px 5px 25px; 
	font-size : 0.9em ; 
	}

.contenu-contact{
	float : left ;
	padding: 20px 0px 0px 0px;
	font-size : 0.9em ; 
	width : 300px;
	position:relative; 
 	margin : 0 0px 0 0px;
 	}
	
.contact{
	float : left ;
	padding: 20px 0px 0px 0px;
	width : 300px;
	position:relative; 
 	margin : 0 0px 0 0px;
 	}
	
.pixel{
	position: absolute;
	width : 450px;
	height:400px;
	}
/*//////pied de page //////////// */

#footer-wrap {
	clear: both;
	width : 100%;
	text-align: center;
	z-index:0;
	background-color: #FFFFFF;
}

#footer-wrap a {
	display:inline;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color:#ffcc99;
}
#footer-wrap a:hover {
	color: #CC6633;	
}

#footer {
clear:both;

}

.foot-infos {
	font-size:x-small;
	color:#cc6633;
	}
	
.clear {clear: both;}

/*fin pied de page*/