/*
#------------------------------------------------------------------------
  JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/


/* COMMON STYLE
--------------------------------------------------------- */
body {
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
}

body#bd { background: #fff; color: #333; }

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 12px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links ---*/
a { 
	color: #666;
  /* font-weight: bold;*/
   text-decoration: none;
 }

a:hover, a:focus { 
	color: #666;
	text-decoration:none
}

a:active { 
	color: #666;
	font-weight: bold;
}

/* Couleur menu */
/*
#menu12 {background: url("../images/Degrade.png") repeat-x bottom left #6600FF;height:19px;} 
#menu12:hover {background:#6600FF;} 

#menu13 {background: url("../images/Degrade.png") repeat-x bottom left #FF00CC;height:19px;} 
#menu13:hover {background:#FF00CC;} 

#menu14 {background: url("../images/Degrade.png") repeat-x bottom left #FF9900;height:19px;} 
#menu14:hover {background:#FF9900;} 

#menu15 {background: url("../images/Degrade.png") repeat-x bottom left #FF0000;height:19px;} 
#menu15:hover {background:#FF0000;} 

#menu16 {background: url("../images/Degrade.png") repeat-x bottom left #00CC33;height:19px;} 
#menu16:hover {background:#00CC33;} 
*/
/* Readon links ---*/
a.readon {
	background: url(../images/fleche.gif) no-repeat 5px 48%;
	/*border: 1px solid #F6F6F6;*/
	font-weight: bold;
	padding: 1px 20px 1px 34px;
	text-decoration: none;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 5px 0; padding: 0; }

/* Headings & Titles ---*/
h1 { font-size: 180%; }
h2 { font-size: 125%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
		line-height:1.2;
}

/*TYPE 3 = CS*/
.type1 h2.contentheading {
	color: #666666;
	font-size: 125%;
	font-weight: bolder;
}
.type3 h1.contentheading {
	color: #1F4EE8;
	font-size: 125%;
	font-weight: bolder;
}
.type4 h1.contentheading {
	color: #E81F91;
	font-size: 125%;
	font-weight: bolder;
}
.type5 h1.contentheading {
	color: #FFCC00;
	font-size: 125%;
	font-weight: bolder;
}
.type6 h1.contentheading {
	color: #FF7900;
	font-size: 125%;
	font-weight: bolder;
}
.type7 h1.contentheading {
	color: #29CF13;
	font-size: 125%;
	font-weight: bolder;
}



h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }


.componentheading {
	/*border-bottom: 1px solid #ccc;*/
	font-size: 180%;
}

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

/* GB .contentheading { font-size: 200%; } */

.blog .contentheading { font-size: 125%; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { /*font-weight: bold;*/ }

.category { font-size: 110%; /*#font-weight: bold;*/ }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 70%; }

small, .small { color: #999; }

.smalldark { text-align: left; }

/* List ---*/
.column ul li {
	/*background: url(../images/bullet.gif) no-repeat 10px;*/
	/*line-height: 160%;*/
	margin-bottom: 0px;
	overflow: hidden;
	padding-left: 30px;
}

.column ol li { line-height: 180%; margin-left: 30px;border-bottom:solid;  }

/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }

fieldset { border: none; padding: 10px 5px; }

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #ccc;
	height: 1px;
}

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }

input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px 5px;
}

