/* Moulin de l'Aunay 2005-2009 
 * 
 * Raphael Pautasso
 */

body {
        font-family: Arial, serif;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-spacing: 0px;
        background: #d7edc2;
	color: black;
}

a {
	color: #516b21;
	font-stretch: ultra-condensed;
	text-align: center;
	font: bold 0.8em Arial, serif;
	text-decoration: none;
}

a:hover {
	color: #80ac2a;
	cursor: pointer;
	font: bold 0.8em Arial, serif;
	text-decoration: underline;
}

h3 {
        color: #000000;
        font: bold 1.8em Arial, serif;
}

/* Top bar */

table.top_central_bar {
        width: 750px;
	height: 170px;
        border: 0px none;
        border-spacing: 0px;
        margin: 0px;
        padding: 0px;
        background: url(image/tpl2/header2.png)
}


#logo {
        position: relative;
        z-index: 24;

        background: transparent;
        display: block;
        width: 110px;
        height: 110px;
        border-style: none;
        text-align: center;
}

/* Animation bar */

table.animation_bar {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border: 0 none;
	height: 133px;
}

/* *Link bar */

table.link_bar {
        width: 100%
}

td.link_bar {
        height: 21px;
}

td.link_bar_selected {
        height: 21px;
}

a.link_bar {
	background: url(image/tpl2/link.png);
        padding: 1px;
        margin-left: 5px;
        border-spacing: 0px;
        color: #ffffff;
        display: block;
        text-decoration: none;
        font: 0.9em Arial, serif;
}

a.link_bar:hover {
        color: #cccccc;
        font: 0.9em Arial, serif;
        text-decoration: underline;
}

a.link_bar_selected {
	background: url(image/tpl2/link.png);
        padding: 1px;
        margin-left: 5px;
        border-spacing: 0px;
        color: #cccccc;
        display: block;                           
        text-decoration: none;
        font: 0.9em Arial, serif;
}

a.link_bar_selected:hover {
        color: #ffffff;
        font: 0.9em Arial, serif;
        text-decoration: underline;
}

span.slogan {
        margin-left: 10px;
        font-family: Arial, serif;
        font-size: 1em;
        font-weight: bold;
        color: #ffffff;
}

#basket {
	color: #ffffff;
}

/*

#basket a {
        color: #063f90;
        font-stretch: ultra-condensed;
        text-align: center;
        font: bold 0.8em Arial, serif;
        text-decoration: none;
}

#basket a:hover {
        color: #063f90;
        cursor: pointer;
        font: bold 0.8em Arial, serif;
        text-decoration: underline;
}

*/

/* */

table.central_zone {
        background-color: #ffffff;
        margin: 0;
        padding: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom : none;
        border-spacing: 0;
}

td.central_zone {
        background-color: #ffffff;
        border-bottom : 1px solid #ddddff;
}

td.little_column
{
        background-color: #ffffff;
	border: none;
        border-spacing: 0;
        margin: 0;
        padding: 0;
	color: #000000;
	padding-left: 0px;
	padding-right: 0px;
	width: 215px;
}

td.little_column h3
{
	color: #ffffff;
}

#mailinglist {
	padding-left: 10px;
        font: 0.8em Arial, serif;
}


div.miniheader {
        color: #ffffff;
        font: bold 1.2em Arial, serif;
        padding-top: 25px;
        padding-left: 60px;
        background: no-repeat url(image/tpl2/titre.png);
        height: 40px;
}


#search {
        padding-top: 10px;
        padding-left: 20px;
        height: 59px;
	background: no-repeat url(image/tpl2/recherche.png);
}

#basket {
	background: url(image/tpl2/panier2.png) repeat-y;
}

table.familles {
	width: 220px;
	height: 480px;
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	background-color: #ffffff;
        background: no-repeat url(image/tpl2/menu.png);
}

/* Famille */

td.famille {

}

