@charset "ISO-8859-1";
/* Start of CMSMS style sheet 'layZhtml' */
/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Styles the html elements
 **************************************************************/

html {
	height: 100%;
}

body {
	height: 100%;
	text-align: justify;
	line-height: normal;
	color: #CCCCCC;
	background-image: url(header.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	font-weight: 400;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}

#bgcontainer {
/*	background-image:url(fl_bg-pls4.png);  */
	background-image:url(fl_bg-pls3.png); 

/*	background-image:url(../../nichess/fl_bg-pls3.png); */
	background-repeat:no-repeat;
}

h1 {   
  clear: both;
  font: 700 4.5em "trebuchet ms", serif;
  color: #FFF;
}

h2 {
  font: 400 1.5em "trebuchet ms", serif;
  color: #9FF3FF;
}

h2 a {
  color: #29E3FF;
}

h2 a:hover {
  color: #FFF;
}

h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: ##660000;
}

h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}

h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}
/* couleur titre tout PLS */
h7 {
  font: 400 1.4em "trebuchet ms", serif;
  color: #FFCC00;
}

h8 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #660000;
}
h1, h2, h3, h4, h5, h6, h7, h8, p, dl {
	margin: 0;
	vertical-align: text-bottom;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn h7,
.leftColumn p,
.leftColumn dl {
  padding-left: 0;
}

a {
  color: #333333;
}

/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */

a:hover {
  color: #FFF;
}

/*lien visité*/
a:visited {
   text-decoration: underline;
   background-color: inherit; 
  /* color: #CC0000;  */    
   color: #CCCCCC;  /* une couleur différente peut être utilisée pour des liens visités - a different color can be used for visited links */
}

/*lien visité*/
ul active {
   text-decoration: underline;
   background-color: inherit; 
   color: #993399;      /* une couleur différente peut être utilisée pour des liens visités - a different color can be used for visited links */
}
b {
  color: #FFF;
}

ul {
	list-style-image: url(bullet.gif);
	margin-bottom: 15px;
}


del {
  color: #AAA;
}

code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow: auto;
  
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  
  background: #444;
}


acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

dt {
  font-weight: bold;
  color: #FFB323;
}

dd {
  margin-left: 0;
  padding-left: 45px; 
}




/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

input,
textarea,
select {
	padding: 2px;
	font: 400 1em verdana, sans-serif;
	color: #444;
	border: 1px solid #444;
	background-color: #FFFFFF;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
	color: #000;
	border: 1px solid #660000;
	background-color: #CCCCCC;
}

input.button {
	padding: 2px;
	color: #555;
	border-width: 5px;
	border-style: solid;
	border-color: #FFF #00DFFF #00DFFF #FFF;
	background-color: #333333;
	font-family: "trebuchet ms", serif;
	font-size: 1em;
	font-weight: 400;
}

/* position for the search box */
div#search {
	float: right;
	width: 100%;    /* enough width for the search input box */
	text-align: right;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
	background-color: #444444;
	padding: 0.2em;
	display: block;
}

div#search input,
textarea,
select {
	padding: 2px;
	font: 400 1em verdana, sans-serif;
	color: #444;
	border: 1px solid #444;
	background-color: #666666;
}



/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
  margin: 10px 15px;
  padding-left: 27px;
  
  background-color: #444;  
  background-image: url(quote.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;  
}

blockquote.exclamation {
  background-image: url(exclamation.gif);
}

blockquote.stop {
  background-image: url(stop.gif);
}

blockquote.go {
  background-image: url(go.gif);
}





/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatRight3 {
	margin-top: 95px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

img.floatRight2 {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
img.floatLeft {
  margin: 5px 15px 10px 0px;
}

img.floatMilieu {
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



/*a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
 /* border: 2px solid #FFF !important;
  border: 2px solid #8BE6FA; 
}*/

a:hover img 

{

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

}
/* End of 'layZhtml' */

/* Start of CMSMS style sheet 'laZylayout' */
/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/



/**************************************************************
   #content: Place la largeur du site. Faites les changements
   ici pour convertir la largeur d'un site.
 **************************************************************/
 /**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 100%;
  height: 100%;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 193px;
}

/* Holds the site title and subtitle */
#header #title {
	position: absolute;
	z-index: 3;
	padding: 5px;
	text-align: right;
	top: 4px;
	left: 0;
	display: block;
}

#header #title2 {
	position: absolute;
	z-index: 4;
	padding: 0px;
	text-align: left;
	top: 179px;
	left: -35;
	display: block;
	vertical-align: baseline;
}
#header h1 {
  margin: 0;
  padding: 0;

  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFF;
}

