/* CSS Document */
* {
  padding:0;
  margin:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  /* color:#0087C0; */
}
html{
  height:100%;
}
body{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
  margin:0px;
  padding:0px;
  height:100%;
  background-color:#E8E8F8;
}
a{
  color:#FF0000;
  text-decoration: underline;
}
a:hover{
  color:#000000;
}
ul, ol{
  margin:0px 0px 10px 15px;
  padding:0;
}
li{
  list-style-position: outside;
  list-style-type: disc;
  margin:0px 0px 3px 0px;
  padding:0;
}
p{
  margin-bottom:10px;
}
/* wrappers */
#rootWrap{
  width:100%;
  height:100%;
  margin:0 auto;
  background: url("images/background.jpg") repeat-x;
}
#outerWrap{
  width:890px;
  height:100%;
  margin:0 auto;
}
#headerRow{
}
#menuRow{
}
#mainRow{
  margin:0;
}
#footerRow{
  clear:both;
  padding-top:15px;
}


/* header */
#headerContent{
  position:relative;
  height:90px;
  width:inherit;
  margin: 0 auto;
}
.headerLink{
  float:left;
  height:inherit;
  width:350px; /* must match approx. the width of the logo-title image */
}
/* login */
#login{
  float:right;
  padding:3px 0px 0px 0px;
  color:#777777;
  font-size:10px;
}
#login a{
  font-size:10px;
}
#share{
  margin-bottom:10px;
}
#search{
  float:right;
  vertical-align:middle;
  color:#777777;
  font-size:10px;
  margin:0px 0px 8px 0px;
}
.searchInput{
  color:#666666;
  font-size:10px;
  border-top:1px solid #CCCCCC;
  border-right:0px;
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  padding:4px 5px 4px 5px;
}
.searchButton{
  font-size:10px;
}
.emphWord{
  font-weight:bold;
}
/* menu */
#menuContent{
  height: 44px;
  width:inherit;
  background: url("images/menu-bg.jpg") repeat-x;
}
.menuItem0 a, .menuItem1 a, .menuItem2 a, .menuItem3 a, .menuItem4 a, .menuItem5 a, .menuItem6 a, .menuItem7 a, .menuItem8 a{
  float:left;
  height:44px;
}
.menuItemA a{
  float:right;
  height:44px;
}
.menuItem0 a{
  width:23px;
  background: url("images/menu-logo.jpg");
}
.menuItem1 a{
  width:129px;
  background: url("images/menu-conseil.jpg");
}
.menuItem1 a:hover, .menuItem1 a:focus, .menuItem1 a:active{
  background: url("images/menu-conseil-hover.jpg");
}
.menuItem2 a{
  width:131px;
  background: url("images/menu-avocats.jpg");
}
.menuItem2 a:hover, .menuItem2 a:focus, .menuItem2 a:active{
  background: url("images/menu-avocats-hover.jpg");
}
.menuItem3 a{
  width:85px;
  background: url("images/menu-actualites.jpg");
}
.menuItem3 a:hover, .menutItem3 a:focus, .menuItem3 a:active{
  background: url("images/menu-actualites-hover.jpg");
}
.menuItem4 a{
  width:70px;
  background: url("images/menu-articles.jpg");
}
.menuItem4 a:hover, .menuItem4 a:focus, .menuItem4 a:active{
  background: url("images/menu-articles-hover.jpg");
}
.menuItem5 a{
  width:56px;
  background: url("images/menu-forum.jpg");
}
.menuItem5 a:hover, .menuItem5 a:focus, .menuItem5 a:active{
  background: url("images/menu-forum-hover.jpg");
}
.menuItem6 a{
  width:46px;
  background: url("images/menu-liens.jpg");
}
.menuItem6 a:hover, .menuItem6 a:focus, .menuItem6 a:active{
  background: url("images/menu-liens-hover.jpg");
}
.menuItem7 a{
  width:80px;
  background: url("images/menu-glossaire.jpg");
}
.menuItem7 a:hover, .menuItem7 a:hover, .menuItem7 a:active{
  background: url("images/menu-glossaire-hover.jpg");
}
.menuItem8 a{
  width:97px;
  background: url("images/menu-formulaires.jpg");
}
.menuItem8 a:hover, .menuItem8 a:hover, .menuItem8 a:active{
  background: url("images/menu-formulaires-hover.jpg");
}
.menuItemA a{
  width:41px;
  background: url("images/menu-aide.jpg");
}
.menuItemA a:hover, .menuItemA a:focus, .menuItemA a:active{
  background: url("images/menu-aide-hover.jpg");
}
/* Special class allowing hover images to be pre-loaded */
.hiddenPic {
  display:none;
}
/* footer */
#footerContent{
  margin:0px 30px 0px 30px;
  font-size:10px;
  text-align:center;
  color:#888888;
  padding:5px 0px 20px 0px;
}
#footerContent a{
  font-size:inherit;
  color:#555555;
  text-decoration:underline;
}

