/*	CSS bnei.org   */

/*	Définition des blocs   */
body{text-align: justify; font-family : Verdana; font-size : 11px; color: #000;  background :url(../images/fond_body.jpg); margin:0px;padding:0px;}
#container{line-height:140%; margin: 5px 15px; padding:0px;background : url(../images/fond_container.jpg); border:3px solid #99f; border-top:0px; border-bottom:0px;}
#entete {text-align: left;padding: 0px; margin:0px;background : url(../images/fond-degrade6.jpg) repeat-x}
#entete h1{color : #fff;font-size : 26px;font-weight : bold;margin:0px;padding : 25px 0 20px 100px;background : url('../images/logobis4.gif') no-repeat ;}
.soustitre {color:#000; font-size:8px; margin-top :5px;}
#left {margin :200px 10px 10px 10px;float : left ;width: 165px;line-height: 20px;}
#right {margin : 10px ;float : right;width: 165px;line-height: 20px;}
#main {margin: 0px 190px 5px 190px;color : #000;height: 400px;}
html>body #main {height: auto;min-height: 400px;}
#main2 {margin: 0px 15px 5px 190px;color : #000;height: 400px;}
html>body #main2 {height: auto;min-height: 400px;}
#footer {clear: both;margin : 0px;border: 0px;text-align: center;padding : 5px 0px 10px 0px;background: #99f; color : #fff;border-top : 2px groove #99f;border-bottom : 2px outset #99f;}
.adroite {float : right;padding-right : 5px;}
.spip_documents_center{width: 100%;}
.spip_documents{text-align: center; font-size: 0.9em;}

/* Définition des styles généraux */
img {border:none;}
a {color:#66c; text-decoration:none; font-weight:bold;}
a img{border:0px;}
a:hover {color:#f93;}
p {text-align : justify;text-indent : 0.5cm;}
p a{text-indent : 0cm;}
p:first-letter {font-size : 12px;font-weight : bold;color: #f93;}
h2{text-align: left;padding : 15px 0px 10px 5px;margin:0px 0px 0px 0px;color : #66c;font-size : 18px;font-weight : normal;letter-spacing: 0.2em;background: #fff url('../images/fondh22.jpg') bottom repeat-x;border:1px inset #999;border-bottom:0px;}
h2:first-letter {color : #f93;font-size : 26px;font-weight : bold;}
h3 {color : #333;border-bottom: 1px solid #66c;}
.titre_partie{font-size:14px;margin: 0px 80px 0px 0px;padding: 4px 5px 5px 5px;border-bottom:2px solid #fc6;}
.subtitle{font-style: italic;font-size: 12px;padding: 2px 0px 2px 0px;margin : 5px; color:#000;}
.subtitle:first-letter{font-weight:bold;}
.rubrique { background: #fff ; margin : 0px 0 6px 0; padding : 0px 20px;border : 1px inset #999;  border-top : 0px; color:#000; }
.article { margin : 5px 2px; padding : 5px 10px; border:1px solid #ccc; border-top: 2px groove #66c ; color:#666; }
.article img.spip_logos {margin : 10px;}
.date {font-family: 'Lucida Grande', Verdana, sans-serif;font-size: 9px; text-align: right;}

/* infobulle */
.infobulle{	position: absolute;	visibility : hidden;	border: 1px outset #99e; padding: 5px;	background-color: #66c; color: #fff; width:150px;}
                                                                                                                                              
/* Définition du style des menus latéraux */
dl.colonne{margin: 5px 0px 0px 0px; width: 100%; border: 1px solid #66c; border-top:0px;border-bottom:2px solid #66c;}
.colonne dl, dt, dd {margin: 0;padding: 0;}
.colonne dt {height: 20px; background-image:url(../images/fond.png);font-size : 12px;font-weight:bold;color : #66c;letter-spacing: 0.1em; text-align: center;}
.colonne dd {color:#000;text-align: left;background: #fff ;border-bottom: 1px;}
.colonne dd a {display:block;color:#666;letter-spacing: normal;background: #fff; padding: 0px 0px 2px 2px; margin : 0px;font-weight:normal;}
.colonne dd a:hover{padding: 0px 0px 0px 2px;border: 1px inset #CCC; color:#000;background: #fff;}
.colonne dd img{vertical-align : middle;text-align : center;}

.formulaire_recherche {padding : 0px;margin : 0px 0px 5px 0px;width: 165px;background: url(../images/fond_menu.jpg) top center repeat-y;border-right: 1px solid #66C; border-left: 1px solid #66C; border-bottom: 2px solid #66c;}
.formulaire_spip label { padding: 0px 5px 0px 5px;margin : 0px;display : block;height : 20px;background-image:url(../images/fond.png);font-size : 12px;font-weight:bold;color : #66c;letter-spacing: 0.2em;border-bottom: 1px solid #999;text-align : center;}
.spip_form_label {margin : 15px 5px 5px 5px;font-weight : bold;}
#recherche.forml {width: 145px;padding: 2px;margin : 5px;font-size: 10px;border: 1px inset #CCC;}
.spip_forms {text-align : left;}

/* tableaux SPIP  */
table.spip {border : 1px solid #66c;border-collapse : collapse;}
table.spip tr.row_first {background : #eec;text-align : center;border : 1px solid #66c;}
table.spip tr.row_even {}
table.spip tr.row_odd {background : #eee;}
table.spip td {border : 1px dotted #66c;padding : 2px 5px 2px 5px;}

/* menu dynamique CSS */
@media print {/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {visibility:hidden;} }
.menu  { background:#fff ;font-size:12px;border:1px solid #66c;border-top:0px; border-bottom:2px solid #66c;color:#000;font-weight:bold;}
.ssmenu { background:#fff;border:1px solid #66c;border-left:0px;border-bottom:2px solid #66c;padding:1px;margin:1em;width:100%;}
.menu span, .ssmenu span {/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une pause dans l'élocution */ display:none; }
.ssmenu ul, .ssmenu li {/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */ padding:0px; list-style-type:none; display:block;}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited  {text-decoration:none;color:#66c;padding:2px 0px 2px 0px;display:block;height:100%;margin:0px; voice-family: "\"}\"";voice-family:inherit;}
.menu a:hover, .menu a:focus, .ssmenu a:hover, .ssmenu a:focus { background:/* url(../images/fond.png)*/ #fff;color: #f93;border:1px inset #999; border-right:0px}
.ssmenu img.hr {margin:1px 0;width:100%;height:1px;display:block;visibility:hidden;}

/* Calendrier */
#calendrier {display:block;background: url(../images/fond_menu.jpg) top center repeat-y; text-align : center;}
table.calendrier {text-align : center; width: 100%; /* border-collapse: collapse; */}
.horsperiode {color : #ccc;}
td.occupe {background : #fff; font-weight:bold; color:#66f;}
td.occupe a {background : #66f; font-weight:bold; color:#fff; border:0px;}
td.occupe a:hover {background : #fff; font-weight:bold; color:#66f; border:0px;}
.today {background : #eee;border : 2px #f33 dotted;font-weight:bold;}
.colonne dd a.calendrier {color:#66c; text-decoration:none; font-weight:bold; background:transparent; display:inline; border:0px;padding: 0px;}
.colonne dd a.calendrier:hover{color:#66c; text-decoration:none; font-weight:bold; background:transparent; display:inline;border:0px;padding: 0px;}


/* Formulaires */
.spip_form_label { display : block;}
.spip_form_choix_multiple{ display : block;}
.spip_form_choix_unique{ display : block;}
fieldset{ border : 1px inset; margin : 5px;}
.spip_form_label_obligatoire , .spip_form_label_obligatoire{	vertical-align: -3px;	font-size :60%;	color : #f00;}
.spip_form_label_details {	font-size :60%;   display : block;}