/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	color               : #000000;
	background-color    : #b2b1b1;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link {
	color               : #F47200;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

/*h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #256DA1;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 4px;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #FF3366;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}*/

h1 {
    display             : inline;
    padding-left        : 25px;
    border-bottom       : 1px solid #887e73;
    color               : #887e73;
    font-size           : 18px;
    font-weight         : bold;
}

h2 {
    color               : #ee921a;
    font-size           : 13px;
    font-weight         : bold;
    text-transform      : uppercase;
    margin-top          : 3px;
    margin-bottom       : 3px;
}

h3 {
    color               : #000;
    font-size           : 12px;
    font-weight         : bold;
}

h4 {
    background-image    : url(images/fd_h4.gif);
    width               : 220px;
    height              : 16px;
    color               : #fff;
    padding-left        : 10px;
    padding-top         : 2px;
    font-size           : 11px;
    margin-bottom       : 3px;
    margin-top          : 3px;
}

h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
    color               : #fff;
    text-decoration     : none;
}

td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
}
ul {
    margin              : 5px 0px 5px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 20px;
    padding             : 0px;
    list-style-type     : none;
    list-style-image    : url(images/puce.gif);
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/

div.titre {
    margin-top  : 19px;
}

table.decoupage td.contenu div.titre_page {
	color               : #396486;
    background-color    : inherit;
	font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	margin              : 10px;
	padding             : 0px;
    font-weight         : bold;
    text-align          : center;
}
td.contenu_accueil div.contenu_page {
    margin              : 10px 20px 10px 10px;
    height              : 345px;
    width               : 695px;
    overflow            : auto;
    /*border              : 1px dashed red;*/
}
td.contenu div.contenu_page {
    margin              : 10px 25px 10px 19px;
    height              : 345px;
    overflow            : auto;
    /*border              : 1px dashed red;*/
}

td.contenu2 div.contenu_page {
    margin              : 10px 25px 10px 19px;
    height              : 345px;
    overflow            : auto;
    /*border              : 1px dashed red;*/
}

div.copyright {
	color               : #623017;
	background-color    : inherit;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
	text-decoration     : none;
}
div.copyright img {
    vertical-align      : middle;
}

/* Menu */
div.menu  {
    color               : inherit;
    background-image    : url(images/droite_menu_interieur.gif);
    background-repeat   : no-repeat;
    background-position : right top;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : bold;
	padding             : 2px 0px 2px 2px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : bold;
	padding             : 2px 0px 2px 2px;
	color               : #FFB123;
	background-color    : inherit;
	text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
    /*border              : 1px dashed red;*/
}
div.ssmenu div {
    margin-top          : 14px;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFB123;
	background-color    : inherit;
	text-decoration     : none;
}

/* 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;
}

td.entete {
    width               : 475px;
    background-repeat   : no-repeat;
}

td.contenu_accueil, td.contenu, td.contenu2 {
    background-repeat   : repeat-y;
    height              : 363px;
}

td.bloc_actu {
    background-image    : url(images/fond_bloc_actu.gif);
    width               : 272px;
    height              : 182px;
    color               : #fff;
}

td.bloc_actu div.bloc_actu, td.bloc_produit div.bloc_produit {
    margin              : 19px;
    width               : 226px;
}

td.bloc_actu div.bloc_actu table {
    margin-top          : 4px;
}

td.bloc_actu div.bloc_actu div.tout, td.bloc_produit div.bloc_produit div.tout {
    text-align          : right;
    margin-top          : 7px;
}

td.bloc_actu a:link, td.bloc_actu a:visited {
    color               : #fff;
    text-decoration     : none;
}

td.bloc_actu div.date {
    background-image    : url(images/puce_orange1.gif);
    background-repeat   : no-repeat;
    padding-left        : 8px;
    background-position : left 2px;
    font-weight         : bold;
}


td.bloc_actu a:hover, td.bloc_actu a:active {
    text-decoration     : underline;
}

td.bloc_actu div.actu {
    font-size           : 18px;
    font-weight         : bold;
}

td.bloc_produit {
    background-image    : url(images/fond_bloc_produit.gif);
    width               : 272px;
    height              : 428px;
    color               : #fff;
}

td.bloc_produit div.bloc_produit div.titre {
    background-image    : url(images/puce_grise1.gif);
    background-repeat   : no-repeat;
    background-position : left 3px;
    padding-left        : 25px;
    font-weight         : bold;
    font-size           : 18px;
}

td.bloc_produit div.bloc_produit div.sous_titre {
    font-weight         : bold;
    font-size           : 12px;
    margin-left         : 25px;
}

div.texte_entete {
    color               : #fff;
    margin-top          : 21px;
    margin-left         : 23px;
}
div.texte_entete_monte_charge  {
    color               : #fff;
    margin-top          : 21px;
    margin-left         : 5px;
    width               : 310px;
}

.alignright {
    text-align          : right;
}

*:focus {
    outline             : none;
}

div.footer {
    /*border              : 1px dashed red;*/
    color               : #fff;
}

