@CHARSET "UTF-8";
/*
    Elimine tous les marges et les paddings de tous les éléments
    afin d'éviter les problèmes dues aux valeurs par défaut différentes
    d'un navigateur à l'autre
*/
* {
    margin: 0;
    padding: 0
}


/******************************************************************************
    Balises HTML
******************************************************************************/
a {
    outline: none;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

body {
    background: #231f20;
}

p {
    margin: 0.7em 0;
}


/****************************************************************************
    Formulaires
****************************************************************************/
form {
    margin-top: 0.5em;
    padding: 0;
    width: 100%;
}

fieldset {
    border-color: #000;
    border-style: solid none none none;
    border-width: 1px 0 0 0;
    clear: both;
    margin: 0;
    padding: 0;
}

fieldset.hidden {
    display: none;
}

fieldset.nolegend {
    border: none;
}

fieldset.boutons {
    border: 0;
    padding: 0.5em 0 0 102px;
    text-align: left;
}

legend {
    font-size: 150%;
    font-weight: normal;
    margin: 0;
    padding: 0 5px;
}

label {

    float: left;
    margin: 0 0 5px 0;
    padding: 3px 5px;
    text-align: right;
    width: 92px;
}

p.group label {
    float : left;
}

p.group input {
    float : left;
}

input,
textarea,
select {
    background: #eee;
    border: 1px solid #ccc;
    font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
    font-size: 10pt;
    margin: 0;
    padding: 1px 3px;
}

input {
    width : 145px;
}
select  {
    width : 153px;
}

textarea {
    overflow: auto;
    width : 400px;
    margin-bottom : 5px;
}

form p {
    clear: left;
    margin: 5px 0 0 0;
    padding: 1px 3px;
}

p.erreur label {
    color: #ff0000;
}

span.error_group {
    color : #F00;
}

form .note-champ-requis {
    color: #333;
    font-size: 0.85em;
    margin-left: 10px;
    text-align: right;
}

form .champ-requis {
    color: #ff0000;
}

/******************************************************************************
    Conteneur
******************************************************************************/
#conteneur {
    background: #000000;
    border: 1px solid white;
    height: 574px;
    left: 50%;
    margin: -287px 0 0 -430px;
    position: absolute;
    top: 50%;
    padding-top: 10px;
    width: 860px;
}


/******************************************************************************
    Entête
******************************************************************************/
#entete {
    height: 101px;
}

#entete h1 {
    background: url(../../images/interface/logo.gif) 45px 0 no-repeat;
    float: left;
    height: 100px;
    text-indent: -9999em;
    width: 224px;
}

#entete h1 a {
    display: block;
    height: 100%;
    width: 100%;
}

#entete h2 {
    display: none;
}


/******************************************************************************
    Menu principal
******************************************************************************/
#menu-principal {
    background: url(../../images/interface/menu_principal.gif) left top no-repeat;
    float: right;
    height: 43px;
    line-height: 43px;
    margin: 58px 20px 0 0;
    position: relative;
    width: 585px;
    padding-left : 12px; 
}

#menu-principal li {
    float: left;
    height: 53px;
    list-style: none;
    position: absolute;
    top: 0;
}

#menu-principal li.selectionne {
    text-indent: -999em;
}

#menu-principal li a {
    display: block;
    height: 35px;
    text-indent: -999em;
}

#menu-principal li#presentation {
    left: 0;
    width: 125px;
}

#menu-principal li#presentation.selectionne,
#menu-principal li#presentation a:hover,
#menu-principal li#presentation a:active {
    background: #000 url(../../images/interface/menu_principal.gif) 0 -54px;
}

#menu-principal li#formation-essentielle {
    left: 115px;
    width: 125px;
}

#menu-principal li#formation-essentielle.selectionne,
#menu-principal li#formation-essentielle a:hover,
#menu-principal li#formation-essentielle a:active {
    background: #000 url(../../images/interface/menu_principal.gif) -115px -54px;
}

#menu-principal li#formation-complementaire {
    left: 222px;
    width: 120px;
}

#menu-principal li#formation-complementaire.selectionne,
#menu-principal li#formation-complementaire a:hover,
#menu-principal li#formation-complementaire a:active {
    background: #000 url(../../images/interface/menu_principal.gif) -222px -54px;
}

