@import url(contents.css);
@import url(forms.css);
@import url(spip.css);

/* ----------------------------------------------------- */
/* ------------------------- GENERAL ------------------- */
/* ----------------------------------------------------- */

body, html { 
   margin: 0; padding: 0; padding-top:3px;
}

body { 
   font: 11px Tahoma, Microsoft Sans Serif, "Microsoft Sans Serif", Arial, sans-serif; 
   color: #000;
}

div {
   margin: 0; padding: 0;  
}

h1, h2, h3, h4, h5, h6 {
	color: #3F5C26;
	font-family:Microsoft Sans Serif, "Microsoft Sans Serif", Arial, sans-serif; 
}
h1{
	font: 16px Microsoft Sans Serif, "Microsoft Sans Serif", Arial, sans-serif; 
	color:#EE7D04;
	font-weight:bold;
}
h3{
	color:#2B2B2B;
}

h1, h2, h3, h4, h5, h6, p {
   margin: 0; padding: 0;
   margin-bottom: 8px;
}
h1 {
	font-size: 15px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4, h5, h6 {
	font-size: 12px;
}

ul {
	padding:0;
	margin:0;
}
li {
	list-style:none;
}

img {border:0;}

a { 
	color: #549500; 

	text-decoration: underline; 
}
a:hover {
	text-decoration: underline; 
}

p {display:block;}

form {display:block;margin:0;padding:0;}
input,select { }
fieldset {margin:0;background:#EEEAE0;border:0px;padding:10px;}
legend {padding:0;margin:0;color:#790102;font-weight:bold;font-size:10px;display:none;}

.messageStackWarning{
	background:#790102;
	color:#fff;
	padding:5px;
}
.messageStackError{
	background:#fd8400;
	padding:5px 10px 5px 10px;
}
.messageStackSuccess{
	background:#cf4e8e;
	color:white;
	padding:0px 3px 0px 3px;
}

label{
 color:#989286;
}

.labelLeftInputRight {width:100%;}
			.labelLeftInputRight label {display:block;float:left;}
			.labelLeftInputRight input, .labelLeftInputRight select {display:block;float:right;}
			.notIn label {display:inline;float:none;}
			.notIn input, .notIn select {display:inline;float:none;}

.break {
	clear: both;
}
.invisible {
	display: none;
}

.bordure, textarea, select{
		border:1px solid #D4CDBC;
		font: 12px Tahoma, Microsoft Sans Serif, "Microsoft Sans Serif", Arial, sans-serif; 
		padding:0px 0px 0px 3px;
		color:black;
}

/* ----------------------------------------------------- */
/* ------------------------- LAYOUT -------------------- */
/* ----------------------------------------------------- */

#pageOSC, #credits {
	position: relative;
	width : 948px;
	margin: 0 auto 0 auto;
}

#pageOSC{
	text-align: left;
	border: 1px solid white;
	background-image: url(images/fond-pageOSC.gif);
	background-repeat: repeat-y;
}
#mainContent{
}