.inputbox { background: #fff; border: 1px solid #ccc; }

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

.button {
	background: url(../images/grad1.gif) repeat-x top #333;
	border: 1px solid #333;
	color: #ccc;
	font-size: 85%;
	padding: 3px 5px;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	background: #333;
	border: 1px solid #999;
	color: #fff;
}

.checkbox { }

.radio { margin: 0 5px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox {
	width: 20px;
}

.login_form .button { margin-left: 140px; }

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button { margin-left: 140px; }

/* User ---*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button { margin-left: 140px; }

.user-details .paramlist .paramlist_key {
	width: 130px !important;
	padding: 0 0 5px !important;
}

.user-details .paramlist .paramlist_value {
	padding: 0 0 5px !important;
}

.user-details .user_name span {
	padding-left: 10px;
	font-weight: bold;
}

/* Search ---*/
form#searchForm {
	border-top: 1px solid #ccc;
	padding: 15px 0; 
}

.searchintro {
	border-bottom: 1px solid #ccc;
}

.results h4 {
	text-transform: none;
	font-size: 110%;
	margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { visibility:hidden; margin: 15px 0; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.leading {
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 10px;
	padding-top: 10px;
}

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_column { }

.column_separator { padding: 0 25px; }

/* Meta ---*/
.article-tools {
	background: #f6f6f6;
	border: 1px solid #ddd;
	clear: both;
	color: #999;
	display: block;
	line-height: normal;
	margin: 0 0 10px;
	padding: 5px;
	position: relative;
}

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category { color: #999; }

.createby {
	background: url(../images/icon-user.gif) no-repeat 0 2px;
	padding: 3px 3px 3px 20px;
}

.createdate {
	background: url(../images/icon-date.gif) no-repeat 0 2px;
	padding: 3px 3px 3px 20px;
}

.modifydate { color: #999; display: block; margin: 10px 0; }

.contentdescription {
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 0 -15px;
	padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.buttonheading { #float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*Inline images ---*/
img.caption { margin-top: 5px; }

.img_caption { color: #999; margin-bottom: 10px; }

.article-content img { margin: 5px; }

.img_caption img { margin: 5px 0 0; }

.img_caption p {
	background: #333;
	border-top: 1px solid #fff;
	color: #ccc;
	margin: 0;
	padding: 1px 0;
	text-align: center;
}

/* Tables ---*/
.sectiontableheader {
	/*background: #0066FF;*/
	border-bottom: 1px dotted #ccc;
	color: #000;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #000;text-decoration:none }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
	background: url(../images/dot2.gif) repeat-x bottom;
	padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Content Toc */
table.contenttoc {
	border: 1px solid #ddd;
	float: right;
	margin: 0 0 10px 12px;
	padding: 0;
	width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	text-transform: uppercase;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll {
	border-bottom: 1px dotted #ccc;
	font-size: 92%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination ---*/
ul.pagination { float: left;/* margin: 10px 105px; */width: 100%;text-align:center; }

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; }

ul.pagination a {
	background: #f1f1f1;
	border: 1px solid #ccc;
	color: #000;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
	float: right;
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
	width: 24%;
}

.counter span {
	background: #069;
	border: 1px solid #069;
	color: #fff;
	padding: 1px 5px;
}

.blog_more {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0 5px;
}

.blog_more h2 {
	font-size: 115%;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 5px 6px;
	padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }

/* Messages ---*/
#system-message { margin: 0 -15px 10px; }

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	color: #fff;
	margin: 0;
	padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #069; border: 0; }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }

/* Tooltips --- */
.tool-tip {
	background: #ffffcc;
	border: 1px solid #D4D5AA;
	float: left;
	max-width: 300px;
	padding: 5px;
	z-index: 1000;
}

.tool-title {
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}

.tool-text { font-size: 100%; margin: 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

.contentpaneopen_edit img { vertical-align: middle; }

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/dot2.gif) repeat-x bottom;
	color: #333;
	font-size: 115%;
	margin: 0 0 8px;
	padding: 1px 0 8px;
	text-transform: uppercase;
	overflow: hidden;
}

div.ja-moduletable_FA h3, div.moduletable_FA h3 {
	background: url(../images/dot2.gif) repeat-x bottom;
	color: #069;
	font-size: 115%;
	margin: 0 0 8px;
	padding: 1px 0 8px;
	text-transform: uppercase;
	overflow: hidden;
}

div.moduletable_menu h3 { margin-bottom: 0; }
div.moduletable_GENERAL h3 { margin-bottom: 0; }

div.ja-moduletable, div.moduletable {
	/*border-bottom: 1px solid #ccc;*/
	margin-top: 8px;
	margin-bottom: 15px;
	/*padding: 0 0 20px;*/
	padding:0;
	position: relative;
}

div.ja-moduletableAS h3 h2, div.ja-moduletableAS h3 h2 {
color: red;
}

/* Badge Module ---*/
.badge {
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	background-image: url(../images/icon-badge.png);
	background-repeat: no-repeat;
}

.badge-hot 	.badge { background-position: 0 0; }
.badge-new 	.badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top 	.badge { background-position: 0 -138px; }

/* Search Module ---*/
#ja-search {
	padding-left: 15px;
	background: url(../images/icon-search.gif) no-repeat center left;
	position: absolute;
	bottom: 7px;
	right: 5px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
		padding-left: 35px;
	width: 80%;
	#border: 1px solid #333;
	padding: 3px 5px;
	#color: #ccc;
	#background: #444;
	font-size: 100%;
	#font-weight: bold;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
	font-size: 100%;
	font-weight: bold;
	margin-left: 5px;
	text-transform: none;
}

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	font-weight: bold;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button { margin-right: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }

div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }

div.bannergroup { margin-bottom: 10px; }

/* Rounded Module --- */
div.ja-module h3, div.module h3 {
	/*border-bottom: 1px solid #CCC;*/
	color: #666;
	font-size: 100%;
	font-weight: bold;
	margin: 0 -15px 10px;
	padding: 6px 16px;
	text-transform: uppercase;
	text-align: center;
}

div#latestnewsgauche h3, div#latestnewsdroite h3 {
	border-bottom: 1px solid #CCC;
	color: #666;
	font-size: 100%;
	font-weight: bold;
	margin: 0 -15px 10px;
	padding: 6px 16px;
	text-transform: uppercase;
	text-align: center;
}

div.ja-module, div.module { margin-bottom: 15px; position: relative; overflow: hidden; }

.ja-box-br {
	background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

div.module_GENERAL {
	background: url(../images/GENERAL-b-br.gif) no-repeat bottom right #CDCDCD;
}

.ja-box-bl {
	background: url(../images/b-bl.gif) no-repeat bottom left;
}

div.module_GENERAL .ja-box-bl {
background:url(../images/GENERAL-b-bl.gif) no-repeat bottom left;
}
.ja-box-tr {
	background: url(../images/b-tr.gif) no-repeat top right;
}

div.module_GENERAL .ja-box-tr {
	background: url(../images/GENERAL-b-tr.gif) no-repeat top right;
}

.ja-box-tl {
	background: url(../images/b-tl.gif) no-repeat top left;
	padding: 0 5px 5px;
}

div.module_GENERAL .ja-box-tl {
	background: url(../images/GENERAL-b-tl.gif) no-repeat top left;
	padding: 0 5px 5px;
}

/* text */
div.module_text h3 {
	clear: both;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	width: 100%;
	border-bottom: 0;
}

div.module_text span {
	clear: both;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 3px;
	background: #fff;
}

div.module_text {
	background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tr {
	background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .ja-box-tl {
	background: url(../images/bt-tl.gif) no-repeat top left;
}

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
	background: none;
	padding: 0;
}

/* red */
div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .ja-box-bl {
	background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .ja-box-tr {
	background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red .ja-box-tl {
	background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
	background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .ja-box-bl {
	background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .ja-box-tr {
	background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue .ja-box-tl {
	background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
	background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .ja-box-bl {
	background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .ja-box-tr {
	background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green .ja-box-tl {
	background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
	#background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .ja-box-bl {
	background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .ja-box-tr {
	background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black .ja-box-tl {
	background: url(../images/bl-tl.gif) no-repeat top left;
}

/*******************************/
/* MENU CE QUI EST COMMUN ******/
/*******************************/
div.module_CS a,
div.module_CLS a,
div.module_AA a,
div.module_PE a,
div.module_AI a,
div.module_GRIS a,
div.module_GENERAL a {
	font-weight: normal !important;
}


/*******************************/
/* MENU CS *********************/
/*******************************/

div.module_CS {
	/*background: url(../images/bleu-br.gif) no-repeat bottom right #1F4EE8;*/
}

div.module_CS .ja-box-bl {
	/*background: url(../images/bleu-bl.gif) no-repeat bottom left;*/
}

div.module_CS .ja-box-tr {
	background: url(../images/GBbleu-tr.gif) no-repeat top right;
}

div.module_CS .ja-box-tl {
	background: url(../images/GBbleu-tl.gif) no-repeat top left;
}


div.module_CS ul li.active > a {
	color: #666;
	font-weight: bold !important;
}


/* CLS */
div.module_CLS {
	/*background: url(../images/orange1.gif) no-repeat bottom right #333;*/
}

div.module_CLS .ja-box-bl {
	/*background: url(../images/orange2.gif) no-repeat bottom left;*/
}

div.module_CLS .ja-box-tr {
	background: url(../images/GBjaune-tr.gif) no-repeat top right;
}

div.module_CLS .ja-box-tl {
	background: url(../images/GBjaune-tl.gif) no-repeat top left;
}

div.module_CLS ul li.active > a {
	color: #666;
	font-weight: bold !important;
}
/* AI */
div.module_AI {
	/*background: url(../images/rose1.gif) no-repeat bottom right #333;*/
}

div.module_AI .ja-box-bl {
	/*background: url(../images/rose2.gif) no-repeat bottom left;*/
}

div.module_AI .ja-box-tr {
	background: url(../images/GBrose-tr.gif) no-repeat top right;
}

div.module_AI .ja-box-tl {
	background: url(../images/GBrose-tl.gif) no-repeat top left;
}
div.module_AI a:hover {
	/*#text-decoration:underline;*/
}
div.module_AI ul li.active > a {
	color: #666;
	font-weight: bold !important;
}
/* PE */
div.module_PE {
	/*background: url(../images/orange1.gif) no-repeat bottom right #333;*/
}

div.module_PE .ja-box-bl {
	/*background: url(../images/orange2.gif) no-repeat bottom left;*/
}

div.module_PE .ja-box-tr {
	background: url(../images/GBorange-tr.gif) no-repeat top right;
}

div.module_PE .ja-box-tl {
	background: url(../images/GBorange-tl.gif) no-repeat top left;
}

div.module_PE ul li.active > a {
	color: #666;
	font-weight: bold !important;
}


/* AA - Autres Actions */
div.module_AA {
	/*background: url(../images/vert1.gif) no-repeat bottom right #333;*/
}

div.module_AA .ja-box-bl {
	/*background: url(../images/vert2.gif) no-repeat bottom left;*/
}

div.module_AA .ja-box-tr {
	background: url(../images/GBvert-tr.gif) no-repeat top right;
}

div.module_AA .ja-box-tl {
	background: url(../images/GBvert-tl.gif) no-repeat top left;
}
div.module_AA a:hover {
	/*#text-decoration:underline;*/
}
div.module_AA ul li.active > a {
	color: #666;
	font-weight: bold !important;
}


/* GRIS */
div.module_GRIS {
	/*background: url(../images/rose1.gif) no-repeat bottom right #333;*/
}

div.module_GRIS .ja-box-bl {
	/*background: url(../images/rose2.gif) no-repeat bottom left;*/
}

div.module_GRIS .ja-box-tr {
	background: url(../images/GENERAL-b-tr.gif) no-repeat top right;
}

div.module_GRIS .ja-box-tl {
	background: url(../images/GENERAL-b-tl.gif) no-repeat top left;
}
div.module_GRIS a:hover {
	/*#text-decoration:underline;*/
}


/* text color for high contrast module */
div.module_black *, div.module_green *, div.module_blue *, div.module_red * { #color: #fff !important; }

div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox {
	#color: #333 !important;
}

div.module_CS .inputbox{
	/*#color: #333 !important;*/
}
div.module_CS li {
 /*color: #000000 !important; */
 background: url(../images/puce-ronde-CS.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px;
}

/* Tous les H3 des menus de gauche*/
div.module_CS h3, div.module_AA h3, div.module_PE h3, div.module_AI h3,div.module_CLS h3 {
 color: #ffffff !important; 
 text-align: center;
}

div.module_CS2 li {
 /*color: #000000 !important; */
 background: url(../images/PuceBleue.gif) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px;
}
div.module_CS2 h3 {
 color: #214ee9 !important; 
 text-align: center;
}

div.module_UCD h3 { 
text-align:center;
}

div.module_UCD p {
 color: #000000 !important; 
 background: url(../images/PuceViolette.gif) no-repeat;
 background-position: 1px 5px;
 font-size:12px;
    padding-left:20px;
	font-weight:200;
}

div.module_UCD1 p {
 color: #000000 !important; 
 background: url(../images/PuceViolette.gif) no-repeat;
  background-position: 1px 5px;
   font-size:12px;
   padding-left:20px;
   font-weight:200;
 
}

div.module_UCD1 h3 { 
 background: url(../images/PIF.jpg) no-repeat 8px 3px;
 text-align:center;
 padding-left:26px;
 padding-top:5px;
}


div.module_CLS .inputbox{
	color: #333 !important;
}

div.module_CLS li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-CLS.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_CLS h3 {
 color: #ffffff/*ffcc00*/ !important; 
 text-align: center;
}


/* ACCEDER A L'INFORMATION PREMIERE PAGE*/

div.module PPAI .inputbox{
	color: #333 !important;
}

.PPAI h3 span {
 color: #e81f91 !important; 
 text-align: center;
}

div.ja-module div ul li.PPAI{
	color: #000000 !important; 
	background: url(../images/puce-ronde-AI.jpg) no-repeat;
	background-position: 1px 13px;
	padding-left: 15px;
	line-height: 100%;
}

/*div.module_PE2 .inputbox{
	color: #333 !important;
}*/

/*div.module_PE2 li {
 color: #000000 !important; 
  background: url(../images/PuceRose.gif) no-repeat;
 background-position: 1px 8px;
 padding-left: 10px
}*/
/*div.module PE2 h3 {
 color: #e81f91 !important; 
 text-align: center;
}*/

/*******************************/

/* CREER DU LIEN PREMIERE PAGE*/

div.ja-module div ul li.PPCL{
	color: #000000 !important; 
	background: url(../images/puce-ronde-CL.jpg) no-repeat;
	background-position: 1px 13px;
	padding-left: 15px;
	line-height: 100%;
}

.PPCL h3 span {
 color: #FFCC00 !important; 
 text-align: center;
}

div.module PPCL .inputbox{
	color: #333 !important;
}

/*div.module_CLS2 li {
 color: #000000 !important; 
  background: url(../images/PuceOrange.gif) no-repeat;
 background-position: 1px 8px;
 padding-left: 10px
}*/
/*div.module_CLS2 h3 {
 color: #ffcc00 !important; 
 text-align: center;
}*/

/******************************/

/* QUESTIONS REPONSES PREMIERE PAGE*/

div ul.PPQR li.PPQR{
	color: #000000 !important; 
	background: url("../images/puce-ronde-grise-fonce.jpg") no-repeat scroll 3px 12px transparent;
	/*background-position: 1px 13px;*/
	padding-left: 15px;
	line-height: 100%;
}

div.PPQR h3 {
	background: url(../images/pif-50X56.jpg)no-repeat 10px top;
	color: #666 !important; 
	padding: 15px 0 0 70px;
	text-align: left;
	font-size: 100%;
	height: 40px;
}

div.moduletable PPQR .inputbox{
	color: #333 !important;
}


/* CENTRE SOCIAL PREMIERE PAGE*/

div.ja-module div ul li.PPCS{
	color: #000000 !important; 
	background: url(../images/puce-ronde-CS.jpg)no-repeat;
	background-position: 1px 13px;
	padding-left: 15px;
	line-height: 100%;
}

.PPCS h3 span {
 color: #214EE9 !important; 
 text-align: center;
}

div.module PPCS .inputbox{
	color: #333 !important;
}

/******************************/

/* CPARENTS ENFANTS PREMIERE PAGE*/

div.ja-module div ul li.PPPE{
	color: #000000 !important; 
	background: url(../images/puce-ronde-PE.jpg)no-repeat;
	background-position: 1px 13px;
	padding-left: 15px;
	line-height: 100%;
}

.PPPE h3 span {
 color: #FF7900 !important; 
 text-align: center;
}

div.module PPPE .inputbox{
	color: #333 !important;
}

/******************************/

div.module_AI .inputbox{
	color: #333 !important;
}

div.module_AI li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-AI.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_AI h3 {
 color: #ffffff/*ff7900*/ !important; 
 text-align: center;
}

div.module_AI h2 {
 color: #ff7900 !important; 
}

/* MENU PE PARENTS ENFANTS*/

div.module_PE .inputbox{
	color: #333 !important;
}

div.module_PE li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-PE.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_PE h3 {
 color: #ffffff/*ff7900*/ !important; 
 text-align: center;
}

div.module_PE h2 {
 color: #ff7900 !important; 
}

/* MENU GRIS DIVERS*/

div.module_GRIS .inputbox{
	color: #333 !important;
}

div.module_GRIS li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-grise-fonce) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_GRIS h3 {
 color: #ffffff/*ff7900*/ !important; 
 text-align: center;
}

div.module_GRIS h2 {
 color: #333 !important; 
}




/***************************/

div.module_AI2 .inputbox{
	color: #333 !important;
}

div.module_AI2 li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-AI.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_AI2 h3 {
 color: #ff7900 !important; 
 text-align: center;
}

div.module_AA .inputbox{
	color: #333 !important;
}

div.module_AA li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-AA.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_AA h3 {
 color: #ffffff/*29cf13*/ !important; 
 text-align: center;
}


div.module_AS2 .inputbox{
	color: #333 !important;
}

div.module_AS2 li {
 color: #000000 !important; 
  background: url(../images/puce-ronde-AS.jpg) no-repeat;
 background-position: 1px 6px;
 padding-left: 10px
}
div.module_AS2 h3 {
 color: #29cf13 !important; 
 text-align: center;
}

/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul {
	#margin: 15px 0 0;
}

div.ja-moduletable ul li, div.ja-module ul li {
	padding-left: 12; /*28px;*/
	#background-position: 2px 8px;
}

/* Collapsible h3 ---*/
h3.show {
	#background: url(../images/icon-show.png) no-repeat 100% 60%;
	#cursor: pointer;
}

h3.hide {
	#background: url(../images/icon-hide.png) no-repeat 100% 60%;
	#cursor: pointer;
}

/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/* 
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
	background-position: 15px 60%;
	text-indent: 15px;
}
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }
.ja-box { padding-bottom: 10px; padding-top: 10px; }

#ja-wrapper {}

#ja-container {
	#background: url(../images/container-bg.gif) repeat-x top #fff;
	position: relative;
	z-index: 5;
}

#ja-container .main { padding: 0px 0; min-height: 300px;background: #fff; }

/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1r1  {}

/* Full */
#ja-container {}

/* Full left */
#ja-container.ja-r1 {}

/* Full right */
#ja-container.ja-l1 {}

/* Mass ---*/
.ja-mass-top {}
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }

.ja-mass-bottom {}
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody {}

#ja-main .inner { background:#fff; }

#ja-contentwrap { }

/* Content Top ---*/
.ja-content-top { }
.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0;  }

/* Content Main ---*/
.ja-content-main {
	margin:3px 10px 5px 12px;
 }

/* Content Bottom ---*/
.ja-content-bottom { }
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0;  }

/* @end */

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }

.ja-col { }

/* Left Columns ---*/
#ja-left .ja-l2 { }

/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */
#ja-header { 
	margin-left: auto; 
	margin-right: auto;
	height:186px;
	width:955px; 
	/*position: absolute;
	z-index:10;*/ 	
	/*background: url(../images/Header.jpg) no-repeat center;*/
}


}
#ja-header .main {
	background-repeat: no-repeat;
	height: 280px;
	position:relative;
}

#Youyou{
width:955px;
height: 186px;
position:absolute;
z-index:1;

}

#Youyou img{
position:absolute;
z-index:1;
}

#Youyou a{
position:absolute;
z-index:2;
height:80px;
/*left:115px;*/
}

#mairielien{
	z-index:6;
	height:45px;
	width: 27px;
	position:relative;
	float:right;
}

#caflien{
	z-index:6;
	height:45px;
	width: 28px;
	padding-right: 12px;
	position:relative;
	float:right;
}

#Menu_CS{
	z-index:5;
	height:11px;
	width:200px;
	top:76px;
	left:138px;
	position:relative;
}
#Menu_CS a{
	color:#ffffff;
	font-weight:bold;
}


#Menu_PE{
	height:11px;
	width:200px;
	position:relative;
	top:81px;
	left:198px;
	z-index:5;
}
#Menu_PE a{
	color:#ffffff;
	font-weight:bold;
}


#Menu_CLS{
	height:11px;
	width:200px;
	position:relative;
	padding-left:381px;
	z-index:5;
	top:79px;
}
#Menu_CLS a{
	color:#ffffff;
	font-weight:bold;
}



#Menu_AI{
	height:11px;
	width:200px;
	position:relative;
	padding-left:536px;
	z-index:5;
	top:78px;
}
#Menu_AI a{
	color:#ffffff;
	font-weight:bold;
}


