/* CSS Document */

/* html */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFD296;
	font-size: 11px;
	color: #000000;
	background-image: url(../images/bg_generic_br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* div */

div.blackbg {
	background-color: #000000;
	height: 100%;
}

/* layout tables */

table.header {
	background-image: url(../images/header_total.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
table.footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
}

table.topband {
}

table.content {
}

table.notes {
}

table.bottomband {
}


/* tables and specific engine elements */

span.pathway {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #e0e0e0;
}
a.pathway, a.pathway:link, a.pathway:active, a.pathway:visited {
	color: #a089bb;
}
a.pathway:hover {
	color: #a089bb;
}

table.moduletable {
	padding-bottom: 20px;
	padding-right: 20px;
	background-color: #ffd296;
	width: 100%;
	padding-top: 20px;
	padding-left: 10px;
	margin-right: 10px;
} /* Le style des tables module */ 

table.moduletable th {
	text-align: left;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
} /* configure le style de l'entete des modules et leurs titres */ 

table.moduletable td {
    text-align: left;
}  /* Permet de formater les cellules de la table module */

table.moduletable-right {
	padding-bottom: 20px;
	padding-left: 20px;
} /* Le style des tables module pour la colonne gauche */ 

table.moduletable-right th {
	text-align: left;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
} /* configure le style de l'entete des modules et leurs titres */ 

table.moduletable-right td {
    text-align: left;
}  /* Permet de formater les cellules de la table module */

.sectiontableheader{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
} /*ce style correspond aux entêtes des tableaux (<table>) dans les pages Section. Un exemple serait celui de la liste des articles quand vous cliquez sur “News” ou autre avec l'entête de tableau (<table>)comme “date”, “titre de l'article”, “auteur” et “hits”. C'est l'entête que vous pourrez contrôler avec ce style. */ 

.sectiontableheadercontacts{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #e0e0e0;
	background-color: #282828;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

.sectiontableentry1{
	color: #000000;
	background: none;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.sectiontableentry2{
	color: #000000;
	background: none;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.blog_more {
	font-size: 10px;
	text-align: left;
}
.blog_more ul li{
    list-style: none;
}

.poll{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
} /* Les textes des sondages */ 
.pollstableborder {
} /* configure les bords de la table des sondages */ 

.weblinks {
} /* Configure le titre des liens dans l'annuaire “Weblinks”*/ 
a.weblinks:hover {
} /* meme chose qu'au dessu mais avec le curseur pointé dessu*/ 

table.searchintro {
} /* Ce style configure l'affichage du resulta d'une recherche affichée dans la page principale */ 


table.contact {
} /* Pour formater la totalité de la table des “contacts” ce qui inclus le nom, addresse icons and formulaire. 
Note : Cette table n'inclus pas la liste deroulante qui permet de choisir “Department” “Personne” */ 

table.contact td.icons {
} /* Le nom vous en dis deja beaucoup. Ce style configure les cellules <td> 
ou sont affichés les petits icons prés des details (addresses, telephone etc) */ 

table.contact td.details {
} /* ceci definit le format <td> ( td pour table data ) des cellules ou sont les informations. 
Ces informations sont : addresses, telephone et autres info*/


/* Diffusion des news */ 
.newsfeedheading {
} /* Le titre des news. NOTE: ceci n'affecte pas le titre des news! */ 
.newsfeeddate {
} /* La date des news */ 
.fase4rdf {
} /* Le texte principal des news*/ 


/* td */
td.middle_top {
	background-image: url(../images/bg_middle_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
td.left_top {
	background-image: url(../images/bg_left_top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
td.right_top {
	background-image: url(../images/bg_right_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


td.leftcol {
	background-image: url(../images/bg_wood_total.jpg);
	background-repeat: repeat;
	background-position: right top;
}
td.rightcol {
	background-image: url(../images/bg_wood_total.jpg);
	background-repeat: repeat;
	background-position: left top;
}

td.middle_total {
	background-color: #ffd296;
}


/* fieldset */

fieldset {
	border: 1px solid #000000;
	padding: 30px;
	margin-bottom: 30px;
	background-color: #1b1b1b;
}

/* ul - li */

ul#mainlevel-navigation
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
} /* style "mainmenu" */

ul#mainlevel-navigation li
{
	padding-left: 0px;
	padding-right: 10px;
	float: left;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
} /* style "mainmenu" */

ul#mainlevel-navigation li a
{
	text-decoration: none;
	color: #a089bb;
} /* style liens "mainmenu" */

ul#mainlevel-navigation li a:hover
{
	text-decoration: none;
	color: #e0e0e0;
} /* style liens "mainmenu" */


ul#mainlevel-bottom
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
} /* style "toptools" et "bottomtools" */

ul#mainlevel-bottom li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 20px;
	white-space: nowrap;
	border-right: 1px solid #3c3b3b;
} /* style "toptools" et "bottomtools" */

ul#mainlevel-bottom li a
{
	display: block;
	padding-left: 5px;
	padding-right: 15px;
	text-decoration: none;
	color: #a089bb;
	background: transparent;
} /* style liens "toptools" et "bottomtools" */


ul#language-menu
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
} /* style menu de langue */

ul#language-menu li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	border-right: 1px solid #3c3b3b;
} /* style menu de langue */

ul#language-menu li a
{
	display: block;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	color: #000000;
	background: transparent;
} /* style menu de langue */

ul.latestnews
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 10px;
} /* style pour les listes du module "latestnews" */

li.latestnews
{
	display: block;
	width: 100%;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	border-bottom: 1px solid #3c3b3b;
} /* style pour les listes du module "latestnews" */


a.latestnews, a.latestnews:link, a.latestnews:visited
{
	display: block;
	text-decoration: none;
	color: #FF0000;
	background: transparent;
} /* style pour les listes du module "latestnews" */
a.latestnews:hover
{
	display: block;
	text-decoration: none;
	color: #FF0000;
	background: transparent;
} /* style pour les listes du module "latestnews" */

ul.latestnews-note
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 10px;
} /* style pour les listes du module "latestnews" */

li.latestnews-note
{
	display: block;
	width: 100%;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	border-bottom: 1px solid #3c3b3b;
} /* style pour les listes du module "latestnews" */


a.latestnews-note, a.latestnews-note:link, a.latestnews-note:visited
{
	display: block;
	text-decoration: none;
	color: #FF0000;
	background: transparent;
} /* style pour les listes du module "latestnews" */
a.latestnews-note:hover
{
	display: block;
	text-decoration: none;
	color: #FF0000;
	background: transparent;
} /* style pour les listes du module "latestnews" */


/* text */

.contentheading { 
    font: 18px Arial, Helvetica, sans-serif, Verdana; 
	color: #000000;}
.contentpaneopen { 
    font-size:11px; }
	
.contentpagetitle{
    font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.componentheading {
    font: 18px Arial, Helvetica, sans-serif, Verdana; 
	color: #000000;
} 
.componentheadinghome {
    font: 18px Arial, Helvetica, sans-serif, Verdana; 
	color: #000000;
}
.componentheadingcontacts {
    font: 18px Arial, Helvetica, sans-serif, Verdana; 
	color: #000000;
} /* Cette class est utilisée pour l'affichage du titre du composant, quand il est affiché sur la page principal */ 

.creadate{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
} /*ce style correspond à la date figurant au-dessous du titre du contenu/article */
.createdate {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.modifydate{	
 font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
} /*ce style correspond à la date figurant en fin de contenu/article «dernière modification» */ 

.small, .modifydate {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #D99B5E;
}

.pagenavbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #D99B5E;
} /* il n’est pas utilisé dans la page nav bar mais pour l’affichage des noms sur le forum Simple Board? */ 

.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFA428;
	background-color: #FFCB84;
	padding: 3px;
	height: 15px;
	width: auto;
}

a.pagenav, a.pagenav:link, a.pagenav:visited {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFA224;
	padding: 3px;
	height: 15px;
	width: auto;
}

.copyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.signature{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}


/* links */

a:link, a:visited, a:active {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}

a.mainlevel, a.mainlevel:visited {
	color:#FF0000;
	font-size: 14px;
	font-family: Helvetica, arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 20px;
	text-align: right;
}

a.mainlevel:hover {
	color:#FF0000;
	font-size: 14px;
	font-family: Helvetica, arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 20px;
	text-align: right;
}

a.mainlevel#active_menu {
	color:#FF0000;
}

a.mainlevel-navigation#active_menu-navigation {
	color:#FF0000;
}

a.sublevel#active_menu {
	color:#FF0000;
}

a.mainlevel-cart, a.mainlevel-cart:visited {
	color:#FF0000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.mainlevel-cart:hover {
	color:#FF0000;
	font-weight: bold;
}

a.sublevel, a.sublevel:visited {
	color:#FF0000;
	font-size: 11px;
	font-family: Helvetica, arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 20px;
	text-align: right;
	}

a.sublevel:hover {
	color:#FF0000;
	font-size: 11px;
	font-family: Helvetica, arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 20px;
	text-align: right;
}
	

a.sublevel#active_menu {
	color:#FF0000;
	font-size: 11px;
	font-family: Helvetica, arial, verdana, sans-serif;
	text-decoration: none;
	line-height: 20px;
	text-align: right;
}

a.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
} /* comme son nom l’indique, ce style correspond aux liens << Premier < Précédent 1 Suivant > Dernier */ 

