/*  ----------------------------------------------------------- */
/*  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: #C00;
	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;
}

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

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

#page .bandeauTitre{
	height:165px; background: white url(../visuels_charte/ciel.jpg) no-repeat right top;
}

#page .bandeauTitre .titre {
	font: 30px Georgia, "Times New Roman"; color:#CC0000; float:left; padding-top:35px;
}

#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;
}


#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: 75% Tahoma, Arial, Helvetica, sans-serif; color:333; margin:10px 20px; text-align:justify;
}
#rubrique .texte{
	font: 75% Tahoma, Arial, Helvetica, sans-serif; color:#333; margin:10px 20px; text-align:justify;
}
#rubrique .legende{
	font: 65% Verdana, Arial, Helvetica, sans-serif; color:#333; margin:10px 20px; text-align:justify;
}
#rubrique .lienArticle{
	font: 70% 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: 70% 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;
}

#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; margin:10px 20px; border-right:2px solid #333; border-bottom:2px solid #333;
	text-align:left; padding-bottom:5px;
}
#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: 75% Verdana, Arial; color: #333; text-align:left; margin:3px 0;
}
#adherent .lienFiche{
	font: 75% Verdana, Arial; text-align:left; margin:3px 0;
}
#adherent a{
	text-decoration:none; color:#C00
}
#adherent a:hover{
	color:#F60;
}

/*  ------------------------------------------
/*  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;
}

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