#header h2 {
	position: absolute;
	top: 69px;
	right: 0px;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #996633;
	width: 244px;
	font-family: "trebuchet ms", serif;
	font-size: 1.6em;
	font-weight: 700;
}


/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

#header img.right {
	position: absolute;
	z-index: 0;
	top: 4px;
	right: 476px;
	left: 500px;
}

#header img.balloons {
	position: absolute;
	z-index: 2;
	top: 17px;
	right: 1035px;
	left: 480px;
}



/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */
/*div#bgcontainer{{position:relative;float:left;height: 1px;padding:  0} */

div#menuwrapper{
	position:relative;
	float:right;
	height: 10px;
	padding:  0;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 12px;
}

div#wrapper{position:relative;float:left;height: 40px;padding:  0}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 215px; 
       }


/* À moins que vous sachiez ce que vous faites, ne touchez pas ceci */ 
/* Unless you know what you do, do not touch this */ 

#primary-nav{float:right;;
        list-style: none; 
	margin: 0px; 
	padding: 0px;
       }

#primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Apparence de base des elements du menu Horizontal*/
/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	font: 400 1.1em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #E8E8E8;
	display: block; 
	padding: 4px 10px; 
	text-decoration: none; 
	}
#primary-nav li a:hover {color: #FFCC00;

	}
	
	
#primary-nav li li a {background-color:#555555; 
	
       	}
#primary-nav li li a:hover {background-color:#444444; 
	
       	}	
#primary-nav li{
        }

#primary-nav li.menuparent { 
	}

/* Apparence de base des elements des éléments de page active (voir quelle page dans le menu est affichée) */
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

/* Animation bouton cliqué menu Horizontal */
#primary-nav li.menuactive {
	border-top: 5px solid #000;
	/* bloc visté menu H */
    background-color: #333333;
	font-weight: bold;
	color: #0099FF;		
	}
#primary-nav li li.menuactive {  color: #65EBFF;
  border-top: 0px solid #000; 
	}


/* Apparence de base des elements des éléments des menuparents - ici dénommé de la même façon sur * de survol (anomalie d'IE de difficultés)/ */
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li .menuparent, #primary-nav ul li .menuparent:hover, #primary-nav ul li .amenuparent { 
/*	background-image: url(modules/CSSMenu/images/arrow.gif); */

	background-position: center right; 
	background-repeat: no-repeat;
	}

/* Apparence de base des elements du menu sur le survol*/
/* Styling the apperance of menu items on hover */

#primary-nav li:hover{
	  color: #65EBFF;
  border-top: 5px solid #000;}
#primary-nav li li:hover{border-top: 0px solid #000;}
#primary-nav li li a:hover{border-top: 0px solid #000;}

/* La magie - placez pour travailler pour jusqu'à un menu de 3 niveaux, mais pouvant être augmenté de façon illimité */
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul { 
	display: block;border:none; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}


	
ul.sousmenu {
  margin: 0;
  padding: 0;
}

.sousmenu li {
	display: inline;
	font-family: "trebuchet ms", serif;
	font-size: 1.1em;
	font-weight: 400;
}

.sousmenu li a {
	display: none;
	text-decoration: none;
	color: #FFF;
} 

.sousmenu li a:active  a:visited {
   color: #990000;      /* une couleur différente peut être utilisée pour des liens visités - a different color can be used for visited links */
}

.sousmenu li a:hover {
  color: #ffcc00;
}



/**************************************************************
   #li here 2
 **************************************************************/
  /* Active menu item */
 /* Active menu item */
.sideMenu li.here4 {
	display: block;
	color: #ffcc00;
	background: #555;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin-bottom: 12px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 32px;
}

 
 /* Active menu item */
.sideMenu li.here2 {
	display: block;
	padding: 1px;
	color: #ffcc00;
	background: #555;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin-bottom: 12px;	
}