#bandeau{
	padding:0;
}
		#bandeau h1 {
			position: absolute;
			left: -999px;
		}
		#bandeau #outils {
			height: 27px;
			line-height: 27px;
			float: right;
			clear: both;
			padding-right: 30px;
		}
				#bandeau #outils .boxes {
					float: left;
				}
				#bandeau #outils .boxes h4 {
					display: inline;
					margin-left: 30px;
					margin-right: 5px;
				}
				#bandeau #outils .boxes p {
					display: inline;
					margin-right: 5px;
				}
				#bandeau #outils .boxes a {
					text-decoration: none;
					background-image: url(images/puce-liens-outils.gif);
					background-repeat: no-repeat;
					padding-left: 8px;
				}
				#bandeau #outils .boxes a:hover {
					text-decoration: underline;
				}
				#bandeau #outils .boxes h4,
				#bandeau #outils .boxes p,
				#bandeau #outils .boxes a {
					font-size: 11px;
					color: white;
					font-weight: normal;
				}

		#bandeau #cartouche {
			display: block;
			clear: both;
			width: 236px;
			float:right;
		}
		#bandeau #cartouche .a {
			display: block;
			float: right;
			width: 219px;
			height: 121px;
			
			background-image: url(images/www.french-cheese.com.gif);
			background-repeat: no-repeat;
		}
		#bandeau #cartouche .a strong {
			position: absolute;
			left: -9999px;
		}

		#bandeau #navPrincipale {
			padding:5px;
			display:block;
			padding-left: 25px;
			clear: both;
		}
				#bandeau #navPrincipale #categories {
					float: left;
				}
				#bandeau #navPrincipale #categories a {
					text-decoration: none;
					color: white;
					font-weight: bold;
				}
				#bandeau #navPrincipale #categories a:hover {
					text-decoration: none;
					color: #EB559F;
				}
				#bandeau #navPrincipale ul {
					display: block;
					clear: both;
				}
				#bandeau #navPrincipale ul li {
					display: block;
					float: left;
					padding-right: 5px;
					margin-right: 5px;
					border-right: 1px solid #939393;
				}
				#bandeau #navPrincipale ul li a strong {
					color: #EB559F;
				}
				#bandeau #navPrincipale ul ul {
					display: none;
				}
				#bandeau #navPrincipale #lien_guide_fromages {
					float: right;
					text-decoration: none;
					color: #E27601;
					text-transform:uppercase;
					padding-right: 75px;
					font-size: 12px;
				}
				#bandeau #navPrincipale a:hover#lien_guide_fromages {
					text-decoration: underline;
				}



#pageContent{
	margin:0;
	padding:0;
	float: left;
	width: 712px;
	background:#fff;
	line-height: 1.5em;
}

			#pageContent #welcome_message img {
				float: right;
			}
			#pageContent #welcome_message {
				padding-bottom: 30px;
			}

			#pageContent #traceBox {
				padding: 5px;
				padding-left: 29px;
				background-color: #EEEAE0;
			}
			#pageContent .marge_standard {
				padding: 10px;
				padding-left: 14px;
				padding-right: 35px;
			}
			#pageContent .marge_nulle {
				padding: 0px;
				margin:0px;
			}
			#pageContent #contentBox {
				margin-top: 10px;
				padding-top: 10px;
			}
			#pageContent #contentBox_nullr {
				margin: 0px;
				padding: 0px;
			}

			

/*------------------------------------------------------------------
    styles du bandeau de droite : boite de recherche et menu spip 
--------------------------------------------------------------------*/

#magazine { 
	float: left;
	width: 236px; 
	background:#D9CDB3;
	background-image: url(images/fond-magazine.gif);
	background-repeat: no-repeat;
}
#magazine .inside {
	padding-top: 10px;
	padding-bottom: 10px;
}

			/* ------- boite de recherche -------- */

			#magazine #searchBox {
				margin-left: 30px;
				margin-bottom: 20px;
			}
			#magazine #searchBox #keywords {
				width: 100px;
				height: 14px;
				border: 1px solid #E3DCCD;
				font: 10px Arial, sans-serif; 
				padding: 0; margin: 0;
			}
			#magazine #searchBox .submitBt {
				width: 30px;
				height: 16px;
				border: 1px solid #E3DCCD;
				background-color: #DE7708;
				font: 9px Arial, sans-serif; 
				font-weight: bold;
				vertical-align: absmiddle;
			}

			/* ------- menu SPIP -------- */

			#magazine #rubriques a {
				text-decoration: none;
			}
			#magazine #rubriques a:hover {
				text-decoration: underline;
			}
			#magazine #rubriques h3 {
				margin-left: 30px;
				margin-top: 20px;
				font-weight: bold;
				font-size: 14px;
				border-bottom: 1px solid #776E65;
			}
			#magazine #rubriques h3 a {
				color: #3F4B23;
			}
			#magazine #rubriques h3 a:hover {
				text-decoration: none;
			}
			#magazine #rubriques ul {
				margin-left: 50px;
			}		
			#magazine #rubriques ul a {
				color: black;
			}
			#magazine #rubriques li {
				font-weight: normal;
				font-size: 10px;
				margin-bottom: 8px;
			}

			/* ---- bloc "articles liés à ce produit" ---- */

			#magazine #rubriques #articles-associes {
				background-color: #F0E7D6;
				margin-left: 9px;
				padding-top: 11px;
				padding-bottom: 11px;
			}
			#magazine #rubriques #articles-associes h3 {
				margin-left: 21px;
				margin-top: 0;
			}
			#magazine #rubriques #articles-associes ul {
				margin-left: 41px;
			}
			#magazine #rubriques #articles-associes li {
				margin-bottom: 0;
			}


