/* CSS Document */

/* Style global pour l'ensemble du site */
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, verdana, sans-serif;
text-align:center;
font-size: 13px;
background-color: #B25D0A;
font-weight:normal;
}
a{ 
color:#753C05;
}
a:hover{ 
color:#BD6005;
}
/* HAUT positionnement du haut #753C05;*/
#header{
position :relative;
width: 988px;
height: 115px;
text-align:left;
padding:0;
margin:0 auto 0 auto;  /* pour que les textes soient bien placés d'une résolution à l'autre de l'écran dans le cas où l'on centre l'interface*/
background-color: #CC6B0D;
background-image: url(../images/fond-haut.jpg);
background-repeat: no-repeat;
background-position: center top;
z-index:10;
}
/* HAUT LOGO positionnement du logo Konversando */
#logo{
position: absolute;
margin-left:16px;
border:none;
}
/* HAUT ESPACES positionnement du menu espaces */
#navheader, #navheader ul{
width:440px;
position: absolute;
margin-left: 545px;
margin-top: 17px;
margin-bottom:0px;
padding:0px;
font-size: 13px;
list-style-type: none;
color:#EFCE18;
font-weight:bold;
}
#navheader li{
margin:0px;
padding:0px;
display: inline; 
float: left;
}
#navheader a{
margin-top: 4px;
margin-left: 0px;
padding-bottom:14px;
padding-left: 15px;
padding-right: 40px;
padding-top: 8px;
display: block; 
border-left:1px dotted #F4B136;
color:#EFCE18;
text-decoration: none;
}

.blanc {
color:#FFFFFF;
}
.fleche1 {
position:absolute;
z-index:0;
top: 12px; 
left:85px;
border:0px;
}
.fleche2 {
position:absolute;
z-index:0;
top: 12px; 
left:230px;
border:0px;
}
.fleche3 {
position:absolute;
z-index:0;
top: 12px; 
left:390px;
border:0px;
}
/* MENU DEROULANT PRINCIPAL HAUT */
#nav, #nav ul { /* toutes les listes */
list-style: none;
color:white;
position: absolute;
float:right;
margin-right: 0px;
right:0px;
margin-top: 88px;
margin-bottom:0px;
padding:0px;
list-style-type: none;
z-index:10;
font-size: 13px;
}
#nav a {
display: block;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
margin-left: 0px;
margin-right:0px;
padding-bottom:6px;
padding-left: 0px;
padding-right: 0px;
padding-top: 6px;
}
#nav a:hover {
background-color: #BBAF03;
text-decoration:none;
}
#nav li { /* tous les items de liste */
float: left;
width: 5em;/* largeur obligatoire, sinon opera devient fou */
margin-left:0px;
margin-right:0px;
padding:0px;
}
#nav li ul { /* listes de deuxième niveau */
position: absolute;
background: orange;
padding:0px;
margin:0px;
right: 999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
right: auto;
}
/* ACCUEIL */
#nav .accueil {
background-color:#CC6B0D;
height: 15px;

}
#nav a.accueil {
font-weight: normal;
color: #FFFFFF;
width: 6em;
text-align:center;
background-color:#CC6B0D;
}
#nav a:hover.accueil {
text-decoration:underline;
background-color:#CC6B0D;
width: 6em;
}
#nav li.accueil { /* tous les items de liste */
padding-left: 0px; /* on décale cette partie accueil pour ne pas coller au bord*/
padding-right: 0px;/* on décale cette partie pour ne pas coller à langue*/
width: 6em;/* largeur obligatoire, sinon opera devient fou */
font-size:0.9em;
}
/* LANGUES*/