#Menu_CE h2 h3{
	color:#333333;
}


#Menu_AS{
	height:11px;
	width:200px;
	position:relative;
	z-index:5;
	padding-left:593px;
	top:83px;
}
#Menu_AS a{
	color:#ffffff;
	font-weight:bold;
}

#GB_Pathway{
	height:12px;
	position:relative;
	z-index:5;
	padding-left:5px;
	top:102px;
	font-size: 88%;
	font-weight: bold;
}



h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { #float: left; z-index: 1; position: relative; }

/* Logo Image ---*/
h1.logo{
visibility:hidden;
#background: url(../images/Logo.gif) no-repeat scroll left center transparent;
display: block;
height: 140px; 
width: 310px;
}

h1.logo a {
	visibility:hidden;
	height: 210px;
	width: 320px;
}

h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px;
			  visibility:hidden;}

div.logo-text h1 a {
	color: #ccc;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

p.site-slogan {
	background: #444;
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	margin: 8px 0 0;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
}

/* Header mask ---*/
.ja-headermask {
	visibility:hidden;
	display: block;
	height: 140px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 902px;
	z-index: 99;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
/*#ja-mainnav {
	background: url(../images/Mainnav2.gif) top;
	background-repeat: no-repeat;
	line-height: 1;
	position: relative;
	z-index: 11;
	height:0px;
}*/

#menu1
{
float:top;
height:50px;}

#ja-mainnav .main { font-size: 12px;margin: 0 auto; width: 1000px; }

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 92%;
	color: #999;
}

/* Sub Nav ---*/
#ja-subnav { border-top: 1px solid #666; background: #333; position: relative; z-index: 9; }

#ja-subnav .main {
	line-height: 1;
	z-index: 10;
}

#ja-subnav ul {
	background: #333;
	overflow: hidden;
	padding: 10px 0;
}

#ja-subnav ul.active { background: #333; }

