/* CSS Document */
/******************************************************************************** DOCUMENT */
body{
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
margin:0;
}
table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#7F8FA1;
}
.centre{
width:822px;
}
/********************************************************************************** LANGUES */
.langues{
font-family:"Trebuchet MS", arial, helvetica, sans serif;
font-size:11px;
text-transform:uppercase;
padding-left:670px;
color:#4A8EB8;
width:822px;
height:71px;
background-image:url(../images/logobon.jpg);
}
.langues a{
color:#4A8EB8;
text-decoration:none;
}
.langues a:visited{
color:#4A8EB8;
text-decoration:none;
}
.langues a:hover{
color:#7D7E81;
text-decoration:none;
}

/*************************************************************************************** FOOTER */
#footer{
height:31px;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
font-size:10px;
color:#FAFAFA;
padding-left:50px;
padding-top:3px;
font-family:"Trebuchet MS", Arial, Helvetica, sans serif;
}

/************************************************************************************** MENU HAUT */
.fondMenu{
background-image:url(../images/menuHaut/fondMenu.jpg);
background-repeat:repeat-x;
}

/************************************************************************************** COLONNE GAUCHE */
#colorFondGauche{
background-color:#377398;
}
.borderGauche{
border-left:1px solid #417A9D;
border-right:1px solid #417A9D;
}
.textes{
color:#FFFFFF;
padding-bottom:10px;
padding-top:5px;
padding-left:10px;
padding-right:15px;
line-height:-1.2em;
}
.savoirPlus{
display:block;
width:115px;
height:25px;
margin-left:40px;
margin-top:5px;
}
.savoirPlus a{
color:#D0E1ED;
}
.savoirPlus a:visited{
color:#D0E1ED;
}
.savoirPlus a:hover{
color:#FFFFFF;
}
/***************************** POINTS DE VENTE */
#liste{
background-color:#FFFFFF;
color:#4A8EB8;
font-size:10px;
margin-left:5px;
width:115px;
}
/******************************************************************************************* CONTENU */
#contenu{
display:block;
width:557px;
padding:20px 10px 10px 30px;
background-color:#FFFFFF;
}

/************************************ H */
h1{
font-size: 10px;
width: 545px;
color:#009460;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
/*margin-left:10px;
margin-right:10px;*/
}
h2{
font-size:14px;
color:#009460;
}
/********************************** LI */
li{
list-style-image:url(../images/liste/puce.gif);
}
/************************************************************************************************* LIENS */
.liens a{
color:#009460;
}
.liens a:visited{
color:#009460;
}
.liens a:hover{
color:#4A8EB8;
}
/************************************************************************************************** FORMULAIRE */
.champs{
/*display:block;*/
height:18px;
width:150px;
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
background-color:#D3E3EE;
border:1px solid #4C82A4;
color:#666666;
margin-bottom:1px;
font-size:9px;
}
.message{
/*display:block;*/
height:70px;
width:150px;
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
background-color:#D3E3EE;
border:1px solid #4C82A4;
color:#666666;
margin-bottom:1px;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.noms{
color:#8E8F92;
padding-left:5px;
}
.table{
margin-left:50px;
}
.titre{
color:#4A8EB8;
font-size:11px;
font-weight:bold;
padding-left:5px;
}
.bouton{
font-size: 10px;
font-weight: bold;
letter-spacing: 0.1em;
color:#4A8EB8;
margin-top:5px;
}
.obligation{
color:#4A8EB8;
font-weight:bold;
text-align:right;
padding-right:5px;
}

/************************************************************************************************* POINTS DE VENTE */
.explication{
font-size:9px;
padding-right:15px;
padding-top:5px;
}
.nomPoint{
display:block;
background-color:#377398;
color:#FFFFFF;
text-transform:uppercase;
padding-left:5px;
font-weight:bold;
}
.adresse{
padding-top:10px;
padding-bottom:10px;
}
.retour a{
display:block;
width:195px;
height:35px;
background-color:#6999B8;
color:#FFFFFF;
text-transform:uppercase;
padding-top:5px;
padding-left:5px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.retour a:visited{
display:block;
width:195px;
height:35px;
background-color:#6999B8;
color:#FFFFFF;
text-transform:uppercase;
padding-top:5px;
padding-left:5px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.retour a:hover{
display:block;
width:195px;
height:35px;
background-color:#6999B8;
color:#FFFFFF;
text-transform:uppercase;
padding-top:5px;
padding-left:5px;
font-weight:bold;
text-align:center;
text-decoration:underline;
}

.tooltip
{
background-color: #efefef;
padding: 5px;
border: 1px solid #cccccc;
width:340px;
overflow:auto;
z-index:1000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}