#menu-principal li#conseil-agencement {
    left: 331px;
    width: 115px;
}

#menu-principal li#conseil-agencement.selectionne,
#menu-principal li#conseil-agencement a:hover,
#menu-principal li#conseil-agencement a:active {
    background: #000 url(../../images/interface/menu_principal.gif) -331px -54px;
}

#menu-principal li#conseil-marques {
    left: 445px;
    width: 70px;
}

#menu-principal li#conseil-marques.selectionne,
#menu-principal li#conseil-marques a:hover,
#menu-principal li#conseil-marques a:active {
    background: #000 url(../../images/interface/menu_principal.gif) -445px -54px;
}

#menu-principal li#contact {
    left: 510px;
    width: 72px;
}

#menu-principal li#contact.selectionne,
#menu-principal li#contact a:hover,
#menu-principal li#contact a:active {
    background: #000 url(../../images/interface/menu_principal.gif) -510px -54px;
}

/******************************************************************************
    Corps
******************************************************************************/
#corps {
    clear: both;
    height: 405px;
    margin: 0 27px 0 27px;
    background-color: #fff;
}

/******************************************************************************
Présentation
******************************************************************************/
div.rub-presentation-page-la-societe {
    background: #fff url(../../images/interface/illustration_presentation_la_societe.jpg) 20px 18px no-repeat;
}

div.rub-presentation-page-fernando-castellon {
    background: #fff url(../../images/interface/illustration_presentation_fernando_castellon.jpg) 20px 18px no-repeat;
}

div.rub-presentation-page-etat-d-esprit {
    background: #fff url(../../images/interface/illustration_presentation_etat_d_esprit.jpg) 20px 18px no-repeat;
}

div.rub-presentation-page-references {
    background: #fff url(../../images/interface/illustration_presentation_references.jpg) 20px 18px no-repeat;
}

div.rub-presentation-page-presse {
    background: #fff url(../../images/interface/illustration_presentation_presse.jpg) 20px 18px no-repeat;
}

/******************************************************************************
Formation essentielles
******************************************************************************/
div.rub-formation-essentielle-page-introduction {
    background: #fff url(../../images/interface/illustration_formation_essentielle_introduction.jpg) 20px 18px no-repeat;
}

div.rub-formation-essentielle-page-mixologie-cocktails {
    background: #fff url(../../images/interface/illustration_formation_essentielle_mixologie_cocktails.jpg) 20px 18px no-repeat;
}

div.rub-formation-essentielle-page-spiritueux {
    background: #fff url(../../images/interface/illustration_formation_essentielle_spiritueux.jpg) 20px 18px no-repeat;
}

div.rub-formation-essentielle-page-service-stylise {
    background: #fff url(../../images/interface/illustration_formation_essentielle_service_stylise.jpg) 20px 18px no-repeat;
}

/******************************************************************************
Formation complementaires
******************************************************************************/
div.rub-formation-complementaire-page-mixologie-moleculaire {
    background: #fff url(../../images/interface/illustration_formation_complementaire_mixologie_moleculaire.jpg) 20px 18px no-repeat;
}

div.rub-formation-complementaire-page-culture-bar {
    background: #fff url(../../images/interface/illustration_formation_complementaire_culture_bar.jpg) 20px 18px no-repeat;
}

div.rub-formation-complementaire-page-service-flair {
    background: #fff url(../../images/interface/illustration_formation_complementaire_service_flair.jpg) 20px 18px no-repeat;
}

div.rub-formation-complementaire-page-sur-mesure {
    background: #fff url(../../images/interface/illustration_formation_complementaire_sur_mesure.jpg) 20px 18px no-repeat;
}

/******************************************************************************
Conseil etablissement
******************************************************************************/
div.rub-conseil-agencement-page-agencement {
    background: #fff url(../../images/interface/illustration_conseil_agencement_agencement.jpg) 20px 18px no-repeat;
}

div.rub-conseil-agencement-page-accompagnement {
    background: #fff url(../../images/interface/illustration_conseil_agencement_accompagnement.jpg) 20px 18px no-repeat;
}

