﻿/* TAGS GENERAUX */
html, body
{
	height	: 100%;
}
body
{
	background          : url(http://www.savoirjardiner.fr/charte/SJ_bg.jpg) repeat-x;
	background-color	: #EAE4B2;
	margin		        : 0 auto;
  	padding             : 0;
	font-family	        : "Trebuchet MS";
	font-size	        : 11px;
  	font-weight	        : normal;
  	font-style	        : normal;
	color		        : #626262;
  	text-align	        : center;
}

A, A:hover
{
	font-family	    : "Trebuchet MS";
    color           : #666666;
    text-decoration : none;
}

IMG
{
    border	: 0;
	margin	: 0;
  	padding : 0;
}

FORM
{
	margin	: 0;
  	padding : 0;
}

P
{
    text-align  : justify;
}

/* CONTENEUR PRINCIPAL */
#main
{
	background-color	: #EAE4B2;
	position            : relative;
	width		   		: 956px;
	height		        : 100%;
	min-height        	: 100%;
	margin		        : 0 auto;
	padding           	: 0;
  	text-align		    : center;
}

/* HAUT DE PAGE */
#anim
{
    width       : 956px;
  	height      : 184px;
    margin      : 0px;
	padding     : 0px;
}
#haut_page
{
	background  : url(http://www.savoirjardiner.fr/charte/SJ_haut.jpg) no-repeat;
    width       : 956px;
  	height      : 184px;
    margin      : 0px;
	padding     : 0px;
}
#menu_haut
{
  	width		: 956px;
  	height      : 38px;
	margin  	: 0px;
	padding     : 0px;
}
#menu_haut ul
{
    list-style-type : none;
  	vertical-align	: middle;
	margin  	  	: 0px;
	padding         : 0px;
  	clear			: both;
}
#menu_haut ul li
{
	display 		: inline;
    float   		: left;
    line-height		: 0px;
}
#nuage
{
	position    : absolute;
	left        : 864px;
	top         : 184px;
}

/* BAS DE PAGE */
#bas-page
{
    position    : relative;
	top			: -9px;
	clear       : both;
	background  : url(http://www.savoirjardiner.fr/charte/SJ_console_bas.gif) no-repeat;
  	width       : 956px;
  	height      : 193px;
    margin      : 0px 0px 0px 0px;
	padding     : 0px 0px 0px 0px;
}
#logo_gv    /* logo gamm vert */
{
    position    : absolute;
    top      	: 90px;
	left		: 425px;
    text-align  : center;
    margin      : 0px 0px 0px 0px;
	padding     : 0px 0px 0px 0px;
}
#recherche_gen
{
    position    : absolute;
    top	      	: 90px;
    left        : 40px;
    text-align  : left;
    margin      : 0px;
	padding     : 0px;
}
#recherche_gen #inpRech
{
    position    : absolute;
    top	      	: 2px;
    left        : 8px;
    text-align  : left;
    margin      : 0px;
	padding     : 0px;
}
#recherche_gen #inpRech input
{
	background-color	: #F9F9F9;
	width               : 120px;
	border              : 0px;
}
#recherche_gen #btnRech
{
    position    : absolute;
    top	      	: 5px;
    left        : 140px;
    text-align  : left;
    margin      : 0px;
	padding     : 0px;
}

#catalogue
{
    position    : absolute;
    bottom     	: 106px;
    left       	: 793px;
    text-align  : left;
    margin      : 0px;
	padding     : 0px;
}
#menu_contact
{
    position    : absolute;
    bottom      : 122px;
    left        : 400px;
    margin      : 0px;
	padding     : 0px;
	text-align  : center;
}
#menu_contact ul
{
  	clear			: both;
    list-style-type : none;
	margin        	: 0px;
	padding    	    : 0px 0px 0px 0px;
  	vertical-align	: middle;
	text-align      : center;
}
#menu_contact li
{
	display 		: inline;
    float   		: left;
	color			: #FFFFCC;
	padding  	    : 0px 10px 0px 0px;
	text-align      : center;
}
#menu_contact ul li A
{
	color	    : #666666;
	font-weight : normal;
    font-size	: 12px;
}
#menu_contact ul li A:hover
{
	font-weight : bold;
}


/* PIED DE PAGE */
#pied-page
{
	position	: relative;
	top			: -17px;
	clear       : both;
	background  : url(http://www.savoirjardiner.fr/charte/SJ_pied.gif) no-repeat;
  	width       : 956px;
  	height      : 37px;
    margin      : 0px;
	padding     : 0px;
	text-align  : center;
}
#menu_bas
{
    position    : relative;
    bottom      : 10px;
    left        : 330px;
  	width		: 956px;
  	height      : 35px;
    margin      : 0px;
	padding     : 0px;
	text-align  : center;
}
#menu_bas ul
{
  	clear			: both;
    list-style-type : none;
	margin        	: 0px;
	padding-top    	: 15px;
  	vertical-align	: middle;
	text-align      : center;
}
#menu_bas ul li
{
	display 		: inline;
    float   		: left;
	color			: #696546;
	padding  	    : 2px;
	text-align      : center;
}
#menu_bas ul li A
{
	display 		: block;
	color			: #696546;
    font-family     : Verdana;
    font-size		: 10px;
}

/* PAGE ACCUEIL */
#content_accueil
{
    position    : relative;
	top			: 0px;
	background  : url(http://www.savoirjardiner.fr/charte/SJ_console_centre_ok.jpg) no-repeat;
  	width       : 956px;
  	height      : 301px;
	text-align  : center;
    margin      : 0px;
	padding     : 0px;
}
div#fiche_home
{
    position    : absolute;
    top         : 51px;
    left        : 163px;
    width       : 185px;
    text-align	: left;
    color       : #194400 ;
    font-weight : bold;
}
div#pratique_home
{
    position    : absolute;
    top         : 123px;
    left        : 163px;
    width       : 185px;
    text-align	: left;
    color       : #194400 ;
    font-weight : bold;
}
div#calend_home
{
    position    : absolute;
    top         : 195px;
    left        : 163px;
    width       : 185px;
    text-align	: left;
    color       : #194400 ;
    font-weight : bold;
}
.imgFiche
{
	position    : absolute;
	left        : -120px;
	top			: -32px;
	text-align	: center;
}
.imgPratique
{
	position    : absolute;
	left        : -120px;
	top			    : -10px;
	text-align	: center;
}
.imgCalend
{
	position    : absolute;
	left        : -120px;
	top			    : 14px;
	text-align	: center;
}

.lbl_home_titre
{
    color       : #ffffff;
    font-weight : bold;
    font-size   : 14px;
}

/* ESPACE CLUB */
#txt_club
{
    position    : absolute;
    top         : 80px;
    left        : 380px;
    margin      : 0px;
	padding     : 0px 0px 0px 0px;
	text-align  : left;
	width       : 224px;
	font-size	: 11px;
	color	    : #194400 ;
}
#menu_club
{
    position    : absolute;
    top         : 112px;
    left        : 400px;
    margin      : 0px;
	padding     : 0px;
	text-align  : left;
	width       : 230px;
}
#menu_club ul
{
    list-style-type : none;
	margin        	: 0px;
	padding    	    : 0px 0px 0px 0px;
  	vertical-align	: middle;
	text-align      : center;
}
#menu_club li
{
	padding  	    : 0px 0px 0px 0px;
	text-align      : left;
}
#menu_club ul li A
{
	color	    : #194400 ;
	font-weight : bold;
    font-size	: 12px;
	font-family	: "Trebuchet MS";
}

#txt_email
{
    position    : absolute;
    top         : 208px;
    left        : 378px;
    margin      : 0px;
	padding     : 0px;
	border      : 0px;
}
#txt_email input
{
	background-color	: #F9F9F9;
	width               : 120px;
	border              : 0px;
}
#sinscrire
{
    position    : absolute;
    top         : 208px;
    left        : 520px;
    margin      : 0px;
	padding     : 0px;
	border      : 0px;
}
#sinscrire A
{
	color	        : #FFFFFF;
	font-weight     : bold;
	font-size       : 13px;
	font-family	    : "Trebuchet MS";
}
#txt_pwd
{
    position    : absolute;
    top         : 240px;
    left        : 378px;
    margin      : 0px;
	padding     : 0px;
	border      : 0px;
}
#txt_pwd input
{
	background-color	: #F9F9F9;
	width               : 120px;
	border              : 0px;
}
#btn_connexion
{
    position    : absolute;
    top         : 240px;
    left        : 560px;
    margin      : 0px;
	padding     : 0px;
}


#txt_rechercher /* zone de saisie du formulaire de recherche */
{
    position    : absolute;
    top         : 240px;
    left        : 380px;
    margin      : 0px;
	padding     : 0px;
	border      : 0px;
}
#txt_rechercher input /* zone de saisie du formulaire de recherche */
{
	background-color	: #F9F9F9;
	width               : 120px;
	border              : 0px;
}
#btn_rechercher /* bouton du formulaire de recherche */
{
    position    : absolute;
    top         : 235px;
    left        : 520px;
    margin      : 0px;
	padding     : 0px;
}
.fiches_conseils
{
    position    : absolute;
    top         : 120px;
    right       : 30px;
    width       : 230px;
    text-align  : left;
}
.fiches_conseils A
{
    color       : #FFFFFF;
    font-weight : bold;
}

div#question
{
    position    : absolute;
    top         : 196px;
    left        : 690px;
}

#bonjour
{
    background  : url(http://www.savoirjardiner.fr/charte/bandeau-bonjour.gif) no-repeat;
    width       : 520px;
    height      : 60px;
}
#nom_membre
{
    font-family : Verdana;
    font-size   : 10px;
    color       : #A8330D;
    position    : relative;
    bottom      : 22px;
    right      	: 20px;
	text-align	: right;
}
#date_membre
{
    font-family : georgia;
    font-style  : italic;
    color       : #D6D3CC;
    position    : relative;
    top         : 0px;
    left        : 10px;
}
#jour_membre
{
    font-size   : 33px;
}
#mois_membre
{
    font-size       : 20px;
	text-transform  : lowercase;
}
#bonjour_presentation
{
    background  : url(http://www.savoirjardiner.fr/charte/cotes-bonjour.gif) repeat-y;
    width       : 500px;
	margin		: 0px 10px 0px 10px;
}

/* CONTENU : CENTRE PAGE */
#content
{
	background-color 	: #FFFFFF;
    position            : relative;
	top			        : -4px;
  	width       		: 956px;
	text-align			: left;
    margin      		: 0px;
	padding     		: 0px;
}
#content_sans_gauche
{
	background-color 	: #FFFFFF;
	text-align          : left;
	text-align          : left;
	margin 	            : 0px 50px 0px 50px;
}

/* CONTENU : MENU GAUCHE */
#menu_gauche
{
	background-color 	: #FFFFFF;
    width			    : 284px;
	float			    : left;
	padding 		    : 0px 0px 0px 20px;
	margin			    : 0px;
}
.content_menu_gauche_haut
{
	background-color    : #FFFFFF;
	float	            : left;
	width	            : 207px;
	padding             : 0px;
	margin	            : 0px;
}
.imgMenu_haut
{
	position    : absolute;
	left        : 255px;
	top			: 85px;
	text-align	: center;
	padding 	: 0px;
	margin		: 0px;
}
.content_menu_gauche
{
	background-color 	: #FFFFFF;
	float	            : left;
	height	            : 109px;
	width	            : 207px;
	padding             : 0px;
	margin	            : 0px;
}
.titre_menu_gauche
{
	background  : url('http://www.savoirjardiner.fr/charte/s-menu-titre.gif') no-repeat;
	width		: 207px;
  	height     	: 20px;
	font-family	: "Trebuchet MS";
	font-size	: 12px;
	font-weight	: bold;
	color		: #880114;
	text-align	: right;
	padding 	: 15px 0px 0px 0px;
	margin		: 0px;
}
.titre_menu_gauche A
{
	font-family	: "Trebuchet MS";
	font-size	: 12px;
	font-weight	: bold;
	color		: #880114;
}
.texte_menu_gauche
{
	background	: url('http://www.savoirjardiner.fr/charte/s-menu-texte.gif') no-repeat;
	width		: 207px;
	text-align	: right;
	padding     : 5px 0px 0px 0px;
	margin		: 0px 0px 0px 0px;
	font-family	: "Trebuchet MS";
	font-size	: 13px;
 	font-weight	: bold;
  	font-style	: italic;
	color		: #533d39;
}
.accroche_gauche
{
	display		: block;
	padding     : 0px 0px 0px 0px;
	margin		: 0px 5px 0px 0px;
	font-size	: 11px;
 	font-weight	: normal;
  	font-style	: normal;
	color		: #533d39;
}

.texte_menu_gauche ul
{
    list-style-type : none;
	margin			: 0px;
}

.photo_menu_gauche
{
	float			: right;
	background		: url('http://www.savoirjardiner.fr/charte/s-menu-photo.gif') no-repeat;
	height			: 109px;
	width			: 77px;
    margin-right	: 207px;
	padding 		: 0px;
	margin			: 0px;
}
.imgFamille
{
	position    : relative;
	left        : 4px;
	top			: 33px;
	text-align	: center;
}
.imgMenu
{
	position    : relative;
	left        : 4px;
	top			: 33px;
	text-align	: center;
	padding 	: 0px;
	margin		: 0px;
}
.photo_menu_ephemeride
{
	float			: right;
	height			: 109px;
	width			: 100px;
    margin-right	: 207px;
	padding 		: 0px;
	margin			: 0px;
}
.imgEphemeride
{
	position    : absolute;
	left        : 255px;
	top			: 85px;
	text-align	: center;
	padding 	: 0px;
	margin		: 0px;
}
.voir
{
	position    : relative;
	left        : 5px;
	top			: 40px;
	text-align	: center;
}
A.famille_selectionne
{
	font-family	: "Trebuchet MS";
	font-size	: 16px;
 	font-weight	: bold;
	color		: #533d39;
}

/* CONTENU : CENTRE PAGE */
#content_droit
{
	background-color	: #FFFFFF;
    /* margin  			: 0px 50px 0px 284px; */
    margin  			: 0px 30px 0px 300px;
	padding     		: 0px 0px 0px 100px;
	text-align			: left;
}

/* FORMULAIRES */
.textarea
{
	font-size		: 10px;
	color			: #000000;
	margin			: 0px;
	text-indent		: 2px;
	border-top		: 1px solid #B9B9B9;
	border-right	: 1px solid #B9B9B9;
	border-bottom	: 1px solid #B9B9B9;
	border-left		: 1px solid #B9B9B9;
	height			: 150px;
	width			: 300px;
}
.input
{
	font-size		: 10px;
	color			: #2856ac;
	width			: 120px;
	height			: 20px;
	margin			: 0px;
	text-indent		: 2px;
	border-top		: 2px outset #CFCFCF;
	border-right	: 2px solid #B2B2B2;
	border-bottom	: 0px solid #B2B2B2;
	border-left		: 0px solid #B2B2B2;
	vertical-align	: middle;
}
.inputform2
{
	font-size	: 11px;
	color		: #000000;
	height		: 18px;
	margin		: 0px;
	text-indent	: 2px;
	border		: 1px solid #B9B9B9;
	width		: 150px;
}
.inputform3
{
	font-size	: 11px;
	color		: #000000;
	height		: 18px;
	margin		: 0px;
	text-indent	: 2px;
	border		: 1px solid #B9B9B9;
	width		: 100px;
}

#form_contact
{
	width		: 490px;
	text-align	: left;
}

#titreForm, #piedForm
{
	font				: bold 16px arial, hevetica, sans-serif;
	color				: #FFFFFF;
	background-color	: #FFFFFF;
	padding				: 3px;
	margin				: 0;
}
#corpForm
{
	border				: 0px solid #29509b;
	color				: black;
	background-color	: #FFFFFF;	
	margin				: 0;
	padding				: 5px;
}
#corpForm legend
{
	font-weight	: bold;
	color		: #e3004f;
	background	: transparent;
}

#corpForm fieldset#coordonnees label
{
	float		: left;
	width		: 30%;
	text-align	: right;
	margin		: 0;
	padding		: 0 .5em 0 0;
	line-height	: 1.8;
}
#corpForm label.obligatoire
{
	font-weight	: bold;
}
#corpForm .focus
{
	background-color	: #FFFFCC;
}
#corpForm .normal
{
	background-color	: #FFFFFF;
}
#corpForm p
{
	padding	: 0.2em 0;
	margin	: 0 0 .2em 0;
}

.mention
{
    font-size   : 9px;
    color       : #666666;
}

.livre
{
    width   : 498px;
    margin  : 0Px 0px 0px 0px;
}
.livre A
{
    color       : #8C1223;
    font-size   : 14px;
    font-weight : bold;
    font-family : "Trebuchet MS";
}
.livre .img_gauche
{
	width   : 120px;
	float	: left;
	left    : 0px;
}
.livre .texte_droite
{
	margin-left : 120px;
}

#livre2
{
    width   : 498px;
    padding : 0Px 0px 0px 0px;
}
.livre2 #img_gauche
{
	width   : 100px;
	float	: left;
    padding : 0Px 0px 0px 0px;
    margin  : 0Px 0px 0px 0px;
}
.livre2 #texte_droite
{
	margin  : 0px 0px 0px 110px;
	width   : 390px;
}

#list_actus
{
	padding 	: 0px;
	margin      : 0px 40px 0px 40 px;
	text-align	: left;
}

.actu
{
	margin-left : 80px;
	text-align  : justify;
}
.img_actu
{
	float	: left;
	width	: 80px;
}

/* PAGES STATIQUES */
.txt_page
{
	font-family	: "Trebuchet MS";
    margin      : 0px 30px 0px 30px;
}

.titre_vert
{
	font-size	: 12px;
 	font-weight	: bold;
  	font-style	: italic;
	color		: #00664c;
}
.texte_rouge
{
    color       : #8C1223;
    font-weight : bold;
    font-size   : 14px;
    font-family : "Trebuchet MS";
}
.titre_offre_emploi
{
	font-size	: 12px;
 	font-weight	: bold;
  	font-style	: italic;
	color		: #533d39;
}
#txt_fleche_base A
{
	font-size	    : 14px;
	font-weight	    : bold;
	color		    : #880114;
	text-transform  : uppercase;
}

.titre_produit
{
    color       : #a6a6a6;
    font-size   : 13px;
    font-weight : bold;
    font-family : "Trebuchet MS";
}

#lettres A
{
    font-size   : 14px;
    color       : #a6a6a6;
    font-weight : bold;
    font-family : "Trebuchet MS";
}

#date_moment
{
    font-family : georgia;
    font-style  : italic;
    color       : #FFFFFF;
    position    : relative;
    top         : 64px;
    left        : 248px;
}
#jour_moment
{
    font-size   : 20px;
}
#mois_moment
{
    font-size       : 20px;
	text-transform  : lowercase;
}

.titre_moment
{
    color       : #56C1E1;
    font-size   : 14px;
    font-weight : bold;
    font-family : "Trebuchet MS";
    text-align  : center;
}
.titre_moment A
{
    color       : #56C1E1;
}

A.aEphemeride
{
    color       : #56C1E1;
    font-weight : bold;
    font-family : "Trebuchet MS";
}
.rouge
{
    color       : #8C1223;
    font-weight : bold;
}
.themes_fiches
{
	background	: url('http://www.savoirjardiner.fr/charte/SJ_cadre-fond.gif');
	width		: 500px;
    padding     : 0px 0px 0px 0px;
}
.themes_fiches A
{
    color       : #A6A6A6;
    font-size   : 13px;
    font-weight : bold;
    font-family : "Trebuchet MS";
    padding     : 0px 0px 0px 10px;
}
.fiches
{
	background	: url('http://www.savoirjardiner.fr/charte/SJ_cadre-fond.gif');
	width		: 500px;
    padding     : 0px 0px 0px 0px;
}
.fiches A
{
    color       : #8C1223;
    font-size   : 12px;
    font-weight : bold;
    font-family : "Trebuchet MS";
    padding     : 0px 0px 0px 10px;
}
.rubrique_fiche
{
    color       : #006400;
    font-weight : bold;
}
.rub_ephemeride
{
    font-family : "Trebuchet MS";
    font-size   : 13px;
    color       : #666666;
    font-weight : bold;
}
.dicton
{
    font-family : "Trebuchet MS";
    font-size   : 11px;
    color       : #666666;
    font-weight : bold;
}
.blocnote
{
	background	: url('http://www.savoirjardiner.fr/charte/SJ_bloc-note.gif') no-repeat;
	width       : 198px;
	height      : 171px;
	padding		: 10px 10px 10px 10px;
}
.blocnote .delete
{
    display     : block;
	position    : relative;
	left       	: 162px;
	top			: -15px;
}
