/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html {font-size:100%;} /* Cf.:http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {font-size:12px; font-family:Verdana, Helvetica, Arial, sans-serif; color:#333; overflow:auto;}

* {margin:0; padding:0;}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal; font-size:1em; font-family:Desyrel, Georgia, Times, serif;}
h1 {font-size:1.70em; color:#343434;}
h2 {font-size:1.40em; font-weight:normal;}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active {color:#003; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s;}
h2 {font-size:1.20em; font-weight:bold;}
h3.spip {} /* Cf.:spip_style.css */
hr.spip {} /* Cf.:spip_style.css */
p {padding:0 0 10px;}

/* Autres enrichissements typo */
strong {font-weight:bold;}
em {font-style:italic;}
abbr, acronym {border-bottom:1px dotted; cursor:help;}
small {font-size:0.90em; color:#666;}
dfn {font-weight:bold; color:#666;}
del {text-decoration:line-through;}
ins {color:red !important; text-decoration:none;}
sup, sub {font-size:.8em; font-variant:normal;}

/* Listes */
ul.spip {} /* Cf.:spip_style.css */
ol.spip {} /* Cf.:spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.:spip_style.css */
blockquote.spip_poesie {} /* Cf.:spip_style.css */
.spip_code {} /* Cf.:spip_style.css */
.spip_cadre {} /* Cf.:spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.:spip_style.css */

/* Logos, documents et images */
img {margin:0; padding:0; border:0;}
.spip_logos {float:right; margin:0 0 0 15px;} /* Cf.:spip_style.css */
.spip_documents {} /* Cf.:spip_style.css */
.spip_documents_center {} /* Cf.:spip_style.css */
.spip_documents_left {} /* Cf.:spip_style.css */
.spip_documents_right {} /* Cf.:spip_style.css */
.spip_doc_titre {} /* Cf.:spip_style.css */
.spip_doc_descriptif {} /* Cf.:spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body {background:#c19f63; margin:0; padding:0; text-align:center;}

#page {position:relative; width:900px; margin:50px auto 30px; overflow:hidden; background:url(../images/100pxvert.jpg) repeat-y;}

#entete {width:900px; margin:0; padding-top:1.60em;}
#entete a.accueil {display:block; width:67%;}
#entete a.accueil img.spip_logos {vertical-align:bottom; line-height:1em;}
#entete a.accueil #nom_site_spip {vertical-align:bottom; font-size:2.2em; font-family:Georgia, Times, serif; font-weight:normal;}
#entete .formulaire_menu_lang {position:absolute; right:0; top:0.90em; display:block; width:30%;} /*Cf.:spip_formulaires.css*/

#left {float:left; height:420px; width:100px; background:url(../images/terre1c.png) top center no-repeat #647248; margin:; padding:10px;}
#kleft a {position:absolute; bottom:25px; left:10px; font-size:.8em; color:#A3A17A;}
#kleft a:hover {color:#444422; border:none;}

#conteneur {position:relative; margin-left:; overflow:hidden;}
#contenu {position:relative; width:740px; overflow:hidden; min-height:420px; background:#E9E1C7; margin:0 0 0 10px; padding:10px 15px;}

#navigation {position:relative; width:780px; height:45px; overflow:hidden;}

.nav {overflow:hidden; height:45px; font-size:1.1em; margin:0;}
.nav a {float:right; width:126px; height:22px; margin:10px 0 10px 10px; color:#F2E7BB; padding:7px 10px 10px; text-decoration:none; text-align:center; font-weight:bold;}
.nav a:hover {background:#647248; color:#5A723F; border:none; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s;}
.nav .on {background:#E9E1C7; color:#405533; height:30px; margin:16px 0 0 10px; padding-bottom:0; border:none;}


.nav #blog a {background:url(../images/pdt2.jpg) no-repeat center center; width:126px; height:22px;}
.nav #blog a:hover {background:#647248; color:#F2E7BB; border:none;}
.nav #blog .on {background:#E9E1C7; border:none;}
.nav #blog .on:hover {background:#E9E1C7; color:#405533; height:30px; margin:16px 0 0 10px; padding-bottom:0; border:none;}

.nav #vente a {width:126px; height:22px;}
.nav #vente a:hover {background:#647248; color:#F2E7BB; border:none;}
.nav #vente .on {background:#E9E1C7; border:none;}
.nav #vente .on:hover {background:#E9E1C7; color:#405533; height:30px; margin:16px 0 0 10px; padding-bottom:0; border:none;}

.nav #contact a {width:126px; height:22px;}
.nav #contact a:hover {background:#647248; color:#F2E7BB; border:none;}
.nav #contact .on {background:#E9E1C7; border:none;}
.nav #contact .on:hover {background:#E9E1C7; color:#405533; height:30px; margin:16px 0 0 10px; padding-bottom:0; border:none;}

.nav #presentation a {width:126px; height:22px;}
.nav #presentation a:hover {background:#647248; color:#F2E7BB; border:none;}
.nav #presentation .on {background:#E9E1C7; border:none;}
.nav #presentation .on:hover {background:#E9E1C7; color:#405533; height:30px; margin:16px 0 0 10px; padding-bottom:0; border:none;}

.nav #production a {width:126px; height:22px;}
.nav #production a:hover {background:#647248; color:#F2E7BB; border:none;}
.nav #production .on {background:#E9E1C7; border:none;}
.nav #production .on:hover {background:#E9E1C7; color:#405533; height:30px; margin:16px 0 0 10px; padding-bottom:0; border:none;}


#extra {float:right; clear:right; width:30%; margin-top:1em; overflow:hidden;}

#pied {position:relative; height:100px; width:; font-size:.8em; background:url(../images/logo2.png) 770px 14px no-repeat #647248; color:#F2E7BB; margin:0; clear:; padding:10px; text-align:right;}
#pied #k a {float:left; font-size:.8em; color:#F2E7BB;}
#pied #k a:hover {color:#444422; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s;}

#assiettes {position:relative; background:url(../images/assiettes1.png) 60px no-repeat; height:60px; font-size:3em; text-align:center; padding:10px 0 0; margin:10px 300px 5px 10px;}

#pied img {vertical-align:middle;}

/*                      page d'accueil                                   */

#navaccueil {position:relative; overflow:hidden;}
#haut, #bas {position:relative; height:220px; overflow:hidden;}

#navaccueil a {position:absolute; height:110px; margin:0; color:#F2E7BB; padding:100px 0 0; text-decoration:none; text-align:center; font-size:1.6em;}
#navaccueil a:hover,#navaccueil a:active {background:#647248; height:110px; font-size:1.8em; border:none;}

.page_sommaire #left {float:left; height:420px; width:100px; background:url(../images/terre1b.png) bottom no-repeat #647248; margin:; padding:10px;}
.page_sommaire #conteneur {position:relative; margin-left:; height:440px; overflow:hidden;}
.page_sommaire #pied {height:100px; font-size:.8em; background:url(../images/logo2.png) 770px 14px no-repeat #647248; color:; margin:; padding:10px; text-align:right;}


#blog a {left:530px; top:0; background:#647248; width:250px;}
#blog a:hover {background:url(../images/spirale2.jpg) 20px top repeat-y #647248; color:#405533; -moz-transition:background 2s; -webkit-transition:background 2s; -o-transition:background 2s;}

#contact a {left:270px; top:0; background:url(../images/petitspois3.jpg)no-repeat left bottom; width:250px;}
#contact a:hover {background:url(../images/petitspois3a.jpg)no-repeat left bottom; -moz-transition:background 2s; -webkit-transition:background 2s; -o-transition:background 2s;}

#vente a {left:10px; top:0; background:url(../images/courgettes4.jpg)no-repeat left bottom; width:250px;}
#vente a:hover {background:url(../images/courgettes4a.jpg)no-repeat left bottom; -moz-transition:all 2s; -webkit-transition:all 2s; transition:all 2s;}

#presentation a {left:10px; top:0; background:url(../images/salades2.jpg)no-repeat left bottom; width:380px;}
#presentation a:hover {background:url(../images/salades2a.jpg)no-repeat left bottom; -moz-transition:background 2s; -webkit-transition:background 2s; -o-transition:background 2s;}

#production a {left:400px; top:0; background:url(../images/tomates1.jpg)no-repeat left bottom; width:380px;}
#production a:hover {background:url(../images/tomates1a.jpg)no-repeat left bottom; color:#405533; -moz-transition:background 2s; -webkit-transition:background 2s; -o-transition:background 2s;}


/* Espaceur de blocs */
.nettoyeur {clear:both; height:0; margin:0; padding:0; border:0; line-height:1px; font-size:1px;}

/* Non visible a l'ecran */
.invisible {position:absolute; top:-3000em; height:1%;}


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie {clear:both; margin-bottom:2em; font-size:0.8em; text-align:left;}
#hierarchie, #hierarchie a {color:#666;}

.cartouche {margin-bottom:2em;}
.cartouche .spip_logos {float:right; margin-left:16px; margin-bottom:4px;}
.cartouche p {margin:0; padding:0; clear:left;}
.surtitre, .soustitre {font-size:0.90em; color:#666; text-transform:uppercase; letter-spacing:0.10em;}
.cartouche .surtitre {margin-bottom:0.30em;}
.cartouche .soustitre {margin-top:0.50em; margin-bottom:0.30em;}
.cartouche .traductions {font-size:0.90em;}

.chapo {margin-bottom:1.50em; line-height:1.40em; font-weight:bold; color:#669;}
.texte {line-height:1.60em; text-align:justify;}
.hyperlien {display:block; background:#EEE; padding:0.50em 1em; font-weight:bold; color:#8B6F92;}
.ps, .notes {margin-bottom:2em; line-height:1.40em;}
.notes {clear:both; font-size:0.90em;}

abbr.published {border:0;}

/* Portfolio */
#documents_portfolio {clear:both; margin:2em auto; text-align:center;}
#documents_portfolio .spip_logos {margin:6px 3px 0 3px; border:4px solid #DDD;}
#documents_portfolio a.on .spip_logos {border-color:#F57900;}
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos {border-color:#8B6F92;}


/* Habillage des forums
---------------------------------------------- */
.repondre {clear:both; margin-top:2.50em; margin-right:1em; text-align:right; font-weight:bold;}

/* Habillage des forums */
ul.forum {display:block; clear:both; margin:0; padding:0;}
ul.forum, ul.forum ul {list-style:none;}
.forum-fil {margin-top:1.50em;}
.forum-fil ul {display:block; margin:0; padding:0; margin-left:1em;}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a {display:block; margin:0; padding:0; font-weight:bold; color:#333;}
.forum-texte {margin:0; padding:0.50em 1em; color:#333;}
.forum-texte .hyperlien {}
.forum-texte .repondre {margin:0; padding:0.10em 0; text-align:right;}

/* Boite d'un forum :eclaircissement progressif des bords */
ul .forum-message {border:1px solid #666; margin:0; padding:0; margin-bottom:1em;}
ul ul .forum-message {border:1px solid #A4A4A4;}
ul ul ul .forum-message {border:1px solid #B8B8B8;}
ul ul ul ul .forum-message {border:1px solid #CCC;}
ul ul ul ul ul .forum-message {border:1px solid #E0E0E0;}
ul ul ul ul ul ul .forum-message {border:1px dotted #E0E0E0;}

/* Boite de titre d'un forum :mise en couleur selon la profondeur du forum */
ul .forum-chapo {border:0; border-bottom:1px dotted #B8B8B8; margin:0; padding:3px 6px 2px 6px; background:#C4E0E0;}
ul ul .forum-chapo {background:#D4E8E8;}
ul ul ul .forum-chapo {background:#E4F0F0;}
ul ul ul ul .forum-chapo {background:#F4F8F8; border-bottom:1px dotted #E0E0E0;}
ul ul ul ul ul .forum-chapo {background:#FFF;}


/* Habillage des petitions
---------------------------------------------- */
#signatures {clear:both; margin:0 0 2em 0; padding:0; background:none;}
#signatures table {width:100%; margin:1em 0 0 0;}
#signatures thead {text-align:center; color:#555;}
#signatures td {padding:0.50em; border:2px solid #FEFEFE; vertical-align:top;}
#signatures td.signature-date {background:#E4F0F0; text-align:center; white-space:nowrap;}
#signatures td.signature-nom {background:#ECF4F4; text-align:center;}
#signatures td.signature-nom small {display:block;}
#signatures td.signature-message {background:#F4F8F8;}
#signatures .formulaire_recherche {margin:1em 0; text-align:right;} /*Cf.:spip_formulaires.css*/
#signatures .formulaire_recherche input.text {width:10em; text-align:left;} /*Cf.:spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu {position:relative; overflow:hidden; clear:both; margin-bottom:2em; text-align:left;}
.menu p {margin:0.20em 0; padding:0.20em 0.10em;}
.menu ul {margin:0; padding:0; list-style:none;}
.menu ul li {margin:0.20em 0; padding:0.20em;}
.menu ul li ul {margin-left:1em; border:0;}
.menu ul li li {padding:0; border:0;}

/* Pagination */
.pagination {clear:both; text-align:right; font-size:0.90em; color:#666;}
.pagination .on {font-weight:bold; color:#666;}

/* Rubriques */
.rubriques ul {border:0;}
.rubriques ul li {background:#EEE; border:0;}

.formulaire_recherche {position:relative; clear:both;} /*Cf.:spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li {float:left; width:310px; min-height:100px; margin:19px; border:1px dashed #405533; padding:10px;}
.articles ul li:hover {background:#e8dcba; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s;}
.articles ul li h2 {margin:0.30em 0;}
.articles .spip_logos {float:right; clear:right; margin:0;}
.articles ul li .enclosures {float:right; text-align:right; max-width:60%; margin:0;}
.articles ul li .introduction {margin-top:0.30em; line-height:1.40em;}


/* Couleurs des liens
---------------------------------------------- */
a {color:#405533; text-decoration:none; margin:0; padding:0;}
a:focus,a:hover,a:active {color:#5A723F; text-decoration:none; outline:none; border-bottom:1px dashed #5A723F; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s;}