/*Met tous les margin et padding à 0 par défaut*/
*{
margin:0;
padding:0;
}

/*Classes particulières pour adapter ponctuellement une boîte*/

/*Mettre en italique*/
.italik{
	font-style: italic;
}

/*Police en rouge*/
.rouge {
color: #991900;
font-size:1em;
}

/*Centrage d'un élément*/
.centrage{
	text-align: center;
}
/*formulaire praticiens*/
form.option
   { background-color:red; width:200px; border:6px solid #991900; }
/*Mise en évidence d'un paragraphe par exemple
fond vert clair, bordure double, texte noir avec lettrine grise*/
.en_valeur{
padding:3px;
background-color:#E2EDC6;
border: 3px double #991900;
font-weight:bold;
}

/*Fin des classes particulières*/



kbd{
	border:2px solid #8B8B8B;
	font-size:1.2em;
	font-weight:bold;
	padding:0 5px 0 5px;
  margin:5px 0 0 0;
}

code{
	font-family: "Courier New", Courier, monospace;
}

/*Accessibilité*/
#easyaccess{
	display: none;
}

#easyaccess, #easyaccess a
{
margin:0;
font-size: 0.8em;
line-height: 1em;
}

#easy-access a:hover, #easy-access a:focus
{
color: #000;
}

/*
Div espace  après les float
*/
.espace{
  clear: both;
}

/*
Body contient un hack pour faire fonctionner 
les menus déroulants sous WinIE
Le fichier csshover.htc doit être à la racine du site
*/
body {
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
background:#991900;
behavior: url(csshover.htc);
}

/* Le cadre central de la page, optimisé 800x600*/
#conteneur {
/*width:750px;
margin:10px auto;*/
margin:20px 30px;
border: 5px double #3A3A3A;
background-color:white;
}

p {
margin: 0 0 10px 0;
}


/*BANDEAU HAUT (LOGO + TITRE)*/
#header{
height: 155px;
background-image: url(http://www.shiatsu-aist.org/images/logo_bandeau.jpg);
background-position:center center;
background-repeat: no-repeat;
border-bottom: 5px double #3A3A3A;
}

#headertxt{
color: #3A3A3A;
height: 150px;
position: relative;
text-align: center;
margin-left: 200px;
margin-right:200px;
font-size:1.8em;
border-bottom: 3px solid #991900;
}

/*Dans le titre, la premiere lettre de chaque mot en gris*/
.lettretitre {
font-size:130%;
color : #991900;
}
.lettretitre2 {
font-size : 1.5em;
color : #8B8B8B;
font-weight:600;
}
/*FIN DU BANDEAU*/


/*Partie centrale de la page (contenu)*/
#centre {
background-color:white;
margin-left: 150px;
margin-right: 150px;
text-align: justify;
padding: 1em;
padding-bottom: 2em;
color:black;
}

/*Paragraphes du contenu :
Petite indentation du paragraphe
Lettrine en gris */
#centre p {
text-indent: 0.5em;
}

#centre .sans_decalement{
	text-indent: 0;
}

#centre a:link{
   text-decoration: underline;
   color:#3A3A3A;
	font-weight: bold;
}

#centre  a:visited {
  color: #AAA;
  font-weight: bold;
}

#centre a:hover{
	color:#FFC20A;
}

 #centre  a:active {  
  text-decoration: none;
}
  
#centre ul {
padding:2em;
padding-top:0;
padding-bottom:1em;
list-style: none;
}

#centre ul li {
list-style-image: url(../images/puce_yinyang.gif);
}

#centre p:first-letter {
font-size : 1.5em;
color : #8B8B8B;
font-weight:600;
}

#centre h1{
	color:#991900;
   font-size:1.7em;
	text-align:center;
	font-weight:500;
	margin-bottom: 0.5em;
	border-bottom: 3px solid #FFC20A;
}

#centre h2{
	color:#991900;
   font-size:1.3em;
	text-align: left;
	font-weight:bold;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #FFC20A;
	border-top: 2px solid #FFC20A;
}

#centre h3{
	color:#991900;
   font-size:1.1em;
	text-align: left;
	font-weight:bold;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #FFC20A;
}

#w3c{
	border: 0;
}

#w3c img{
	border:0;
}
/*Div gauche contient le menu*/
#gauche {
float:left;
width: 140px;
margin-top:3em;
}

#gauche img{
margin-left:32px;
}

/*Div droite pour les news*/
#news{
margin-top:3em;
float:right;
width: 160px;	
}

#droite {
border: 1px solid #CCC;
background-color:#BBB;
font-weight:bold;
padding-right: 0.5em;
}

#droite .boite{
border-bottom:1px solid #CCC;
padding:0.25em 0 0.25em 0.5em;
margin:0;
background-color:#E2EDC6;
color:black;
}

#droite .boite_titre{
border:1px solid #BBB ;
border-right:0;
font-size:1.2em;
text-align: center;
border-bottom:1px solid #DDD;
padding:0.25em 0 0.25em 0.5em;
margin:0;
background-color:#C4DA8D;
color: #991900;
}

#droite li {
list-style-type: none;
border-top: 1px solid #8B8B8B;
padding-right: 1em;
padding-left: 1em;
background-color:#E2EDC6;
}

#droite a:link{
   text-decoration: none;
	font-size: 1em;
   font-weight:bold;
   background-color:#E2EDC6;
   color:#991900;
   padding-left:1em;
   padding-right: 1em;
	line-height: 25px;
	border: 2px solid #FFC20A;
}

