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

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

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
	color				: #FFF;
}

h1 {
    font-size           : 16px;
    font-weight         : bold;
	color				: #618298;
	font-family   		: Arial, Helvetica, sans-serif;
	font-size			: 18px;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 15px;
    font-weight         : bold;
    color               : #b57222;
	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;
}

/**
 * Attention h4 réservé au SIFR !!!!
 */
h4 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h5 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h6 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	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                            */
/*----------------------------------------------------------------*/
table.container {
    color               : inherit;
	background-color    : #FFB123;
    border              : 7px solid #FFB123;
}
a.logo {
    display             : block;
    color               : inherit;
	background-color    : #FFFFFF;
}
div.espace1 {
    border-bottom       : 1px solid #FFFFFF;
}
div.espace2 {
}
table.decoupage {
    border-top          : 1px solid #A46D35;
    color               : inherit;
    background-color    : #FFFFFF;
}
table.decoupage td.contenu {
}
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;
}

table.decoupage td.colonne_droite {
    color               : inherit;
    background-color    : #F4E5C8;
}
table.decoupage td.colonne_droite div.encart {
    margin              : 5px;
    color               : inherit;
    background-color    : #FFFFFF;
}
table.decoupage td.colonne_droite div.encart h1 {
	font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-weight         : normal;
    margin              : 0px;
    padding             : 0px;
    background-color    : #FFB123;
    background-position : top right;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
}
div.contact {
	color               : #623017;
    background-color    : #FFFFFF;
    padding             : 5px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
}
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 {
    background-color	: #FFF;
	width				: 451px;
	height				: 30px;
    color               : inherit;
    padding		        : 8px 0 0 0;
	position			: absolute;
	top					: 60px;
	left				: 534px;
	filter				: alpha(opacity=80);/* IE*/
	-moz-opacity		: .80;/* Mozilla*/
	opacity				: .80; /*générale*/
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 13px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #676767;
	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         : Arial, Helvetica, sans-serif;
	font-size           : 13px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #676767;
	background-color    : inherit;
	text-decoration     : none;
}

div.element_menu {
	float				: left;
	height				: 30px;
	padding				: 2px 8px 0 8px;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : 0px;
    z-index             : 5;
    visibility          : hidden;
	margin-top			: 6px;
	filter				: alpha(opacity=80);/* IE*/
	-moz-opacity		: .80;/* Mozilla*/
	opacity				: .80; /*générale*/
}
div.ssmenu div {
	text-align			: left;
	width				: 120px;
    margin-top          : 10px;
    background-color    : #FFF;
    color               : inherit;
}

div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 11px;
	padding             : 2px 5px;
	color               : #676767;
	background-color    : inherit;
	text-decoration     : none;
	filter				: alpha(opacity=100);/* IE*/
	-moz-opacity		: 1;/* Mozilla*/
	opacity				: 1;/*générale*/
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 11px;
	padding             : 2px 5px;
	color               : #676767;
	background-color    : inherit;
	text-decoration     : none;
	filter				: alpha(opacity=100);/* IE*/
	-moz-opacity		: 1;/* Mozilla*/
	opacity				: 1;/*générale*/
}

/* 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;
}
/**
 * La page d'attente
 */
div.newsletter_inscription p {
	font-family			: verdana ;
	font-size			: 11px;
	font-style			: italic;
	color 				: #D2E0EB;
}

div.newsletter_inscription input {
	border				: 1px solid #000;
}

/**
 * La page d'accueil
 */
div.body_page{
	background			: transparent url(images/base/pix_fond.gif) repeat;
}

div.body_conteneur{
	width				: 985px;
	margin-left			: auto;
	margin-right		: auto;
	border				: 2px solid black;
	background-color	: #000b15;
}

div.page_top {
	height				: 30px;
	width				: 985px;
	margin-left			: auto;
	margin-right		: auto;
}
div.page_top,
div.page_top a,
div.page_top a:link,
div.page_top a:active,
div.page_top a:hover,
div.page_top a:visited {
	color				: #FFF;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: bold;
	font-size			: 11px;
}

div.logo_page {
	border-bottom		: 8px solid black;
	position			: relative;
}

div#chien {
	position			: absolute;
	top					: 295px;
	left				: 74px;
}

