/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFFFFF url(../visuels_charte/fond_body.jpg) no-repeat left bottom fixed;
	margin: 10px 0;
	text-align: center;
	font-size: 100%;
	color: #333;
}

/* Blocs depliables */
h4.blocs_titre {
    background:url(../visuels_charte/puce_commentaire.gif) no-repeat top left;padding-left:20px;font-weight:bold;height:15px;text-align:left;
}
h4.blocs_deplie {
    background:url(../visuels_charte/puce_commentaire.gif) no-repeat top left;padding-left:20px;font-weight:normal;height:15px;text-align:left;
}

/* formulaire de contact */
#rubrique .commentaire_contact{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#rubrique .form_commentaire_contact{
	border-top:1px solid #C00;background:#ccc;padding:5px;margin:0 18px;
}
#rubrique .form_commentaire_contact td{
	vertical-align:top;
}
#rubrique .form_commentaire_contact .label{
	text-align:right;
}
#rubrique .form_commentaire_contact input{
	border:none;width:200px;
}

#rubrique .form_commentaire_contact .bouton_com{
	text-align:center;
}
#rubrique .form_commentaire_contact .bouton_com input{
	width:100px;
}
#rubrique .form_commentaire_contact textarea{
	border:none;width:200px;height:75px;
}

#rubrique #frisealpha{
	margin-left:20px; font:12px Verdana, Geneva, sans-serif; text-align:left; width:90%;
}

#rubrique #frisealpha a{
	font-weight:normal;
}

#rubrique #liste_adherent{
	margin:10px;
}
#rubrique #recherche{
	margin-left:20px;
}
#rubrique #recherche input{
	font:14px Verdana, Geneva, sans-serif;
}
#rubrique #recherche .bouton{
	width:100px; height:25px; background:url(../visuels_charte/rechercher.png) no-repeat left top; cursor:pointer;
}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width:960px; margin-left:auto; margin-right:auto; text-align:left; background-color: white;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	-o-border-radius:10px 10px 0 0;
}

#page .bandeauHaut{
	height:50px; line-height:50px; background: #CCC url(../visuels_charte/bandeau-haut.jpg) no-repeat left top;
}

#page .bandeauTitre{
	height:165px; position:relative; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; overflow:hidden;
}
#page .bandeauTitre h1{
	position:absolute; left:200px; top:115px; z-index:5; margin:0; color:#FFF; font:36px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#page .bandeauTitre .dgd{
	height:50px; position:absolute; left:0; bottom:0; width:960px; background:url(../visuels_charte/dgd_diapo.png) repeat-x left bottom; z-index:2;
}
#page .bandeauTitre a.retourAccueil{
	width:165px; height:165px; position:absolute; top:0; left:0; background:url(../visuels_charte/logo.png) no-repeat left top; z-index:25;
}

#menuGauche {
	background: white; text-align:left;
}

#menuGauche .menu {
	background: url(../visuels_charte/fond_menu.gif) repeat-y left top; margin:0; border-bottom:1px solid #CCC;
	padding-top:10px;  font: italic 11px Arial, Helvetica, sans-serif;
}

#menuGauche p{
	font: 12px Arial, Helvetica, sans-serif; color:#C00; margin:4px 2px;
}
#menuGauche .menu a {
	text-decoration:none; color:#C00;
}
#menuGauche .menu a:hover {
	text-decoration:none; color:#FF9900;
}

#menuGauche .menu .ssmenu a{
	text-decoration:none; color:#333;
}
#menuGauche .menu .ssmenu a:hover{
	text-decoration:none; color:#FF9900;
}
#menuGauche .finMenu {
	line-height:20px; height:20px; background: url(../visuels_charte/rond-menu.gif) no-repeat left top;
}
#menuDroite ul, li{
	padding:0; margin: 0; list-style:none;
}
#menuDroite a{
	text-decoration:none; font: 11px Arial, Tahoma, Helvetica, sans-serif; color:white; margin-left:2px;
}
#menuDroite a:hover{
	color:#FFCC00;
}
#menuDroite .date{
	font: 70% Verdana, Arial, Helvetica, sans-serif; color: white; text-align:center; margin:0 15px 5px 8px;
	border:1px solid #C00; background-color:#C00;
}

#agenda {
	margin:12px;
	width:320px;
	float:left;
}

#agenda h1 {
	font: 90% Verdana, Arial, Helvetica, sans-serif; color:#039;
	text-align:left; margin:0; padding:3px 0; clear:both;
}
#agenda h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:left;
	margin:3px 0;
}
#agenda .resume {
	font: 12px Arial, Tahoma, Helvetica, sans-serif; color:#333; text-align:left;
	margin:0;
}
#agenda .lien {
	font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #666; text-align:center;
	padding:1px 0; margin:3px 0; clear:both;
}
#agenda a{
	text-decoration: none; color: #FF6600;
}
#agenda a:hover{
	text-decoration: none; color: #FC0;
}
#agenda .lienRubrique {
	text-align:center; height:20px; line-height:20px; background: url(../visuels_charte/bouton_tous.gif) no-repeat center center;
	font: 70%/20px Arial; margin:8px 0;
}

