/*****************************************************/
/*   Author:  Gerhard Erbes                          */
/*            gw@actamail.com                        */
/*   Version: 5.0                                    */
/*   Date:    March 14, 2006                         */
/*****************************************************/
/*
NICE MENU

To help understand the CSS, the HTML looks like this (where x is a
number):
  <ul id='nice-menu-x' class='nice-menu'>
    <li><a href='#'>This is a menu item</a></li>
    <li class='menuparent'><a href='#'>A submenu</a>
      <ul><li>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one,
use its id (e.g. ul.#nice-menu-2)
*/

/* most people won't want to see the menu's title */
.block-nice_menus h2 {
  display: none;
}

ul.nice-menu,
ul.nice-menu ul {  /* override this for a different menu width. WARNING: have to change in other places too */
  padding: 0;
  list-style: none;
 /* font-family:Comic Sans MS; */
  font-size: 7pt; /*  font-size: 8pt; */
}

ul.nice-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul.nice-menu li {
  position: relative;
  float: left;
  /* Width of Menu Items */
  /* IE6 Bug */
  width: auto;
  width: 90px; /* largeur des menus*/
  padding: 1px;
}
ul.nice-menu li a,
ul.nice-menu li li a {
  display: block;
  text-decoration: none;
  padding: 3px;
  padding-left: 8px;
  /*border: 1px #ccc solid;*/
  color: white; /*#4984ae;*/
  background: #009999; /*couleur fond des menus*/
}

/* Fix IE. Hide from IE Mac \*/
* html ul.nice-menu li { float: left; height: 1%; }
* html ul.nice-menu li a { height: 1%; }
/* End */


ul.nice-menu ul {
  position: absolute;
  display: none;
}


/* Sub Menu Styles */
ul.nice-menu li ul li a {
  padding: 2px 5px;
}

/* Hide sub-menus initially */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul {
  display: none;
}

/* Show submenus when over their parents */
ul.nice-menu li:hover ul,
ul.nice-menu li li:hover ul,
ul.nice-menu li li li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li li.over ul,
ul.nice-menu li li li.over ul {
  display: block;
}

/* Now stuff specific to the menu type (down, left or right menu pop) */

/* stuff for VERTICAL menus where submenus pop RIGHT (default) */
ul.nice-menu-right ul {
  left: 149px;
  top: 0;
}

ul.nice-menu-right ul ul {
  left: 149px;
  top: 0;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: white url(images/arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over {

}

/* stuff for VERTICAL menus where submenus pop LEFT */
ul.nice-menu-left ul {
  left: -143;
  top: 0;
}

ul.nice-menu-left ul ul {
  left: -149px;
  top: 0;
}

ul.nice-menu-left li a, ul.nice-menu-left li ul li a {
  padding-left: 14px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #eee url(images/arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:hover,
ul.nice-menu-left li li.over {
  background: purple url(images/arrow-left.png) left center no-repeat;
}

/* stuff for HORIZONTAL menus where submenus pop DOWN */

ul.nice-menu-down {
  float: left;
  z-index:52;
  border: 0;
}

ul.nice-menu-down li.menuparent {
  z-index:52;
}
ul.nice-menu-down li.menuparent li {
  border-bottom: 0;
width: 100%;
}

ul.nice-menu-down ul {
  border-right: 1px solid black;
  left: 0;
  width: 135px; /* Largeur des sous menus */
  background: #224D6F; /*#224D6F*/
    -moz-opacity:0.9;
    -khtml-opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity:0.9;
    border-bottom: 1px solid black;
}

ul.nice-menu-down a:hover {
  background: #ffffdd; /*couleur de fond entete sous menus */
  color: #FF523B; /* #FF523B; couleur lettres entete sous menus*/
  left: 149px;
  top: 0;
}

ul.nice-menu-down li.menuparent {
  background: transparent url(images/menu_triangle_2.gif) right bottom no-repeat;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over {
  background: transparent url(images/menu_triangle_2.gif) right bottom no-repeat;
}

ul.nice-menu-down li li.menuparent {
  background: transparent url(images/menu_triangle_2.gif) right bottom no-repeat;
}

ul.nice-menu li li a:hover {
  background: #ffffdd; /*couleur de fond des sous menus */
  color: #FF523B; /* couleur lettres des sous menus*/
}

ul.nice-menu li li a{
  color: white;
}

/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
  	font-family: Bitstream Vera, Verdana, Arial, Helvetica, sans-serif, monospace,Comic Sans MS ;
	background-color: #ffffff; /*couleur de fond general EDEBD7 #FBE0A7*/
}

#wrap {
	width: 99%;
	margin: 0em auto;
}

#header-static
{
	display: none;
}

a
{
	text-decoration: none;
	color: blue;
}

a:hover
{
	color: navy;
	background-color: #FED182;
	font-weight: bold;
}

a:visited
{
	color: red;
	text-decoration: underline;
}

/**************/
/*   HEADER   */
/**************/
.infos {
	text-align: right;
	font-size: 1.3em;
}

span.vert {
	color: teal;
	font-weight: bold;
	font-size: 1.5em;
}

#header-section {
	width: 100%;
	margin: 0em 0em 0em 0em;
}

#header-background {
	float: left;
	border: none;
	margin: 0em 0em 0em 0em;
}