#ja-subnav li {
	background: none;
	border-left: 1px dotted #999;
	display: block;
	float: left;
	padding: 0 10px 0 11px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
	background: #ddd;
	border: 1px solid #ccc;
	display: block;
	height: auto;
	left: -999em;
	padding: 0;
	position: absolute;
}

#ja-subnav ul li.hover ul {
	display: block;
	height: auto;
	left: auto;
	position: absolute;
	margin-top: 3px;
	margin-left: 5px;
}

#ja-subnav ul li.haschild a {
	background: url(../images/arrow.png) no-repeat right center;
	padding-right: 12px;
}

#ja-subnav ul li.haschild a:hover {
	background: url(../images/arrow3.png) no-repeat right center;
}

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }

#ja-subnav ul li ul li {
	border-bottom: 1px solid #ccc;
	border-left: 0;
	display: block;
	float: none;
	overflow: hidden;
	padding: 5px;
	text-align: left;
}

#ja-subnav ul li ul li a {
	background-image: none !important;
	border: 0 !important;
	color: #333 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#ja-subnav ul li ul li a:hover {
	background-image: none !important;
	color: #069 !important;
	text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active {
	color: #069; !important;
	font-weight: bold !important;
}

/* Breadcrumbs ---*/
.ja-navhelper { 	text-transform: uppercase; }
.ja-navhelper .main { padding: 0px 0; }

.ja-navhelper a { padding: 0 2px; color: #069; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #069;}

.ja-breadcrums {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	width: 80%;
}

.ja-breadcrums strong { margin-right: 5px; }

.ja-breadcrums img { margin: 1px 5px; }

/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; padding: 0; display: inline; }

.ja-links li.top a {
	visibility:hidden;
	#background: url(../images/arrow2.png) no-repeat 5px center;
	padding-left: 17px;
	padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #069; }

.ja-links li.layout-switcher a {
	background: #069;
	color: #fff;
	text-decoration: none;
}

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.user-reset a {
	background: #bf0000;
	color: #fff;
	text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }

#ja-container ul.menu li {
	/*background: none;*/
	background: url(../images/puce-ronde-grise-fonce.jpg) no-repeat scroll 1px 8px transparent;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	overflow: hidden;
	/*padding: 0;*/
}

#ja-container ul.menu li a {
	color: #333;
	display: block;
	outline: none;
	padding: 0;
	text-decoration: none;
	text-indent: 5px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { 
	color:#666666;
	text-decoration:underline;
}

#ja-container ul.menu li.active a { 
	/*color: #214ee9; */
	font-weight: bold;
}

#ja-container ul.menu li ul { margin: 0 0 0 10px; }

#ja-container ul.menu li li {
	background: url(../images/arrow.png) no-repeat left 11px;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
}

#ja-container ul.menu li li a {
	color: #333 !important;
	font-weight: normal !important;
	text-indent: 10px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { 
	/*color: #214ee9 !important; */
	background: none; 
}

#ja-container ul.menu li.active > a { 
	/*color: #214ee9 !important; */
	font-weight: bold !important; }

#ja-container ul.menu span.separator { display: none; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { 
	padding: 0;
	background: url(../images/dot3.gif) repeat-y right;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { 
	background: none;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable  {
	border-bottom: 0;
	margin-bottom: 8px;
	padding-bottom: 0;
}

#ja-topsl li, #ja-botsl li {
	background-image: url(../images/bullet2.gif);
	background-position: 1px 8px;
	padding-left: 10px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

#ja-topsl a, #ja-botsl a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* Top spotlight ---*/
#ja-topsl {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #444;
	color: #ccc;
}

#ja-topsl .main { padding: 10px 0; }

#ja-topsl h3 {
	margin: 0 0 8px;
	padding: 0;
	color: #fff;
	background: none;
}

/* Bot spotlight ---*/
#ja-botsl {
	background: #444;
	color: #999;
}

#ja-botsl .main { padding: 10px 0; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
	border-bottom: 0;
	margin-bottom: 0;
}

#ja-botsl h3 {
	margin: 0 0 8px;
	padding: 0;
	color: #fff;
	background: none;
}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	/*background: url(../images/Footer.gif) no-repeat center;*/
	clear: both;
	height:18px;
	color: #fff;
	text-align:center;
}
div.module-menufooter a{
	color:#fff;
}
#ja-footer .main {
	background: url(../images/footer-bleu.jpg) no-repeat top;
	color: #fff;
	position: relative;
	/*padding-right:30px;*/
	text-align:center;
}

#ja-footer .main a {
	padding-top:8px;
	color:#fff;
	font-weight:bold;
}

#ja-footer .inner {
	/*float: right; */
	padding: 0; 
	width: 100%; }

#ja-footer small { color: #0066ff; font-size: 100%; }

#ja-footnav small { color: #0066ff; font-size: 100%; padding-top:20px;}
/* Foot Links ---*/
#ja-footer .ja-footnav {
	display:block;
	#text-align: center;
	font-size: 100%;
	position: relative;
	width: 100%;
}

.ja-footnav ul { #float: left; line-height: normal; padding-left:365px;}

.ja-footnav li {
	border-left: 1px solid #999;
	display: block;
	float: left;
	padding: 0 10px;
}

.ja-footnav li a {
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. ---*/
.ja-copyright small { text-align:left;display: block;padding-top:20px; margin-left: 98px; }

div.ja-copyright td {
	padding: 0;
	height: 18px;
	font-size: 110%;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 20px;
}

ul.ja-usertools-font li, ul.ja-usertools-screen li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

ul.ja-usertools-screen  {
	visibility:hidden;
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: 90px;
}

/* Others ---*/
#ja-banner {
	border-top: 1px solid #ccc;
	margin: 0;
	overflow: hidden;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

div.ja-innerdiv {
	border-bottom: 1px dotted #ccc;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 12px;
}

div.ja-innerdiv h4 {
	font-family: Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
	text-transform: uppercase;
}

.cufon-canvas { padding: 1px 0 3px; }

#connexion {
	position:relative;
	z-index:500;
    float: right;
    }
#connexion .moduletable {
	margin-top: 3px;
	margin-bottom: 2px;
    }
	
.quick{
	
}

#latestnewsgauche  {
    float: left;
    width: 50%;
    }

#latestnewsdroite {
    float: right;
    width: 50%;
    }
	
.date_premiere_page{
	font-size: 72%;
	font-weight: normal;
}



ul#ucd-instance.ucd_jqueryfader li {
    /*background-color: #FF4500;*/
    height: 120px;
}

#Mod30 div div div div div {
	margin: auto;
}


/****************************************/
/* ESSAI SOBI ***************************/
/****************************************/

/*The Header*/

/**
* @version $Id: com_sobi2.css 4820 2009-01-05 11:46:25Z Radek Suski $
* @package: Sigsiu Online Business Index 2 */
/**
* Style Sheet of SOBI 2 Component com_sobi2.css
* ---------------------------------------------------------------------------
* @copyright Copyright (C) 2007 Sigsiu.NET (www.sigsiu.net). All rights reserved.
* Authors: Sigrid & Radek Suski, Sigsiu.NET */
 
/* main SOBI2 Style to overwrite standard styles */

/*Main Styles

To override standard template styles for SOBI2.*/

div.sobi2 {
}
div.sobi2 h1 {
    line-height: 24px;
    font-size: 22px;
}
div.sobi2 h2,
div.sobi2 h3,
div.sobi2 h4 {
    padding-left: 5px;
	text-decoration: underline;
}

/*Style for Standard Joomla!/Mambo mosmsg-class

Style for Standard Joomla! mosmsg-class, because often undefined. To use the style of your template, delete this entry.*/

/*
.message {
    padding: 5px;
    background-color: #990000;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}
*/

/*if there is no mosmsg line defined by your template remove the 'display:none' and SOBI2 will show its own mosmsg line. The mosmsg line is used to show uploading and saving results.*/

#sobimsg {
    display:none;
}

/*Style of header menu*/

table.sobi2Header {
    border-style: none;
}
a.sobi2Header {
    padding: 5px;
    font-size: 11px;
	font-weight: bolder;
}

/*Style of component description*/

table.sobi2CompDesc {
    padding: 5px;
    width: 98%; 
}

/*Styles for Category View*/

table#sobi2CatListSymbols {
    width: 98%;
}
table#sobi2CatListSymbols td {
    vertical-align: top;
    border-style: none;
}

/*Style of category icon*/

img.sobi2CatIco {
    border-style: none;
    float: left;
    clear: left;
}

/*Style of category name*/

p.sobi2CatName {
    font-size: 13px;
    padding-left: 50px;
    margin: 2px 0 2px 0;
	font-weight: bold;
}

table#sobi2CatListSymbols td #TitreSobi {
	vertical-align: middle;
}

.sobi2CatName a {
	font-size: 13px;
	font-weight: bold;
}

/*Style of category introtext*/

p.sobi2CatsListSymbolsIntrotext {
    font-size: 11px;
    padding-left: 5px;
    margin-top: 4px;
}