/* Submenu of active menu item */		
.sideMenu li.here2 ul {
  margin: 0;
  padding: 0;
 /*  border-bottom: 1px solid #000; */
}

.sideMenu li.here2 ul li a {
	padding-left: 35px;
/*	
	font: 400 70% verdana, arial, sans-serif; */
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
}

/* Réduction de la police au submenu */
.sideMenu li.here2 ul ul a {
	font-size: 278%;
   verdana, arial, sans-serif; */
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-left: 48px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 35px 4px;
}

/* Réduction de la police au submenu 2 */
	.sideMenu li.here2 ul ul ul a {
	font-size: 269%;
   verdana, arial, sans-serif; */	
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
	color: #FFFFFF; /* couleur du texte du sous sous menu */
	padding-left: 60px;
	background-image: url(03_bg.gif);
	background-repeat: repeat;
	background-color: #666666;
	font-weight: 200;
}



.sideMenu li.here2 ul li a:hover {
  color: #ffcc00;
 /* background: #5F5F5F url(bullet.gif) no-repeat 10px 0px; */ 
}

 /* menu souligné */
.sideMenu li.here2 ul li .currentpage, a:hover {
	color: #FFCC00;
	/* border-top: 1px solid #000; */
   /* bloc visté menu H */
    background-color: #333333;
	font-weight: bolder;
	}
	
	/**************************************************************
   #li here 3 submenu
 **************************************************************/
 
 /* Active menu item */
.sideMenu li.here3 {
	
	display: block;
	padding: 1px;
	color: #ffcc00;
	background: #555;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin-bottom: 12px;	
}

/* Submenu of active menu item */		
.sideMenu li.here3 ul {
  margin: 0;
  padding: 0;
 /*  border-bottom: 1px solid #000; */
}

.sideMenu li.here3 ul li a {
	padding-left: 35px;
/*	
	font: 400 70% verdana, arial, sans-serif; */
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
}

/* Réduction de la police au submenu */
.sideMenu li.here3 ul ul ul a {
   font-size: 120%;
   verdana, arial, sans-serif; */
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
   
}

/* Réduction de la police au submenu 2 */
	.sideMenu li.here3 ul ul ul ul a {
	font-size: 75%;
   verdana, arial, sans-serif; */
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
	color: #FFFFFF; /* couleur du texte du sous sous menu */
	padding-left: 48px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 35px 4px;
	font-weight: 200;
}

/* Réduction de la police au submenu 2 */
	.sideMenu li.here3 ul ul ul ul ul a {
	font-size: 64%;
   verdana, arial, sans-serif; */	
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
	color: #FFFFFF; /* couleur du texte du sous sous menu */
	padding-left: 60px;
	background-image: url(03_bg.gif);
	background-repeat: repeat;
	background-color: #666666;
	font-weight: 200;
}

.sideMenu li.here3 ul li a:hover {
	color: #ffcc00;
 /* background: #5F5F5F url(bullet.gif) no-repeat 10px 0px; */ 
}

 /* menu souligné */
.sideMenu li.here3 ul li .currentpage, a:hover {
	color: #FFCC00;
	/* border-top: 1px solid #000; */
   /* bloc visté menu H */
    background-color: #333333;
	font-weight: bolder;
	}


/**************************************************************
   #li news
 **************************************************************/
 
 /* Active menu item */
.sideMenu li.news {
	display: block;
	padding: 5px;
	color: #ffcc00;
	background: #555;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin-bottom: 12px;	
}

/* Submenu of active menu item */		
.sideMenu li.news ul {
  margin: 0;
  padding: 0;
 /*  border-bottom: 1px solid #000; */
}

.sideMenu li.news ul li a {
	padding-left: 35px;
	font: 400 0.55em verdana, arial, sans-serif;
	color: #FFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  /* background: url(bullet.gif) no-repeat 10px 0px; */
}

.sideMenu li.news ul li a {
  padding-left: 35px;
  font: 400 0.55em verdana, arial, sans-serif; 
  color: #FFF;  
  /* background: url(bullet.gif) no-repeat 10px 0px; */
}
.sideMenu li.news ul li a:hover {
  color: #ffcc00;
 /* background: #5F5F5F url(bullet.gif) no-repeat 10px 0px; */ 
}

 /* menu souligné */