div.contenu_conteneur {
	background-color	: #000b15;
}

div.acces_btq {
	float 				: left;
	width				: 154px;
	text-align			: center;
	margin				: 4px 17px 0 10px;
}

div.contenu_page {
	float 				: left;
	width				: 430px;
	margin				: 0 17px 0 0;
}

div.contenu_page p {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
	color				: #FFF;
}

div.actus_home {
	float 				: left;
	width				: 310px;
	margin				: 0 0 0 17px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
}

div.actus_home a {
	color				: #FFF;
}

div.pied_actus,
div.pied_actus a {
	color				: #FFF;
	margin-left			: 100px;
}

div.pied_page {
	position			: relative;
	background			: transparent url(images/base/fond_pied_page.jpg) no-repeat;
	height				: 47px;
	margin 				: 0 0 0 1px;
	color				: #FFF;
}

div.pied_page a {
	color				: #FFF;
	text-decoration		: none;
}

div.pied_page input{
	border				: 1px solid black;
	width				: 100px;
}

div.newsletter {
	margin-left			: 50px;
	position 			: absolute;
	left				: 740px;
}

div.pied_page input.none{
	border				: none;
	width				: 15px;
	margin-left			: 5px;
}

div.pied_prevention {
	color				: #FFF;
	margin				: 10px 0 0 0;
}

/**
 * La page d'actus
 */

div.liste_actus {
	float 				: left;
	width				: 480px;
	margin				: 0 15px 0 5px;
}

div.liste_actus h1 {
	float				: left;
	color				: #FFF;
	font-size			: 12px;
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: normal;
}

div.liste_actus h2 {
	float				: left;
	color				: #FFF;
	text-transform		: uppercase;
	font-size			: 12px;
	font-family			: Arial, Helvetica, sans-serif;
}

div.actus_details {
	float 				: left;
	width				: 460px;
	margin				: 0 0 10px 10px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #FFF;
	text-align			: justify;
}

div.actus_details p,
div.actus_details h1,
div.actus_details h2 {
	color 				: #FFF;
}

/**
 * LA PAGE CLASSIQUE
 */
div.contenu_page_classique {
	padding				: 0px 23px;
	padding-bottom		: 10px;
	width				: 938px;
	color 				: #FFF;
}

/**
 * LA PAGE CATALOGUE
 */
div.contenu_page_catalogue {
	padding-left		: 0px;
	margin-bottom		: 3px;
	width				: 100%;
	color 				: #000;
	background			: #FFF url(images/catalogue/fd.gif) top repeat-x;
}

div.cata_cate_entete {
	background-color 	: #000;
	width				: 100%;
	height 				: 51px;
}

div.titre_page_categorie {
	width 				: 144px;
	/*margin-left			: 14px;*/
	padding-left		: 6px;
}

div.cata_cate_desc {
	width				: 526px;
	/*height				: 500px;*/
	padding-right		: 56px;
	padding-left		: 18px;
}

div.cata_cate_desc a,
div.cata_cate_desc a:link,
div.cata_cate_desc a:hover,
div.cata_cate_desc a:visited,
div.cata_cate_desc a:active {
	color				: #256DA1;
}

div.cata_cate_description {
	padding-top			: 52px;
	text-align			: justify;
}

div.cata_cate_description p {
	color				: #42403e;
	font-size			: 12px;
}

div.cate_cate_appellation {
	color				: #a1a0a0;
	font-size			: 12px;
	padding-top			: 4px;
	font-weight			: bold;
}

div.menu_catalogue,
div.menu_catalogue a,
div.menu_catalogue a:hover,
div.menu_catalogue a:link,
div.menu_catalogue a:visited,
div.menu_catalogue a:active {
	float 				: left;
	color				: #FFF;
	font-size 			: 14px;
	font-family 		: arial, verdana, sans-serif;
	font-weight 		: bold;
	text-decoration 	: none;
}


.on {
	color				: #8b691d;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 14px;
}

/* Demoflow
 -------------------------------- */
div.demoflow-button-left {
    position: absolute;
    background: url('images/demo/demos_arrows.gif') no-repeat left top;
    width: 31px;
    height: 31px;
    cursor: pointer;
    cursor: hand;
    z-index: 999;
    top: 80px;
    left: -25px;
}