/*Style of sub categories in Yahoo style*/

span.sobi2SubcatsList {
  display:block;
}

/*Style of the shown entries/subcategories numbers*/

span.sobi2EditlinktipItems {
    text-decoration: none; 
    border-bottom: 1px dashed #aaa;
}
span.sobi2EditlinktipCats {
    text-decoration: none;
    border-bottom: 1px dashed #aaa;
}

/*Style for entries in Category View (V-Card)**/

table.sobi2Listing {
    width: 98%;
    margin-bottom: 10px;
    border-spacing: 6px;
    border-collapse:separate;
    
}
table.sobi2Listing td {
    border-style: none;
    border-color: #999999;
    border-width: 1px;
    margin-top: 0px;
    vertical-align: top;
    padding: 3px;
}

/*Style for empty V-cards (placeholder)

The color should be the background color of your main body area.*/

table.sobi2Listing td.sobi2EmptyCell {
    border-style: none;
    background-color: #ffffff;
    background-image: none;
    background-repeat: inherit;
}
table.sobi2Listing input {
  float:left;
}

/*Style of icon and logo (image)*/

.sobi2Listing img {
    float: right;
    border-style: none;
    padding-top: 5px;
    padding-right: 5px;
}

/*Style of title (Name of Entry)*/

p.sobi2ItemTitle {
    margin: 5px;
    clear:left;
}
p.sobi2ItemTitle a {
  font-size: 13px;
  font-weight: bolder;
}

/*Styles for the fields

Add a style for each custom field you have added in the Fields Manager in the form span.sobi2Listing_field_yourname.*/

span.sobi2Listing_field_street,
span.sobi2Listing_field_postcode,
span.sobi2Listing_field_county,
span.sobi2Listing_field_country,
span.sobi2Listing_field_email,
span.sobi2Listing_field_contact_person,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_fax,
span.sobi2Listing_field_city,
span.sobi2Listing_field_hotline,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_federal_state {
    padding-left: 0px;
    padding-right: 5px;
}
span.sobi2Listing_field_website {
    float:right;
    padding-right: 5px;
    margin-bottom: 15px;
}

/*Styles for the labels of the fields

Add style for each field you added in the form span.sobi2Listing_field_yourname_label.*/

span.sobi2Listing_field_street_label,
span.sobi2Listing_field_postcode_label,
span.sobi2Listing_field_county_label,
span.sobi2Listing_field_country_label,
span.sobi2Listing_field_email_label,
span.sobi2Listing_field_contact_person_label,
span.sobi2Listing_field_phone_label,
span.sobi2Listing_field_fax_label,
span.sobi2Listing_field_city_label,
span.sobi2Listing_field_hotline_label,
span.sobi2Listing_field_phone_label,
span.sobi2Listing_field_federal_state_label,
span.sobi2Listing_field_website_label {
  font-weight: normal;
}

/*Style of Edit and Delete Buttons in Category View*/

input.sobi2EditEntryButton {
}

/*Style for Page Navigation of Entries*/

#sobi2PageNav {
  text-align: center;
}

/*Style of Details View*/

table.sobi2Details {
    margin-top: 15px;
    margin-left: 5px;
    padding: 10px;
    width: 98%;
	background-color: #FFFFFF;
}

/*Style of Entry Name*/

table.sobi2Details h1 {
    padding-top: 5px;
}

/*Container for all custom fields data*/

div#sobi2outer {
    float: left;
    margin-top: 0px; /* position it vertically */
    padding-bottom: 5px; /* to fix IE bug */
}

/*Styles of the Image/Icon*/

img.sobi2DetailsImage {
    border-style: none;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}
img.sobi2DetailsIcon {
}

/*Styles for the fields in Details View

Add style for each field you added in the form span#sobi2Details_field_yourname.*/

span#sobi2Details_field_myfield,
span#sobi2Details_field_street,
span#sobi2Details_field_postcode,
span#sobi2Details_field_county,
span#sobi2Details_field_country,
span#sobi2Details_field_phone,
span#sobi2Details_field_fax,
span#sobi2Details_field_city,
span#sobi2Details_field_hotline,
span#sobi2Details_field_phone,
span#sobi2Details_field_contact_person,
span#sobi2Details_field_federal_state {
    font-size: 12px;
}

span#sobi2Details_field_website,
span#sobi2Details_field_email {
    padding-top: 8px;
    display: block;
}
span#sobi2Details_field_description {
  display: block;
  padding-top: 20px;
  margin-top: 0px; /* position it vertically */
}

/*Styles for the labels of the fields

Add style for each field you added in the form span#sobi2Listing_field_yourname_label.*/

span#sobi2Listing_field_street_label,
span#sobi2Listing_field_postcode_label,
span#sobi2Listing_field_county_label,
span#sobi2Listing_field_country_label,
span#sobi2Listing_field_email_label,
span#sobi2Listing_field_contact_person_label,
span#sobi2Listing_field_phone_label,
span#sobi2Listing_field_fax_label,
span#sobi2Listing_field_city_label,
span#sobi2Listing_field_hotline_label,
span#sobi2Listing_field_phone_label,
span#sobi2Listing_field_federal_state_label,
span#sobi2Listing_field_website_label {
  font-weight: bold;
}

/*Style for Way Search*/

span.sobi2WaySearch {
    border-style: none;
    float: right;
    clear: right;
    margin-top: 15px; /* position it vertically */
    display: block;
    padding-right: 5px;
}
span.sobi2WaySearch img {
    padding-top: 8px;
    border-style: none;
    padding-left: 17px;
}

/*Style for Google Maps*/

div#sobi2GoogleMaps {
    float: right;
    position: relative;
    border: 1px solid #333333;
    margin-top: 30px;
    margin-right: 5px;
}

/*Style of Details Footer Line*/

td.sobi2DetailsFooter {
    padding-left: 5px;
}

/*Style of Edit and Delete Buttons in Details View*/

input#sobi2EditEntryButton, 
input#sobi2DelEntryButton {
    float:right;
}

/*Style of Footer Line*/

td#sobi2Footer,
td#sobi2Footer a {
    font-size: 9px;
    color: #999999;
    padding-top: 10px;
    text-decoration: none;
}
table.sobi2Footer { 
	width: 98%;
	visibility: hidden;
}

td#sobi2rss { }
td#sobi2rss img {
    border-style: none;
    float:right;
}

/*Style of Entry Form
Header Line*/

p#sobi2EditFormHeader {
    font-weight:bold;
    font-size: 14px;
    padding: 5px;
}

/*Info Requested Fields*/

#sobi2ReqFieldsInfo {
    padding: 5px;
}

form#sobi2EditForm table,
table#sobi2FormTable {
    padding: 5px;
}
table#sobi2FormTable2,
table#sobi2FormTable3 {
    width: 99%;
}
table#sobi2FormTable td,
table#sobi2FormTable2 td,
table#sobi2FormTable3 td {
    vertical-align: top;
}

/*Style of Input fields as entered in Fields Manager*/

input#field_entry_name,
input#field_postcode,
input#field_street,
input#field_city,
input#field_county,
input#field_country,
input#field_federal_state,
input#field_email,
input#field_website,
input#field_contact_person,
input#field_phone,
textarea#sobi2MetaKey,
textarea#sobi2MetaDesc,
input#sobi2Ico,
input#sobi2Img,
input#field_fax,
input#field_hotline,
input#field_street {
}

label.field_entry_name,
label.field_postcode,
label.field_street,
label.field_city,
label.field_county,
label.field_country,
label.field_federal_state,
label.field_email,
label.field_website,
label.field_contact_person,
label.field_phone,
label.field_fax,
label.field_hotline,
label.field_description,
label.sobi2Ico,
label.sobi2Img,
label.sobi2MetaKey,
label.sobi2MetaDesc {
}

/*Style for checkboxes*/

input#accept_rules,
input#field_website_on,
input#field_description_on {
}

/*Style for not free label*/

span.sobi2FormNotFreeLabel {
    display: block;
    padding-top: 5px;
}

/*Style for Category Information/Descriptions*/

table#sobi2FormCats {
    width: 99%;
    border-style: none;
    margin: 10px;
}
table#sobi2FormCats td {
    padding: 10px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}
p#catsTitle,
p#catIntroText {
    width: 98%;
    font-size: 12px;
    font-weight: bold;
}
p#catMsg {
  width: 98%;
}

/*Style for Add and Remove Button*/

#sobi2AddCatBt,
#sobi2RemoveCatBt {
    width:50px;
}

/*Style for column with Buttons*/

td.sobi2CatButtons {
    width: 50px;
    vertical-align: top;
}

/*Style for column with selected categories*/

td.sobi2CatSelected {
    vertical-align: top;
    width: 150px;
}

/*Style for Box with selected categories*/

select#sobi2SlectedCats {
    height: 100px;
    width: 150px;
}
select#sobi2SlectedCatsID {
    height: 0px;
    width: 0px;
    border-style: none;
}

/*Style for Safety Line*/