#agenda_un {
	margin:12px;
	width:320px;
	float:left;
}

#agenda_un h1 {
	font: 90% Verdana, Arial, Helvetica, sans-serif; color:#039;
	text-align:left; margin:0; padding:3px 0; clear:both;
}
#agenda_un h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:left;
	margin:3px 0;
}
#agenda_un .resume {
	font: 12px Arial, Tahoma, Helvetica, sans-serif; color:#333; text-align:left;
	margin:0;
}
#agenda_un .lien {
	font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #666; text-align:center;
	padding:1px 0; margin:3px 0; clear:both;
}
#agenda_un a{
	text-decoration: none; color: #FF6600;
}
#agenda_un a:hover{
	text-decoration: none; color: #FC0;
}
#agenda_un .lienRubrique {
	text-align:center; height:20px; line-height:20px; background: url(../visuels_charte/bouton_tous.gif) no-repeat center center;
	font: 70%/20px Arial; margin:8px 0;
}
#agenda_un .lienToutesActus {text-align:center; text-transform:uppercase; margin:0 0 5px 0; font:11px Arial, Helvetica, sans-serif;}
#agenda_un .lienToutesActus a{color:#FFFFFF; background:url(../visuels_charte/fond_lientoutesactus.gif) no-repeat center center; padding:2px 6px;}
#agenda_un .lienToutesActus a:hover{background:url(../visuels_charte/fond_lientoutesactus_over.gif) no-repeat center center;}

#agenda_un .blocAnnonces {margin:10px 0; font:11px Verdana, Geneva, sans-serif; padding:0 0 0 8px;}
#agenda_un .blocAnnonces h1{font:12px Verdana, Geneva, sans-serif; text-transform:uppercase;}
#agenda_un .blocAnnonces a{padding:3px 0; text-align:left; display:block; color:#333333; border-bottom:1px dashed #666666;}
#agenda_un .blocAnnonces a:hover{color:#FF6600;}

#news h1 {
	font: 80% Verdana, Arial, Helvetica, sans-serif; color:white;
	background: #900 url(../visuels_charte/bouton_news.gif) no-repeat left center; text-align:center;
	margin:0; padding:3px 0;
}
#news h2 {
	font: italic 72% Verdana, Arial, Helvetica, sans-serif; color:#900; text-align:left;
	margin:3px 0;
}
#news .resume {
	font: italic 70% Arial, Tahoma, Helvetica, sans-serif; color:#333; text-align:left;
	margin:3px 0; border-bottom:1px solid #900;
}
#news .resumeGras {
	font: bold italic 70% Arial, Tahoma, Helvetica, sans-serif; color:#F30; text-align:left;
	margin:3px 0; border-bottom:1px solid #900;
}
#news .lien {
	font: bold 80% Verdana, Arial, Helvetica, sans-serif; text-align:right;
	margin:0;
}
#news a{
	text-decoration: none; color: #900;
}
#news a:hover{
	text-decoration: none; color: white;
}
#news .lienRubriqueNews {
	text-align:center; height:20px; line-height:20px; background: url(../visuels_charte/bouton_tous_news.gif) no-repeat center center;
	font: 70%/20px Arial; margin:8px 0;
}

#adhesion {
	margin: 10px; border:1px solid #F60; background-color: white;
}
#adhesion h1 {
	font: 80% Verdana, Arial, Helvetica, sans-serif; color:white;
	background-color: #F60; text-align:center;
	margin:0; padding:3px 0;
}
#adhesion p {
	font: 80% Arial, Tahoma, Helvetica, sans-serif; color:#333;
	text-align:center;
	margin:5px 0;
}
#adhesion a {
	font: bold 90% Arial, Tahoma, Helvetica, sans-serif; color:#C00;
	text-align:center; text-decoration:none;
	margin:5px 0;
}

#adhesion a:hover {
	color:#F90;
}

#rubrique h1{
	font: 160% Georgia, "Times New Roman"; color:#C00; margin:10px 20px;
}
#rubrique h2{
	font: 120% Tahoma, Arial, Helvetica, sans-serif; color:#039; margin:10px 20px;
}
#rubrique h3{
	text-align: left; margin:10px 0 0 0;
	color: #C00; font: 110% Verdana, Arial;
	}