div.rub-conseil-agencement-page-carte-de-bar {
    background: #fff url(../../images/interface/illustration_conseil_agencement_carte_de_bar.jpg) 20px 18px no-repeat;
}

div.rub-conseil-agencement-page-identite-visuelle {
    background: #fff url(../../images/interface/illustration_conseil_agencement_identite_visuelle.jpg) 20px 18px no-repeat;
}
/******************************************************************************
Conseil marque
******************************************************************************/
div.rub-conseil-marques-page-strategie-cocktails {
    background: #fff url(../../images/interface/illustration_conseil_marques_strategie_cocktails.jpg) 20px 18px no-repeat;
}

div.rub-conseil-marques-page-developpement-produit {
    background: #fff url(../../images/interface/illustration_conseil_marques_developpement_produit.jpg) 20px 18px no-repeat;
}

div.rub-conseil-marques-page-creation-plv {
    background: #fff url(../../images/interface/illustration_conseil_marques_creation_plv.jpg) 20px 18px no-repeat;
}

div.rub-conseil-marques-page-sensibilisation-prescripteurs {
    background: #fff url(../../images/interface/illustration_conseil_marques_sensibilisation_prescripteurs.jpg) 20px 18px no-repeat;
}
/******************************************************************************
Contact
******************************************************************************/
div.rub-contact-page-renseignements-formation {
    background: #fff url(../../images/interface/illustration_contact.jpg) 20px 18px no-repeat;
}

div.rub-contact-page-formulaire {
    background: #fff url(../../images/interface/illustration_contact.jpg) 20px 18px no-repeat;
}

/******************************************************************************
Autres
******************************************************************************/
body.page-trophees-du-bar #corps {
    background: #fff url(../../images/interface/illustration_trophees.jpg) 20px 27px no-repeat;
}

body.page-mentions-legales #corps {
    background: #fff url(../../images/interface/illustration__mentions_legales.jpg) 20px 27px no-repeat;
}

body.page-erreur #corps {
    background: #fff url(../../images/interface/illustration__mentions_legales.jpg) 20px 35px no-repeat;
}


/******************************************************************************
    Sous-menu principal
******************************************************************************/
#sous-menu-principal {
    float: right;
    height: 17px;
    line-height: 17px;
    list-style: none;
    margin: 0;
    position: relative;
    width: 806px;
}

#sous-menu-principal li {
    float: left;
    position: absolute;
    top: 0;
}

#sous-menu-principal li.selectionne {
    text-indent: -999em;
}

#sous-menu-principal li a {
    display: block;
    height: 17px;
    text-indent: -9999em;
}


/******************************************************************************
    Sous-menu principal : Présentation
******************************************************************************/
body.rub-presentation #sous-menu-principal {
    background: transparent url(../../images/interface/sous-menu_presentation.gif) 6px top repeat-x;
}

body.rub-presentation #sous-menu-principal li#la-societe {
    left: 234px;
    width: 65px;
}

body.rub-presentation #sous-menu-principal li#la-societe.selectionne,
body.rub-presentation #sous-menu-principal li#la-societe a:hover,
body.rub-presentation #sous-menu-principal li#la-societe a:active {
    background: #000 url(../../images/interface/sous-menu_presentation.gif) -228px -32px no-repeat;
}

body.rub-presentation #sous-menu-principal li#fernando-castellon {
    left: 336px;
    width: 130px;
}

body.rub-presentation #sous-menu-principal li#fernando-castellon.selectionne,
body.rub-presentation #sous-menu-principal li#fernando-castellon a:hover,
body.rub-presentation #sous-menu-principal li#fernando-castellon a:active {
    background: #000 url(../../images/interface/sous-menu_presentation.gif) -330px -32px no-repeat;
}

body.rub-presentation #sous-menu-principal li#etat-d-esprit {
    left: 506px;
    width: 85px;
}

body.rub-presentation #sous-menu-principal li#etat-d-esprit.selectionne,
body.rub-presentation #sous-menu-principal li#etat-d-esprit a:hover,
body.rub-presentation #sous-menu-principal li#etat-d-esprit a:active {
    background: #000 url(../../images/interface/sous-menu_presentation.gif) -500px -32px no-repeat;
}