a.famille {
	text-align: left;
        text-indent: 10px;
	color: #000000;
        display: block;
	font-stretch: ultra-condensed;
	text-decoration: none;
        font: 0.9em Arial, serif;
}

a.famille:hover {
	color: #ffffff;
        font: 0.9em Arial, serif;
	text-decoration: underline;
}

a.famille_selection {
        text-align: left;
        text-indent: 10px;
        color: #ffffff;
        display: block;
        font-stretch: ultra-condensed;
        text-decoration: none;
        font: 0.9em Arial, serif;
}

a.famille_selection:hover {
        color: #000000;
        font: 0.9em Arial, serif;
        text-decoration: underline;
}

/* Liste de produits */

table.produits {
        width: 100%;
	background: #ffffff;
	border: none;
        padding-right:  5px;
        padding-left:   5px;
        padding-bottom: 5px;
}

table.produits_titre {
        color: #000000;
	background-color: #ffffff;
        padding-top: 3px;
	height: 25px;
	width: 100%;
}

td.produits_titre {
        color: #000000;
	text-align: center;
	font: bold 1em Arial, serif;
}

a.produits_titre {
	color: #000000;
	font-stretch: ultra-condensed;
	text-align: center;
	font: bold 0.6em Arial, serif;
	text-decoration: none;
}

a.produits_titre:hover {
	color: #000000;
	font: bold 0.6em Arial, serif;
	text-decoration: underline;
}

table.un_produit {
        background: #ecf7fd;
        border: thin solid #ddddff;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;                                   
        padding-bottom: 5px;
}

/* Produit */

span.produit_titre
{
        color: #000000;
        font: bold 0.8em Arial, serif;
}

table.produit {
	background: #ecf7fd;
        border: thin solid #ddddff;
	width: 100%;
        padding-right:  2px;
        padding-left:   2px;
        padding-bottom: 2px;
}

td.produit_image {
        text-align: center;
}

img.produit_image {
	width:140px;
        border: 1px solid #ddddff;
}

td.produit_image_grande {
        text-align: center;
        padding-top: 10px;
}

img.produit_image_grande {
	width:250px;
	border: thin solid #ddddff;
}

a.produit_image_lien {
	color: #063f90;
	text-decoration: none;
	font: 0.8em Arial, serif;
}

a.produit_image_lien:hover {
	color: #063f90;
	text-decoration: underline;
	font: 0.8em Arial, serif;
}

a.produit_plus_infos {
	color: #063f90;
	font: bold 0.8em Arial, serif;
	text-decoration: none;
}

a.produit_plus_infos:hover {
	color: #063f90;
	font: bold 0.8em Arial, serif;
	text-decoration: underline;
}

td.produit_titre {
        color: #000000;
	font: bold 0.8em Arial, serif;
	text-align: center;
	background: #ecf7fd;
        padding-bottom: 2px;
        padding-top: 7px;
}

td.produit_cure {
	font: bold 0.8em Arial, serif;
	text-align: center;
	height: 14px;
	vertical-align: top;
	background: #ecf7fd;
}

td.produit_infos {
        text-align: center;
        vertical-align: top;
        background: #ecf7fd;
}
 
span.produit_infos {
        font-weight: bold;
	font: 1em Arial, serif;
}

span.conditionnement_infos {
        color: black;
        font: 1em Arial, serif;
}

td.produit_argumentaire {
	font: 1em Arial, sans-serif;
	text-align: justify;
	vertical-align: top;
	background: #ecf7fd;
        padding-right: 10px;
        padding-left: 10px;
}

.produit_reference_label {
	font: 0.9em Arial, serif;
}

.produit_reference {
	font: 0.9em Arial, serif;
}

.produit_prix_label {
	text-decoration: none;
	font: 0.9em Arial, serif;
}

.produit_prix {
        color: #ff0000;
        font: bold 1.2.em Arial, serif;
        background: #ffff00;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 6px;
        padding-left: 6px;
        border: 1px solid #000000;
        border-spacing: 0;
}

