* {
margin:						0;
padding:					0;
font-family:				arial;
}

h1, h2, h3, h4, h5, h6 {
font-weight:				normal;
}

img{
border:					none;
}

a {
color:						inherit;
text-decoration:			none;
}

.clear_both 				{	clear:					both; 			}
.clear_left 				{	clear:					left;			}
.clear_right 			{	clear:					right;			}
.float_left 				{	float:					left;			}
.float_right 			{	float:					right;			}
.float_none 				{	float:					none;			}
.bold 					{	font-weight : 			bold; 			}
.normal 					{	font-weight : 			normal; 		}
.italic 					{	font-style : 			italic; 		}
.justify 				{	text-align : 			justify; 		}
.relative				{	position : 				relative; 		}
.absolute 				{	position : 				absolute; 		}
.textAlignCenter 		{	text-align : 			center; 		}
.borderNone 				{	border : 				0; 				}
.textDecorationNone 		{	text-decoration : 		none; 			}
.px10 					{	font-size : 			10px; 			}
.px12 					{	font-size : 			12px; 			}
.px14 					{	font-size : 			14px; 			}
.px16 					{	font-size : 			16px;			}
.px22 					{	font-size : 			22px; 			}
.white 					{	color : 				white; 			}
.black 					{	color : 				black;			}

.rose{
color:						#994F72;
}

#content {
width:						998px;
margin:						0 auto;
line-height:				18px;
z-index:					2;
position:					relative;                
background:					url("/media/image/interface/contentBg.png") repeat-y 0px 0px;
}

/* FIL ARIANE */

#filAriane {
background:					url("/media/image/interface/iconeAccueil.png") no-repeat 0px 13px;
padding:					10px 0 0 17px;
margin:						0 0 0 45px;
font-size:					12px;
}

#filAriane p {
color:						#6d6b4d;
}

#filAriane p a {
color:						#6d6b4d;
font-size:					12px;
}

#filAriane p a:hover {
text-decoration:			underline;
}

/* FOOTER */
#global #footer {
border-left:				1px solid #cfcfcf;
border-right:				1px solid #cfcfcf;
background:					#BBBB27 url("/media/image/interface/fondFooter.jpg") repeat-x 0px -1px;
position:					relative;
clear:						both;
font-size:					12px;
z-index:					2;
}

#global #footerHolder {
width:						930px;
margin:						0 auto;
}

#global #footer #listeIcone {
margin-right:				5px;
}

#global #footer #listeIcone a{
float:						right;
height:						38px;
width:						38px;
margin-left:				10px;
margin-top:					7px;
}

#global #footer .liste{
float:						left;
margin-top:					10px;
}

#global #footer  h2{
color:						#6D6B4D;
float:						left;
margin-right:				10px;
}

#global #footer ul{
margin:						4px 5px;
color:						#fff;
list-style-type:			none;
float:						left;
}

#global #footer ul li{
float:						left;
padding-right:				5px;
margin-left:				5px;
border-right:				1px solid #fff;
}

#global #footer ul li:last-child{
border-right:				none;
}

#global #footer ul li a{
color:						#fff;
margin:						3px 0;
}

#global #footer ul li a:hover{
color:						#6D6B4D;
}
/* HEADER */

#global #globalHeader {
background:					url("/media/image/interface/fondHeader.jpg") repeat-x;
font-size:					12px;
}

#global #header {
height:						120px;
position:					relative;
width:						998px;
z-index:					999;
margin:						0 auto;
}

#global #header #arbreHeader {
width:						125px;
height:						119px;
background:					url("/media/image/interface/arbreHeader.jpg") no-repeat;
}

#global #header #fondVioletHeader {
width:						856px;
height:						17px;
background:					url("/media/image/interface/fondVioletHeader.jpg") no-repeat;
bottom:						0;
right:						0;
position:					absolute;
}

#global #header h1 {
width:						856px;
height:						53px;
background:					url("/media/image/interface/titleHeader.jpg") no-repeat;
top:						24px;
right:						0;
position:					absolute;
}

#global #header h1 span {
text-indent:				-9999px;
position:					absolute;
top:						-5000px;
left:						-9999px;
}

/* MENU */

#global #globalMenu {
background:					url("/media/image/interface/menuM.png") repeat-x;
font-size:					12px;
position:					relative;
z-index:					9990;
}

