/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    color               : #000000;
    text-decoration     : none;
	background          : #DAB98A;
}

a, a:visited, a:link {
	color               : #9A6924;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                      
h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 18px;
    font-weight         : bold;
    color               : #673E27;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #DAB98B;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #673E27;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                  
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {                
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
td.fdGauche {
    background : #DAB98A url(images/fdGauche.gif) repeat-x top left;
}
td.fdDroite {
    background : #DAB98A url(images/fdDroite.gif) repeat-x top left;
}
td.container {
    background-color : #FFF;
}
div.menuHaut {
    background : #673E28 url(images/fdMenuHaut.gif) repeat-x top left;
    height : 23px;
    padding : 10px 10px 0px 10px;
    color : #FFF;
}
div.menuHaut a,div.menuHaut a:visited,div.menuHaut a:link, div.menuHaut a:hover,div.menuHaut a:active{
    color : #FFF;
}

img.bandeau {
    border-top : solid #673E27 1px;
    border-bottom : solid #673E27 1px;
}

table.decoupage {
    border-top: solid 1px #FFF;
    border-left: solid 1px #FFF;
}
table.decoupage td.contenu {
    color         : #000000;
    background    : #FFF url(images/fdPage.jpg) no-repeat 0px 32px;
}
table.decoupage td.contenu_secu {
    color         : #000000;
    background    : #FFF url(images/gryphe-bas-secu.jpg) no-repeat right 32px;
}
table.decoupage td.contenuHome {
    color         : #000000;
}
table.decoupage div.titre_page {
    padding             : 8px 0px 2px 5px;
    height : 22px;
    font-weight         : bold;
    font-size           : 14px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    color               : #FFF;
    text-align          : left;
    background : #673E27 url(images/gryphe-chemin-fer.gif) no-repeat bottom right;
}
table.decoupage div.titre_page_secu {
    padding             : 8px 0px 2px 5px;
    height : 22px;
    font-weight         : bold;
    font-size           : 14px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    color               : #FFF;
    text-align          : left;
    background : #685953 url(images/gryphe-chemin-fer.gif) no-repeat bottom right;
}

table.decoupage td.contenu div.contenu_page {
    padding : 10px 20px 20px 0px;
    min-height : 300px;
}
div.copyright {
    text-align : center;
    color               : #673E28;
    padding             : 4px 0px 1px 10px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
	text-decoration     : none;
	color               : #673E28;
}
div.copyright img {
    vertical-align      : middle;
}

/*  Menu */
#container {
	position:relative;
}
div.menu {
    position            : absolute;
    left                : -29px;
    top                 : 0px;
    z-index             : 6;
    margin : 0px 0px;
    width:198px;
}
div.menu a.niveau1, div.menu a.niveau1:visited, div.menu a.niveau1:link {
    display             : block;
	font-weight         : bold;
	color               : #FFFFFF;
	text-decoration     : none;
	background    : url(images/fd-menu.gif) no-repeat top left;
	line-height         : 27px;
	padding-left        : 60px;
}
div.menu a.niveau1:active, div.menu a.niveau1:hover,
div.menu a.niveau1_on, div.menu a.niveau1_on:visited, div.menu a.niveau1_on:link, div.menu a.niveau1_on:active, div.menu a.niveau1_on:hover {
    display             : block;
	font-weight         : bold;
	color               : #FFF;
	text-decoration     : none;
	background    : url(images/fd-menu.gif) no-repeat top left;
	line-height         : 27px;
	padding-left        : 60px;
	font-weight: bold;
}
div.menu a.niveau2, div.menu a.niveau2:visited, div.menu a.niveau2:link {
    display             : block;
	text-decoration     : none;
	background    : #DAB98A url(images/fd-ssmenu.gif) repeat-y top left;
	padding : 5px 0px 5px 40px;
	margin : 0px;
}
div.menu a.niveau2:active, 
div.menu a.niveau2_on, div.menu a.niveau2_on:visited, div.menu a.niveau2_on:link, div.menu a.niveau2_on:active {
    display             : block;
	color               : #673E28;
	padding : 5px 0px 5px 40px;
	margin:0px;
	background    : #DAB98A url(images/fd-ssmenu.gif) repeat-y top left;
	text-decoration : underline;

}
div.menu a.niveau2:hover,div.menu a.niveau2_on:hover {
    display             : block;
	color               : #673E28;
	background-color    : #DAB98A;
	padding : 5px 0px 5px 40px;
	text-decoration : underline;
}
div.menu div.separateur {
    color               : inherit;
}

/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
	text-decoration     : none;
}
table.plan a.extremite {
	text-decoration     : none;
}

/*diaporama */
div.titreDiapo {
    font-weight : bold;
    color : #673E27;
    font-size           : 10px;
    text-align : center;
}
/* chemin fer */
a.lienCheminFer {
color:#FFF!important;
}

div.menuHaut a.lienEspaceSecu {
    color : #DFBD8D!important;
    font-weight : bold;
    font-style : italic;
    padding : 0px 30px;
    
}
div.menuHaut img {
    vertical-align : middle;
    
}

/* ------------------------------------------------------------*/
/* ---------->>> FORMULAIRES ACCES DISTRIBUTEURS <<<-----------*/
/* ------------------------------------------------------------*/

form.formulaire_login {
    font-size           : 11px;
    font-family         : arial, verdana, helv;
    width               : 22em;
    padding             : 0;
    margin              : 0;
    background-color    : #fff;
}

form.formulaire_login label {
    width               : 8em;
    float               : left;
    text-align          : right;
    margin-right        : 0.5em;
    display             : block;
}

form.formulaire_login .champ {
    background-color    : #fff;
    color               : #673E27;
    border              : 1px solid #673E27;
    font-size           : 11px;
}

form.formulaire_login div.piedform {
    text-align          : right;
    margin-right        : 0.5em;
    margin-bottom       : 0.1em;
}

form.formulaire_login .bouton {
    background-color    : #DAB98A;
    color               : #673E27;
    border              : 1px solid #673E27;
    font-weight         : bold;
    font-size           : 11px;
}

/* ----------------------------------------------------*/
/* ---------->>> SOUS MENU DISTRIBUTEURS <<<-----------*/
/* ----------------------------------------------------*/

div.ss_menu_distributeurs {
    margin-top          : 10px;
    margin-left         : 50px;
    clear               : left;
}

div.ss_menu_distributeurs div.titre {
    font-family : verdana;
    font-size           : 10px;
    font-weight         : bold;
    color:#685953;
    padding-left: 5px;
}

div.ss_menu_distributeurs a:link, div.ss_menu_distributeurs a:visited, div.ss_menu_distributeurs a:hover, div.ss_menu_distributeurs a:active {
    color               : #fff;
    display             : block;
    padding             : 5px;
    font-weight         : bold;
    background    : #685953 url(images/fd-ss-menu-secu.jpg) repeat-y top left;
    margin-bottom       : 5px;
    text-decoration     : none;
    width               : 85%;
}

div.ss_menu_distributeurs a.deconnexion:link, div.ss_menu_distributeurs a.deconnexion:visited, div.ss_menu_distributeurs a.deconnexion:hover, div.ss_menu_distributeurs a.deconnexion:active {
    color               : #DAB98A;
    display             : block;
    padding             : 3px;
    font-weight         : bold;
    background-color    : #685953;
    margin-bottom       : 5px;
    text-decoration     : none;
    width               : 87%;
}