#nav a.langues2 {
width: 7em;
background-image:url(../images/bt-langues.jpg);
background-repeat:no-repeat;
background-position:right;
background-color:#CC6B0D;
}
#nav a:hover.langues2 {
width: 7em;
background-image:url(../images/bt-langues2.jpg);
background-repeat:no-repeat;
background-position:right;
background-color:#CC6B0D;
}
#nav a.langues {
width: 7em;
}
#nav li.langues{ /* tous les items de liste */
background: #753C05;
width: 7em;/* largeur obligatoire, sinon opera devient fou */
}
#nav li ul.langues { /* listes de deuxième niveau */
width: 7em;
}
/* PRIX */
#nav a#prix {
width: 4em;
}
#nav li#prix{ /* tous les items de liste */
background: #753C05;
width: 4em;/* largeur obligatoire, sinon opera devient fou */
}
/* HORAIRES */
#nav a#horaires{
width: 7em;
}
#nav li#horaires{ /* tous les items de liste */
background: #753C05;
width: 7em;/* largeur obligatoire, sinon opera devient fou */
}
/* LIEU*/
#nav a#lieu{
width: 4.5em;
}
#nav li#lieu{ /* tous les items de liste */
background: #753C05;
width: 4.5em;/* largeur obligatoire, sinon opera devient fou */
}
/* PUBLIC */
#nav a.public{
width: 5em;
}
#nav li.public{ /* tous les items de liste */
background: #753C05;
width: 5em;/* largeur obligatoire, sinon opera devient fou */
}
#nav li ul.public { /* listes de deuxième niveau */
width: 5em;
}
/* ESPRIT */
#nav a#esprit{
width: 11.4em;
}
#nav li#esprit{ /* tous les items de liste */
background: #753C05;
width: 11.4em;/* largeur obligatoire, sinon opera devient fou */
}
/* MUSTS*/
#nav a#musts{
width: 7em;
}
#nav li#musts{ /* tous les items de liste */
background: #753C05;
width: 7em;/* largeur obligatoire, sinon opera devient fou */
}
/* PARLE */
#nav a.parle{
width: 9em;
}
#nav li.parle{ /* tous les items de liste */
background: #753C05;
width: 9em;/* largeur obligatoire, sinon opera devient fou */
}
#nav li ul.parle { /* listes de deuxième niveau */
width: 9em;
}
/*CONTACTER*/
#nav a#contacter{
width: 9em;
}
#nav li#contacter{ /* tous les items de liste */
background: #753C05;
width: 9em;/* largeur obligatoire, sinon opera devient fou */
}
/*PICTOS*/
.maison {
position:absolute;
z-index:0;
top: 4px; 
left:-5px;
border:0px;
}
/* MENU NAVIGATION HAUT "PRESENATION ECLAIR" positionnement du menu principal */
#nav2, #nav2 ul { /* toutes les listes */
list-style: none;
color:white;
width:130px;
position: absolute;
margin-left: 0px;
margin-top: 115px;
margin-bottom:0px;
margin-right:0px;
padding:0px;
z-index:9;
font-size: 13px;
}
#nav2 li { /* tous les items de liste */
float: left;
width: 12.5em;/* largeur obligatoire, sinon opera devient fou */
padding-left:0px;
margin-left:0px;
}
#nav2 a {
background-image:url(../images/bt-presentation-on.gif);
background-repeat:no-repeat;
background-color:#FCE4A6;
width: 12.5em;
display: block;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
margin-left: 0px;
padding-bottom:6px;
padding-left: 0px;
padding-right: 0px;
padding-top: 6px;
}
#nav2 a:hover {
background-image:url(../images/bt-presentation-off.gif);
background-repeat:no-repeat;
background-color:#FCE4A6;
text-decoration:none;
width: 12.5em;
}
/* MENU NAVIGATION BAS */
#footer{ /* c'est le bloc conteneur*/
padding:0px;
margin:0 auto 0 auto; /* pour que les textes soient bien placés d'une résolution à l'autre de l'écran dans le cas où l'on centre l'interface*/
list-style: none;
text-align:left;
font-weight:bold;
color:white;
width:988px; /* largeur de l'interface du milieu*/
height:25px; /* hauteur*/
background-color:#944D08;
z-index:0;
}
#navfooter, #navfooter ul{
width:400px; /* largeur de l'ensemble des rubriques */
margin-left: 324px;/* pour centrer les textes */
margin-top: 0px;
margin-bottom:0px;
padding:0px;
font-size: 12px;
list-style-type: none;
}
#navfooter li{
margin-top:5px;
padding:0px;
display: inline; 
float: left;
border-left:1px solid #EA8A2C;
padding-left:0px;
margin-left:0px;
}
#navfooter li.trait{
border-right:1px solid #EA8A2C;
}
#navfooter a{
color:white;
margin:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:8px;
padding-right:8px;
display: block; 
text-decoration: none;
font-weight:normal;
}
#navfooter a:hover{
background-color: #BBAF03;
font-weight:normal;
}
/* MENU NON DEROULANT NAVIGATION GAUCHE*/
#navleft{ 
width:150px; /* largeur du bloc*/
margin-top:65px;
margin-left:20px;
list-style: none;
padding:0px;
z-index:10;
}
#navleft ul{ 
margin: 0px; /* marge gauche bloc edito par rapport au bloc du milieu*/
}
#navleft li{ 
color:#753C05;
background-color:#DED671;
line-height:22px;
font-size: 13px;
padding-left:0px;
margin-left:0px;
}
#navleft a{ 
width:140px; /* largeur du bloc*/
text-decoration: none;
color:#753C05;
border-bottom:1px dotted #BAB21F;
display: block; 
padding-left:8px;
line-height:23px;
padding-top:0px;
padding-bottom:0px;
}
#navleft a:hover{ 
text-decoration: none;
background-color:#C7BB05;
}
#navleft li.bt-navleft{ 
background-image: url(../images/bt-navgauche.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
font-weight:bold;
color: #FFFFFF;
}
#navleft a.bt-navleft{ 
background-image: url(../images/bt-navgauche.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
color: #FFFFFF;
padding-left:10px;
width:120px; /* largeur du bloc*/
}
#navleft a:hover.bt-navleft{ 
background-image: url(../images/bt-navgauche.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
color: #FFFFFF;
}
#navleft a:hover.jaune {
color:#753C05;
}
.jaune {
color:#EFCE18;
}
#navleft .bt-sslien{ 
width:140px; /* largeur du bloc*/
text-decoration: none;
color:white;
padding-left:10px;
background-image: url(../images/bt-navgauche.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
font-weight:bold;
}
/* MENU DEROULANT NAVIGATION GAUCHE*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
padding-left:0px;
margin-left:0px;
}
#navleft2 {
width:160px; /* largeur du bloc*/
margin-left: 20px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-top: 65px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-bottom:0px;
list-style: none;
padding:0px;
z-index:10;
}
#navleft2 dt{
cursor: pointer;
color:#753C05;
background-color:#DED671;
font-size: 13px;
border-bottom:1px dotted #BAB21F;
line-height:22px;
}
#navleft2 dt.lignes{
line-height:16px;
}
#navleft2 dt.serre{
line-height:16px;
letter-spacing:-1px;
}
#navleft2 dd{
color:#753C05;
background-color:#E6E091;
line-height:19px;
font-size: 12px;
}
#navleft2 dd a{ 
text-decoration: none;
color:#753C05;
display: block; 
height: 100%;
padding-left:18px;
border-bottom:1px dotted #BAB21F;
}
#navleft2 dd a:hover{ 
background-color:#D2CB60;
}
#navleft2 li{
list-style-type:none;
}
#navleft2 a{ 
text-decoration: none;
color:#753C05;
display: block; 
padding-left:10px;
}
#navleft2 a:hover{ 
text-decoration: none;
background-color:#C7BB05;
}
#navleft2 li.bt-navleft{ 
background-image: url(../images/bt-navdroite.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
font-weight:bold;
}
#navleft2 a.bt-navleft{ 
background-image: url(../images/bt-navdroite.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
color: #FFFFFF;
padding-left:20px;
width:140px; /* largeur du bloc*/
font-weight:bold;
}
#navleft2 a:hover.bt-navleft{ 
background-image: url(../images/bt-navdroite.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
color: #753C05;
}
/* MENU NON DEROULANT NAVIGATION DROITE*/
#navright{ 
float:left;
width:160px; /* largeur du bloc*/
margin-left: 60px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-top: 60px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-bottom:0px;
padding-bottom:5px;
background-color:#F9E9C5;
list-style: none;
z-index:10;
}
#navright ul{ 
margin: 0px; /* marge gauche bloc edito par rapport au bloc du milieu*/
}
#navright li{ 
color:#753C05;
background-color:#F9E9C5;
font-size: 13px;
line-height:15px;
padding-top:3px;
padding-bottom:3px;
margin:0px;
}
#navright a{ 
width:150px; /* largeur du bloc*/
text-decoration: none;
display: block; 
padding-left:10px;
}
#navright a:hover{ 
text-decoration: underline;
}
#navright li.bt-navright{ 
background-image: url(../images/bt-navdroite.gif);
background-repeat: no-repeat;
background-color:#FDF7EB;
color:#EFCE18;
padding-left:20px;
font-weight:bold;
}
#navright a.bt-navright{ 
background-image: url(../images/bt-navdroite.gif);
background-repeat: no-repeat;
background-color:#FDF7EB;
color:#EFCE18;
padding-left:20px;
width:140px; /* largeur du bloc*/
}
#navright a:hover.bt-navright{ 
background-image: url(../images/bt-navdroite.gif);
background-repeat: no-repeat;
background-color:#FDF7EB;
color: #753C05;
}
/* MENU NON DEROULANT NAVIGATION DROITE POUR ESPACE MEMBRES TEXTES*/
#navright2{ 
float:right;
width:160px; /* largeur du bloc*/
margin-right: 20px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-top: 60px; /* marge gauche bloc edito par rapport au bloc du milieu*/
margin-bottom:0px;
padding-bottom:10px;
z-index:10;
background-color:#F9E9C5;
}
h2.h2-navright2{ 
background-image: url(../images/bt-navdroite.gif);
background-position:top;
background-repeat: no-repeat;
background-color:#FDF7EB;
color:#EFCE18;
padding-left:20px;
font-size:13px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
padding-top:4px;
padding-bottom:4px;
width:140px; /* largeur du bloc*/
}
h3.h3-navright2{ 
background-color:#EBD9AF;
color:#753C05;
padding-left:20px;
font-size:13px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
padding-top:4px;
padding-bottom:4px;
width:140px; /* largeur du bloc*/
}
p.p-navright2{ 
color:#753C05;
padding-left:9px;
padding-right:5px;
font-size:12px;
margin-top:8px;
margin-bottom:5px;
}
#navright2 ul{ 
margin: 0px; /* marge gauche bloc edito par rapport au bloc du milieu*/
list-style: none;
}
#navright2 li{ 
color:#753C05;
font-weight:bold;
background-color:#F9E9C5;
font-size: 13px;
line-height:15px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
}
#navright2 a{ 
width:150px; /* largeur du bloc*/
text-decoration: none;
display: block; 
padding-left:10px;
}
#navright2 a:hover{ 
text-decoration: underline;
}