/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
    background          : #E6E6DE url(images/fond.gif);
	color               : #000000;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

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

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


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
table.container {
    width               : 930px;
    color               : inherit;
	background-color    : #FFFFFF;
    border-width        : 0px 1px;
    border-style        : solid;
    border-color        : #676A6F;
}
a.logo {
    display             : block;
    color               : inherit;
	background-color    : #FFFFFF;
}
div.contenu {
    margin              : 15px 30px;
}
div.contenu_catalogue {
    margin              : 0px;
}
div.bas {
	color               : #623017;
	background-color    : #E6E6E6;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 12px;
	padding-bottom      : 5px;
	margin              : 0px;
}
div.bas_home {
	background-color    : transparent;
}
div.bas a, div.bas a:visited, div.bas a:active, div.bas a:hover, div.bas a:link,
div.bas_home a, div.bas_home a:visited, div.bas_home a:active, div.bas_home a:hover, div.bas_home a:link {
	text-decoration     : none;
}
div.bas img , div.bas_home img {
    vertical-align      : middle;
}

.contenu img {
    padding-bottom      : 34px;
    background          : url(images/degradergris_hautbas.gif) repeat-x bottom left;
}


/* MENU */
div.menu {
    margin              : 0px 1px 1px 1px;
    background-color    : #D91603;
	color               : #FFFFFF;
}
div.menu a, div.menu a:visited, div.menu a:link,
div.menu a:active, div.menu a:hover {
    display             : block;
}

div.menu a.maison, div.menu a.maison:visited, div.menu a.maison:link {
	padding             : 0px;
	background-color    : #FFFFFF;
	margin-right        : 20px;
}
div.menu a.maison:active, div.menu a.maison:hover {
	padding             : 0px;
	background-color    : #D91603;
	margin-right        : 20px;
}
div.menu a.contact, div.menu a.contact:visited, div.menu a.contact:link {
	padding             : 0px;
	background-color    : #FFFFFF;
}
div.menu a.contact:active, div.menu a.contact:hover {
	padding             : 0px;
	background-color    : #FF7A00;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 9px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
	white-space         : nowrap;
}
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           : 12px;
	font-weight         : bold;
	padding             : 2px 9px;
	color               : #FF7A00;
	background-color    : inherit;
	text-decoration     : none;
	white-space         : nowrap;
}

/* SOUS MENU */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 7px;
    background-color    : #D91603;
    color               : inherit;
    padding             : 4px 10px;
}
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 0px;
	color               : #FFFFFF;
	border-bottom       : 1px solid #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 0px;
	color               : #FF7A00;
	border-bottom       : 1px solid #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a.first, div.ssmenu a.first:visited, div.ssmenu a.first:link,
div.ssmenu a.first:active, div.ssmenu a.first:hover {
	border-top          : 1px solid #FFFFFF;
}

/* HOME */
div.home_entete {
    background          : url(images/entete_home.jpg) no-repeat;
    height              : 249px;
}
table.actualites {
    background          : url(images/degradergris_hautbas2.gif) repeat-x 0px 1px;
    padding-top         : 8px;
}
table.actualites td, table.actualites p, table.actualites div {
	font-size           : 12px;
}
div.acces_direct {
    background          : url(images/home_travailleur.gif) no-repeat;
    padding             : 30px 0px 0px 105px;
    height              : 232px;
}
a.suite, a.suite:visited, a.suite:link {
    background          : url(images/suite.gif) no-repeat 2px;
	color               : #DE2E01;
    padding-left        : 18px;
	background-color    : inherit;
	text-decoration     : none;
}
a.suite:hover, a.suite:active {
    background          : url(images/suite.gif) no-repeat 2px;
    padding-left        : 18px;
	color               : #DE2E01;
	text-decoration     : underline;
}