body.rub-presentation #sous-menu-principal li#references {
    left: 621px;
    width: 70px;
}

body.rub-presentation #sous-menu-principal li#references.selectionne,
body.rub-presentation #sous-menu-principal li#references a:hover,
body.rub-presentation #sous-menu-principal li#references a:active {
    background: #000 url(../../images/interface/sous-menu_presentation.gif) -615px -32px no-repeat;
}

body.rub-presentation #sous-menu-principal li#presse {
    left: 736px;
    width: 40px;
}

body.rub-presentation #sous-menu-principal li#presse.selectionne,
body.rub-presentation #sous-menu-principal li#presse a:hover,
body.rub-presentation #sous-menu-principal li#presse a:active {
    background: #000 url(../../images/interface/sous-menu_presentation.gif) -730px -32px no-repeat;
}


/******************************************************************************
    Sous-menu principal : Formations essentielles
******************************************************************************/
body.rub-formation-essentielle #sous-menu-principal {
    background: url(../../images/interface/sous-menu_form_essen.gif) 6px top repeat-x;
}

body.rub-formation-essentielle #sous-menu-principal li#introduction {
    left: 232px;
    width: 99px;
}

body.rub-formation-essentielle #sous-menu-principal li#introduction.selectionne,
body.rub-formation-essentielle #sous-menu-principal li#introduction a:hover,
body.rub-formation-essentielle #sous-menu-principal li#introduction a:active {
    background: #000 url(../../images/interface/sous-menu_form_essen.gif) -226px -32px no-repeat;
}

body.rub-formation-essentielle #sous-menu-principal li#mixologie-cocktails {
    left: 401px;
    width: 71px;
}

body.rub-formation-essentielle #sous-menu-principal li#mixologie-cocktails.selectionne,
body.rub-formation-essentielle #sous-menu-principal li#mixologie-cocktails a:hover,
body.rub-formation-essentielle #sous-menu-principal li#mixologie-cocktails a:active {
    background: #000 url(../../images/interface/sous-menu_form_essen.gif) -395px -32px no-repeat;
}

body.rub-formation-essentielle #sous-menu-principal li#spiritueux {
    left: 546px;
    width: 67px;
}

body.rub-formation-essentielle #sous-menu-principal li#spiritueux.selectionne,
body.rub-formation-essentielle #sous-menu-principal li#spiritueux a:hover,
body.rub-formation-essentielle #sous-menu-principal li#spiritueux a:active {
    background: #000 url(../../images/interface/sous-menu_form_essen.gif) -540px -32px no-repeat;
}

body.rub-formation-essentielle #sous-menu-principal li#service-stylise {
    left: 690px;
    width: 95px;
}

body.rub-formation-essentielle #sous-menu-principal li#service-stylise.selectionne,
body.rub-formation-essentielle #sous-menu-principal li#service-stylise a:hover,
body.rub-formation-essentielle #sous-menu-principal li#service-stylise a:active {
    background: #000 url(../../images/interface/sous-menu_form_essen.gif) -684px -32px no-repeat;
}


/******************************************************************************
    Sous-menu principal : Formations complementaires
******************************************************************************/
body.rub-formation-complementaire #sous-menu-principal {
    background: url(../../images/interface/sous-menu_form_comp.gif) 6px top repeat-x;
}

body.rub-formation-complementaire #sous-menu-principal li#mixologie-moleculaire {
    left: 230px;
    width: 141px;
}

body.rub-formation-complementaire #sous-menu-principal li#mixologie-moleculaire.selectionne,
body.rub-formation-complementaire #sous-menu-principal li#mixologie-moleculaire a:hover,
body.rub-formation-complementaire #sous-menu-principal li#mixologie-moleculaire a:active {
    background: #000 url(../../images/interface/sous-menu_form_comp.gif) -224px -32px no-repeat;
}

body.rub-formation-complementaire #sous-menu-principal li#culture-bar {
    left: 429px;
    width: 79px;
}

body.rub-formation-complementaire #sous-menu-principal li#culture-bar.selectionne,
body.rub-formation-complementaire #sous-menu-principal li#culture-bar a:hover,
body.rub-formation-complementaire #sous-menu-principal li#culture-bar a:active {
    background: #000 url(../../images/interface/sous-menu_form_comp.gif) -423px -32px no-repeat;
}