#footer{
	clear: both;
	background: #254601;
	color: #E3DCCD;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding-top:3px;
	font: 11px Trebuchet MS,Microsoft Sans Serif, "Microsoft Sans Serif", Arial, sans-serif; 
}
			#footer li {
				display: inline;
				margin-left: 6px;
				padding-right: 3px;
				border-right: 1px solid white;
			}
			#footer li.last-one {
				border-right: 0;
			}
			#footer, #footer a {
				color: #E3DCCD;
				text-decoration: none;
				font-weight: bold;
			}
			#footer a:hover {
				text-decoration: underline;
			}

#credits {
	padding: 10px;
	margin-bottom: 20px;
	font-size: 9px !important;
	font-size: 9px;
	font-weight: bold;
	color: #454443;
}

		#credits .copyright {
			float: left;
		}
		#credits .lien {
			float: right;
		}








/* ----------------------------------------------------- */
/* ----------------------- MISE EN FORME --------------- */
/* ----------------------------------------------------- */


#traceBox {
	clear: both;
	height:16px;  
	color:#000; 
}
#traceBox, #traceBox a {  
    color:#555; 
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
}
#traceBox a {  
    padding-right:5px;
    padding-left:5px;
}
#traceBox a:hover {  
    color:#7B0100; 
}




/* Page spillers *************************************/

#splitPageTop {
	font-size:11px;
	color:#FFFFFF;
	height:32px;
	line-height:10px;
	padding:22px 16px 7px 14px;
	background:#2B2B2B;
	background:url(images/fonds/ligne_grise_resultat.gif) no-repeat bottom;
	margin-bottom:29px;
	clear:both;
}
#splitPageBottom {
	font-size:11px;
	color:#FFFFFF;
	height:32px;
	line-height:10px;
	padding:22px 16px 7px 14px;
	background:#2B2B2B;
	background:url(images/fonds/ligne_grise_resultat.gif) no-repeat top;
	clear:both;
}

#splitPageTop #gauche, #splitPageBottom #gauche {
	float:left;
	font-size:17px;
	line-height:25px;
}
#splitPageTop #droite, #splitPageBottom #droite {
	float:right;
	text-align:right;
}

#splitPageTop .sP2 a, #splitPageTop .sP2 .lien,
#splitPageBottom .sP2 a, #splitPageBottom .sP2 .lien {
	color:#F18209;
	text-decoration:none;
}
#splitPageTop .sP2 a:hover, #splitPageTop .sP2 .lien:hover,
#splitPageBottom .sP2 a:hover, #splitPageBottom .sP2 .lien:hover {

	text-decoration:underline;
}



/* ------- forms --------- */
input#search {
  width:130px;
  border: 1px solid #16495C; 
  padding: 1px; 
}

/* ------- Buttons ------- */
.navBt {
	background:#CF4E8E;
	border:0;
	color:#fff;
	line-height:20px;
	text-decoration:none;
	display:block;
	float:left;
	margin-top:5px;
	margin-right:10px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
	font-size: 10px;	
}
			.navBt a{
				color:#fff;
			}
/* ------- original --------- */
.newItemInCart {color: #ff0000; }
.greetUser { color: #f0a480; font-weight: bold;}
.markProductOutOfStock { color: #c76170; font-weight: bold; }
.errorText { color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }


.address {
	margin-left:25px;
	color: #5A4E5C;
}