.readon, readon:link, readon:visited {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.readonhome, readonhome:link, readonhome:visited {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.readon:hover {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.readonhome:hover {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
} /*ce style correspond au texte «lire la suite…" figurant dans la page principale ou en fin de résumé (contenu)*/ 

a.doc, a.doc:link, a.doc:visited {
	color: #FF0000;
	font-size: 10px;
	text-decoration: none;
}
a.doc:hover {
	color: #FF0000;
	font-size: 10px;
	text-decoration: underline;
}

a.signature, a.signature:link, a.signature:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
a.signature:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}


/* form */

form {
	margin: 0px;
	padding: 0px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #FF0000;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 


.buttonsend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #e0e0e0;
	background-color: #a089bb;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

.modlogin_labels {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #494949;
	text-decoration: none;
}
.modlogin_remember {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #e0e0e0;
	text-decoration: none;
}

input.buttonlogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #FF0000;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

input.buttonlogout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #FF0000;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#mod_login_username {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFCC66;
	height: 20px;
	border: 1px solid #666666;
}
#mod_login_password {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFCC66;
	height: 20px;
	border: 1px solid #666666;
}  

.buttonaddtocart {
    font-size: 10px;
	font-weight: normal;
    text-align: center;
	color: #e0e0e0;
	background-position: bottom left;
	width: 160px;
	height: 35px;
	border: none;
}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFCC66;
	height: 20px;
	border: 1px solid #666666;
} 

.inputboxsearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #999933;	
	height: 15px;
} 


/* img */

img { 
    border:0px;
}


/* misc elements */

hr {
	background-color: #3c3b3b;
	height: 1px;
	border: 1px solid #3c3b3b;
}