.produit_prix_maximum {
	color: #000000;
	font: bold 1em Arial, serif;
        text-decoration: line-through;
}

.produit_conseils {
        color: black;
        font: 0.8em Arial, serif;
        font-style: italic;
}

.produit_ingredients {
        color: #36a828;
        font: bold 0.8em Arial, serif;
}

td.produit_ajouter {
	background: #ecf7fd;
	height: 55px;
	text-align: center;
}

a.produit_ajouter {
	color: #063f90;
	font: 0.8em Arial, serif;
	position: relative;
	top: 9px;
	text-decoration: none;
}

a.produit_ajouter:hover {
	color: #063f90;
	font: bold 0.8em Arial, serif;
	top: 9px;
	position: relative;
	text-decoration: underline;
}

/* Panier */

table.panier {
	background-color: #ecf7fd;
        border: none;
        padding-right: 7px;
        padding-left: 7px;
        width: 150px;
        border: none; 
}

td.panier_titre_entete {
        font-family: Arial, serif;
        font-size: 0.7em;
        font-weight: bold;
        color: black;
        text-align: center;
        border: none;
        height: 42px;
}

td.panier_titre {
	font-family: Arial, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: black;
	background-color: #ecf7fd;
	text-align: center;
	border: none;
        border-top: 1px dashed #ddddff;
	height: 42px;
}

td.panier_element {
	background-color: #ecf7fd;
        border-bottom: thin solid #ddddff;
        margin: 0;   
        padding: 3px;
}

.panier_element {
	color: #000;
	font-stretch: ultra-condensed;
	font: 0.7em Arial, serif;
}

a.panier_element {
	font: 0.7em Arial, serif;
	text-decoration: none;
        font-stretch: ultra-condensed;
	color: #063f90;
}

a.panier_element:hover {
	color: #063f90;
	text-decoration: underline;
        font-stretch: ultra-condensed;
	font: 0.7em Arial, serif;
}

td.commander {
/*        background: no-repeat url(http://www.moulindelaunay.com/media/image/link.png); */
	background: no-repeat url(image/tpl2/link.png);
	width: 110px;
	height: 28px;
	
}

a.commander {
	color: #ffffff;
	font-stretch: ultra-condensed;
	font: 0.9em Arial, serif;
	text-decoration: none;
}

a.commander:hover {
	color: #ffffff;
        font-stretch: ultra-condensed;
	font: 0.9em Arial, serif;
	text-decoration: underline;
}

input.valider {
        background-color: #36a828;
        border: medium groove #063f90;
        font: 1em Arial, serif;
        text-decoration: none;
        color: #ffffff;
}

/* Panier complet */

.panier_complet {
	background: #ffffff;
	width: 100%;
	margin: 0;
	padding: 0;
        border: none;
        padding-right: 7px;
        padding-left: 7px;
}

table.panier_complet_titre {
	background-color: #ffffff;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0px;
	height: 42px;
	text-align: center;
}

td.panier_complet_titre {
	font-family: Arial, serif;
	font-size: 1em;
	font-weight: bold;
	color: black;
	background-color: #ffffff;
	text-align: center;
}

table.panier_complet_details {
	background: #ffffff;
	width: 100%;
	border-top: thin solid #ddddff;
}

th.panier_complet_details {
	background: #ffffff;
	border-right: 0 none;
	border-bottom: thin dashed #ddddff;
        border-left: thin solid #ddddff;
	padding: 0px;
	height: 42px;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
        background-color: #ecf7fd;
}

th.panier_complet_details_fin {
	background: #ffffff;
	border-right: thin solid #ddddff;
	border-bottom: thin dashed #ddddff;
        border-left: thin solid #ddddff;
	padding: 3px;
	height: 42px;
        background-color: #ecf7fd;
}

