/* Bonsaï-club du Lauragais - feuilles de styles interface publique écran - version du 01/05/2009 */

body{
    width:100%;
    font-family:'Arial', 'Bitstream Vera Sans', 'Verdana', 'Helvetica', Sans-Serif ;
    background-color:#697b99;
    }
/*couleur et forme de la plupart des liens texte*/    
a{text-decoration:none;font-weight:600;color:#3c4554;}
/*pas de bordure ni de marge par défaut pour les blocs :*/
div, table, tr, td, ul, li, form, input,img{border:0;margin:0;padding:0;}
/*conteneurs principaux*/
#haut{width:100%;height:138px;}
#centre{/*background-color:green;*/width:100%;}
#bas{/*background-color:blue;*/width:100%;height:80px;}
/*bandeau*/
#bandeau{background-image:url('images/bandeau_finition_72.png');background-repeat:no-repeat;width:880px;height:138px;margin:auto;}
#bandeau_i{background-image:url('images/bandeau_interieur_wrk2.png');background-repeat:no-repeat;width:880px;height:138px;margin:auto;}
/*surfaces réactives pour retour à l'accueil*/
#logo{float:left;width:280px;height:138px;}
#titre_site{float:right;height:105px;width:600px;z-index:1;}
/*menus horizontaux*/
#menu_horizontal{float:right;width:600px;height:26px;font-size:0.8em;font-weight:600;}
#menu_horizontal_accueil{float:right;width:600px;height:26px;/*background-color:yellow;*/font-size:0.8em;font-weight:600;}
table#menu_admin{float:left;height:26px;text-align:left;z-index:2;}
table#menu_admin td.standard{
      line-height:0.8em;
      background-color:#eaecef;
      background-image:url('images/admin_neutre.png');
      text-align:center;
      height:26px;
      width:154px;
      }
#menu_horizontal table#menu_admin{width:438px;}     
table#menu_admin a{
			display:block;
			background-color:#eaecef;
			background-image:url('images/admin_neutre.png');
			color:#3c4554;
			width:154px;
			height:26px;
			line-height:24px;
			}
#menu_horizontal table#menu_admin a{width:144px;}   
#menu_horizontal td#menu_admin,#menu_horizontal #menu_admin td.standard{width:144px;}  
table#menu_admin a:hover{
			color:#000;
			background-color:#fffbf0;
			background-image:url('images/admin_survol.png');
			}
#menu_horizontal table#menu_admin a:hover{} 
#menu_horizontal table#menu_admin td.active{width:144px;height:26px;background-image:url('images/admin_actif.png');text-align:center;text-indent:10px;}

/*partie centrale*/
#bloc_principal{width:880px;background-color:#a0acbe;margin:auto;}
/*�lements de la colonne gauche:menu, formulaire, adresse et liens foyer rural et ffb*/
#nav_gauche{float:left;background-color:#a0acbe;width:145px;font-size:0.8em;text-align:center;}
#menu_rub{margin-top:10px;}
#menu_rub a.neutre {
	display:block;
	height:32px;
	background-image:url('images/gauche_neutre.png');
	line-height:24px;
	width:145px;
	background-color:#eaecef;
	text-align:center;
	}
#menu_rub a.neutre:hover{background-image:url('images/gauche_survol.png');color:#000;}
/*styles des titres de rubriques actives en colonne de gauche*/

.rubrique-active{
    display:block;
		height:32px;
		background-image:url('images/gauche_actif.png');
		line-height:24px;
		width:145px;
		color:#3c4554;
  	text-align:center;
		font-weight:600;
		}

/*formulaire de login accès privé*/
#logmembres {
            width:141px;
            line-height:1.6em;
            color:#3c4554;
            display:block;
            margin-left:3px;
            background-color:#8d9cb3;
            }
#logmembres label{
                  width:128px;
                  height:24px;
                  }

#logmembres input[type='text']{
                                width:126px;
                                height:16px;
                                background-color:#eaecef;
                                }
#logmembres input[type='password']{
                                width:126px;
                                height:16px;
                                background-color:#eaecef;
                                }

#logmembres input[type='submit']{
                                margin-top:4px;    
                                width:100px;
                                line-height:16px;
                                }

a#lien_foyer{
              display:block;
              margin-top:3px;
              padding:4px;
              width:136px;
              background-color:#8d9cb3;
              }
a#lien_foyer:hover{background-color:#d6dbe3;}

a#lien_ffb{display:block;
              width:141px;
              height:90px;
              background-color:#8d9cb3;
              background-image:url('images/logoffb.png');
              }
