/* CSS Document i */

/* utilities */

body 					{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #000; }
.navigation a:link			{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #FFFFFF; text-decoration: none; }
.navigation a:visited 			{ font-size: 13px; font-family: verdana,arial,sans-serif; text-decoration: none; color: #FFFFFF; }
.navigation a:hover, a:active		{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #FFCC33; text-decoration: none; }
.menu					{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #000033; }
.menu a:link				{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #000033; text-decoration: none; }
.menu a:link				{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #000033; text-decoration: none; }
.menu a:visited 			{ font-size: 13px; font-family: verdana,arial,sans-serif; text-decoration: none; color: #000033; }
/* .menu a:hover, a:active			{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #FF6633; text-decoration: underline; } */
.menu a:hover {
    font-size: 13px;
    font-family: verdana, arial, sans-serif;
	color: black;
    background: #FFCC00; 
	/* background: #14435B; */
	padding: 2px;
    text-decoration: none;
}


/* .compte a:link, a:hover, a:active	{ font-size: 13px; text-decoration: underline; color: black; } */
a.compte  { font-size: 13px; text-decoration: underline; color: black; }


a:link 					{  font-size: 13px; text-decoration: underline; color: #000033; } 
a:visited 				{  font-size: 13px; text-decoration: underline; color: #000033; }


table 					{ font-size: 13px; }

td.aright {
	text-align: right;
	vertical-align: top;
}

td.aleft {
	text-align: left;
}


td.acenter {
	text-align: center;
}

table.pager {
			border : 1px solid;
			background : #F2F2F2;
			border-color : #CCCCCC;
			width : 100%;
			padding : 1px;
			margin-right: auto;
			margin-left: auto;		
}
.pager td {
	text-align : center;
	font-size: 13px; font-family: verdana,arial,sans-serif; color: #000;
}



#content	{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 1em; font-family: verdana,arial,sans-serif; color: #000;
	width: 96% 
}
#result	{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	font-size: 13px; font-family: verdana,arial,sans-serif; color: #000; 
}

/* in content div, show a kind of shadow at the top */
div.ombretop {background-image: url('/img/critlib/bg_pagecontent_ombre.gif'); width: 100%; height: 10px}

h1								{ font-size: 14px; font-family: arial, verdana, sans-serif; }
h2								{ font-size: 14px; font-family: arial, verdana, sans-serif; color:#14435B; }
h3								{ font-size: 14px; font-family: arial, verdana, sans-serif; color: #205671; }


ul.cl { 
   padding-left: 14px;
   list-style-image: url("/img/critlib/bullet.gif") ;
}
li.cl   { list-style: url("/img/critlib/bullet.gif") outside; }
/* sub-category on home page */
li.submenu						{ list-style: url("/img/critlib/arrowList.gif") outside; } 
ul.submenu {
   text-align: left;
   padding-left: 14px;
   border-left: 0px;
   margin-left: 2px;
   margin-top: 2px;
   margin-bottom: 2px;
   list-style-image: url("/img/critlib/arrow_right.gif");
}
ul.catlist {
   text-align: left;
   padding-left: 14px;
   border-left: 0px;
   margin-left: 2px;
   margin-top: 2px;
   margin-bottom: 2px;
   list-style-image: url("/img/critlib/arrow_right.gif");
}

 html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }

/* texte */
.texteForum			{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #000; }
.quote				{ font-size: 13px; font-family: verdana,arial,sans-serif; font-style: italic;color: #007437; }

.texte 					{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #000; }
.texteMenu				{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #14435B; }
.texteRouge				{ font-size: 13px; font-family: verdana,arial,sans-serif; color: #C00; }
.textePetit				{ font-size: 12px; font-family: verdana,arial,sans-serif; color: #000; }
.textePetitBlanc			{ font-size: 12px; font-family: verdana,arial,sans-serif; color:#fff; font-weight: bold;}
.copyright				{ font-size: 12px; font-family: verdana,arial,sans-serif; color: #333; }
.search_res				{ font-size: 13px; font-family: verdana,arial, sans-serif;  }

.titre { 
	font-size: 14px; 
	font-family: arial, verdana, sans-serif; 
	color: #205671; 
	font-weight: bold;
} 


.bio {background-color: #e8eef1; padding: 14px; text-align: left;}

/* form */

.formField				{ font-size: 13px;font-family: verdana,arial, sans-serif; color: #14435B; width: 165px; }
.formFieldNewsletter 	{ font-size: 13px;font-family: verdana,arial, sans-serif; color: #14435B; width: 120px; }
.formFieldContent		{ font-size: 13px;font-family: verdana,arial, sans-serif; color: #333; border: 1px solid #333333; }

.leftmenucolor {background-color: #E8EEF1}

/* ext stuff */

.icon-add { background-image:url(/img/critlib/icons/add.gif) !important; }
.icon-remove { background-image:url(/img/critlib/icons/delete.gif) !important; }
.icon-save { background-image:url(/img/critlib/icons/save.gif) !important; }
.icon-upload { background: url('/img/critlib/icons/icon-upload.gif') no-repeat 0 0 !important; }
.icon-msgnew { background-image:url('/img/critlib/icons/mail_write_24.png') !important; }
.icon-msgreply { background-image:url('/img/critlib/icons/mail_reply_24.gif') !important; }

td.x-grid3-td-titre {
    overflow: hidden;
}
td.x-grid3-td-titre div.x-grid3-cell-inner {
    white-space: normal;
}	
td.x-grid3-td-pseudo {
    overflow: hidden;
}
td.x-grid3-td-pseudo div.x-grid3-cell-inner {
    white-space: normal;
}
.x-grid3-header-offset {width: auto;}
.x-grid3-cell-inner {font-size: 13px}
/* w-panel-mc does not seem to work, so I put it also in the html page :-( */
.x-panel-mc { font-size:13px;}

div.toppagearea {background-color: white; width: 100%; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 0;}
div.topmenuline {background-color: #1e4176; color : white; width: 100%; margin-left: auto; margin-right: auto; text-align: center; padding: 5px 0}
div.topmenuline	a {text-decoration: none; padding: 2px; color: white}
div.toprechercheline {background-color: #ffcc00; color : black; width: 100%; margin-left: auto; margin-right: auto; text-align: center; padding: 2px 0}
div.toprechercheline a {color: black}
div.toprechercheline form {padding: 2px 0; display: inline}
div.bottomline {background-color: #1E4176; width: 100%}
div.copyrightline {background-color: white; width: 100%; ; margin-left: auto; margin-right: auto; text-align: center; padding: 5px 0 0 0;}