body.rub-formation-complementaire #sous-menu-principal li#service-flair {
    left: 567px;
    width: 87px;
}

body.rub-formation-complementaire #sous-menu-principal li#service-flair.selectionne,
body.rub-formation-complementaire #sous-menu-principal li#service-flair a:hover,
body.rub-formation-complementaire #sous-menu-principal li#service-flair a:active {
    background: #000 url(../../images/interface/sous-menu_form_comp.gif) -561px -32px no-repeat;
}

body.rub-formation-complementaire #sous-menu-principal li#sur-mesure {
    left: 707px;
    width: 68px;
}

body.rub-formation-complementaire #sous-menu-principal li#sur-mesure.selectionne,
body.rub-formation-complementaire #sous-menu-principal li#sur-mesure a:hover,
body.rub-formation-complementaire #sous-menu-principal li#sur-mesure a:active {
    background: #000 url(../../images/interface/sous-menu_form_comp.gif) -701px -32px no-repeat;
}


/******************************************************************************
    Sous-menu principal : Solutions établissements
******************************************************************************/
body.rub-conseil-agencement #sous-menu-principal {
    background: url(../../images/interface/sous-menu_solutions.gif) 6px top repeat-x;
}

body.rub-conseil-agencement #sous-menu-principal li#agencement {
    left: 234px;
    width: 85px;
}

body.rub-conseil-agencement #sous-menu-principal li#agencement.selectionne,
body.rub-conseil-agencement #sous-menu-principal li#agencement a:hover,
body.rub-conseil-agencement #sous-menu-principal li#agencement a:active {
    background: #000 url(../../images/interface/sous-menu_solutions.gif) -228px -32px no-repeat;
}

body.rub-conseil-agencement #sous-menu-principal li#accompagnement {
    left: 391px;
    width: 96px;
}

body.rub-conseil-agencement #sous-menu-principal li#accompagnement.selectionne,
body.rub-conseil-agencement #sous-menu-principal li#accompagnement a:hover,
body.rub-conseil-agencement #sous-menu-principal li#accompagnement a:active {
    background: #000 url(../../images/interface/sous-menu_solutions.gif) -387px -32px no-repeat;
}

body.rub-conseil-agencement #sous-menu-principal li#carte-de-bar {
    left: 564px;
    width: 84px;
}

body.rub-conseil-agencement #sous-menu-principal li#carte-de-bar.selectionne,
body.rub-conseil-agencement #sous-menu-principal li#carte-de-bar a:hover,
body.rub-conseil-agencement #sous-menu-principal li#carte-de-bar a:active {
    background: #000 url(../../images/interface/sous-menu_solutions.gif) -558px -32px no-repeat;
}

body.rub-conseil-agencement #sous-menu-principal li#identite-visuelle {
    left: 730px;
    width: 50px;
}

body.rub-conseil-agencement #sous-menu-principal li#identite-visuelle.selectionne,
body.rub-conseil-agencement #sous-menu-principal li#identite-visuelle a:hover,
body.rub-conseil-agencement #sous-menu-principal li#identite-visuelle a:active {
    background: #000 url(../../images/interface/sous-menu_solutions.gif) -724px -32px no-repeat;
}

/******************************************************************************
    Sous-menu principal : Conseil marques
******************************************************************************/
body.rub-conseil-marques #sous-menu-principal {
    background: url(../../images/interface/sous-menu_conseil.gif) 6px top repeat-x;
}

body.rub-conseil-marques #sous-menu-principal li#strategie-cocktails {
    left: 234px;
    width: 128px;
}

body.rub-conseil-marques #sous-menu-principal li#strategie-cocktails.selectionne,
body.rub-conseil-marques #sous-menu-principal li#strategie-cocktails a:hover,
body.rub-conseil-marques #sous-menu-principal li#strategie-cocktails a:active {
    background: #000 url(../../images/interface/sous-menu_conseil.gif) -228px -32px no-repeat;
}

body.rub-conseil-marques #sous-menu-principal li#developpement-produit {
    left: 364px;
    width: 142px;
}

