* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; background: #fff url('../medias/bg2.png') top center no-repeat; height: 100%; text-align: left; color: #58595b; font-size: 62.5%; font-family: "Lucida Grande", Lucida Sans Unicode, Geneva, Arial, sans-serif; }
img { border:0; }

a { color: #ec008c; text-decoration: none; }
a:hover { color: #6d0053; text-decoration: underline; }

ul { list-style: none; }

h1 { font-size: 2em; color: #6d0053; margin-bottom: 0.5em; font-weight: normal; font-family: "Lucida Grande", Lucida Sans Unicode, Geneva, Arial, sans-serif; }
h2 { font-size: 1.5em; color: #6d0053; font-weight: normal; margin-bottom: 0.5em; }
h3 { color: #ec008c; font-weight: normal; margin-bottom: 0.5em; }

strong { font-weight: bold; }

p { font-size: 1.2em; padding-bottom: 1em; line-height: 1.4em; }

body#accueil { background: #fff url('../medias/bg2.jpg') top center no-repeat; }
body#lexique { background: #fff url('../medias/bg1.jpg') top center no-repeat; }
body#produits { background: #fff url('../medias/bg3.jpg') top center no-repeat; }
body#recettes { background: #fff url('../medias/bg4.jpg') top center no-repeat; }

#wrapper { margin: 0 auto; width: 790px; position: relative; }

/* Header */
#header { padding: 5em 0 0 0; width: 790px; }

#logo { width: 170px; float: left; padding-left: 1em; }
/*
#menu { float: right;  }
#menu ul { list-style: none; float: right; }
#menu ul li { float: left; margin-left: 3.5em; display: block; margin-top: 6.3em; }
#menu ul li.first { margin-left: 0; }
#menu ul li a { color: #ec008c; font-size: 1.5em; text-transform: uppercase; text-decoration: none; }
#menu ul li a:hover { color: #6d0053; text-decoration: underline; }
#menu ul li a:visited { color: #ec008c; }
#menu ul li a.selected { color: #6d0053; }
*/
#menu { float: right; }
#menu ul { list-style: none; float: right; margin-top: 52px; }
#menu ul li { float: left; display: block; margin-left: 2em}
#menu ul li a { color: #ec008c; }

ul#side_menu li a.list_toggle { color: #6d0053; font-size: 1.5em; text-decoration: none; text-transform: uppercase; line-height: 1.8em; background:url('../medias/open.gif') no-repeat 0px 10px; display:block; padding:0 0 0 15px; font-family: "Lucida Grande", Lucida Sans Unicode, Geneva, Arial, sans-serif; }
ul#side_menu li a.list_toggle:hover { text-decoration: underline; }
ul#side_menu li .list_open { color: #6d0053; font-size: 1.5em; text-decoration: none; text-transform: uppercase; line-height: 1.8em; background:url('../medias/close.gif') no-repeat 0px 10px; display:block; padding:0 0 0 15px; font-family: "Lucida Grande", Lucida Sans Unicode, Geneva, Arial, sans-serif; }

ul#side_menu li ul.list { padding: .5em 0 1em 0; }
ul#side_menu li ul.list li { margin-left: 1.5em; line-height: 1.8em; list-style: square;  color: #6d0053; }
ul#side_menu li ul.list li a { color: #ec008c; font-size: 1.2em; text-decoration: none; }
ul#side_menu li ul.list li a.selected { color: #6d0053; }
ul#side_menu li ul.list li a:hover { color: #6d0053; text-decoration: underline; }

/* Content - Default */
#content { position: relative; padding-top: 4em; }
#first_col { width: 493px; float: left; margin-right: 10px; background: #f6e3ec url('../medias/gradient.gif') top left repeat-x; }
#second_col { width: 267px; float: left; padding: 10px; background: #f6e3ec url('../medias/gradient.gif') top left repeat-x; min-height: 321px; height:auto !important; height:321px;}

/* Content - Accueil */ 
#accueil #first_col { width: 473px; float: left; padding: 10px; margin-right: 10px; }

/* Content - Lexique */
#lexique #first_col { width: 473px; padding: 10px; }

.liste_types_alcool { padding-top: 2em; }
.liste_types_alcool ul { padding: 0 0 1em 0; }
.liste_types_alcool ul li { margin-left: 1.5em; line-height: 1.5em; list-style: square;  color: #6d0053; }
.liste_types_alcool ul li a { color: #ec008c; font-size: 1.2em; text-decoration: none; }
.liste_types_alcool ul li a:hover { text-decoration: underline; }
.liste_types_alcool ul li a.selected { color: #6d0053; }

/* Content - Produits */
#produits #first_col { width: 493px; min-height:341px; height:auto !important; height:341px; }
#produits #first_col .defaut { padding: 10px; }

.produit { background-color: #fff; float: left; width: 230px; margin-left: 10px; height: 200px; margin-top: 10px; border: 1px solid #e8e8e8; }
.produit .photo { float: left; width: 100px; height: 200px; }
.produit .info { float: left; padding-top: 10px; padding-right: 10px; width: 120px; }
.produit .info p { font-size: 1em; }
.produit .info strong { font-size: 1.2em; }

/* Content - Produits - Par Rˇgion */
#produits #first_col .region { padding: 10px; min-height: 341px; }
#produits #first_col .region #liste_produits { margin-top: 150px; }

.details_region h1 { width: 230px; }

.carte_lanaudiere {  background: url('../medias/carte_lanaudiere.png') top right no-repeat; }
.carte_basstlaurent {  background: url('../medias/carte_basstlaurent.png') top right no-repeat; }
.carte_saguenay {  background: url('../medias/carte_saguenay.png') top right no-repeat; }
.carte_abitibi {  background: url('../medias/carte_abitibi.png') top right no-repeat; }
.carte_gaspesie {  background: url('../medias/carte_gaspesie.png') top right no-repeat; }
.carte_mauricie {  background: url('../medias/carte_mauricie.png') top right no-repeat; }
.carte_quebec {  background: url('../medias/carte_quebec.png') top right no-repeat; }
.carte_chaudiere {  background: url('../medias/carte_chaudiere.png') top right no-repeat; }
.carte_outaouais {  background: url('../medias/carte_outaouais.png') top right no-repeat; }
.carte_monteregie {  background: url('../medias/carte_monteregie.png') top right no-repeat; }

#liste_producteurs { padding-top: 10em; }
#liste_producteurs ul { padding: 0 0 1em 0; }
#liste_producteurs ul li { margin-left: 1.5em; line-height: 1.5em; list-style: square;  color: #6d0053; }
#liste_producteurs ul li a { color: #ec008c; font-size: 1.2em; text-decoration: none; }
#liste_producteurs ul li a:hover { text-decoration: underline; }

/* Content - Produits - Par Producteur */
#produits #first_col .producteur { padding-bottom: 10px; overflow: auto;  }
#produits #first_col .producteur #liste_produits { margin-top: 10px; }
.details_producteur { padding: 10px; }
.details_producteur table {font-size: 1.2em; padding-bottom: 1em; line-height: 1.4em; }
.details_producteur table tr td { vertical-align: top; }
.details_producteur table tr td.field_name { width: 10em; }

/* Content - Produits - Par Fruit */
#produits #first_col .fruit { padding-bottom: 10px; overflow: auto; }
.details_fruit { padding: 10px 9px 10px 10px; }

/* Content - Produits - Par Type d'alcool */
#produits #first_col .alcool { padding-bottom: 10px; overflow: auto; }
.details_alcool { padding: 10px; }

/* Content - Recettes */
#recettes #first_col { width: 473px; padding: 10px; min-height: 341px;}
#recettes #first_col ul { padding-bottom: 1em; font-size: 1.2em; }
#recettes #first_col ul li { margin-left: 1.5em; line-height: 1.5em; list-style: square; }

/* Footer */
#footer { padding: 2em 0; text-align: right; }

/* Misc. */
.clear { clear:both; display:block; }