#global #menu {
height:						39px;
width:						998px;
margin:						0 auto;
font-size:					12px;
}

#global #menu #menuG {
background:					url("/media/image/interface/menuG.png") no-repeat;
width:						10px;
height:						39px;
float:						left;
}

#global #menu #menuM {
height:						39px;
margin-left:				30px;
}

#global #menu #menuD {
background:					url("/media/image/interface/menuD.png") no-repeat;
width:						10px;
height:						39px;
float:						left;
}

#global #menu #menuM #listItemMenu {
float:						left;
}

#global #menu .styleItemMenu {
color:						#3b3a26;
font-size:					13px;
cursor:						pointer;
list-style-type:			none;
}
 
#global #menu .itemMenu {
position:					relative;
float:						left;
}

#global #menu .itemMenu li {
height:						26px;
padding:					11px 0 0 0;
}

#global #menu .itemMenu li a {
padding:					10px 4px 10px 4px;
font-size:					12px;
}

#global #menu .itemMenu li ul {
position:					absolute;
left:						0px;
top:						37px;
border:						1px solid #707070;
display:					none;
z-index:					9998;
}

#global #menu .itemMenu li ul li ul {
left:						252px;
top:						-1px;
border-top:					1px solid #707070;
z-index:					9998;
}

#global #menu .itemMenu li ul li {
height:						23px;
padding-top:				5px;
padding-left:				8px;
background:					#984f71;
color:						#FFFFFF;
position:					relative;
}

#global #menu .itemMenu li ul li a {
width:						244px;
padding:					3px 0 2px 0;
float:						left;
}

#global #menu .itemMenu li ul li.bis {
background:					#a76383;
}


#global #menu .slashMenu {
float:						left;
border-right:				1px solid #cccccc;
height:						25px;
position:					relative;
top:						7px;
left:						0;
}


div#page{
width:			908px;
margin:			0 auto;
color:			#505050;
padding:		18px 45px;
font-size:		12px;
}

div#pageText{
width:			700px;
color:			#505050;
padding:		18px 45px;
font-size:					12px;
}


h2 {
color:			#984f71;
font-size:		18px;
text-transform:	uppercase;
font-weight:	bold;
margin-bottom:	10px;
}

h3 {
color:			#984f71;
font-size:		18px;
font-weight:	bold;
margin-bottom:	12px;
}

h4 {
color:			#505050;
font-weight:	bold;
margin-bottom:	2px;
}

.vert{
color:			#bbbb27;
}

h2.menuDroite{
color:			#6d6b4d;
font-size:		16px;
margin:			0 0 18px 2px;
}

.encart{
background:		url("media/image/interface/encart-bg.gif") repeat-y left top;
width:			100%;
padding:		0 12px;
}

.encartTop{
margin:			18px 0 0 0;
background:		url("media/image/interface/encart-top.gif") no-repeat left top;
width:			340px;
height:			10px;
padding-top:	10px;
}

.encartBottom{
background:		url("/media/image/interface/encart-bottom.gif") no-repeat left top;
width:			340px;
height:			12px;
}

.encart p{
color:			#f4f4f4;
}

.encart a{
color:			#f4f4f4;
font-weight:	bold;
font-size:		14px;
text-decoration:none;
margin-top:		14px;
}

.phone{
background:		url("media/image/interface/phone.png") no-repeat left top;
padding-left:	30px;
height:			20px;
display:		block;
width:			300px;
}

.mail{
background:		url("media/image/interface/mail.png") no-repeat left top;
padding-left:	30px;
height:			20px;
display:		block;
width:			300px;
}

ul.liste  li {
margin-top:		10px;
margin-left:	0 !important;
border:			1px solid #cececd;
padding:		10px;
background:		#F5F5F5; 
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background:		-webkit-gradient(linear, left top, left bottom,
				from(#fff), to(#F5F5F5) ); 
background:		-moz-linear-gradient(  top,
				#fff, #F5F5F5 );
list-style-type:none;
}

dl{
margin-bottom:	18px;
}

dt{
font-size:		13px;
font-weight:	bold;
margin-bottom:	12px;
}

dd{
font-size:		12px;
padding-left:	15px;
background:		url("media/image/interface/bullet.jpg") no-repeat left 8px;
}

div#sous-menu{
width:			312px;
}

#sous-menu h2{
margin-left:	17px;
}

#sous-menu ul li{
padding:		10px 9px;
background:		#505050;
list-style-type:none;
background:		url("media/image/interface/sous-menuBg.gif") no-repeat left top;

}