div.footer div.menu_bas {
    float               : left;
}

div.footer div.imprimer {
    float               : right;
}

div.footer a:link, div.footer a:visited {
    color               : #fff;
    text-decoration     : underline;
}

div.footer a:hover, div.footer a:active {
    text-decoration     : none;
}

/* ---------------------------------------*/
/* ---------->>> IMPRESSION <<<-----------*/
/* ---------------------------------------*/

body#impression {
    background-color    : #fff;
    color               : #000 !important;
}

body#impression div.contenu_page {
    margin              : 10px;
    height              : auto;
    overflow            : none;
    /*border              : 1px dashed red;*/
}

body#impression p {
    color               : #000 !important;
}

body#impression td {
    color               : #000 !important;
}

body#impression div.titre_page {
    font-size           : 15px;
    font-weight         : bold;
    margin              : 10px;
}

/* -----------------------------------*/
/* ---------->>> POP UP <<<-----------*/
/* ----------------------------------*/

td.titre_pop_up {
    height              : 38px;
    color               : #fff;
    font-size           : 20px;
    font-weight         : bold;
    padding-left        : 20px;
}

td.contenu_pop_up {
    background-repeat   : repeat-y;
    background-image    : url(images/fond_pop_up.gif);
}

/* ---------------------------------------*/
/* ---------->>> IMPRESSION <<<-----------*/
/* ---------------------------------------*/

ul.navigation_print li {
    list-style-type     : none;
    list-style-image    : none;
    float               : left;
    padding             : 3px;
    background-image    : none;
    padding-left        : 0;
}

/* ------------------------------------------*/
/* ---------->>> CHEMIN DE FER <<<-----------*/
/* ------------------------------------------*/

div.chemindefer {
    padding             : 5px;
}

/* ************      Scroller Box    ******************/
#scroller {
    height              : 45px;
    background          : #ebecec;
}
#scroller img {
    margin-top          : 12px;
    float               : left;
}
#scroller_container {
    width               : 850px;
    height              : 45px;
    overflow            : hidden;
    background          : #EBECEC;
    float               : left;
    white-space         : nowrap;
}
#logo_liste_deroulante {
    width               : 113px;
    height              : 45px;
    background          : #EBECEC;
    float               : left;
}

/* CSS Hack Safari */
#dummy {;# }

ul.scroller {
    list-style          : none;
    margin-top          : 16px;
    height              : 25px;
    padding             : 0;
}
ul.scroller li {
    display             : inline;
    height              : 25px;
}
ul.scroller li a, ul.scroller li a:link, ul.scroller li a:visited {
    text-decoration     : none;
    color               : #fff;
    text-transform      : uppercase;
    font-weight         : bold;
}
ul.scroller li a:hover {
    text-decoration     : underline;
}