table#sobi2FormFooter {
    float: left;
    clear: left;
}
table#sobi2FormFooter td {
    vertical-align: bottom;
}
img#seccode {
}

/*Style for Send and Cancel Button*/

input#sobi2SendButton {
    float: right;
}
input#sobi2CancelButton {
    float: right;
}

/*Style for Payment Info
Style for upload info*/

p.sobi2msg {
    padding-top: 15px;
    padding-left: 5px;
    font-size: 12px;
}

/*Container for all payment info*/

div.sobi2PaymentContainer {
    width: 98%;
}

/*Style for Summary of Costs*/

table#sobi2Payment {
    width: 50%;
    margin-left: 5px;
    padding-right: 5px;
}
table#sobi2Payment td,
td.sobi2PayOption {
    width: 70%;
    text-align: right;
}
td.sobi2PayFees {
    width: 30%;
    text-align: right;
}
td#sobi2PayTotal {
    width: 30%;
    text-align: right;
    border-top: solid 1px #606060;
    font-weight: bold;
    color: red;
}

/*Style for Payment Methods*/

table#sobi2PaymentMethod {
    width: 70%;
    margin-top: 30px;
    margin-left: 5px;
}
table#sobi2PaymentMethod img {
    border-style: none;
}
table#sobi2PaymentMethod a:hover {
    font-style: normal;
    text-decoration: none;
}
table#sobi2PaymentMethodBank,
table#sobi2PaymentMethodPayPal {
    width: 60%;
    margin-top: 15px;
    border-style: none;
}
td#sobi2PaymentMethodBank,
td#sobi2PaymentMethodPayPal {
  text-align: left;
  vertical-align: top;
  border-style: none;
}
td#sobi2PaymentMethodBank b {
    padding-bottom: 3px;
    display: block;
}

/*Style for Searching*/

table.sobi2eSearchForm {
    width: 95%;
    margin-left: 5px;
}
span#sobi2SearchResultsSerchingString {
    font-weight: bold;
}
div#sobiSearchResponseContainer table {
    width:95%;
}

/*Styles for the extended search function

Height of the Div container of the category chooser*/

div#sobiSearchFormCatsSelection {
}

/*Select boxes with categories*/

.catChooseBox {
}
#sobiSearchFormExtOptToggle {
    display: inline;
}
div#SobiSearchForm2dropsy {
  margin-left: 10px;
}
td#sobi2eSearchLabel {
  width: 2px;
  visibility: hidden;
}
td#sobi2eSearchBox {
	
}

#sobi2eSearchBox .inputbox {
	width: 210px;
}

td#sobi2eSearchButton {
}
td#sobi2eSearchEmptyCell {
  width: 50%;
}
td#sobi2eSearchPhrases,
td#sobi2eSearchButtonLine {
  width: 100%;
}
td.sobi2eSearchLabel {
  width: 150px;
}

/*Style for the Menu Module*/

div.sobi2MenuMod {
    margin-bottom: 8px;
    margin-top: 10px;
}

/*Style for the Search & Add Entry Links*/

a.sobi2MenuModA {
    margin-left: 20px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/*Style of dTree 2.05

dtree Copyright (c) 2002-2003 Geir Landrï*/

.dtree {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: auto;
}
.dtree img {
    border: 0px;
    vertical-align: middle;
}
.dtree a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
.dtree a.node,
.dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.dtree a.node:hover,
.dtree a.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}
.dtree a.nodeSel {
    background-color: #c0d2ec;
}
.dtree .clip { overflow: hidden; }

/*Styles for SigsiuTree*/

.sigsiuTree {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: auto;
}
.sigsiuTree img {
    border: 0px;
    vertical-align: middle;
}
.sigsiuTree a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
.sigsiuTree a.node,
.sigsiuTree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.sigsiuTree a.node:hover,
.sigsiuTree a.nodeSel:hover {
    color: #333333;
    text-decoration: underline;
}
.sigsiuTree a.nodeSel {
    background-color: #c0d2ec;
}
.sigsiuTree .clip {
    overflow: hidden;
}
div.sigsiuTree a,
.sigsiuTree a,
a.treeNode:hover,
a.treeNode,
a.treeNode:visited {
    color: #333333 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}
a.treeNode:active,
a.treeNode:focus {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    background-color: #c0d2ec;
}

/*Styles for custom listings*/

div.sobi2CustomListingCatsHeader,
div.sobi2CustomListingItemsHeader {
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}
div.sobi2CustomListingHeader {
    padding-left: 5px;
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}
div#sobi2AlphaLinks {
    width: 98%;
    text-align: center;
    padding: 5px;
    padding-bottom: 10px;
    /*border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;*/
}

/*Style for the plugin container*/

table.sobi2Listing_plugins {
    border-style:none;
    width: 98%;
    padding-left: 8px;
}
div.sobi2FormTabHeader {
    padding: 5px 2px 2px 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}
div.sobi2FormtabContent {
    overflow: hidden;
    margin-left: 5px;
    margin-top: 5px;
}

/*Styles for special labels like hot or new*/

span.sobiNewLabel {
  color: rgb(51, 51, 255);
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}
span.sobiHotLabel {
  color: rgb(255, 0, 0);
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}
span.sobiUpdatedLabel {
  color: rgb(0, 153, 0);
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}

/* AJOUT SOBI*/

.componentheading_GBSOBI {
	color: #e81f91;
	font-size: 125%;
	font-weight: bolder;
}

.GB_sobi_souscat{
	color:#E81F91;
	font-size: 115%;
	font-weight: bold;
}

.sobi2SubcatsList ul li {
    color: #CCCCCC;
    font-size: 1em;
    line-height: 95%;
    list-style: disc outside none;
    margin: 0 0 0 10px;
    overflow: visible;
    padding-left: 0;
}

table#sobi2CatListSymbols td {
    border-style: none;
    vertical-align: top;
    padding: 2px;
}

.sobi2 td {
	padding: 1px;
	
}

table.sobi2Listing td {
    border: 1px 5px #999999;
    vertical-align: top;
    background-image: url(../images/fond-sobi2.jpg);
    background-repeat: repeat-x;
    -moz-border-radius : 8px;
    border-spacing: 3px;
    border-collapse: separate;
}
/**************************************/
/* FLEXICONTENT ***********************/
/**************************************/
/*div#flexicontent h2 {
	font-weight: normal
}*/

/*.item136 h2 {
   color:#1f4ee8;
}*/

div#flexicontent {
	margin: 15px;
	padding-bottom: 7px;	
}

#flexicontent ul.introblock.two li {
    padding-bottom: 7px;
    text-align: justify;
}

#flexicontent p > a {
	font-weight: bolder;
	text-decoration: underline;
}

/*
    font: 62.5%/1.2 "Lucida Grande",Helvetica,Arial,sans-serif;
	-moz-border-radius: 5px 5px 5px 5px;
    background-color: #FBFAF2;
    border: 1px solid #DDDDDD;
    margin: 1px 0 2px;
    padding: 6px;
    width: 97%;

*/


/**************************************/
/* JEVENT CALENDAR ********************/
/**************************************/

.mod_events_latest_date {
	font-size: 0.8em;
}

.mod_events_latest_content {
	font-size: 0.9em;
	font-weight: bold
}

.mod_events_latest_callink {
	width : 100%;
	text-align: centrer;
	font-size: 0.9em;
	font-weight: bold;
	padding:2px;
}

.mod_events_latest_callink  a{
	width : 100%;
	text-align: centrer;
	font-size: 0.9em;
	font-weight: bold;
}

.headingrow .contentheading {
	font-size: 1.2em;
	font-weight: bold;
}

.ev_detail {
	visibility: hidden;
}

div.ev_navigation {
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 10px;
}

#jevents_body.contentpaneopen tbody tr td p {
	border-top: solid 1px #CCCCCC;
}

#jevents_body.contentpaneopen tbody tr td table p {
	border: 0 none;
}

/**************************************/
/* LES LIENS **************************/
/**************************************/
.GBAutresLiens {
	color:#666;
}

.GBAutresLiens ul li{
	font-size: 0.9em;
	color: #ccc;
	line-height: 100%;
   margin-bottom: 1px;
   overflow: visible;
   padding-left: 15px;
	list-style: disc inside none;
}

/*******************************************/
/* PHOCA DOWNLOAD **************************/
/*******************************************/


#phoca-dl-category-box .pddownloadrc {
	margin:			0px 1px 0px 1px;
	height:			20px;
	line-height:	18px;
	background: 	#008F00 url('../images/button-download-l.png') 0 0 no-repeat;
	
}
#phoca-dl-category-box .pddownloadrc div {
	background: 	transparent url('../images/button-download-r.png') 100% 0 no-repeat;
	padding:		0px 12px 0px 25px;
	height:			20px;
	line-height:	18px;
}


/*******************************************/
/* APRES FOOTER ****************************/
/*******************************************/
#bob-apresfooter{

}

.bob-apresfootnav-tout{
	float: left;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}