a#lien_ffb:hover{background-image:url('images/logoffb_hover.png');}
/*�l�ments affich�s � droite*/
#contenu{float:right;background-color:#a0acbe;/*background-color:red;*/width:735px;}
/*pour assurer hauteur minimale quand contenu �triqu�*/
#calle {float:left;width:15px;height:520px;}
/*blocs sp�cifiques � la page d'accueil*/
#bloc_accueil{float:left;background-color:#a0acbe;width:734px;font-size:0.8em;}
#bloc_accueil a:hover{color:#000;text-decoration:underline;}
#colonne_gauche{float:left;/*background-color:green;*/width:399px;height:500px;/*border:1px solid #a0acbe;*/}
#edito{float:left;background-color:#eaecef;border-right:1px solid #a0acbe;border-bottom:1px solid #a0acbe;width:398px;height:198px;}
#edito img{float:right;padding-left:10px;text-align:right;width:178px;}
#carte{float:left;background-color:#eaecef;border-right:1px solid #a0acbe;width:398px;height:298px;}
span#lacarte{display:block;margin:auto;width:366px;height:232px;background-image:url('images/fond_de_carte_accueil_i32.png');}
#colonne_droite{float:left;background-color:#a0acbe;width:330px;height:500px;/*border:1px solid #a0acbe;border-top:2px solid #a0acbe;*/}
.appel{float:left;width:328px;height:165px;background-color:#eaecef;border-bottom:1px solid #a0acbe;}
.encart_accueil{border:12px solid #eaecef;}
.encart_accueil .spip_logos{float:right;margin-left:8px;margin-bottom:8px;}
.titre_principal_accueil{float:left;font-weight:600;color:#000;margin-bottom:16px;}
/*a.liresuite{display:block;position:absolute;text-align:center;line-height:18px;height:20px;max-height:20px;width:122px;background-image:url('images/liresuite.png');}
a:hover.liresuite{background-image:url('images/liresuite_hover.png');}*/
/*blocs toutes pages sauf accueil*/
#encart{float:left;background-color:#fffbf5;/*background-color:violet;*/width:589px;border:1px solid #51668a;}
#article{float:left;background-color:#fffbf5;/*background-color:blue;*/width:556px;border-left:15px solid #fffbf5;border-top:15px solid #fffbf5;border-bottom:20px solid #fffbf5;}
.datauteur{float:left;width:556px;font-size:0.8em;font-style:italic;text-align:right;margin-bottom:24px;}
img.callazindoz{display:inline;}

/*fond pour toute largeur - remplace encart*/
#cencart{float:left;background-color:#fffbf5;/*background-color:violet;*/width:728px;border:1px solid #51668a;}

/*cette mention pose probl�me dans les affichages de rubriques*/
#article .spip_logos{float:right;margin-left:16px;margin-bottom:16px;}
/*les liens de pagination lorsque les rubriques comprennent plus de trois ou 4 items*/
#article .cadre_pagination{width:556px;text-align:center;}
#article .lien_pagination,#article .pagination_label{font-size:0.8em;}
#article strong.on{font-size:0.8em;color:red;}
#article a:hover{color:#000;text-decoration:underline;}
/*les appels de rubriques dans le centre des pages*/
.bloc_rubrique{height:165px;background-color:#eaecef;margin-bottom:12px;background-image:url('images/fond_rubriques_wrk.png');}
.bloc_rubrique_logo{float:left;width:151px;height:151px;}
#article .bloc_rubrique .spip_logos{float:left;height:141px;width:141px;margin:10px;}
.bloc_rubrique_textes{float:right;width:330px;font-size:0.8em;margin-right:16px;}
.bloc_rub_titre{font-size:0.9em;width:330px;margin-top:18px;margin-bottom:18px;}
a.lire{float:right;height:20px;width:117px;text-indent:9px;background-image:url('images/lireart.png');}
a:hover.lire{background-image:url('images/lireart_hover.png');/*color:#000;text-decoration:underline;*/}
/*contenus des articles*/
.titre_principal{width:556px;text-align:center;font-size:1em;color:#000;font-weight:600;margin-bottom:12px;background-color:#fffbf5;/*background-color:green;*/}
.redactionnel{float:left;width:556px;text-align:justify;font-size:0.8em;color:#000;background-color:#fffbf5;z-index:5;}
.redactionnel p{text-indent:25px;}
.warning{float:left;width:500px;padding:5px;background-color:#f8efe3;border:1px solid #ead6b8;}
/*contenus types multimédia*/
ul#portfolio{margin:auto;width:502px;}
li.diapo{text-align:center;margin:auto;}
li.diapo img{max-width:500px;margin:auto;text-align:center;}
/*calendrier et agenda*/
.bloc_agenda{height:165px;background-color:#eaecef;margin-bottom:12px;background-image:url('images/fond_agenda_wrk.png');}
.bloc_agenda_logo{float:right;width:151px;height:151px;}
#article .bloc_agenda .spip_logos{float:right;height:141px;width:141px;margin:10px;}
.bloc_agenda_textes{float:left;width:330px;font-size:0.8em;margin-left:16px;}
.bloc_agenda_titre{font-size:0.9em;width:330px;margin-top:18px;margin-bottom:18px;}
.bloc_agenda .type{font-weight:600;}
.bloc_agenda a:hover{color:black;text-decoration:underline;}
#calendrier-mini{width:218px;height:218px;background-color:#fff;}

/*affichages des liens de la rubrique consacrée : rubrique 11*/

.linkblock{width:556px;background-image:url('images/fond_linkblock.jpg');background-repeat:no-repeat;margin-bottom:20px;}
.linkblock a.linktitle{width:556px;line-height:1em;font-size:1em;text-indent:10px;margin:auto;display:block;padding-top:4px;padding-bottom:5px;}
.linkblock a:hover.linktitle{}
.linkdesc{width:524px;margin:auto;padding:10px; text-align:justify;background-color:#fff;border:1px solid #dadfe6;font-size:0.9em;font-weight:400;}
.linkdesc a{font-size:0.9em;font-weight:400;}

/*formulaire de contact*/
.contact{width:516px;margin:auto;}
.contact label{font-weight:600;height:1,3em;width:150px;text-align:right;float:left;margin-top:6px;}
.contact input, select{width:330px;height:1,3em;border:1px solid #51668a;float:left;margin-top:6px;}
.contact textarea{width:330px;height:1,3em;border:1px solid #51668a;float:left;height:250px;margin-top:6px;}
.contact select#civilite{width:250px;float:left;}
.contact input#leurre{display:none;}
.contact input#ok{width:330px;height:2em;float:left;margin-top:6px;margin-left:150px;}

/*nettoyeurs*/
li#portfolio, ul#portfolio, img.diapo{clear:bottom;margin-bottom:200px;}
br.balais{clear:right;}
br.lefty{clear:left;}
br.eraser{clear:both;}
p.balais{display:block;width:556px;height:16px;}
/*navigation interieure aux rubriques et articles*/
#nav_droite{float:left;background-color:#51668a;width:141px;font-size:0.8em;font-weight:600;}
/*indication du contexte*/
.contxt{float:left;width:134px;line-height:1em;color:#fffbf5;text-align:right;padding-right:4px;padding-bottom:1px;}
#menu_interne{float:right;width:141px;color:#aaa;text-align:center;background-color:#51668a;}
#menu_interne a:hover{color:#d90000;}
a.art_int{
		background-image:url('images/fonddart.png');
		display:block;
		width:134px;
		margin-top:3px;
		margin-bottom:3px;
		padding-top:3px;
		padding-bottom:3px;
		/*padding-left:3px;

		border-top:2px solid #38465f;
		border-right:2px solid #38465f;*/
		}
a:hover.art_int{background-image:url('images/fonddart_a.png');}
a.rub_int{
		background-image:url('images/fond_interieur_rub.png');
		display:block;
		width:134px;
		margin-top:3px;
		margin-bottom:3px;
		padding-top:3px;
		padding-bottom:3px;
		/*padding-left:3px;
		padding-top:5px;
		padding-bottom:5px;
		border-top:2px solid #38465f;
		border-right:2px solid #38465f;*/
		}

.encours{
		display:block;
		width:136px;
		background-color:#fffbf5;
		margin-top:4px;
		margin-bottom:4px;
		padding-top:3px;
		padding-bottom:3px;
		font-weight:400;
		/*border-top:1px solid #51668a;
		border-right:1px solid #51668a;
		border-left:1px solid #fff;
		border-bottom:1px solid #51668a;		
		padding-top:5px;
		padding-bottom:5px;
		z-index:4;*/
		}
div.remonter{float:left;/*text-indent:24px;*/width:141px;height:40px;background-color:#51668a;/*background-color:red;*/background-image:url('images/bas_menu_interne.png');background-position:bottom;background-repeat:no-repeat;}		
div.remonter a{display:block;width:130px;background-color:#eaecef;margin:auto;padding:3px;margin-top:3px;background-image:url('images/fleche_retour_n.png');background-repeat:no-repeat;}
div.remonter a:hover{background-image:url('images/fleche_retour_a.png');}
/*plan - mise en page sp�ciale : plein �cran (pas besoin de menus)*/


/*pied de page*/
#pied{width:880px;height:80px;margin:auto;background-color:green;background-image:url('images/pied.png');background-repeat:repeat-x;}
#pied #menu_bas{
                height:24px;
                line-height:24px;
                color:#42577e;
                width:735px;
                margin-left:65px;
                padding-top:10px;
                text-align:center;
                font-weight:600;
                font-size:0.8em;
                }
#pied #menu_bas a{/*color:#eaecef;*/color:#42577e;}
#pied #menu_bas a:hover{color:#000;}