body.rub-conseil-marques #sous-menu-principal li#developpement-produit.selectionne,
body.rub-conseil-marques #sous-menu-principal li#developpement-produit a:hover,
body.rub-conseil-marques #sous-menu-principal li#developpement-produit a:active {
    background: #000 url(../../images/interface/sous-menu_conseil.gif) -358px -32px no-repeat;
}

body.rub-conseil-marques #sous-menu-principal li#creation-plv {
    left: 517px;
    width: 80px;
}

body.rub-conseil-marques #sous-menu-principal li#creation-plv.selectionne,
body.rub-conseil-marques #sous-menu-principal li#creation-plv a:hover,
body.rub-conseil-marques #sous-menu-principal li#creation-plv a:active {
    background: #000 url(../../images/interface/sous-menu_conseil.gif) -511px -32px no-repeat;
}

body.rub-conseil-marques #sous-menu-principal li#sensibilisation-prescripteurs {
    left: 606px;
    width: 167px;
}

body.rub-conseil-marques #sous-menu-principal li#sensibilisation-prescripteurs.selectionne,
body.rub-conseil-marques #sous-menu-principal li#sensibilisation-prescripteurs a:hover,
body.rub-conseil-marques #sous-menu-principal li#sensibilisation-prescripteurs a:active {
    background: #000 url(../../images/interface/sous-menu_conseil.gif) -600px -32px no-repeat;
}

/******************************************************************************
    Sous-menu principal : Contact
******************************************************************************/
body.rub-contact #sous-menu-principal {
    background: url(../../images/interface/sous-menu_contact.gif) 6px top repeat-x;
}

body.rub-contact #sous-menu-principal li#renseignements-formation {
    left: 234px;
    width: 150px;
}

body.rub-contact #sous-menu-principal li#renseignements-formation.selectionne,
body.rub-contact #sous-menu-principal li#renseignements-formation a:hover,
body.rub-contact #sous-menu-principal li#renseignements-formation a:active {
    background: #000 url(../../images/interface/sous-menu_contact.gif) -228px -32px no-repeat;
}

body.rub-contact #sous-menu-principal li#formulaire {
    left: 403px;
    width: 130px;
}

body.rub-contact #sous-menu-principal li#formulaire.selectionne,
body.rub-contact #sous-menu-principal li#formulaire a:hover,
body.rub-contact #sous-menu-principal li#formulaire a:active {
    background: #000 url(../../images/interface/sous-menu_contact.gif) -397px -32px no-repeat;
}

/******************************************************************************
    Sous-menu principal : Autres pages
******************************************************************************/
body.page-trophees-du-bar #sous-menu-principal,
body.page-mentions-legales #sous-menu-principal,
body.page-forum #sous-menu-principal,{
    display: none;
}


/******************************************************************************
    Contenu
******************************************************************************/
#contenu {
    clear: both;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    height: 356px;
    line-height: 13pt;
    padding: 15px 25px 0 240px;
    position: relative;
    text-align: justify;
}

#contenu a {
    color: #333;
}

#contenu h3 {
    margin: 1em 0 0.5em 0;
}

#contenu ul {
    list-style: square;
    margin-left: 25px;
}

#contenu div.sessions {
    position: absolute;
    bottom: 0;
}

#contenu div.sessions h4 {
    margin-bottom: 5px;
}

#contenu div.sessions a:link,
#contenu div.sessions a:visited {
    text-decoration: underline; 
}

#contenu div.sessions a:hover,
#contenu div.sessions a:active {
    text-decoration: none; 
}


/******************************************************************************
    Pied
******************************************************************************/
#pied p {
    color: #666;
    font-family: Tahoma, sans-serif;
    font-size: 9px;
    margin: 0;
    padding-bottom: 10px;
    padding-right: 30px;
    text-align: center;
    text-transform: uppercase;
}

#pied p a {
    color: #666;
}

/******************************************************************************
    Menu secondaire
******************************************************************************/
#menu-secondaire {
    background: url(../../images/interface/menu_secondaire.gif) left top no-repeat;
    height: 30px;
    line-heigt: 30px;
    list-style: none;
    margin : auto;
    margin-bottom : 10px;
    width: 275px;
}

#menu-secondaire li {
    float : left;    
}