div.demoflow-button-left .bg {
    position: absolute;
    background: url('images/demo/demos_arrows.gif') no-repeat left bottom;
    width: 31px;
    height: 31px;
    top: 0;
    left: 0;
}

div.demoflow-button-right {
    position: absolute;
    background: url('images/demo/demos_arrows.gif') no-repeat right top;
    width: 31px;
    height: 31px;
    cursor: pointer;
    cursor: hand;
    z-index: 999;
    top: 80px;
    left: 345px;
}

div.demoflow-button-right .bg {
    position: absolute;
    left: 0;
    top: 0;
    background: url('images/demo/demos_arrows.gif') no-repeat right bottom;
    width: 31px;
    height: 31px;
}

.demoflow {
    position: relative;
    top: 0;
    left: 120px;
    height: 400px;
    width: 112px;
	text-align: center;
}

.demoflow div {
    height: 400px;
    width: 3px;
    cursor: pointer;
    cursor: hand;
}

.ie .demoflow div {
    zoom: 1;
}

.demoflow div {
    /*border: 1px solid #666;*/
}

.demoflow div:hover {
   /* border: 1px solid #666;*/
    /*opacity: 1 !important;*/
}

.demoflow div img {
    height: 100%;
    width: 100%;
}

div.nom_btl,
div.nom_btl a,
div.nom_btl a:hover,
div.nom_btl a:link,
div.nom_btl a:visited,
div.nom_btl a:active {
	width : 112px;
	height : 15px;
	margin-top : 9px;
	text-align : center;
	font-weight : bold;
	font-family : arial, verdana, sans-serif;
	font-size: 13px;
	color: #000;
	text-transform : uppercase;
}

/**
 * LES PAGES PRODUITS
 */
div.produit_titre_cat {
	padding-left : 17px;
	width : 580px;
}

div.produit_titre_terce {
	color				: #a1a0a0;
	font-size			: 12px;
	font-weight			: bold;
	padding-left 		: 17px;
}

div.produit_visuel {
	float				: left;
	/*margin-left 		: 34px;*/
	margin-top 			: 15px;
}

div.produit_desc {
	float				: left;
	margin-top 			: 10px;
	margin-left			: 70px;
	margin-bottom		: 15px;
	width				: 320px;
}

div.produit_description p {
	color				: #000 !important;
	text-align			: justify !important;
}

div.produit_accord_titre {
	color				: #a1a0a0;
	font-size			: 12px;
	font-weight			: bold;
	margin	 			: 10px 0px;
}

div.produit_accord {
	text-align			: justify;
	color				: #000 !important;
	text-align			: justify !important;
}

div.recette,
div.recette p {
	color				: #000 !important;
	text-align			: justify !important;
	font-weight			: normal;
}

div.produit_description,
div.produit_description p {
	color				: #42403e;
	font-size			: 11px;
}

div.produit_accord,
div.produit_accord p {
	color				: #42403e;
	font-size			: 11px;
}

div.produit_prix {
	width				: 350px;
	margin				: 60px 0 15px 0;
}

table.produit_conditionnement td {
	color				: #FFF;
	font-size			: 13px;
	font-family			: Arial, Helvetica, sans-serif;
}

/**
 * PAGE CADDY / COMMANDE
 */
table.liste th {
	color				: #FFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	padding				: 5px 0 5px 0;
	background			: transparent url(images/fr/commande/fd_th.gif) repeat-x;
}

table.liste td {
	color				: #FFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	padding				: 5px 0 5px 0;
}

div.choix_adresse_civilite {
	color				: #FFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	margin-top			: 30px;
}

div.choix_adresse_civilite h3 {
	color				: #FFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
}

div.cadre,
div.cadre h3 {
	color				: #FFF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	margin-top			: 15px;
}

div.cadre table.liste {
	margin-bottom		: 30px;
}

table.espace_membre input {
	border				: 1px solid #646464;
	height				: 18px;
}

div.espace_secu_login {
	color				: #FFF;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: bold;
	font-size			: 11px;
}

div.espace_secu_login fieldset {
	border				: 0px;
}

.pair {
	background-color	: #2b3648 ;
}

.impair {
	background-color	: #404b5d;
}