#header-background-left {
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header-background-right {
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header {
	clear: both;
	height: 4em;
	margin-left: -4em;
	text-transform: capitalize;
} 

* html #header a {width:1%;}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 19%;
	float: left;
	vertical-align: top;
	font-size: 1.1em;
}

#left-column ul {	
	width: 90%;
	padding: 0em;
	margin: 0em;
	list-style: none;
}	

#left-column li {
	list-style: none;
	padding-left: 0.5em;
}

#left-column li a {
	display: block;
	padding: 0.3em 0.7em 0.2em 0.2em;
	border-left: solid 0.5em darkorange;
	border-top: solid 0.1em teal;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: normal;
	color: rgb(50,50,50);
	height: 1.3em;
}	
	
#left-column a:hover {
	border-left: solid 0.5em black;
	background-color: #FED182;
	text-decoration: none;
	color: blue;
}

#left-column .selected {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(175,175,175);
	border-top: solid 0.1em rgb(200,200,200);
	background-color: rgb(220,220,220);
	font-weight: normal;
	color: rgb(50,50,50);
}

#left-column .left-navheader-first {
	display: block;
	margin: 0em 0em 1.0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0em rgb(255,210,113);
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

#left-column .left-navheader {
	display: block;
	margin: 1.0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;
	border-left: solid 0.5em rgb(235,235,235);
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/
#middle-column {
	float: left;
	width: 60%;
	padding-top: 0.3em;
	padding-left: 0.5em;
	padding-right: 0.2em;
	font-size: 8pt;
	background-color: #ffffee;
	border: 2px groove navy; /*bordure du cadre des articles du milieu*/
}

#middle-column h2 a
{
	color: teal; /* couleur des titres de la page des articles */
	text-decoration: none;
	font-size: 10pt; /* taille des titres des articles */
}

/* Images */
/**********/
.middle-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

.middle-column-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	border: solid 1px rgb(100,100,100);	
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 17.5%;
}

.right-column-img{
	float: right;
	margin: 1.0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	clear: both;
	float: left;
	width: 100%;
	margin: 2.0em 0em 1.0em 0em;
	padding: 0.25em 0em 0.3em 0em;
	border-top: solid 0.1em blue;
	border-bottom: solid 0.1em blue;	
	background-color: white;
	text-align: center;
	color: blue;
	font-size: 1.0em;
	font-weight: bold;
}

/**************************/
/***   MISCELLANEOUS    ***/
/**************************/

/* onglets entête */
#header li {
	float: left;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 1px 0px 1px;
	background: url(../img/header-tab1.png) no-repeat 0% 0px;
}

/* liens onglets entête */
#header li a {
	display: block;
	list-style-type: none;
	padding: 4px 8px 4px 8px;
	background: url(../img/header-tab2.png) no-repeat 100% 0px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 1.05em;
	color: white; /* Couleur du texte du menu horizontal */
	text-decoration: none;
}

/* survol onglet entête */
#header li:hover {
	background-image: url(../img/header-tab1.png);
	background-position: 0% -24px;
}

/* survol lien onglet entête */
#header li:hover a {
	background-image: url(../img/header-tab2.png);
	background-position: 100% -24px;
}

/* Tous les blocs */
.block
{
	margin-bottom: 1em;
}