.sideMenu li.news ul li .currentpage, a:hover {  color: #FFCC00; 
	}

/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  clear: both;
  
  padding-bottom: 4em;
}


/**************************************************************
   #News: Holds the main page content.
 **************************************************************/


div#content news {
	color: #990000; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #000; 
	border-left: 1.1em solid #000; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}


/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

div#footer {
	clear: both;       /* keep footer below content and menu */
	color: #333333;
	background-image: url(bas_site_pls2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	line-height: normal;
	height: 56px;
	vertical-align: middle;
}


/* Sets the width of the footer content */
#footer #width {
	position: relative;
	z-index: 4;
	font-size: 0.85em;
	line-height: 1.5em;
	background-image: url(bas_site_pls2.png);
	background-repeat: no-repeat;
	background-position: left top;
}





/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
	float: left;
	margin-bottom: 15px;
}

.floatRight {
	float: right;
	margin-top: 10px;
}

.floatRight2 {
	float: left;
	margin-top: 6px;
	margin-left: 315px;
}

.floatLeft2 {
	float: left;
	margin-bottom: 27px;
}
.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.gradient {
  margin-bottom: 2em;
  background: #555 url(gradient.jpg) repeat-x bottom left; 
}

.gradient2 {
	margin-bottom: 2em;
	background-attachment: scroll;
	background-color: #555;
	background-image: url(degrad_vert_n.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.catalog_item
{
	background-attachment: scroll;
	background-image: url(degrad_vert_n.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/* fond page lexique */

.catalog_lexique
{
	background-attachment: scroll;
	background-image: url(degrad_vert_lexique.png);
	background-repeat: repeat;
	background-position: left top;
}
/* Fin - fond page lexique */

/* fond page categorie */

.catalog_categ
{
	background-attachment: scroll;
	background-image: url(degrad_vert_n_categorie.png);
	background-repeat: repeat-x;
	background-position: left top;
}
/* Fin - fond page categorie */

/* End of 'laZylayout' */

/********************
MENU
*********************/
#sideMenu {
   padding-left: 0;
   margin-left: 1em;
}


/*  troisième niveau a une certaine remplissage pour le faire tenir dehors */ third level has some padding to have it stand out */
div#sideMenu ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#sideMenu li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #000;
   display: block;
}

#sideMenu ul ul li {
   border: none;
}

/** anomalie stupide d'IE de difficulté avec display:block - fix stupid ie bug with display:block; **/
* html #sideMenu li a { height: 1%; } 
* html #sideMenu li hr { height: 1%; }
/** end fix **/

/* premiers liens de niveau - first level links */
.sideMenu a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #9C0103; /* this will be link color for all levels */
   background: url(uploads/nichess/arrow-right.gif) no-repeat 0.5em center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* prochains liens de niveau, plus de remplissage et police plus petite - next level links, more padding and smaller font */
div#sideMenu ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* troisième liens de niveau, plus de remplissage - third level links, more padding */
div#sideMenu ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(uploads/nichess/dash.gif) no-repeat 2.8em center; 
}

/* état de vol plané pour tous les liens - hover state for all links */
div#sideMenu a:hover {
   background: url(uploads/nichess/02_bg.gif);
}
div#sideMenu a.activeparent:hover {
   background: url(uploads/nichess/02_bg.gif);
   color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#sideMenu li a.activeparent {
   background: url(uploads/nichess/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #9C0103;
   color: #fff;
}

div#sideMenu ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #9C0103;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#sideMenu ul h3 {
   background: url(uploads/nichess/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #9C0103;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#sideMenu ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#sideMenu ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(uploads/nichess/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#sideMenu li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#sideMenu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#sideMenu li.separator hr {
   display: none; /* this is for accessibility */
}

div#news {
	display: block;
	padding: 5px;
	color: #ffcc00;
	background: #555;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin-bottom: 12px;	
  
}

div#news h2 {
   line-height: 2em;
   background: url(uploads/nichess/a_back.jpg);
}

