@charset "iso-8859-1";
/* DATE DE CREATION : 12/01/2008 */

/* general */
body {color: #000; background: #fff; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; }
p {font-size: 8pt; color: #000; margin: 0px; text-align: justify;}
p.commentaire {font-size: 8pt; color: #000; margin: 4px 4px 4px 15px; padding-left: 5px; border-left: 3px dotted #C0C0C0; text-align: justify;}

img {display: block; border: 0; display: inline-block;}
b {margin-top: 0px; font-weight: bold;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 23px;	font-weight: bold; color: #101D46; text-align: left; margin-top: 5px; margin-bottom:15px; }

#centrage {position: relative; margin: 0 auto; width: 980px;}

/* entete */
#entete {display: block; clear: both; float: left; position: relative; margin-top: 7px; width: 980px; height: 260px; font-size: 8pt; background: #fff; z-index: 200;}
#entete .logo {position: absolute; top: 90px; left: 0px; width: 980px; height: 108px;}
#entete .pub  {position: absolute; top: 0px; left: 0px; width: 728px; height: 90px; padding: 0px;}
#entete .login  {position: absolute; top: 0px; left: 720px; width: 268px; height: 90px; padding: 0px 0px 0px 0px;}
#corps .login  {position: relative; width: 268px; height: 90px; padding: 0px 0px 0px 0px;}
.cadre {display: block; float: left; position: relative; top: 0px; left: 0px; margin: 2px; padding: 2px; vertical-align: top; background: #fff; border: 2px solid #eee; font-weight: bold;}
a.all {padding: 0em; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 7.5pt;}
a.all:hover {text-decoration: underline; }

div#cat {position: absolute; top: 198px; left: 0px; height: 22px; background: #fff; border: 0px solid #fff; }
div#cat ul {margin: 0; padding: 0; background: #fff; border: 0px; }
div#cat li {position: relative; list-style: none; margin: 0; float: left; line-height: 1em; background: #fff;}
div#cat li a.niveau {display: block; padding: 0.25em 1em 0.5em 0em; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 10pt;}
div#cat li a.niveau:hover {text-decoration: underline; }
div#cat>ul a.niveau {width: auto;}

div#nav {position: absolute; top: 218px; left: 0px; background: #fff; border: 0px solid #fff; z-index: 80;}
div#nav b {color: #000; }
div#nav ul {margin: 0; padding: 0.75em 0 0.25em 0; background: #fff; border: 0px;  -moz-opacity: 0.9; opacity: 0.9; filter:alpha(opacity=90);}
div#nav li {position: relative; display: block; list-style: none; margin: 0; float: left; line-height: 1.6em; z-index: 60;}
div#nav li:hover {background-color: #fff;}
div#nav li.menu {background-color: #fff; border: 1px solid #000000; margin-left: 0.4em;}
div#nav li.menu:hover {background-color: #fff;}
div#nav li a.niveau_a {display: block; padding: 0.1em 0.2em 0.2em 0.2em; text-decoration: none; color: #000; font-size: 14pt;}
div#nav>ul a.niveau_a {width: auto;}
div#nav li a.niveau_b {display: block; padding: 0.25em 0em 0.1em 0em; text-decoration: none; color: #000; font-size: 9pt;}
div#nav>ul a.niveau_b {width: auto;}
div#nav ul ul {position: absolute; width: auto; display: none;}
div#nav ul ul li {width: 20em; background: #b9b9b9; border: 0px; -moz-opacity: 0.96; opacity: 0.96; filter:alpha(opacity=96);}
div#nav ul ul li li {width: 20em; background: #b9b9b9; border: 0px; -moz-opacity: 0.96; opacity: 0.96; filter:alpha(opacity=96);}
div#nav li.menu li.menu {background-color: #b9b9b9; border-top: 0px; border-right: 1px solid #000000; border-bottom: 1px dotted #000000; border-left: 1px solid #000000; line-height: 2em; padding: 0.25em 0.2em 0.1em 0.2em; }
div#nav li.menu li.menu:hover {background-color: #E5E5E5; }
div#nav ul.niveau1 li.menu:hover ul.niveau2,
div#nav ul.niveau2 li.menu:hover {display:block; }
div#nav ul.niveau2 {width: 20em; top: 2.2em; left: -10px; line-height: 2em; }

/* bar navigation */
#cb {float: left; position: relative; top: 0px; left: 0px; width: 980px; height: 20px; font-size: 8pt; font-weight: bold; background: #fff; margin: 0px; }
#cb .all {float: left; width: auto; height: 15px; color: #000; padding: 0px 10px 0px 0px; text-align: left; }
#cb a.all {display: block; padding: 0em 0.5em 1em 0em; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 8pt;}
#cb a.all:hover {text-decoration: underline; }
#cb .fleche {float: left; width: 15px; height: 15px; color: #000; background: url(http://www.bouquet-garni.net/images/habillage/fleche.gif) 0px 2px no-repeat;}

/* corps central */
#corps {display: block; clear: both; float: left; position: relative; width: 980px; min-height: 800px; height: auto; margin: 0px 0px 0px 10px; padding: 0px; z-index: 50;}
#corps .cadre_large {float: left; clear: both; position: relative; top: 0px; left: 0px; width: 680px; margin: 0px 0px 10px 0px; padding: 0px; }
#corps .cadre_1de3 {float: left; position: relative; top: 0px; left: 0px; width: 200px; margin: 0px 10px 10px 0px; padding: 0px; }
#corps .cadre_2de3 {float: left; position: relative; top: 0px; left: 0px; width: 435px; margin: 0px 20px 10px 20px; padding: 0px; }
#corps .cadre_1de2 {float: left; position: relative; top: 0px; left: 0px; width: 330px; margin: 0px 5px 10px 0px; padding: 0px; }

#corps .edito {}
#corps .editofond {padding-left: 80px; background: url(http://www.bouquet-garni.net/images/habillage/edito.gif) 0px 0px no-repeat; min-height: 250px; }
#corps .titre0 {display: block; color: #000; font-weight: bold; font-size: 11pt; margin: 10px 0px 10px 0px}
#corps .titre {display: block; color: #000; font-weight: bold; font-size: 13pt; margin: 10px 0px 10px 0px}
#corps .titre2 {display: block; color: #000; font-weight: bold; font-size: 15pt; margin: 10px 0px 10px 0px}
#corps .titreinverse {display: block; float: left; background: #B9B9B9; color:#fff; }
#corps .hr_2de3 {display: block; float: left; position: relative; top: 0px; left: 0px; margin: 10px 0px 10px 0px; width: 435px; height: 2px; border-bottom: 2px solid #cccccc;}
#corps .hr_1de3 {display: block; float: left; position: relative; top: 0px; left: 0px; margin: 10px 0px 10px 0px; width: 200px; height: 2px; border-bottom: 2px solid #cccccc;}
#corps .hr_1de2 {display: block; float: left; position: relative; top: 0px; left: 0px; margin: 10px 0px 10px 0px; width: 330px; height: 2px; border-bottom: 2px solid #cccccc;}
#corps .clic {display: block; float: left; position: relative; top: 0px; left: 0px; margin: 1px 10px 1px 1px;  }
#corps a.minilien {padding: 0px; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 8pt; }
#corps a.minilien:hover {text-decoration: underline; }
#corps a.lien {display: block; padding: 0px; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 8pt;}
#corps a.lien:hover {text-decoration: underline; }
#corps a.inverse {color: #FFFFFF; }
#corps a.inverse:hover {color: #FFFFFF; }
#corps a.titre {text-decoration: underline; font-size: 13pt; font-weight: bold; color: #000; }
#corps a.titre:hover {text-decoration: underline; font-size: 13pt; font-weight: bold; }
#corps a.commentaire {padding: 0px; text-decoration: underline; color: #0a7098; font-weight: normal; font-size: 8pt}
#corps a.commentaire:hover {text-decoration: underline; }
#corps a.definition {padding: 0px; text-decoration: none; color: #0a7098; border-bottom: 1px dotted #0a7098; font-weight: normal; font-size: 8pt}
#corps a.definition:hover {text-decoration: none; }
#corps .vignette {display: block; float: right; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: top; background: #fef; }
#corps .ingredient {display: block; float: left; position: relative; top: 0px; left: 0px; width: 200px; margin: 10px 0px 0px 10px; padding: 0px; vertical-align: top; background: #eff; }

#corps .recette {display: block; float: left; position: relative; top: 0px; left: 0px; width: 455px; margin: 0px; padding: 5px; vertical-align: top; }
#corps .pseudo {display: block; float: left; position: relative; top: 0px; left: 0px; width: 95px; margin: 0px; padding: 5px; vertical-align: top; }
#corps .ville {display: block; float: left; position: relative; top: 0px; left: 0px; width: 95px; margin: 0px; padding: 5px; vertical-align: top; }
#corps .assiette {display: block; float: left; position: relative; top: 0px; left: 0px; width: 200px; margin: 0px; padding: 5px; vertical-align: top; }
#corps .bord_bas {display: block; float: left; width: 200px; padding: 3px 0px 3px 0px; border-bottom: 1px solid #2c6e96;}
#corps .liste {float: left; clear: both; position: relative; top: 0px; left: 0px; width: 680px; margin: 0px; padding: 0px; vertical-align: top; border-bottom: 1px solid #2c6e96;}

#corps .date {display: block; float: left; position: relative; top: 0px; left: 0px; width: 95px; margin: 0px; padding: 5px; vertical-align: top; }
#corps .sujet {display: block; float: left; position: relative; top: 0px; left: 0px; width: 420px; margin: 0px; padding: 5px; vertical-align: top; }
#corps .rubrique {display: block; float: left; position: relative; top: 0px; left: 0px; width: 135px; margin: 0px; padding: 5px; vertical-align: top; }

#corps .onglet {display: block; float: left; position: relative; top: 0px; left: 0px; margin: 0px 5px 0px 0px; padding: 2px 10px 2px 10px; vertical-align: top; background: #fff; border: 1px solid #2c6e96; font-weight: bold;}
#corps .inverse {background: #0a7098; color: #fff}

#corps .input {display: block; float: left; position: relative; top: 0px; left: 0px; width: 150px; height: auto; margin: 0px 0px 10px 10px; padding: 5px; vertical-align: top; background: #ffd; border-bottom: 1px solid #ccc; font-weight: bold;}
#corps input.input {color:#009900;font-weight: bold; width: 120px; }
#corps .bouton_mini {display: block; float: left; position: relative; top: 0px; left: 0px; width: 150px; margin: 0px 0px 10px 20px; padding: 10px; vertical-align: top; background: #ffd; border-bottom: 1px solid #ccc; font-weight: bold;}

#corps .categorie {display: block; float: left; position: relative; top: 0px; left: 0px; width: 660px; margin: 0px; padding: 0px; vertical-align: top;}
#corps .cat_lien {display: block; padding: 0.1em 0 0.2em 0.5em; text-decoration: none; font-size: 20pt;}
#corps .categorie_cadre {display: block; float: left; position: relative; top: 0px; left: 0px; width: 660px; margin: 20px 0; padding: 0px; vertical-align: top;}
#corps .categorie_sub {display: block; float: left; position: relative; top: 0px; left: 0px; width: 220px; margin: 0px; padding: 0px; vertical-align: top;}
#corps .cat_lien2 {display: block; padding: 0.1em 0 0.1em 0.5em; text-decoration: none; font-size: 12pt;}

#corps .theme {display: block; float: left; position: relative; top: 0px; left: 0px; width: 600px; margin: 2px 2px 2px 10px; padding: 5px; vertical-align: top; background: #ffe; border-bottom: 1px solid #dee; font-weight: bold;}
#corps .theme_cadre {display: block; float: left; position: relative; top: 0px; left: 0px; width: 660px; margin: 2px 2px 10px 10px; padding: 5px; vertical-align: top; background: #ffe; border-bottom: 1px solid #dee; font-weight: bold;}
#corps .theme_sub {display: block; float: left; position: relative; top: 0px; left: 0px; width: 200px; margin: 0px 0px 10px 10px; padding: 5px; vertical-align: top; background: #ffd; border-bottom: 1px solid #ccc; font-weight: bold;}

#corps .l {display: block; float: left; position: relative; top: 0px; left: 0px; width: 660px; margin: 0px 0px 3px 0px; padding: 5px; text-align: left; vertical-align: top; font-size: 10pt; font-weight: bold;}
#corps .l2 {float: left; position: relative; top: 0px; left: 0px; width: 330px; margin: 0px; padding: 0px; }
#corps .lg {float: left; width: 90px; margin: 3px 0px 3px 10px; padding: 1px; text-align: left; vertical-align: top; font-weight: bold;}
#corps .ld {float: left; width: 190px; margin: 3px 0px 3px 0px; padding: 1px; text-align: left; vertical-align: top; }
#corps .ll {float: left; width: 310px; margin: 3px 0px 3px 10px; padding: 1px; border-top: 1px dashed #000;}
#corps .t {display: block; float: left; position: relative; top: 0px; left: 0px; width: 210px; margin: 0px 0px 3px 0px; padding: 5px; text-align: center; vertical-align: top; }
#corps .u {display: block; float: left; position: relative; top: 0px; left: 0px; width: 155px; margin: 0px 0px 3px 0px; padding: 5px; text-align: center; vertical-align: top; }
#corps .tt {background: #fff; font-weight: bold;}
#corps .tg {background: #B9B9B9; border-bottom: 3px solid #fff; }
#corps .tb {background: #E2E2E2; border-bottom: 3px solid #fff; }

/* menu droit */
#publicite {display: block; position: absolute; top: 280px; left: 700px; width: 250px; margin: 0px 0px 0px 5px; padding: 0px; background: #fffff; vertical-align: top; z-index: 80;}
#publicite a.lien {display: block; padding: 0px; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 8pt;}
#publicite a.lien:hover {text-decoration: underline; }
#publicite2 {}
#publicite2 a.lien {display: block; padding: 0px; text-decoration: none; color: #0a7098; font-weight: bold; font-size: 8pt;}
#publicite2 a.lien:hover {text-decoration: underline; }

/* pied */
#pied {display: block; clear: both; float: left; position: relative; width: 980px; height: auto; font-size: 7.5pt; background: transparent; color: #A9A9A9; margin: 180px 0px 5px 0px; z-index: 180;}
#pied a.lien {text-decoration: underline; font-size: 7.5pt; font-weight: bold; font-style: italic; color: #8D95BF; }
#pied a.lien:hover {text-decoration: underline; font-size: 7.5pt; font-weight: bold; font-style: italic; color: #808080; }
#pied .ligne {position: relative; float: left; width: 980px; text-align: center; vertical-align: middle; font-weight: bold; }

a.bouton         {float: right; display: block; font-size: 9pt; margin: 15px 10px 5px 5px; padding: 3px 10px 3px 10px; text-align: center; vertical-align: middle; text-decoration: none; background: #fff; color: #000; font-weight: bold; border: 1px solid #000;}
a.bouton:link    {color: #000; background: #fff; }
a.bouton:visited {color: #000; background: #fff; }
a.bouton:active  {text-decoration: underline; color: #000; background: #eee; }
a.bouton:hover   {text-decoration: underline; color: #000; background: #eee; }
a.bouton:focus   {text-decoration: underline; color: #000; background: #eee; }

/* Objets de formulaire */
form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	margin: 0px; }
fieldset {border: 1px solid #000000; margin-top: 10px; padding-left: 15px; padding-top: 0px; padding-bottom: 15px; }
legend {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 5px; padding: 5px; border: 1px solid #000000}
.boite {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 5px; padding: 5px; border: 1px solid #000000}
label {display: block; margin: 2px;	text-align: right; }
input {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; border: 1px solid #000000; background: #ffffff; margin: 2px; }
input.case {border: 1px solid #000000; }
input.boutonimg {height: 26px; width: 115px; font-size: 12px; color: #ffffff; border: 0px; text-decoration: none; background: url(http://www.bouquet-garni.net/images/habillage/bouton-on-off.gif) 0px 0px no-repeat; margin: 0px; padding: 3px; text-align: center; font-weight: bold; }
input.boutonimg:hover {background: url(http://www.bouquet-garni.net/images/habillage/bouton-on-off.gif) 0px -26px no-repeat; }
textarea {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; border: 1px solid #000000; background: #ffffff; margin: 2px; }
select { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; border: 1px solid #000000; background: #ffffff; margin: 2px;}
/* Fin Objets de formulaire */

/* tag cloud */
a.tagcloud {text-decoration: none; font-weight: bold;}
a.tagcloud:hover {text-decoration: underline; background-color: #eeeeee; color: #000000;}
a.tag1 {color: #BB3806; font-size: 14pt; }
a.tag2 {color: #0800A1; font-size: 12pt; }
a.tag3 {color: #E12A86; font-size: 10pt; }
a.tag4 {color: #333333; font-size: 8pt; }
/******/