#menu-secondaire li.selectionne {
    height: 30px;
    text-indent: -9999em;
}

#menu-secondaire li a {
    display: block;
    height: 30px;
    text-indent: -9999em;
}

#menu-secondaire li#accueil {
    left: 0px;
    width: 125px;
}

#menu-secondaire li#accueil.selectionne,
#menu-secondaire li#accueil a:hover,
#menu-secondaire li#accueil a:active {
    background: #000 url(../../images/interface/menu_secondaire.gif) 0px -47px no-repeat;
}

#menu-secondaire li#trophees-du-bar {
    left: 120px;
    width: 150px;
}

#menu-secondaire li#trophees-du-bar.selectionne,
#menu-secondaire li#trophees-du-bar a:hover,
#menu-secondaire li#trophees-du-bar a:active {
    background: #000 url(../../images/interface/menu_secondaire.gif) -125px -47px no-repeat;
}

/****************************************************************************
    Page "Renseignements formation"
****************************************************************************/
body.page-renseignements-formation p {
    margin: 0;
}


/****************************************************************************
    Page "Coordonnées"
****************************************************************************/
.vcard {
    padding-top : 80px;
    text-align : center;
}

body.page-coordonnees #contenu h3 {
    font-size: 1.1em;
    margin: 0 0 0.3em 0;
}

body.page-coordonnees address {
    font-style: normal;
}

body.page-coordonnees .org {
    font-weight: bold;
    text-transform: uppercase;
}

body.page-coordonnees .url,
body.page-coordonnees .type {
    display: none;
}


/****************************************************************************
    Page "Trophées du bar"
****************************************************************************/
body.page-trophees-du-bar .navigation {
    left: 750px;
    position: absolute;
    top: 350px;
}

body.page-trophees-du-bar #contenu {
    padding-top: 0;
}

/****************************************************************************
    Page "Mentions légales"
****************************************************************************/
body.page-mentions-legales #sous-menu-principal {
    display: none;
}

body.page-mentions-legales #contenu {
    padding-top: 0;
}

/****************************************************************************
    Page "Accueil"
****************************************************************************/
body#accueil #contain {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    margin: -275px 0 0 -400px;
    height: 550px;
    border: 1px solid white;
    background: #000000 url(../../images/interface/accueil.jpg) 23px 10px no-repeat;
}

body#accueil #contain a{
    display: block;
    position: relative;
    height: 47px;
    text-indent: -9999em;
}

body#accueil #contain a#accueil_conseil_link {
    width: 214px;
    top: 330px;
    left: 15px;
    background: #000 url(../../images/interface/accueil_conseil.gif);
}

body#accueil #contain a#accueil_formation_link {
    width: 215px;
    top: 283px;
    left: 570px;
    background: #000 url(../../images/interface/accueil_formation.gif);
}

body#accueil #contain a#accueil_introduction_link {
    width: 97px;
    height: 9px;
    top: 339px;
    left: 283px;
    background: #000000 url(../../images/interface/link_intro.png) no-repeat;
}

body#accueil #contain a#accueil_contact_link {
    width: 61px;
    height: 9px;
    top: 330px;
    left: 453px;
    background: #000000 url(../../images/interface/link_contact.png) no-repeat;
}

body#accueil #contain a#accueil_introduction_link:hover {
    background: #000000 url(../../images/interface/link_intro_hover.png) no-repeat;
}

body#accueil #contain a#accueil_contact_link:hover {
    background: #000000 url(../../images/interface/link_contact_hover.png) no-repeat;
}

body#accueil #contain span{
    position: relative;
    display: block;
    width: 237px;
    height: 50px;
    text-indent: -9999em;
    top: 235px;
    left: 50%;
    margin-left: -118px;
    background: #000 url(../../images/interface/accueil_texte.gif);
}

body#accueil #left_picture_accueil{
    position: relative;
    top: 12px;
    left: 15px;
    float: left;
    width: 214px;
    height: 522px;
    background: #000 url(../../images/interface/accueil_left.jpg);
}

body#accueil #right_picture_accueil{
    position: relative;
    top: 12px;
    right: 15px;
    float: right;
    width: 214px;
    height: 522px;
    background: #000 url(../../images/interface/accueil_right.jpg);
}