/* BIG MODULE FOR REGULAR PAGES */
/* position for big module */
.bigModule{
  float:left;
  width:890px;
}
/* big module */
.bigModuleTop{
  width:890px;
  height:48px;
  background: url("images/big-module-bg-before.gif") bottom no-repeat;
}
.bigModuleBottom{
  clear:both;
  width:890px;
  height:10px;
  background: url("images/big-module-bg-after.gif") top no-repeat;
}
.bigModuleMain{
  display:table;
  width:890px;
  height:100%;
  background: url("images/big-module-bg.gif") repeat-y;
}
.bigModuleIcon{
  float:left;
  width:111px;
}
.bigModuleContent{
  float:left;
  width:749px; /* This value is main-width, minus icon-width, minus paddding, i.e., 890-111-20-10=749 */
  margin:2px 0px 0px 0px;
  color:#333333;
  padding: 0px 20px 5px 10px;
}
.bigModuleContent h1{
  font-size:18px;
  color:#000000;
  padding:0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom:1px solid #888888
}
.bigModuleContent h2{
  font-size:12px;
  color:#FF0000;
  display:block;
  background-color:#FFFFFF;
  padding:2px 2px 5px 2px;
  margin: 0px 0px 10px 0px;
}
.bigModuleContent h3{
  text-decoration:none;
  font-size:16px;
  font-weight: bold;
  color:#222222;
  margin: 0px 0px 8px 0px;
}
.bigModuleContent h4{
  text-decoration:none;
  font-size:12px;
  font-weight: bold;
  color:#222222;
  margin: 0px 0px 0px 0px;
}
.hr{
  height:1px;
  width:100%;
  margin:10px 0px 10px 0px;
  background: url(images/dot.gif) repeat-x;
}

/* SMALL MODULES FOR ENTRY PAGE */
/* module spacer */
.moduleSpacer{
  clear:both;
  width:100%;
  height:2px;
}
/* position for left modules */
.leftModule{
  float:left;
  width:430px;
  clear:left;
}
/* position for right modules */
.rightModule{
  float:right;
  width:430px;
  clear:right;
}
/* small modules */
.moduleTop{
  width:inherit;
  background: url("images/module-bg-before.gif") bottom no-repeat;
}
.moduleBottom{
  clear:both;
  width:inherit;
  height:10px;
  background: url("images/module-bg-after.gif") top no-repeat;
}
.moduleMain{
  display:table;
  width:inherit;
  height:100%;
  background: url("images/module-bg.gif") repeat-y;
}
.moduleIcon{
  float:left;
  width:111px;
}
.moduleContent{
  /*color:#888888;*/
  float:left;
  width:294px; /* This value is main-width, minus icon-width, minus paddding, i.e., 430-111-15-10=294 */
  color:#333333;
  padding: 0px 15px 0px 10px;
}
.moduleContent h1{
  text-decoration:none;
  font-size:14px;
  /*color:#444444;*/
  color:#000000;
  padding:0px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
  border-bottom:1px solid #888888;
}
/*Les CSS utilisés pour le glossaire*/
#tab-resultats {
	/* Tableau des résultats*/
	border: 1px solid;
	width: 100%;
	vertical-align: top;
	margin: 1px;
}
#tab-resultats-entete {
	/* En-tête du tableau des résulats */
	background-color: #D6D6D6;
	font-weight: bold;
	padding: 3px;
}
#tab-resultats-mot {
	/* En-tête du tableau des résulats */
	background-color: #DDDDDD;
	font-weight: bold;
	color: inherit;
	padding: 3px;
	padding-bottom: 10px;
}
#tab-resultats-def {
	/* En-tête du tableau des résulats */
	background-color: #FFFFFF;
	padding: 3px;
	padding-bottom: 10px;
}
#tab-validation {
	/* Tableau des définitions à valider */
	border: 0px;
}
#tab-validation-mot {
	/* Tableau des définitions à valider, ligne du mot */
	font-weight: bold;
}
#tab-validation-def {
	/* Tableau des définitions à valider, ligne de la définition */
	font-weight: normal;
}
#tab-admin-rubrique {
	/* Rubriques de la page d'admin*/
	background-color: #D6D6D6;
	font-weight: bold;
	text-indent: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#tab-login {
	/* Tableau de login*/
	border: 1px solid;
	width: 100%;
}
/* Red colored text for forms */
.red,
.xl-red,
.big-red {
  color:#FF0000;
}
.green,
.xl-green,
.big-green {
  color:#009900;
}
.xl-red,
.xl-green {
  font-size:x-large;
  font-weight:bold;
}
.big-red,
.big-green {
  font-size:36px;
  font-weight:bold;
}
.dark-grey {
  color:#666666;
}
.warning {
  color:#FF0000;
  text-decoration:blink;
  font-weight:bold;
}
.grey {
  color:#999999;
}
.forum-grey0 {
  color:#999999;
}
.forum-grey1 {
  color:#888888;
}
/* Special input display */
.formInput{
  border:1px solid #BBBBBB;
  padding:1px 1px 1px 1px;
}
.formInput:focus{
  border: 1px solid #FF0000;
}
.noInput{
  text-align:right;
  border:0px;
  background-color:#EEEEEE;
}
.noInput{
  text-align:right;
  border:0px;
}