.NewsSummary {
	display: block;
	color: #FFFFFF;
	background: #555;
	margin-bottom: 12;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink a { 
  
  color: #FFF;

    font-weight: bold;
	color: #ffcc00;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
	font-style: italic;
	margin: 5px 0;
	line-height: .8px;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummaryContent {
 font: 400 0.9em "trebuchet ms", serif;
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

/**************************************************************
   tout pour les fiches techniques
 **************************************************************/
.titre_fiche {
	line-height: 140%;
	font-family: "trebuchet ms", serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: none;
	border-bottom-width: 2px;
	border-bottom-style: outset;
	border-bottom-color: #FFCC00;
	display: block;
	text-align: left;
	color: #FFCC00;
	font-variant: small-caps;
 }
 
 .titre_faq {
	line-height: 140%;
	font-family: "trebuchet ms", serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: none;
	display: inline;
	text-align: left;
	color: #FFCC00;
	font-variant: small-caps;
	background-color: #993300;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 25px;
 }
 
div#main_fiche {
	margin-left: 17px;
	padding-right: 20px;
}

div#main_fiche img {
	no border;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

div#main_fiche img.hover {
	no border;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#designation {
	margin-top: 5px;
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#impression {
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	float: right;
	height: 35px;
}

#designation2 {
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 10px;
}
#designation3 {
	position: absolute;
	float: right
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 10px;
	display: block;
	position: relative;
	height: 300px;
	width: 300px;
	top: auto;
	background-position: left;
}
#aff_produit {
	width: 300px;
	height: 300px;
	margin-top: 0px;
}

#display_produit {
	width: 300px;
	height: 300px;
	margin-top: 145px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#display_produit_12v {
	width: 300px;
	height: 300px;
	margin-top: 205px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#display_produit_12v_1r {
	width: 300px;
	height: 300px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


#display_produit_12v_2r {
	width: 300px;
	height: 300px;
	margin-top: 136px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#display_produit_12v_3r {
	width: 300px;
	height: 300px;
	margin-top: 212px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#display_comment_photo {
	width: 300px;
	height: 50px;
	margin-top: 145px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#display_produit_categ {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 10px;
	position: absolute;
}

.category_items1 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}

#display_vignet_categ {
	margin: 2px;
}
#display_pttexte {
	margin: 2px;
}
.champ_fich {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
	color: #333333;
}

.champ_fich_pls_cut {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
	color: #CCCCCC;
}

.bodyText_pls_cut {
	color:#CCCCCC;
	line-height:18px;
	margin-top:0px;
	letter-spacing:0.02em;
	font-family: "Trebuchet MS";
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	}
	
	.bodyText_imp_plat li ul{
	color:#993300;
	line-height:18px;
	margin-top:0px;
	letter-spacing:0.02em;
	font-family: "Trebuchet MS";
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	}
	
	.bodyText_pls_cut {
	color:#CCCCCC;
	line-height:18px;
	margin-top:0px;
	letter-spacing:0.02em;
	font-family: "Trebuchet MS";
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	}
	.ptext_support {
	color:#CCCCCC;
	line-height:14px;
	margin-top:0px;
	letter-spacing:0.05em;
	font-family: "Trebuchet MS";
	font-size: 1em;
	font-weight: normal;
	}
	
	.ptext_fich_produit {
	color:#CCCCCC;
	line-height:18px;
	margin-top:0px;
	letter-spacing:0.05em;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	}
	
	.ptext_commt_imp_aplat {
	color:#333333;
	line-height:18px;
	margin-top:0px;
	letter-spacing:0.05em;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	}

.champ_fich2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 10px;
	width: 90px;
	margin-top: 4px;
	margin-right: 2px;
	margin-left: 3px;
	display: block;
	text-align: center;
}
.champ_com_categ {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 200;
	text-decoration: none;
	margin-bottom: 10px;
	width: 300px;
	margin-top: 15px;
	margin-right: 2px;
	margin-left: 3px;
	display: block;
	text-align: center;
	font-style: italic;
}
#champ_com_produit {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 200;
	text-decoration: none;
	margin-top: 15px;
	margin-right: 2px;
	margin-left: 3px;
	display: block;
	text-align: left;
	font-style: italic;
	padding-top: 0px;
	color: #FFFFFF;
}

.titre_icone_cat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	line-height: .8em;
	text-align: left;
}

