/* 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:25px;
border:none;
}
/* HAUT ESPACES positionnement du menu espaces */
#navheader, #navheader ul{
width:50px;
position: absolute;
margin-left: 800px;
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:100px;
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;
}
/* ACTUALITES*/
#nav a#actualites {
width: 9.8em;
}
#nav li#actualites{ /* tous les items de liste */
background: #753C05;
width: 9.8em;/* largeur obligatoire, sinon opera devient fou */
}
#nav a.actualites2 {
width: 9.8em;
background-image:url(../images/bt-langues.jpg);
background-repeat:no-repeat;
}
#nav a:hover.actualites2 {
width: 9.8em;
background-image:url(../images/bt-langues2.jpg);
background-repeat:no-repeat;
}
/* CONVERSATION*/
#nav a#conversation {
width: 14em;
}
#nav li#conversation{ /* tous les items de liste */
background: #753C05;
width: 14em;/* largeur obligatoire, sinon opera devient fou */
}
/* TOP */
#nav a#top{
width: 5em;
}
#nav li#top{ /* tous les items de liste */
background: #753C05;
width: 5em;/* largeur obligatoire, sinon opera devient fou */
}
/* PLACE*/
#nav a#place{
width: 5.5em;
}
#nav li#place{ /* tous les items de liste */
background: #753C05;
width: 5.5em;/* largeur obligatoire, sinon opera devient fou */
}
/* PRESS REVIEW */
#nav a#press{
width: 9em;
}
#nav li#press{ /* tous les items de liste */
background: #753C05;
width: 9em;/* largeur obligatoire, sinon opera devient fou */
}
/* OPINIONS */
#nav a#opinions{
width: 6.5em;
}
#nav li#opinions{ /* tous les items de liste */
background: #753C05;
width: 6.5em;/* largeur obligatoire, sinon opera devient fou */
}
/* PRICE*/
#nav a#price{
width: 5em;
}
#nav li#price{ /* tous les items de liste */
background: #753C05;
width: 5em;/* largeur obligatoire, sinon opera devient fou */
}
/*CONTACT*/
#nav a#contact{
width: 7.5em;
}
#nav li#contact{ /* tous les items de liste */
background: #753C05;
width: 7.5em;/* 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:160px;
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: 14em;/* largeur obligatoire, sinon opera devient fou */
padding-left:0px;
margin-left:0px;
}
#nav2 a {
background-image:url(../images/bt-presentation-on2.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#FCE4A6;
width: 14em;
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-off2.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#FCE4A6;
text-decoration:none;
width: 14em;
}
/* 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:300px; /* largeur de l'ensemble des rubriques */
margin-left: 360px;/* 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:140px; /* 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:130px; /* 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:130px; /* 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:140px; /* 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 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-navgauche.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
font-weight:bold;
}
#navleft2 a.bt-navleft{ 
background-image: url(../images/bt-navgauche.gif);
background-repeat: no-repeat;
background-color:#F8E3B3;
color: #FFFFFF;
padding-left:20px;
width:120px; /* largeur du bloc*/
font-weight:bold;
}
#navleft2 a:hover.bt-navleft{ 
background-image: url(../images/bt-navgauche.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: 70px; /* 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;
}
#navright ul{ 
margin: 0px; /* marge gauche bloc edito par rapport au bloc du milieu*/
}
#navright li{ 
color:#753C05;
background-color:#F9E9C5;
line-height:23px;
font-size: 13px;

}
#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;
}