#droite  a:visited {
  color: #8B8B8B;
  background-color:#DDD;
  text-decoration: none;
  border: 2px solid #991900;
  font-weight:bold;
  padding-left:1em;
  padding-right: 1em;
  line-height: 25px;
}

#droite a:hover{
text-decoration: none;
	color:#3A3A3A;
	background-color: #C4DA8D;
	border: 2px solid #991900;
	}

 #droite  a:active {  
  text-decoration: none;
  }
  
 /*Div plandusite utilisée uniquement pour la page de plan*/ 
 #plandusite{
 height: 1px;
 }
 
 #plandusite a:link{
   text-decoration: none;
   color:black;
	font-weight: bold;
}

#plandusite  a:visited {
  color: #8B8B8B;
  font-weight: bold;
  text-decoration: none;
}

#plandusite a:hover {
	color:#991900;
}

 #plandusite  a:active {  
  text-decoration: none;
}
  
#plandusite h2 {
	color:#991900;
   font-size:1.2em;
	text-align: left;
	font-weight:bold;
	border-bottom: 2px solid #FFC20A;
}

#plandusite h3 {
	color:#991900;
   font-size:1.1em;
	text-align: left;
	font-weight:bold;
	border-bottom: 1px solid #FFC20A;
}

#plandusite ul {
	margin-left: 1em;
} 

#plandusite ul ul {
	margin-left: -2em;
} 

/*Div pied de page*/
#pied {
clear:both;
background-color:#E2EDC6;
color: #991900;
text-align: center;
font-size: 1.2em;
font-style: italic;
border-top: 5px double #3A3A3A;
margin-top: 1em;
font-weight: bold;
}

#pied a:link{

   margin:1em;
   color: #FFC20A;
   border:1px solid black;
	text-decoration: none;
	font-size: 1em;
   font-weight:bold;
	background-color: #991900;
	padding:0 0.5em ;
	margin-top:1em;
	}
#pied a:visited{

    margin:1em;
    border:1px solid black;
	text-decoration: none;
	color: black;
	background-color: #CCC;
	}	
#pied a:hover{

    margin:1em;
    border:1px solid black;
	text-decoration: none;
	color: #3A3A3A;
	background-color: #FFC20A;
	}
#pied a:active{

	margin:1em;
	border:1px solid black;
	text-decoration: none;
	color: #3A3A3A;
	background-color: #FFC20A;
	}

#piedliens {
padding:0.2em;
border-bottom: 5px double #3A3A3A;
text-align:center;
}

#piedliens a img{
border:none!important;
}

#piedliens a{
font-style:normal!important;   
border:none!important;
background-color:#E2EDC6!important;
font-size:0.8em!important;
color: #991900!important;
text-decoration: none;
font-weight:bold;

	}
#piedliens a:visited{
color: #991900!important;
text-decoration: none;
font-weight:bold;
	}	
#piedliens a:hover{
border:none!important;
text-decoration: none;
color:#FFC20A!important;
	}
	
#piedliens a:active{
border:none!important;
text-decoration: none;
color: #FFC20A!important;
	}

	
#piedprint{
	display: none;
}

/* --------------Images et illustrations avec relief type ombre portée--------------*/

 /*Utilisation :
<div class="la_bonne_classe">
	<img src="fichier.extension"  alt="texte comment" title="texte comment non voyants"/>
</div>
Fin utilisation*/

div.imagedroite {
	float: right;
	margin:10px;
	margin-right: 0px;
}

div.imagedroite img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
}

/*Image alignée gauche*/
div.imagegauche {
	float: left;
	margin:10px;
	margin-left: 0px;
	margin-bottom: 0;
}

div.imagegauche img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
}

div.imagesimple {
	margin:10px;
	text-align : center;
}

div.imagesimple img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
	text-align: center;
}
div.imagesimple a img {
text-decoration: none!important;
}

.commentaire{
	text-align: center;
	font-size: 0.8em;
font-style: italic;
font-weight: bold;
}
.commentaire a{
text-decoration: none!important;
}
 /*Affichage de l'icone d'impression*/
div.imprimer {
	margin:0 680px 0 10px ;
}

div.imprimer img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
	tet-align: center;
}
/*--------------fin images avec ombres----------------  */
 

 
 /* -------------MENU MEYER-----------------*/
/*
Adapté d'Eric MEYER dans More on CSS 
Editions CampusPress
http://www.meyerweb.com/
*/

#menugauche {
list-style-type: none;
}

div#nav {
float: left;
width: 145px;
margin: 0 0 0 -1px;
background: #E2EDC6;
font-weight: bold;
}

div#nav ul {
margin: 0; 
padding: 0; 
width: 145px; 
background: #E2EDC6;
border: 1px solid #AAA;
}

div#nav ul.level1 {
background: #E2EDC6;
}

div#nav ul.level2 {
background: #E2EDC6;
}

div#nav ul.level3 {
background: #E2EDC6;
}

div#nav li {
position: relative; 
list-style: none; 
margin: 0;
border-bottom: 1px solid #CCC;
}

div#nav li:hover {
background: #C4DA8D;
}

div#nav li.submenu {
background: url(images/submenu.gif) 95% 50% no-repeat;
}

div#nav li.submenu:hover {
background-color: #C4DA8D;
}

div#nav li a {
display: block; 
padding: 0.25em 0 0.25em 0.5em;
color:#991900;
text-decoration: none;
width: 6em;
border-left: 0.5em solid #BBB;
}

div#nav li a:hover {
border-left-color:#FFC20A;
color:#3A3A3A;
}

div#nav>ul a {
width: auto;
}
div#nav ul ul {
position: absolute;
top: 0;
left: 145px;
display: none;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
/*  -------------FIN MENU MEYER-----------------*/