.texte_fich {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 1.8px;
	line-height: normal;
	text-align: justify;
	color: #CCCCCC;
}

.titre_conseil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 120%;
	text-align: left;
	color: #660000;
	font-style: italic;
	font-weight: bold;
}
.texte_conseil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	text-align: justify;
	color: #333333;
	font-style: italic;
	font-weight: 400;
	width: 90%;
}
.texte_fich li ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	line-height: normal;
	text-align: justify;
}
.com_photo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 75%;
	font-size: 10px;
	font-style: italic;
}

.titre_photo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	line-height: 75%;
	font-style: italic;
	font-weight: bold;
	color: #FFCC00;
}
.lien_ft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 50px;
	font-variant: normal;
	text-transform: uppercase;
}

#display_fr {
	margin-top: 70px;
	text-align: center;
}
#display_conseil {
	margin-top: 30px;
	text-align: justify;
	background-image: url(cadre-crayonne.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 12px;
	height: 150px;
	width: 300px;
}
#display_conseil2 {
	margin-top: 80px;
	background-repeat: no-repeat;
	width: 278px;
	background-color: #999999;
	display: block;
	padding: 12px;
	line-height: normal;
	float: left;
}
#display_conseil3 {
	margin-top: 80px;
	background-repeat: no-repeat;
	width: 278px;
	display: block;
	padding: 12px;
	line-height: normal;
	float: left;
}
.content_fiche {
	background-color: #f5f8fc;
	border: 3px solid #000000;
	margin-top: 0;
	margin-right: 2em;
	margin-bottom: 0;
	margin-left: 400px;
}

.visu_prod_cat {
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	z-index: 1;
	text-align: left;
	background-color: #ffecce;
	border: 1px solid #666666;
	line-height: 2em;
	margin: 0;
	visibility: visible;
}
div.captionborder, div.captionborderleft,div.captionborderright {
border: 1px solid #cccccc;
padding: 3px;
background-color: #ffffff;
}

div.captionborderright {
float: right;
margin-left: 1em;
}

div.captionborderleft {
float: left;
margin-right: 1em;
}

p.captiontext {
margin: 0;
padding: 0;
font-size: 90%;
background-color: #333333;
color: white;
text-align: center;
}

div.captionborderright p.captiontext  {
text-align: right;
padding-right: 3px;
}

div.captionborderleft p.captiontext  {
	text-align: left;
	background-position: left;
	left: 0px;
	top: 0px;
}



.lexique {
	line-height: 140%;
	font-family: "trebuchet ms", serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	display: inline;
	text-align: left;
	color: #FFCC00;
	font-variant: small-caps;
	background-color: #993300;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 25px;
 }

.lexique a {
	color: #FFCC00;
	font-family: "Trebuchet MS";
	font-size: 1em;
}

.lexique a:hover {
	color: #660000;
	font-family: "Trebuchet MS";
	font-size: 1em;
	background-color: #000000;
}


.lexiquePostdate {
  font-size: 90%;
  font-weight: bold;
 }
 
 .lexiquetext {
  font-size: 95%;
 }

.lexiqueLink a { 
  
  color: #FFF;

    font-weight: bold;
	color: #ffcc00;
    padding-top: 0.2em;
}

.lexiqueCategory {
	font-style: italic;
	margin: 5px 0;
	line-height: .8px;
 }
 
 #titre_produit_pls_cut {
	letter-spacing: 0.06em;
	font-family: "Trebuchet MS";
	font-size: 1.3em;
	color: #FF9900;
	line-height: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
	margin-top: 60px;
}
#titre_produit_imp_aplat {
	letter-spacing: 0.06em;
	font-family: "Trebuchet MS";
	font-size: 1.3em;
	color: #660033;
	line-height: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #660000;
	margin-top: 40px;
}

#hotlinks {
	width: 420px;
	height: 40px;
	background: transparent;
	float: right;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#hotlinks a {
	font-size: 9px;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	float: left;
	color: #333333;
	width: 110px;
	line-height: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
#hotlinks a:hover {
	color: #ddd;
	line-height: 15px;
}
#hotlinks a:active {
	color: #333333;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, Arial, sans-serif;
	font-size: 9px;
}