td.panier_complet_details {
	background: #ffffff;
	border-right: 0 none;
	border-bottom: thin solid #ddddff;
        border-left: thin solid #ddddff;
	padding: 3px;
	height: 42px;
	font-size: 0.8em;
	color: black;
}

td.panier_complet_details_chiffre {
        background: #ffffff;
        border-right: 0 none;
        border-bottom: thin solid #ddddff;
        border-left: thin solid #ddddff;
        padding: 3px;
        height: 42px;
        font-size: 0.8em;
        color: black;
        text-align: right;
        font-family: Arial, serif;
        font-size: 1em;
}

td.panier_complet_details_fin {
	background: #ffffff;
	border-right: thin solid #ddddff;
	border-bottom: thin solid #ddddff;
        border-left: thin solid #ddddff;
	padding: 3px;
	height: 42px;
}

td.panier_complet_details_chiffre_fin {
        background-color: #ffffff;
        border-right: thin solid #ddddff;
        border-bottom: thin solid #ddddff;
        border-left: thin solid #ddddff;
        padding: 3px;
        height: 42px;  
        font-size: 0.8em;
        color: black;
        text-align: right;
}

/* Tool tip */

a.tooltip {
	position: relative;
	/*this is the key*/
        z-index: 24;
	color: #063f90;
	text-decoration: none;
	font: 0.8em Arial, serif;
        border: none;
}

a.tooltip:hover {
	z-index: 25;
	background-color: #fffce6;
	color: #063f90;
	font: bold 0.8em Arial, serif;
        border: none;
}

a.tooltip span {
	display: none;
	font: 0.8em Arial, serif;
        border: none;
}

a.tooltip:hover span {
	/*the span will display just on :hover state*/
        display: block;
	position: absolute;
	top: 1em;
	left: 1em;
	width: 10em;
	border: 1px solid #36a828;
	background-color: #ecf7fd;
	text-align: center;
	padding: 2px;
	font: 0.8em Arial, serif;
        border: 1px solid #ddddff;
}

/* Formulaire */

div.formulaire_titre {
	color: black;
	text-align: left;
	font: bold 0.7em Arial, serif;
}

div.formulaire_champ {
	color: black;
        background-color: #ecf7fd;
        padding: 6px; 
}

input.champ_erreur {
        color: black;
        background-color: orange;
}

input {
        background: #f6f6f6;
}

.FormError {
	color: #ff0000;
	font: bold 0.8em Arial, serif;
        font-style: italic;
}

/* Footer */

table.footer {
        color: #ffffff;
        font: bold 0.8em Arial, serif;
        width: 750px;
        margin: 0;
        padding: 0px;
        height: 51px;
        text-align: center;
	border-left: 0px solid #ddddff;
	border-right: 0px solid #ddddff;
	border-bottom: 0px solid #ddddff;
        border-top: 0px solid #ddddff;
        background: url(image/tpl2/footer.png)
}

table.footer a {
        color: #ffffff;
        font: bold 1em Arial, serif;
}

/* Page statique */
        
table.page_statique {
        background-color: #ffffff;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
}

table.static {
}

/* Non classe */

div.texte_en_valeur {
        width: 90%;
        color: black;
        text-align: left;
        font: 0.8em Arial, serif;
        background-color: #ecf7fd;
        border: 2px groove #66ff00;
        padding: 10px;
}

div.accroche{
        background: #ecf7fd;
        color: black;
        text-align: left;
        font: 1em Arial, serif;
        padding: 15px;
}
        
.alertMessage {
        background: #b5cdeb;
        width: 100%;
        font: 0.6em Arial, serif;
}

a#popup1 {
    position: relative;
    /*this is the key*/
    z-index: 24;
    text-decoration: none;
}

a#popup1:hover  {
    z-index: 25;
}

a#popup1 span {
    display: none;
}

a#popup1:hover span {
    display: block;
    position: absolute;
    top: -170px;
    left: -474px;
}