@charset "UTF-8";

/*******************************************************************

CONTENEUR

 *******************************************************************/

body {
margin: 0;
padding: 0;
text-align: center ;
font: normal normal 1em/1em Georgia, Arial, sans-serif;
background: #1c0e05 url(/images/fond.gif);
color: #000;
}

#wrapper {
margin: 0 auto ;
text-align: left ;
width: 1210px;
height: 500px;
padding: 0;
}

#conteneur {
position: absolute;
top: 50%;
height: 500px;
margin-top: -250px;
padding: 0;
}

#langues {
margin: 0;
padding: 0;
width: 1200px;
text-align: right;
font-size: 0.8em;
color: #fff;
background: transparent;
}

#langues img {
border: none;
}

#langues a {
color: #fff;
}

#bandeau {
margin: 0;
padding: 0;
width: 1210px;
height: 400px;
background: #1c0e05;
}

#ourse {
margin: 0;
padding: 0;
width: 1210px;
background: transparent;
font-size: 0.8em;
}


/*******************************************************************

GAUCHE

 *******************************************************************/

#gauche {
float: left;
margin-right: 5px;
padding: 5px;
width: 390px;
height: 390px;
background: #fff;
border: 1px solid #47240c;
}

.smallimg {
float: left;
width: 195px;
height: 195px;
margin: 0px;
padding: 0px;
border: none;
}

.smallimg a {
border: none;
}

.logoblanc {
float: left;
width: 390px;
height: 390px;
margin: 0px;
padding: 0px;
}


/*******************************************************************

 CENTRE

 *******************************************************************/


#centre {
float: left;
margin-right: 5px;
padding: 0;
width: 390px;
height: 400px;
background: #fff7c6;
border-right: 1px solid #47240c;
border-left: 1px solid #47240c;
border-bottom: 1px solid #47240c;
border-top: 1px solid #381c0b;
}



/*******************************************************************
 MENU
 *******************************************************************/

#navigation {
margin: 0;
padding: 0px;
width: 390px;
height: 35px;
background: #47240c;
}

#navigation img {
margin: 0px;
padding: 0px;
border: none;
}

ul.MenuBarHorizontal
{
margin: 0;
padding: 0px;
list-style-type: none;
font: 0.8em/1.2em Georgia, "Times New Roman", Times, serif;
cursor: default;
width: 390px;
}

ul.MenuBarActive
{
z-index: 1000;
}


ul.MenuBarHorizontal li
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
}


ul.MenuBarHorizontal ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
}


ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}


ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}


ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}


ul.MenuBarHorizontal ul
{
background: #1d0f05;
}


ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background: #1d0f05;
padding: 0px;
text-decoration: none;
}


ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background: #1d0f05;
}

.pages a
{
background: #47240c;
color: #d8b600;
}

.pages a:hover
{
background: #47240c;
color: #fff;
}

.pages2 a
{
background: #47240c;
color: #fff;
}

.pages2 a:hover
{
background: #47240c;
color: #d8b600;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background: #1d0f05;
}

ul.MenuBarSubmenuVisible li {
padding: 0px 10px 10px;
width: auto;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}



/***********************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 ***********************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
float: left;
background: #fff;
}
}

.sel {
color: #fff;
}

#navigation .selportrait {
text-decoration: underline;
color: #fff;
}

#navigation .selproduits {
text-decoration: underline;
color: #fff;
}


/*******************************************************************
 TEXTES
 *******************************************************************/


h1 {
margin: 20px 0px 0px 0px;
font-size: 1.3em;
font-weight: normal;
}

h2 {
margin: 0px;
font-size: 1.1em;
font-weight: normal;
color: #47240c;
}

h3 {
margin: 0px;
font-size: 1.2em;
font-weight: normal;
color: #47240c;
border-bottom: 1px dotted #47240c;
}

.catprod {
padding-left: 10px;
font-size: 1em;
border: none;
}

#accueil {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#presentation {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#presentation a {
font-weight: bold;
text-decoration: none;
color: #47240c;
border-bottom: 1px solid #47240c;
}

#portraits {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#portraits a {
font-weight: bold;
text-decoration: none;
color: #47240c;
border-bottom: 1px solid #47240c;
}

#produits {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#produits a {
color: #47240c;
}

#catalogue {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#catalogue ul {
padding: 0;
list-style-type: none;
}

#catalogue li {
display: block;
}

#catalogue a {
color: #47240c;
}

#prods {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#prods ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#prods a {
margin: 0;
padding: 0;
color: #000;
}

#prod a {
color : #47240c;
}

#chocolats {
margin-right: 50px;
float: left;
}

#biscuits {
float: left;
}

.types {
margin: 0;
padding: 0;
list-style-type: none;
}

.types li {
padding: 0px 5px 0px 0px;
display: inline;
}

#articles {
margin: 0;
padding: 0;
padding: 15px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

.article {
margin: 0;
padding: 0;
list-style-type: none;
}

.liens {
margin: 0;
padding: 0;
list-style-type: none;
}

.article li, .liens li {
margin: 0;
padding: 0px 5px 0px 0px;
}

.article a {
color: #47240c;
}

.liens a {
color: #000;
}

.retour {
margin: 0;
padding: 0;
text-align: right;
}

.retour a {
font-style: italic;
color: #47240c;
}


#boutique {
margin: 0;
padding: 20px 30px;
font-size: 0.8em;
text-align: justify;
background: url(images/fond-1.gif) top left repeat-x;
}

#boutique a {
color: #47240c;
}

.ggmp {
padding: 10px 0px;
}

.ggmp a {
font-weight: bold;
}

.sprites {
position: absolute;
width: 390px;
height: 390px;
margin: 0px;
padding: 0px;
z-index: 2000;
}


/*******************************************************************

DROITE

 *******************************************************************/


#droite {
float: left;
margin: 0;
padding: 5px;
width: 390px;
height: 390px;
font-size: 0.8em;
background: #fff;
border: 1px solid #47240c;
}

#formulaire {
height: 380px;
background: #fff7c6;
color: #000;
}

#recaptcha_area {
margin: 0 auto 10px;
}

#contact {
border: none;
margin: 0;
padding: 0;
width: 380px;	/*** Largeur du formulaire ***/
}

fieldset {
border: none;
}

label {
float: left;
width: 30%;
text-align: right;
padding-right: 5px;
}

input, textarea {
width: 150px;
}

#valid {
margin-left: 110px;
}


/*******************************************************************

OURSE

 *******************************************************************/

#ourse {
padding: 10px 0px;
text-align: center;
font-size: 0.7em;
background: transparent;
color: #fff;
}


#ourse a {
color: #fff;
}