/*****************************************************
CSS pour le codage du site
******************************************************/

body{
background: url("body_fond.gif") repeat-x white;
font-family: verdana, arial;
font-size: 12px;
margin: 0;
color: #737373;
}

#logo-gauche{
position: absolute;
top: 170px;
right: 775px;
}

#site{
width: 594px;
float: right;
margin-right: 100px;
position: relative;
display: inline /*Pour le bug des marges des flottants d'IE*/
}

#header{
width: 594px;
height: 168px;
position: relative;
background: url("header_fond.gif");
}
	#titre{
	position: absolute;
	top: 41px;
	left: 38px;
	margin: 0;
	}
	#phare{
	display: block;
	position: absolute;
	top: 95px;
	left: 38px;
	}

#menu{
position: absolute;
top: 21px;
left: 395px;
background: url("menu_fond2.gif");
margin: 0;
padding: 42px 50px 0 15px;
list-style-type: none;
}
/*Pour régler un bug d'IE 5*/
	#menu{
	width: 162px;
	height: 145px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 93px;
	height: 103px;
	}
	html>body #menu {
	 width: 93px;
	height: 103px;
	}
/*Fin du réglage du bug*/
 	#menu li{
	color: rgb(1,87,175);
	font-size: 1px;
	position: absolute;
	left: 20px
	/*top: dans le code html*/
	}
	
#corps{
background: url("site_fond.gif");
padding: 0 15px 0 15px;
}
 /*Pour régler un bug d'IE 5*/
	#corps{
	width: 594px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 564px;
	}
	html>body corps {
	width: 564px;
	}
	#corps{
	height: 450px;
	}
	html>body #corps {
	height: auto;
	min-height: 450px;
	}
 /*Fin du réglage du bug*/
	h2{
	width: 523px;
	background: url("site_separateur.gif") no-repeat bottom;
	margin: 0 0 0 22px;
	padding: 10px 0 0 0;
	color: rgb(1,99,200);
	font-size: 17px;
	font-weight: bold;
	}
	
#footer{
width: 594px;
height: 34px;
background: url("site_footer.gif");
}

/*VERSION 1*/
#sous-menu1 img{
position: relative;
top: 2px;
margin-right: 1px;
}
#sous-menu1 li{
padding-left: 5px;
display: inline;
}

/*VERSION 2*/
#sous-menu2{
margin-left: 150px;
}
#sous-menu2{
list-style-image: url("sous-menu_fleche.gif");
}
#sous-menu2 li{
padding-left: 5px;
}

/*****************************************************
CSS pour l'apparence du site
******************************************************/
a, a:visited{
text-decoration: none;
color: #016BD8;
}
a:hover{
text-decoration: underline;
}
a:active, a:focus{
text-decoration: underline;
font-style: italic;
}

a img{
border: none;
}

h4{
text-decoration: underline;
text-align: center;
font-size: 1em;
margin-top: 30px;
}

.centré{
text-align: center;
}

.gras{
font-weight: bold;
}

.souligné{
text-decoration: underline;
}

.pour_qui{
list-style-type: circle;
}

.indenté{
text-indent: 30px;
margin: 0px 0 10px 0;
text-align: justify;
}


#accueil-logo{
float: right;
margin: 20px 10px 10px 10px;
display: block;
}

/*¨Pour la page "Thérapie Brève, caractéristiques" */
dt{
margin: 20px 0 0 0;
padding:0;
text-indent: 30px;
background: #F2F2F2;
}
dd{
margin: 8px 0 0 0;
padding:0 0 0 20px;
}