.bob-apresfootnav{

}
.bob-apresfootnav-1{
	float: left;
    padding: 0 12px 0 10px;
    text-align: left;
}

.bob-apresfootnav-1 div{
    padding-bottom: 8px;
}

.bob-apresfootnav-tout h1{
    color: #FFF;
	font-size: 2px;
    font-weight: normal;
    letter-spacing: 1px;
}
.bob-apresfootnav-1 h2{
	border-bottom: 1px solid #969696;
    color: #969696;
	font-size: 80%;
    font-weight: normal;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

.bob-apresfootnav-1 h3{
    color: #969696;
    font-weight: normal;
	font-size: 72%;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

#sobi2outer ul {
	list-style: disc;
}

#sobi2outer ul li{
	line-height: 140%;
    overflow: visible;
    padding-left: 2px;
	margin-left: 28px;
}

/* BOBASSO*/

/*To override standard template styles for bobasso.*/

div.bobasso {
}
div.bobasso h1 {
    line-height: 24px;
    font-size: 22px;
}
div.bobasso h2,
div.bobasso h3,
div.bobasso h4 {
    padding-left: 5px;
	text-decoration: underline;
}

/*Style for Standard Joomla!/Mambo mosmsg-class

Style for Standard Joomla! mosmsg-class, because often undefined. To use the style of your template, delete this entry.*/

/*
.message {
    padding: 5px;
    background-color: #990000;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}
*/

/*if there is no mosmsg line defined by your template remove the 'display:none' and bobasso will show its own mosmsg line. The mosmsg line is used to show uploading and saving results.*/

#sobimsg {
    display:none;
}

/*Style of header menu*/

table.bobassoHeader {
    border-style: none;
}
a.bobassoHeader {
    padding: 5px;
    font-size: 11px;
	font-weight: bolder;
}

/*Style of component description*/

table.bobassoCompDesc {
    padding: 5px;
    width: 98%; 
}

/*Styles for Category View*/

table#bobassoCatListSymbols {
    width: 98%;
}
table#bobassoCatListSymbols td {
    vertical-align: top;
    border-style: none;
}

/*Style of category icon*/

img.bobassoCatIco {
    border-style: none;
    float: left;
    clear: left;
}

/*Style of category name*/

p.bobassoCatName {
    font-size: 13px;
    padding-left: 50px;
    margin: 2px 0 2px 0;
	font-weight: bold;
}

table#bobassoCatListSymbols td #TitreSobi {
	vertical-align: middle;
}

.bobassoCatName a {
	font-size: 13px;
	font-weight: bold;
}

/*Style of category introtext*/

p.bobassoCatsListSymbolsIntrotext {
    font-size: 11px;
    padding-left: 5px;
    margin-top: 4px;
}

/*Style of sub categories in Yahoo style*/

span.bobassoSubcatsList {
  display:block;
}

/*Style of the shown entries/subcategories numbers*/

span.bobassoEditlinktipItems {
    text-decoration: none; 
    border-bottom: 1px dashed #aaa;
}
span.bobassoEditlinktipCats {
    text-decoration: none;
    border-bottom: 1px dashed #aaa;
}

/*Style for entries in Category View (V-Card)**/

table.bobassoListing {
    width: 98%;
    margin-bottom: 10px;
    border-spacing: 6px;
    border-collapse:separate;
    
}
table.bobassoListing td {
    border-style: none;
    border-color: #999999;
    border-width: 1px;
    margin-top: 0px;
    vertical-align: top;
    padding: 3px;
}

/*Style for empty V-cards (placeholder)

The color should be the background color of your main body area.*/

table.bobassoListing td.bobassoEmptyCell {
    border-style: none;
    background-color: #ffffff;
    background-image: none;
    background-repeat: inherit;
}
table.bobassoListing input {
  float:left;
}

/*Style of icon and logo (image)*/

.bobassoListing img {
    float: right;
    border-style: none;
    padding-top: 5px;
    padding-right: 5px;
}

/*Style of title (Name of Entry)*/

p.bobassoItemTitle {
    margin: 5px;
    clear:left;
}
p.bobassoItemTitle a {
  font-size: 13px;
  font-weight: bolder;
}

/*Styles for the fields

Add a style for each custom field you have added in the Fields Manager in the form span.bobassoListing_field_yourname.*/

span.bobassoListing_field_street,
span.bobassoListing_field_postcode,
span.bobassoListing_field_county,
span.bobassoListing_field_country,
span.bobassoListing_field_email,
span.bobassoListing_field_contact_person,
span.bobassoListing_field_phone,
span.bobassoListing_field_fax,
span.bobassoListing_field_city,
span.bobassoListing_field_hotline,
span.bobassoListing_field_phone,
span.bobassoListing_field_federal_state {
    padding-left: 0px;
    padding-right: 5px;
}
span.bobassoListing_field_website {
    float:right;
    padding-right: 5px;
    margin-bottom: 15px;
}

/*Styles for the labels of the fields

Add style for each field you added in the form span.bobassoListing_field_yourname_label.*/

span.bobassoListing_field_street_label,
span.bobassoListing_field_postcode_label,
span.bobassoListing_field_county_label,
span.bobassoListing_field_country_label,
span.bobassoListing_field_email_label,
span.bobassoListing_field_contact_person_label,
span.bobassoListing_field_phone_label,
span.bobassoListing_field_fax_label,
span.bobassoListing_field_city_label,
span.bobassoListing_field_hotline_label,
span.bobassoListing_field_phone_label,
span.bobassoListing_field_federal_state_label,
span.bobassoListing_field_website_label {
  font-weight: normal;
}

/*Style of Edit and Delete Buttons in Category View*/

input.bobassoEditEntryButton {
}

/*Style for Page Navigation of Entries*/

#bobassoPageNav {
  text-align: center;
}

/*Style of Details View*/

table.bobassoDetails {
    margin-top: 15px;
    margin-left: 5px;
    padding: 10px;
    width: 98%;
	background-color: #FFFFFF;
}

/*Style of Entry Name*/

table.bobassoDetails h1 {
    padding-top: 5px;
}

/*Container for all custom fields data*/

div#bobassoouter {
    float: left;
    margin-top: 0px; /* position it vertically */
    padding-bottom: 5px; /* to fix IE bug */
}

/*Styles of the Image/Icon*/

img.bobassoDetailsImage {
    border-style: none;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}
img.bobassoDetailsIcon {
}

/*Styles for the fields in Details View

Add style for each field you added in the form span#bobassoDetails_field_yourname.*/

span#bobassoDetails_field_myfield,
span#bobassoDetails_field_street,
span#bobassoDetails_field_postcode,
span#bobassoDetails_field_county,
span#bobassoDetails_field_country,
span#bobassoDetails_field_phone,
span#bobassoDetails_field_fax,
span#bobassoDetails_field_city,
span#bobassoDetails_field_hotline,
span#bobassoDetails_field_phone,
span#bobassoDetails_field_contact_person,
span#bobassoDetails_field_federal_state {
    font-size: 12px;
}

span#bobassoDetails_field_website,
span#bobassoDetails_field_email {
    padding-top: 8px;
    display: block;
}
span#bobassoDetails_field_description {
  display: block;
  padding-top: 20px;
  margin-top: 0px; /* position it vertically */
}

/*Styles for the labels of the fields

Add style for each field you added in the form span#bobassoListing_field_yourname_label.*/

span#bobassoListing_field_street_label,
span#bobassoListing_field_postcode_label,
span#bobassoListing_field_county_label,
span#bobassoListing_field_country_label,
span#bobassoListing_field_email_label,
span#bobassoListing_field_contact_person_label,
span#bobassoListing_field_phone_label,
span#bobassoListing_field_fax_label,
span#bobassoListing_field_city_label,
span#bobassoListing_field_hotline_label,
span#bobassoListing_field_phone_label,
span#bobassoListing_field_federal_state_label,
span#bobassoListing_field_website_label {
  font-weight: bold;
}

/*Style for Way Search*/

span.bobassoWaySearch {
    border-style: none;
    float: right;
    clear: right;
    margin-top: 15px; /* position it vertically */
    display: block;
    padding-right: 5px;
}
span.bobassoWaySearch img {
    padding-top: 8px;
    border-style: none;
    padding-left: 17px;
}

/*Style for Google Maps*/

div#bobassoGoogleMaps {
    float: right;
    position: relative;
    border: 1px solid #333333;
    margin-top: 30px;
    margin-right: 5px;
}

/*Style of Details Footer Line*/

td.bobassoDetailsFooter {
    padding-left: 5px;
}

/*Style of Edit and Delete Buttons in Details View*/

input#bobassoEditEntryButton, 
input#bobassoDelEntryButton {
    float:right;
}

/*Style of Footer Line*/

td#bobassoFooter,
td#bobassoFooter a {
    font-size: 9px;
    color: #999999;
    padding-top: 10px;
    text-decoration: none;
}
table.bobassoFooter { 
	width: 98%;
	visibility: hidden;
}
td#bobassorss { }
td#bobassorss img {
    border-style: none;
    float:right;
}