/* blocs utilisateur et menu */
.block-user, .block-menu, .block-event, .block-search, .block-views, .block-block, .block-archive, .block-node, .block-xstatistics, .block-advpoll, .block-statistics, .block-tagadelic, .block-simplenews
{
	background-color: #ffffdd; /* fond des blocs */
	border: 2px solid teal; /* bordure des blocs teal ou #F7941D */
	padding-left: 0.1em; /* marge de gauche */
	padding-bottom: 1em; /* bas du bloc*/
	margin-right: 1em; /* marge de droite */
	/* Gecko seulement, retirer -moz- une fois CSS3 validé */
	-moz-border-radius-topleft: 15px; /* arrondis du bloc */
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

/* titre 2 blocs utilisateurs et menus */
.block-user h2, .block-menu h2, .block-event h2, .block-search h2, .block-views h2, .block-block h2, .block-archive h2, .block-node h2, .block-xstatistics h2, .block-advpoll h2, .block-statistics h2, .block-tagadelic h2, .block-simplenews h2
{
	border-bottom: 1px solid black; /* surlignage de titres des blocs */
	font-size: 1.2em; /* taille caracteres titres des blocs */
	color: #F7941D; /* couleur caracteres titres des blocs */
	width: 90%;
}

/* Mise en exergue des titres blocs utilisateurs et menus */
.block-user h2:before, .block-menu h2:before, .block-event h2:before, .block-search h2:before, .block-views h2:before, .block-block h2:before, .block-archive h2:before, .block-node h2:before, .block-xstatistics h2:before, .block-advpoll h2:before, .block-statistics h2:before, .block-tagadelic h2:before, .block-simplenews h2:before
{
	content: "# ";
}

/* marge des liens du premier bloc utilisateur (connexion) */
#block-user-0 a
{
	margin-left: -2.5em;
}

/* Liens sous les éléments (en savoir plus, etc.) */
.links li a
{
	color: black;
	text-transform: capitalize;
}

/* Titre des éléments du contenu */
.node h2
{
	padding-bottom: 0.2em;
	border-bottom: 2px dashed teal;
	font-size: 1.25m;
	width: 85%;
}

/* Liens ... */
.content a, .links a
{
	font-weight: bold;
}

/* Encore les liens ... */
.links
{
	position: relative;
	line-height: 32px;
	background: url(../img/back2.png) repeat-x;
}

/* Toujours ces liens */
.links li
{
	display: inline;
	margin-left: 0.25em;
}

/* Séparateurs sur les mêmes liens... */
.links li:after
{
	content: " | ";
}

/* Styles de liste : noeuds principaux */
#middle-column li.leaf
{
	list-style: upper-roman outside;
}

#middle-column li.collapsed
{
	list-style: upper-roman outside;
}

/* Styles de liste : noeuds étendus */
#middle-column li.expanded
{
	list-style: upper-roman outside;
}

/* Styles de liste : noeuds fils des noeuds principaux */
#middle-column li.expanded li.leaf
{
	list-style: lower-roman outside;
}

/* Liens des tableaux des fichiers joints */
#attachments a
{
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* Le tableau en lui même */
#attachments
{
	width: 97%;
	margin-top: 2em;
	margin-left: 1em;
	margin-bottom: 1em;
}

/* Entête du tableau */
#attachments th
{
	color: #0c0c0c;
	font-size: 1.3em;
}

/* Cellules */
#attachments td
{
	line-height: 1.5em
}

/* CSS 3 : différentiation des éléments pairs et impairs */
#cac_lite_admin_settings_defaults fieldset:nth-child(odd)
{
	background-color: #cedced;
}

/* CSS 3 : différentiation des éléments pairs et impairs */
#cac_lite_admin_settings_defaults fieldset:nth-child(even)
{
	background-color: #decdec;
}

/* Et comme CSS3 existe pas encore ... on met en surbrillance l'actif. */
#cac_lite_admin_settings_defaults fieldset:hover
{
	background-color: #cedced;
}

/*  */
.category-navigation .page-links a
{
	margin-right: 0px;
	padding-left: 0px;
	font-size: 7pt;
}

/* Galleries */
#middle-column ul.images li
{
	padding-bottom: 5em;
	list-style: none;
}

/* Fichier joint : PDF */
#attachments a[href$="pdf"]
{
	background-image: url(../img/icons/pdf.png);
}

/* Fichier joint : TXT */
#attachments a[href$="txt"]
{
	background-image: url(../img/icons/txt.png);
}

@import "flatforum.css"