TD
	{ 
	font-family : arial ; 
	font-size : 11px ; 
	color : #1c1c14 ;
	text-align: justify;
	}
    
div#scroll {
	overflow: auto;
	height: 401px;
	width:393px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
a.bouton:link
{
text-decoration:none; 
color:#FFFFFF;
text-align:justify; 
font-weight:none; 

}

a.bouton:visited{
	text-decoration:none;
	color:#FFFFFF;
	text-align:justify;
	font-weight:none;
}

a.bouton:hover{
	text-decoration:none;
	color:#999966;
	text-align:justify;
	font-weight:none;    
}
input 
	{
	font-family: verdana ; 
	font-size: 11px ;
	color: #6A7A69 ;
	border: solid #6A7A69 ;
	border-width: 1 ;
	background-color:#F0F0F0 ;
	}
select
	{
	font-family: verdana ; 
	font-size: 11px ;
	color: #6A7A69 ;
	border: solid #6A7A69 ;
	border-width: 1 ;
	background-color:#F0F0F0 ;
	}
textarea
	{
	font-family: verdana ; 
	font-size: 11px ;
	color: #6A7A69 ;
	border: solid #6A7A69 ;
	border-width: 1 ;
	background-color:#F0F0F0 ;
	}
.tab1
	{
	background-color:#DEE3DE ;
	padding-left : 5px ; 
	padding-right : 5px ; 
	}	
.texte 
	{
	font-family: Arial;
	font-size : 12px;
	color : #000000; 
	font-style: normal; 
	line-height: normal; 
	text-align: center;
	}
a:link
{
text-decoration:none; 
color:#00cc00;
text-align:justify; 
font-weight:none; 

}

a:visited{
	text-decoration:none;
	color:#00cc00;
	text-align:justify;
	font-weight:none;
}

a:hover{
	text-decoration:none;
	color:#858585;
	text-align:justify;
	font-weight:none;    
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5b700f;
	margin: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #206680;
	margin: 0px;
}

/* START WINDOWS OVERLAY*/
#GB_overlay { background-color: #000000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; }
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; }
#GB_window .content { width: auto; margin: 0; padding: 0; background-color: #fff; border: 3px solid #ccc; border-top: none; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 0px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; height: 20px; font-size: 12px; padding: 3px 0; color: #333;}
.GB_Window .caption { font-size: 11px; font-weight: bold; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 11px; cursor: pointer }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
/* END WINDOWS OVERLAY*/

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	padding: 0 ;
	line-height: 15px
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 165px ;
	line-height: 62px ;
	text-indent: 0px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #cbb683 ;
}

ul#menu li a:hover
{
	background: url(images/bg_menu.gif) no-repeat 0 -62px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #cbb683 ;
}


ul#menu2
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu2 li
{
	padding: 0 ;
	line-height: 15px
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu2 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 120px ;
	line-height: 62px ;
	text-indent: 0px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/bg_menu2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #cbb683 ;
}

ul#menu2 li a:hover
{
	background: url(images/bg_menu2.gif) no-repeat 0 -62px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #cbb683 ;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 800px;
	height: 800px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
		font-family : arial ; 
	font-size : 11px ; 
	color : #1c1c14 ;
}
.highslide-close {
 
		font-family : arial ; 
	font-size : 11px ; 
	color : #1c1c14 ;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
	}
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#1c1c14;
	font-size:0.9em;
	background-color:#353228;
	width:500px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/barre.jpg');
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #85c21d;
	background-color:#ffffff;
	width:500px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	color : #1c1c14 !important;
	

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
}