#sous-menu ul li.active{
margin-top:		1px;
background:		url("media/image/interface/sous-menuBgActive.gif") no-repeat left top;
}

#sous-menu ul li a{
color:			#fff;
text-decoration:none;
font-weight:	bold;
height:			12px;
padding-left:	30px;
background:		url("media/image/interface/puce.png") no-repeat left 4px;
}

#sous-menu ul li a:hover{
color:			#bbbb27;
background-position:		0 -9px;
}

#page p{
margin-bottom:	10px;
text-align:		justify;
}

p.text{
float:			right;
width:			500px;
}

#page img#droite{
border:			4px solid #505050;
float:			right;
margin-bottom:	20px;
}

#page h3{
/*border-bottom:	1px dotted #994F72;*/
}

#page ul{
margin-bottom:	10px;
}

#page ul li{
margin-left:	15px;
}

#map{
border:			4px solid #505050;
background:		#505050;
}

p#adresse{
background:		url("media/image/interface/adresse.jpg") no-repeat left 12px;
padding-left:	28px;
}

p#metro{
background:		url("media/image/interface/metro.jpg") no-repeat left top;
padding-left:	30px;
padding-top:	2px;
}

p#metro span{
height:			24px;
display:		block;
}

p#metro span img,p#bus span img{
vertical-align:	middle;
margin:			0 5px 0 0;
}


p#bus{
background:		url("media/image/interface/bus.jpg") no-repeat left top;
padding-left:	30px;
padding-top:	2px;
}

#bibliotherapie{
width:			894px;
margin:			0 auto;
background:		#fff;
color:			#505050;
padding:		18px 45px;
}

#bibliotherapie h3{
margin-top:			20px;
}

#sousMenuBiblio {
margin:			0 0 15px 0;
border:			1px solid #D1D1D1;
width:			290px;
}

#sousMenuBiblio  li{
list-style-type:none;
}

#sousMenuBiblio  a{
display:		block;
background: url("/media/image/interface/menuM.png") repeat-x scroll 0 -2px transparent;
line-height:	22px;
font-size:		12px;
padding-left:	8px;			
}

#sousMenuBiblio  a:hover{
color:			#FFF;
background:		#505050;	
}

.ouvrage{
display:		block;
margin-bottom:	7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.ouvrage h4{
display:		block;
background:		url("media/image/icone/book.png") no-repeat left 4px;
padding-left:	39px;
line-height:	36px;
font-size:		14px;
font-weight:	normal;
color:			#505050;
}

.bloc{
border:			1px solid #cececd;
padding:		20px;
margin:			15px 0px;
background:		#F5F5F5;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
background:		-webkit-gradient(linear, left top, left bottom,
				from(#fff), to(#F5F5F5) ); 
background:		-moz-linear-gradient(  top,
				#fff, #F5F5F5 );
}

#sous-menu-methodes ul  {
margin:			16px 0 0 0;
border:			1px solid #D1D1D1;
}

#sous-menu-methodes ul li{
margin:			0;
list-style-type:none;
}


#sous-menu-methodes li.active a{
background:		#984F71;
color:			#FFF;
}

#sous-menu-methodes a{
display:		block;
background: url("/media/image/interface/menuM.png") repeat-x scroll 0 -2px transparent;
line-height:	22px;
font-size:		12px;
padding:		0 8px;	
}

#sous-menu-methodes a:hover{
color:			#984F71;	
}

#pageDroite{
float:			right;
width:			605px;
}

a#imprimer{
clear:			both;
float:			right;
margin:			10px 0 10px 10px;
border:			none;
}

a#top{
float:			right;
margin:			10px 0 10px 10px;
border:			none;
}

.photo{
background:		url(/media/image/interface/avatar.png) no-repeat left top;
width:			111px;
height:			120px;
float:			left;
}

.photo img{
margin:			10px;
}

#feuilleGauche{
background:		url(/media/image/interface/feuilleDroite.png) no-repeat left top;
width:			241px;
height:			571px;
position:		absolute;
left:			0;
top:			165px;
z-index:		1;
}

#feuilleDroite{
background:		url(/media/image/interface/feuilleGauche.png) no-repeat left top;
width:			241px;
height:			571px;
position:		absolute;
right:			0;
top:			165px;
z-index:		1;
}