/*Style of Entry Form
Header Line*/

p#bobassoEditFormHeader {
    font-weight:bold;
    font-size: 14px;
    padding: 5px;
}

/*Info Requested Fields*/

#bobassoReqFieldsInfo {
    padding: 5px;
}

form#bobassoEditForm table,
table#bobassoFormTable {
    padding: 5px;
}
table#bobassoFormTable2,
table#bobassoFormTable3 {
    width: 99%;
}
table#bobassoFormTable td,
table#bobassoFormTable2 td,
table#bobassoFormTable3 td {
    vertical-align: top;
}

/*Style of Input fields as entered in Fields Manager*/

input#field_entry_name,
input#field_postcode,
input#field_street,
input#field_city,
input#field_county,
input#field_country,
input#field_federal_state,
input#field_email,
input#field_website,
input#field_contact_person,
input#field_phone,
textarea#bobassoMetaKey,
textarea#bobassoMetaDesc,
input#bobassoIco,
input#bobassoImg,
input#field_fax,
input#field_hotline,
input#field_street {
}

label.field_entry_name,
label.field_postcode,
label.field_street,
label.field_city,
label.field_county,
label.field_country,
label.field_federal_state,
label.field_email,
label.field_website,
label.field_contact_person,
label.field_phone,
label.field_fax,
label.field_hotline,
label.field_description,
label.bobassoIco,
label.bobassoImg,
label.bobassoMetaKey,
label.bobassoMetaDesc {
}

/*Style for checkboxes*/

input#accept_rules,
input#field_website_on,
input#field_description_on {
}

/*Style for not free label*/

span.bobassoFormNotFreeLabel {
    display: block;
    padding-top: 5px;
}

/*Style for Category Information/Descriptions*/

table#bobassoFormCats {
    width: 99%;
    border-style: none;
    margin: 10px;
}
table#bobassoFormCats td {
    padding: 10px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}
p#catsTitle,
p#catIntroText {
    width: 98%;
    font-size: 12px;
    font-weight: bold;
}
p#catMsg {
  width: 98%;
}

/*Style for Add and Remove Button*/

#bobassoAddCatBt,
#bobassoRemoveCatBt {
    width:50px;
}

/*Style for column with Buttons*/

td.bobassoCatButtons {
    width: 50px;
    vertical-align: top;
}

/*Style for column with selected categories*/

td.bobassoCatSelected {
    vertical-align: top;
    width: 150px;
}

/*Style for Box with selected categories*/

select#bobassoSlectedCats {
    height: 100px;
    width: 150px;
}
select#bobassoSlectedCatsID {
    height: 0px;
    width: 0px;
    border-style: none;
}

/*Style for Safety Line*/

table#bobassoFormFooter {
    float: left;
    clear: left;
}
table#bobassoFormFooter td {
    vertical-align: bottom;
}
img#seccode {
}

/*Style for Send and Cancel Button*/

input#bobassoSendButton {
    float: right;
}
input#bobassoCancelButton {
    float: right;
}

/*Style for Payment Info
Style for upload info*/

p.bobassomsg {
    padding-top: 15px;
    padding-left: 5px;
    font-size: 12px;
}

/*Container for all payment info*/

div.bobassoPaymentContainer {
    width: 98%;
}

/*Style for Summary of Costs*/

table#bobassoPayment {
    width: 50%;
    margin-left: 5px;
    padding-right: 5px;
}
table#bobassoPayment td,
td.bobassoPayOption {
    width: 70%;
    text-align: right;
}
td.bobassoPayFees {
    width: 30%;
    text-align: right;
}
td#bobassoPayTotal {
    width: 30%;
    text-align: right;
    border-top: solid 1px #606060;
    font-weight: bold;
    color: red;
}

/*Style for Payment Methods*/

table#bobassoPaymentMethod {
    width: 70%;
    margin-top: 30px;
    margin-left: 5px;
}
table#bobassoPaymentMethod img {
    border-style: none;
}
table#bobassoPaymentMethod a:hover {
    font-style: normal;
    text-decoration: none;
}
table#bobassoPaymentMethodBank,
table#bobassoPaymentMethodPayPal {
    width: 60%;
    margin-top: 15px;
    border-style: none;
}
td#bobassoPaymentMethodBank,
td#bobassoPaymentMethodPayPal {
  text-align: left;
  vertical-align: top;
  border-style: none;
}
td#bobassoPaymentMethodBank b {
    padding-bottom: 3px;
    display: block;
}

/*Style for Searching*/

table.bobassoeSearchForm {
    width: 95%;
    margin-left: 5px;
}
span#bobassoSearchResultsSerchingString {
    font-weight: bold;
}
div#sobiSearchResponseContainer table {
    width:95%;
}

/*Styles for the extended search function

Height of the Div container of the category chooser*/

div#sobiSearchFormCatsSelection {
}

/*Select boxes with categories*/

.catChooseBox {
}
#sobiSearchFormExtOptToggle {
    display: inline;
}
div#SobiSearchForm2dropsy {
  margin-left: 10px;
}
td#bobassoeSearchLabel {
  width: 2px;
  visibility: hidden;
}
td#bobassoeSearchBox {
	
}

#bobassoeSearchBox .inputbox {
	width: 210px;
}

td#bobassoeSearchButton {
}
td#bobassoeSearchEmptyCell {
  width: 50%;
}
td#bobassoeSearchPhrases,
td#bobassoeSearchButtonLine {
  width: 100%;
}
td.bobassoeSearchLabel {
  width: 150px;
}

/*Style for the Menu Module*/

div.bobassoMenuMod {
    margin-bottom: 8px;
    margin-top: 10px;
}

/*Style for the Search & Add Entry Links*/

a.bobassoMenuModA {
    margin-left: 20px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/*Style of dTree 2.05

dtree Copyright (c) 2002-2003 Geir Landrï*/

.dtree {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: auto;
}
.dtree img {
    border: 0px;
    vertical-align: middle;
}
.dtree a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
.dtree a.node,
.dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.dtree a.node:hover,
.dtree a.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}
.dtree a.nodeSel {
    background-color: #c0d2ec;
}
.dtree .clip { overflow: hidden; }

/*Styles for SigsiuTree*/

.sigsiuTree {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: auto;
}
.sigsiuTree img {
    border: 0px;
    vertical-align: middle;
}
.sigsiuTree a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
.sigsiuTree a.node,
.sigsiuTree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.sigsiuTree a.node:hover,
.sigsiuTree a.nodeSel:hover {
    color: #333333;
    text-decoration: underline;
}
.sigsiuTree a.nodeSel {
    background-color: #c0d2ec;
}
.sigsiuTree .clip {
    overflow: hidden;
}
div.sigsiuTree a,
.sigsiuTree a,
a.treeNode:hover,
a.treeNode,
a.treeNode:visited {
    color: #333333 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}
a.treeNode:active,
a.treeNode:focus {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    background-color: #c0d2ec;
}

/*Styles for custom listings*/

div.bobassoCustomListingCatsHeader,
div.bobassoCustomListingItemsHeader {
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}
div.bobassoCustomListingHeader {
    padding-left: 5px;
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}
div#bobassoAlphaLinks {
    width: 98%;
    text-align: center;
    padding: 5px;
    padding-bottom: 10px;
    /*border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;*/
}

/*Style for the plugin container*/

table.bobassoListing_plugins {
    border-style:none;
    width: 98%;
    padding-left: 8px;
}
div.bobassoFormTabHeader {
    padding: 5px 2px 2px 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}
div.bobassoFormtabContent {
    overflow: hidden;
    margin-left: 5px;
    margin-top: 5px;
}

/*Styles for special labels like hot or new*/

span.sobiNewLabel {
  color: rgb(51, 51, 255);
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}
span.sobiHotLabel {
  color: rgb(255, 0, 0);
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}
span.sobiUpdatedLabel {
  color: rgb(0, 153, 0);
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}

/* AJOUT SOBI*/

.componentheading_GBSOBI {
	color: #e81f91;
	font-size: 125%;
	font-weight: bolder;
}

.GB_sobi_souscat{
	color:#E81F91;
	font-size: 115%;
	font-weight: bold;
}

.bobassoSubcatsList ul li {
    color: #CCCCCC;
    font-size: 1em;
    line-height: 95%;
    list-style: disc outside none;
    margin: 0 0 0 10px;
    overflow: visible;
    padding-left: 0;
}

table#bobassoCatListSymbols td {
    border-style: none;
    vertical-align: top;
    padding: 2px;
}

.bobasso td {
	padding: 1px;
	
}

table.bobassoListing td {
    border: 1px 5px #999999;
    vertical-align: top;
    background-image: url(../images/fond-bobasso.jpg);
    background-repeat: repeat-x;
    -moz-border-radius : 8px;
    border-spacing: 3px;
    border-collapse: separate;
}

#bobassoouter ul {
	list-style: disc;
}

#bobassoouter ul li{
	line-height: 140%;
    overflow: visible;
    padding-left: 2px;
	margin-left: 28px;
}


/* FIN BOBASSO*/