/************************************************************************************/
/*** FICHIER CONTENANT LES STYLES GENERIQUES (INDEPENDANT DES CHARTES GRAPHIQUES) ***/
/************************************************************************************/

/*** Design pour les tableaux ***/
.table { width:99.9%;color:#3A2C16;border-collapse: collapse;border-spacing:0;margin-left:1px; }
.table tr th { border:1px solid #B0AAA1;background-color: #E9E9E9;padding: 5px 3px 5px 3px;text-align:center; }
.table tr td { border:1px solid #C8C4BD;color:#4B4B4B;padding: 0 3px 0 3px; }
.table .tr1 { background-color:#EBF0F6; }
.table .tr2 { background-color:#F3F6FA; }
.table .vide { height:4px;border:0; }
.table .vide td { border:0; }
.table tr th.bigcell { width:90%; }
.table .emprunt { background-color: #B9E760; }
.table .limite { background-color: #FAF99F; }
.table .retard { background-color: #F6CBCA; }
.table a { color:#FF9A2F;text-decoration:none; }
.table a:hover { text-decoration:underline; }
.table th a { color:#3A2C16; }
.table th.secable { white-space:normal; }
/*** Fin design pour les tableaux ***/


/*** Tooltip ***/
.mootips { color: #000000;width: 172px;z-index: 13000;background-color:#F8E594;border:1px solid #000000; }
/*** Fin Tooltip ***/


/*** Mooquee ***/ 	/* don't change */
.mooquee { position: absolute;overflow: hidden;white-space: nowrap; }
.mooquee-text { position: absolute; }
/*** Fin Mooquee ***/


/*** Togglers (Faq, Trombinoscope, Profil membre) ***/
.toggler { color: #FFF;cursor: pointer;font-size: 12px;margin: 1px 0;padding: 0 10px ; }
.imgtoggler {	padding-right: 5px;vertical-align:middle;padding-top:2px;padding-bottom:2px; } /* Puce des togglers */
/*** Fin Togglers ***/


/*** Commentaires (bulles) ***/
.sbl { background: url('../images/commentaire/bl.gif') bottom left no-repeat #E9E9E9; color:#58585A; width: 100%; text-align: justify;  min-width: 200px; font-size:95%;}
.sbr { background: url('../images/commentaire/br.gif') bottom right no-repeat; }
.stl { background: url('../images/commentaire/tl.gif') top left no-repeat; }
.str { background: url('../images/commentaire/tr.gif') top right no-repeat; padding: 10px; } 
.sb { padding: 2px 0px 10px 50px; background: url('../images/commentaire/b.gif') 30px top no-repeat;color:#58585A; }
.commentaire { color: #fff;background: #58585a url(../images/commentaire/commentaire_coinbl.png) bottom left no-repeat;padding: 3px;font-weight: bold;font-size:13px;margin-bottom:10px;margin-top:15px; }
.commentaire img { position: relative;top: -12px;margin-right: 10px; }
.commentaire strong { top:-7px;position:relative; }
.commentaire a { top:-7px;position:relative;color:#fff;text-decoration:none; }
#form_commentaire { width:50%;margin:auto; }
#form_commentaire label { float: left; color: #fff; background: #58585a url(../images/commentaire/commentaire_cointl.png) top left no-repeat; text-align: right;width: 100px;clear: both;font-weight: bold;font-size: 11px;padding : 3px;margin-right: 5px; }
#form_commentaire input, #form_commentaire textarea { border: 1px solid #58585a;width: 200px; }
#form_commentaire #codevalidation { border: 1px solid #58585A; }
/*** Fin Commentaires (bulles) ***/


/*** Messages erreur information et reussite ***/
.reussite, .erreur, .information {background-color:#B9E760;border:1px solid #060;color:#060;font-weight:bold;margin-bottom:5px;padding:5px;text-align:center;}	
.erreur {background-color:#F6CBCA;border-color:#c00;color:#c00;}
.information {background-color:#FAF99F;border-color:#C3C27C;color:#77764C;}
/*** Fin Messages erreur information et reussite ***/


/*** Alignements ***/
.c { text-align: center }
.l { text-align: left }
.r { text-align: right }
/*** Fin Alignements ***/

/*** Mise en forme basique ***/
.b { font-weight: bold }
.u { text-decoration:underline }
.i { font-style:italic }
/*** Fin Mise en forme basique ***/

/*** Espace sous le bandeau de navigation ***/
.navigation { margin-bottom: 15px; }
/*** Fin espace sous le bandeau de navigation ***/

/*** Transitions ***/
.transition{ overflow:hidden;background-repeat:no-repeat; }
/*** Fin transitions ***/

.accordeon{
	position:relative;
}

/*** Titres utilisés dans les vues - La couleur peut être précisée dans le fichier structural.css ***/
.titre_1 { font-size:21px;font-weight:bold;margin: 8px 0; }
.titre_2 { font-size:19px;font-weight:bold;margin: 8px 0; }
.titre_3 { font-size:17px;font-weight:bold;margin: 7px 0; }
.titre_4 { font-size:15px;font-weight:bold;margin: 6px 0; }
.titre_5 { font-size:13px;font-weight:bold;margin: 5px 0; }
.titre_6 { font-size:12px;font-weight:bold;margin: 5px 0; }
/*** Fin titres ***/


/**POUR LA TRAME**/
#actualite_liste{list-style-type:none;margin:0px;padding:0px;}
#actualite_liste li{margin:5px 0px 0px 0px;}
#actualite_liste li table{border-style:none;border-spacing:0px;border-collapse:collapse;}
#actualite_liste li td{vertical-align:top;font-size:9px;color:#666666;text-align:justify;line-height:12px;}
#actualite_liste li td img{border-style:none;margin:0px 5px 0px 0px;}
#actualite_liste li a { font-size:11px; font-weight: bold;text-decoration:none; }
#actualite_liste li a:hover { text-decoration:underline; }
/**/