/* CATALOGUE */
table.catalogue_entete td.texte {
    background          :#2F8587 url(images/degradervert_droitegauche.gif) repeat-y top right;
}
table.catalogue_entete td.texte div.haut {
    background          : url(images/degradervert_hautbas.gif) repeat-x 0px 1px;
}
div.rail {
    color               : #2F8587;
    background          : url(images/degradergris_hautbas.gif) repeat-x 0px 1px;
    padding             : 20px 0px 18px 15px;
}
div.rail span {
    background-color    : #2F8587;
    color               : #FFFFFF;
    padding             : 0px 2px;
}
div.rail a, div.rail a:visited, div.rail a:link {
	color               : #2F8587;
	background-color    : inherit;
	text-decoration     : none;
}
div.rail a:hover, div.rail a:active {
	color               : #2F8587;
	text-decoration     : underline;
}
div.titre_categorie, div.titre_produit {
    border-bottom       : 2px solid #2F8587;
    font-size           : 18px;
    margin-bottom       : 15px;
}
div.titre_produit {
    color               : #D93333;
}
div.menu_produit {
    color               : #2F8283;
    background          : url(images/doublefleche.gif) no-repeat 0px 5px;
    padding             : 4px 0px 5px 17px;
}
div.menu_produit a, div.menu_produit a:visited, div.menu_produit a:link,
div.menu_produit a.on, div.menu_produit a.on:visited, div.menu_produit a.on:link {
    margin              : 0px 7px;
	color               : #246B67;
	background-color    : inherit;
	text-decoration     : none;
}
div.menu_produit a:hover, div.menu_produit a:active,
div.menu_produit a.on:hover, div.menu_produit a.on:active {
    margin              : 0px 7px;
	color               : #246B67;
	background-color    : inherit;
	text-decoration     : underline;
}
div.menu_produit a.on, div.menu_produit a.on:visited, div.menu_produit a.on:link,
div.menu_produit a.on:hover, div.menu_produit a.on:active {
    font-size           : 12px;
    color               : #7F8693;
    font-weight         : bold;
    border-bottom       : 1px solid #2F8283;
}
div.menu_produit a.on:hover, div.menu_produit a.on:active {
	color               : #246B67;
	text-decoration     : none;
}
div.cadre_vertgris_haut,
div.cadre_vertgris_bas,
div.cadre_vertgris {
    border-left         : 12px solid #7F8693;
    background          : #F7FAF9;
    padding             : 0px 22px 0px 25px;
}
div.cadre_vertgris_haut {
    height              : 15px;
    background          : #F7FAF9 url(images/cadrevertclair_hd.gif) no-repeat top right;
}
div.cadre_vertgris_bas {
    height              : 15px;
    background          : #F7FAF9 url(images/cadrevertclair_bd.gif) no-repeat top right;
}
div.cadre_vertgris div.slogan {
    color               : #246B67;
    font-size           : 14px;
    font-weight         : bold;
    background          : url(images/puce.gif) no-repeat 10px 5px;
    padding             : 0px 0px 10px 20px;
}
div.cadre_vertgris div.titre {
    color               : #D00000;
    background          : url(images/puce2.gif) no-repeat 0px 5px;
    padding-left        : 10px;
}
a.rouge, a.rouge:visited, a.rouge:link,
a.rouge:hover, a.rouge:active {
    font-size           : 12px;
    font-weight         : bold;
    text-decoration     : underline;
}


a.categorie_fermer, a.categorie_fermer:visited, a.categorie_fermer:link,
a.categorie_ouverte, a.categorie_ouverte:visited, a.categorie_ouverte:link {
    display             : block;
    padding             : 0px 0px 0px 20px;
    font-weight         : bold;
    font-size           : 14px;
	color               : #DB2513;
	background-color    : inherit;
	text-decoration     : none;
}
a.categorie_fermer:hover, a.categorie_fermer:active,
a.categorie_ouverte:hover, a.categorie_ouverte:active {
    display             : block;
    padding             : 0px 0px 0px 20px;
    font-weight         : bold;
    font-size           : 14px;
	color               : #DB2513;
	background-color    : inherit;
	text-decoration     : underline;
}
a.categorie_ouverte, a.categorie_ouverte:visited, a.categorie_ouverte:link,
a.categorie_ouverte:hover, a.categorie_ouverte:active {
    background          : url(images/picto_ouvert.gif) no-repeat 0px 2px;
}
a.categorie_fermer, a.categorie_fermer:visited, a.categorie_fermer:link,
a.categorie_fermer:hover, a.categorie_fermer:active {
    background          : url(images/picto_fermer.gif) no-repeat 0px 2px;
}
a.produit, a.produit:visited, a.produit:link {
    display             : block;
    background          : url(images/puce.gif) no-repeat 0px 4px;
    padding             : 0px 0px 3px 20px;
    font-weight         : bold;
    font-size           : 14px;
	color               : #000000;
	background-color    : inherit;
	text-decoration     : none;
}
a.produit:hover, a.produit:active {
    display             : block;
    background          : url(images/puce.gif) no-repeat 0px 4px;
    padding             : 0px 0px 3px 20px;
    font-weight         : bold;
    font-size           : 14px;
	color               : #000000;
	background-color    : inherit;
	text-decoration     : underline;
}