#rubrique .chapo{
	font: 11px/14px Tahoma, Arial, Helvetica, sans-serif; color:333; margin:10px 20px; text-align:justify;
}
#rubrique .texte{
	font: 11px/14px Tahoma, Arial, Helvetica, sans-serif; color:#333; margin:10px 20px; text-align:justify;
}
#rubrique .legende{
	font: 12px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:10px; text-align:justify;
}
#rubrique .lienArticle{
	font: 11px Verdana, Arial;
}
#rubrique .lienArticle a, #rubrique a{
	color:#C00; text-decoration:none;
}
#rubrique .lienArticle a:hover, #rubrique a:hover{
	color:#F60;
}
#rubrique ul, li {
	margin:0; padding:0;
}
#rubrique .hierarchie {
	font: 10px Verdana, Arial, Helvetica, sans-serif; color: white; background-color:#039;
}
#rubrique .hierarchie a{
	color: #FC0; text-decoration:none;
}
#rubrique .hierarchie a:hover{
	color: #F60; text-decoration:none;
}
#rubrique .pagination{margin:0 10px; font:11px Verdana, Geneva, sans-serif;}

#site{
	border-bottom:1px dashed #333; margin:0 20px;
}
#site a{
	font: 100% Tahoma, Arial; text-decoration:none; color:#C00;
}

#adherent {
	background-color: white; padding:3px 0 40px 0; margin:10px 20px; border-right:2px solid #333; border-bottom:2px solid #333;
	text-align:left;
}
#adherent h1{
	font: 120% Georgia, "Times New Roman"; color: #333; text-align:left; margin:3px 0;
}
#adherent h2{
	font: 90% Tahoma, Verdana, Arial; color: #333; text-align:left; margin:3px 0;
}
#adherent h3{
	font: 90% Tahoma, Verdana, Arial; color: #333; text-align:left; margin:3px 0;
}
#adherent .chapo{
	font: 11px/14px Verdana, Arial; color: #333; text-align:left; margin:3px 0;
}
#adherent .lienFiche{
	font: 11px Verdana, Arial; text-align:left; margin:3px 0;
}
#adherent a{
	text-decoration:none; color:#C00
}
#adherent a:hover{
	color:#F60;
}

.annexe {margin:0; text-align:center;}
.annexe a {margin:3px 0; padding:2px; text-align:center; background:#CC0000; font:12px Verdana, Geneva, sans-serif; color:#FFFFFF; width:100%; text-decoration:none; display:block;}
.annexe a:hover {background:#FF6600; color:#FFFFFF;}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font: 11px; Arial, Helvetica, sans-serif}
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip input {}

.formulaire_spip fieldset {}
.formulaire_spip legend {}
.bouton {
	background-color: #CC0000; color:white; font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	border:none; padding:0 3px;
}

.formulaire_spip label {}
.forml { width: 99%; font-family: Verdana; font-size: 12px; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; }
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }


/* styles de la barre typo enrichie */
.texteencadre-spip {
	color: #333;
	background: white;
	border:1px solid #3399FF;
	margin: 5px 0;
	padding: 5px;
}

.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #FF9900;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

/* ne marche pas sur MSIE, a refaire en jQuery */
a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background: transparent;
font-size:x-small;
}

a.spip_blank {
	color: #F00;
}

/* Pour le mode preview dans l'admin */
#article_preview {
	display:none;
	border:1px solid #F00;
	overflow: auto;
	background-color: #FFF;
	padding: 0 1em;
}

sup {
	vertical-align:20%;
	font-variant: small-caps;
	font-size: .5em;
}



/*CSS du menu babbibel
----------------------------------------------*/
#nav{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu #nav ul{top: */
z-index:1000;
}
#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
z-index:1000;
}

#nav .menu{
display:block;
padding:0px 0px;
vertical-align:middle;
color:#fff;
text-decoration:none;
z-index:1000;
}

#nav a{
display:block;
padding:0px 0px;
color:#CC0000;
text-decoration:none;
z-index:1000;
}

#nav a:hover{
color:#333;
z-index:1000;
}

#nav li{
float:left;
position:relative;
vertical-align:middle;
display:inline;
z-index:1000;
height:28px;
padding-left:10px;
padding-right:10px;
}

#nav ul {
position:absolute;
display:none;
width:250px; 			/*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:25px; 				/*Position du sous menu par rapport au menu*/
left:5px;
z-index:1000;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
border-top: 1px solid #fff;
/*line-height:2em; 	hauteur des lignes du sous menu*/
display:inline;
background:#ffffff;
}


#nav li ul a{
width:170px; /*doit etre egale au #nav ul {width: }*/
height:auto;
float:left;
/*Couleur de fond des sous menus*/
color:#fff; 			/*couleur de police des sous menus*/
z-index:1000;
background:#ffffff;
border-top: 1px solid #EAEAE1;
}

#nav ul ul{
top:auto;

z-index:1000;
line-height:1.85em; 	/*hauteur des lignes du sous sous menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}

#nav li ul ul {
z-index:1000;
left:170px; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav ul {width:   */
margin:0px 0 0 10px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

.slideshow { height: 200px; width: 370px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

/* fin CSS du menu babbibel
--------------------------------------------*/