/**
 * @version $Id$
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */


a:link, a:visited { color: #F48509;}
.orange {color: #F48509;}
a:hover, a:active, a:focus
{
        zbackground: #000000;
        text-decoration:underline;
        color: #000000; 
}

dd
{
        background: #EEEEEE;
        padding: 5px;
}

dl
{
        display: block;
        margin: 20px 0 20px 0;
}

dt
{
        border-bottom: solid 1px #CCCCCC;
        font-weight: bold;
        margin: 0;
        padding: 5px;
}



h4
{
        border: solid 0px;
        color: #000000;
        font-size: 1em;
}

input {
	background:#E5E5E5;
	zborder:1px solid;
	font-family:arial;
	font-size:12px;
	padding:1px;
}

input:focus { background:#FFF; }


input.nasker, textarea.nasker{
	background:#EEE;
		
	border:1px solid #999;
	font-family:arial;
	font-size:11px;
	padding:0px;
}

textarea.nasker{background:#fff;}

input.naskerError {
	background:#ffd5d5;
	zborder:2px inset #CCC;	
	border:1px solid red;
	font-family:arial;
	font-size:11px;
	padding:0px;
}


input.nasker:focus { background:#FFF; }

select.nasker { border:1px solid #999;background:#EEE;font-size:10px;height:15px;}
select.nasker:focus { background:#FFF; }
select.naskerError { background:#ffd5d5;border:1px solid red;font-size:10px;height:15px; }

fieldset { border: 0; }

ol.list
{
        list-style-position: inside;
        margin: 20px 0 20px 0;
        padding: 0 0 0 0px;
}

ol.list li
{
        border-bottom: solid 1px #EFDEEA;
        margin: 10px 0 10px 0;
        padding: 10px;
}

ol.list li h4
{
        border-bottom: solid 1px #CCCCCC;
        color: #009999;
        display: inline;
        margin: 0 0 10px 0;
}

p
{
        line-height: 1.4em;
        margin: 5px 0 5px 0;
}

p a.u2:focus,p a.u2:active
{
        padding: 0.5em;
        background-color: #000000;
        color: #FFFFFF;
        display: inline;
        height: 2.5em;
        left: 00px;
        margin-top: 0em;
        padding-left: 15px;
        position: absolute;
        top: 0px;
        width: 13.8em;
}

p.counter
{
        background: #EEEEEE;
        color: #000000;
        font-weight: bold;
        margin: 10px 0 10px 0px;
        padding: 5px;
}

p.isstrong
{
        font-weight: bold;
        color: #444;
        margin: 10px 0 15px 0;
        padding: 10px 0 10px 0;
}

p.code
{
        color: #93246F;
        margin: 10px 0 10px 0;
        font-weight: bold;
}

p.buttonheading { text-align: right; }

p.buttonheading a:hover
{
        background: none !important;
        color: #000 !important;
}

p.buttonheading a:active, p.buttonheading a:focus
{
        /*border: solid 2px;*/
        color: #000;
}

em { font-weight: bold; }

/* ###########  header content #############  */
#header h1
{
        font-size: 1.5em;
        font-weight: normal;
        text-transform: uppercase;
}

#header .bandeau-logo { float:left;width:200px; height:87px; background:url(../images/expertposteclients-logo.jpg) no-repeat; cursor:pointer;}
#header .bandeau-slogan { float:left;width:555px; height:87px; background:url(../images/expertposteclients-slogan.jpg) no-repeat;}
#header .bandeau-visuel { float:left;width:234px; height:87px; background:url(../images/expertposteclients-service.jpg) no-repeat;}


.tableau-page .cote-gauche, .tableau-page .cote-droite {width:20px; background:#d7d7d7;}
.tableau-page .cote-gauche {background: #d7d7d7 url(../images/fond-page-gauche.jpg) 0px 0px no-repeat;}
.tableau-page .cote-droite {background: #d7d7d7 url(../images/fond-page-droite.jpg) 0px 0px no-repeat;}
.tableau-page .contenu-centre {padding:0 2px;}
/* ################ left ######################## */
#left form
{
        background: #EFDEEA;
        color: #000;
        font-size: 0.9em;
        margin: 5px 0px 20px 10px;
        padding: 20px 10px 20px 10px;
}

#left h3    , #right h3
{
        color: #000;
        font-family: trebuchet MS, sans-serif;
        font-size: 1.2em;
        margin: 0px 0 0px 5px;
        padding: 7px 5px 7px 10px;
        border: solid 0px;
}

#left ul
{
        list-style-type: none;
        margin: 0px 0 20px 10px;
        
}

#left ul  li.active span.active_link
{
        background: #93246F;
        border-bottom: solid 1px #93246F;
        border-left: solid 4px #BE7CA9;
        color: #fff;
        display: block;
        padding: 3px 0px 3px 6px;
}

#left ul  li.active ul li.active  span.active_link,#left ul  li.active ul li.active ul  li.active span.active_link
{
        background: #fff;
        border-bottom: solid 1px #E0C1E0;
        border-left: solid 0px #DD75BB;
        color: #000;
        font-weight: bold;
        padding: 3px 0px 3px 20px;
}

#left ul li
{
        border: solid 1px #fff;
        margin: 0px 0 2px 0;
}

#left ul li a
{
        display: block;
        padding: 3px 4px 3px 10px;
        text-decoration: none;
}

#left ul li a:link,#left ul li  a:visited
{
        background: #F2E3ED;
        border-bottom: solid 1px #E0C1E0;
        color: #000;
        font-weight: normal;
}

#left ul li a:hover,#left ul li a:active,#left ul li  a:focus
{
        background: #333 !important;
        color: #fff !important;
}


/* ###############  main * ########################### */
/* position */
.leading_separator
{
        border-bottom: solid 0px #333;
        display: block;
        height: 10px;
        margin: 0 0 0px 0;
}

#main .leading  h2, #main2 .leading  h2
{
        background: #EFDEEA;
        border-bottom: solid 0px #333;
        color: #93246F;
        font-family: trebuchet MS, sans-serif;
        font-size: 1.4em;
        font-weight: normal;
        margin: 0 0 10px 0;
        text-transform: uppercase;
}

#main h2 a , #main2 h2 a { text-decoration: none; }

#main .leading .readon,
#main2 .leading .readon
{
        background: url(../images/pfeil.gif) #93246F no-repeat;
        border: solid 0px;
        bottom: 0;
        color: #FFF !important;
        display: block !important;
        margin-top: 20px !important;
        position: absolute;
        right: 0;
        text-decoration: none;
        padding: 2px 2px 0px 30px;
}

#main .leading .small , #main .leading .modifydate,
#main2 .leading .small , #main2 .leading .modifydate
{
        background: #EFDEEA;
        color: #93246F;
}

.article_column h2
{
        background: #fff;
        color: #000 !important;
        font-family: trebuchet MS;
        font-size: 1.2em !important;
        font-weight: bold !important;
        padding: 0px;
}

.article_row .column1 h2,.article_row .column2 h2
{
        background: #fff;
        border-bottom: solid 1px #D4A7C5;
        color: #000;
        margin: 0 0px 10px 0px;
        padding: 5px 5px 5px 0;
}

.article_row p.iteminfo
{
        background: #fff;
        line-height: 1.0em;
        margin: 0px -10px 5px -10px;
        padding: 10px;
}

#main .h3, #main2 h3 { 20px 0 10px 0: ; }


#main .blog_more, #main2 .blog_more { padding-top: 10px; }

/* main generell  */
#main a.readon, #main2 a.readon
{
        background: url(../images/pfeil.gif) no-repeat;
        font-weight: bold;
        padding: 2px 2px 0px 30px;
        display: inline-block;
}

#main a.readon:hover, #main2 a.readon:hover ,#main a.readon:active, #main2 a.readon:active,
#main a.readon:focus, #main2 a.readon:focus
{
        background: url(../images/pfeil.gif) #000 no-repeat;
        color: #fff;
        padding: 2px 2px 0px 30px;
        text-decoration: none;
}

#main a:link, #main2 a:link, #main a:visited, #main2 a:visited { color: #000000; }

#main a:hover, #main2 a:hover, #main a:active, #main2 a:active, #main a:focus, #main2 a:focus
{
        background: #93246F;
        color: #fff;
}

#main h1 , #main2   h1
{
        color: #000;
        font-family: trebuchet MS, sans-serif;
        font-size: 1.6em;
        font-weight: normal;
        margin: 0px 0 0px 0px;
}

#main h2 , #main2   h2
{
        color: #93246F;
        font-family: trebuchet MS, sans-serif;
        font-size: 1.6em;
        font-weight: normal;
}

#main ul li, #main2 ul li
{
        padding: 0 0 0 10px;
        line-height: 1.4em;
        margin: 10px 0 10px 0;
}

#main ul, #main2 ul
{
        list-style-position: outside;
        list-style-type: square;
        padding: 0 0 0 10px;
        margin: 0 0 0 20px;
}

#main ul,#main ol
{
        list-style-position: inside;
        margin: 10px 0 10px 20px;
        padding: 0 0 0 10px;
}

.small
{
        border: solid 0px;
        color: #932467;
        font-size: 0.85em;
        margin: 0 0 20px 0;
}

.contentdescription
{
        padding: 10px 0 10px 0;
        overflow: hidden;
}

.image_left
{
        float: left;
        border: solid 0px #ccc;
        margin: 0 10px 10px 0;
}

.image_right
{
        float: right;
        border: solid 1px #ccc;
        margin: 0 0px 10px 10px;
}

.wrap_image { clear: left; }

.createdate
{
        color: #932467;
        display: block;
        font-size: 0.85em;
}

.createdby
{
        color: #666;
        display: block;
        font-size: 0.85em;
        padding: 0 0 0 2px;
}

.modifydate
{
        color: #932467;
        display: block;
        font-size: 0.85em;
        padding: 0px;
}

span.content_rating , .leading span.content_rating
{
        margin: 10px 0 0px 0;
        display: block;
}

.content_vote
{
        margin: 0px 0 10px 0;
        display: block;
}

.content_vote input { margin: 0 5px 0 5px; }

.content_vote  .button
{
        background: url(../images/pfeil.gif) #000000 no-repeat;
        border: 0;
        color: #fff;
        font-weight: bold;
        margin: 20px 10px 0 0;
        padding: 0 0 0 30px;
        cursor: pointer;
}

/* ############# pagination ###################### */
#main2 .pagination  , #main .pagination
{
        border-top: solid 1px #CCCCCC;
        margin: 10px 0 0 0px;
        padding: 10px 0 10px 0;
}

ul.pagination
{
        list-style-type: none;
        margin: 0px;
        padding: 0;
        text-align: left;
}

ul.pagination li
{
        display: inline;
        padding: 2px 5px 0 5px!important;
        text-align: left;
}

ul.pagination li a { padding: 2px; }

/* ###############  right #################  */
#right .moduletable
{
        background: #fff;
        color: #000;
        margin: 10px 0 10px 0;
        padding: 10px;
}

#right h3
{
        background: #fff;
        border-bottom: solid 1px #D4A7C5;
        color: #333333;
        margin: 0 0 3px 0px;
        padding: 0px 5px 0px 0px;
}

#right h4
{
        color: #000;
        font-size: 1.0em;
        padding: 10px 5px 0px 0px;
        margin: 0;
        border: solid 0px;
}

#right ul
{
        border: solid 0px #ccc;
        color: #000;
        line-height: 1.4em;
        list-style-type: none;
        margin: 0px;
        padding: 10px 10px 10px 0px;
        position: relative;
}

#right ul li { margin-bottom: 4px; }

#right ul li a
{
        color: #000;
        font-weight: normal;
        padding: 2px;
}

#right ul li a:link, #right ul li  a:visited { color: #000000; }

#right ul li a:hover, #right ul li  a:active,#right ul li  a:focus
{
        background: #93246F;
        color: #fff;
}


/*  ####################   Formulare   #####################  */
fieldset.word , fieldset.only { border: solid 1px #ccc; }
form.limit { }

form.login
{
        background: #93246F;

        color: #000000;
        font-size: 0.9em;
        margin: 5px 0px 20px 0px;
        padding: 10px 10px 20px 15px;
        text-align:left
}

form.login  .inputbox:focus { border: solid 2px #000000; }

form.login  p
{
        clear: both;
        border: solid 0px #000;
        font-size: 1em;
}

form.login .button
{
        background: url(../images/pfeil.gif) #CC3399 no-repeat;
        clear: left;
        color: #fff;
        display: block;
        font-weight: bold;
        margin: 0px 0 10px 0 !important;
        padding: 0 0 0 30px !important;
        cursor: pointer;
        border: solid 0px;
}

form.login fieldset
{
        border: solid 0px #fff;
        margin: 0 0 0 0px;
        padding: 0px;
        text-align:left
}

form.login input
{
        background: #fff;
        border: solid 2px #CC3399;
        color: #000;
        padding: 2px 2px 0 2px;
        width: 90%;


}

form.login input.checkbox
{
        background: none;
        border: solid 0px #000;
        float: left;
        margin: 11px 0 0 0;
        padding: 5px;
        width: 20px;
}

form.login label
{
        color: #000;
        display: block;
        font-weight: bold;
        margin: 5px 0 0 0;
        padding: 2px 2px 0 2px;

}

form.login label.remember
{
        float: left;
        margin: 5px 0 20px 0;
        padding: 5px 0 0 0;
        width: 11em;

}

form.login p { color: #000; }
form.login p a { color: #000; }

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

form.lost_password .button , .login_form .button
{
        background: url(../images/pfeil.gif) #000000 no-repeat;
        border: 0;
        bottom: 0;
        color: #fff;
        font-weight: bold;
        margin: 0px 0px 0 10px;
        padding: 0 0 0 30px;
        position: absolute;
        right: 0;
        cursor: pointer;
}

/* ################# poll ################ */
.poll { padding: 20px 20px 20px 0; }

form.poll fieldset
{
        border: 0px solid #000;
        margin: 0 0 10px 0;
        padding: 0;
}

form.registration input , form.lost_password input , .login_form input { border: solid 2px #93246F; }

form.registration label, form.lost_password label ,.login_form label
{
        display: block;
        float: left;
        font-weight: bold;
        width: 12em;
}

/* #####################  form.registration ################ */
form.registration, form.lost_password
{
        margin: 45px 10px 10px 10px;
        padding: 10px;
        position: relative;
}

form.search_result h3
{
        background: #93246F;
        border: solid 0px;
        color: #fff;
        display: block;
        margin: 0px 0 0 0;
        padding: 5px;
}

form.search_result,    form.registration,  form.lost_password , .login_form
{
        background: #fff;
        border: solid 1px #93246F;
        border-top: solid 4px #93246F;
        margin: 15px 10px 0 10px;
        padding: 20px;
        position: relative;
}

form.search_result {display:none;}

.only label
{
        float: left;
        width: 6em;
}

.only input
{
        margin: 0px;
        display: block;
        width: 2em;
        float: left;
}

fieldset.only { padding-top: 10px; }

.search_result .button , form.registration .button
{
        background: url(../images/pfeil.gif) #000000 no-repeat;
        border: 0;
        bottom: 0;
        color: #fff;
        font-weight: bold;
        margin: 10px 0px 0 10px;
        padding: 0 0 0 30px;
        position: absolute;
        right: 0;
        cursor: pointer;
}

/* ########################## search ############################ */
.search_result fieldset { border: solid 0px #EFDEEA; }

.search_result legend
{
        background: #fff;
        font-weight: bold;
}

.searcharea
{
        padding: 10px;
        background: #fff;
        border: solid 1px #EFDEEA;
        color: #000;
        margin: 10px;
}

.searchintro
{
        font-weight: bold;
        margin: 0 0 20px 0;
}

.display
{
        margin: 20px 0 0 0;
        text-align: right;
}

.filter { margin: 10px 0 0 0; }
.inputbox:focus { border: solid 2px #000; }

.word , .only
{
        border: solid 0px;
        margin: 10px 0 0px 20px;
        padding: 5px 10px 5px 0;
}

.word   input
{
        background: #fff;
        border: solid 2px #93246F;
        color: #93246F;
        font-weight: bold;
        margin: 0 0 0 10px;
        padding: 2px;
}

.word  label { font-weight: bold; }

.phrase
{
        background: #fff;
        color: #000;
        margin: 10px 0px 10px 10px;
        padding: 10px;
}

/*Selects*/
.phrase .inputbox
{
        background: #fff;
        color: #93246F;
        display: block;
        font-weight: bold;
        height: 1.5em;
        margin-top: 10px;
        width: 12em;
        border: solid 2px;
}

.phrase label.ordering { font-weight: bold; }

.phrase .inputbox  option
{
        background: #EFDEEA;
        border-bottom: solid 1px #333;
        padding: 2px;
}

.phrase .inputbox  option  a:hover
{
        background: #CC0000;
        border-color: #CFD0D6;
        color: #fff;
}

.search_result .button , form.registration .button
{
        background: url(../images/pfeil.gif) #000000 no-repeat;
        border: 0;
        bottom: 0;
        color: #fff;
        font-weight: bold;
        margin: 10px 0px 0 10px;
        padding: 0 0 0 30px;
        position: absolute;
        right: 0;
        cursor: pointer;
}

.search_result fieldset { border: solid 0px #EFDEEA; }

.search_result legend
{
        background: #fff;
        font-weight: bold;
}

.searcharea
{
        padding: 10px;
        background: #fff;
        border: solid 1px #EFDEEA;
        color: #000;
        margin: 10px;
}

form.search_result h3
{
        background: #fff;
        border: solid 0px;
        color: #93246F;
        display: block;
        margin: 0px 0 0 0;
        padding: 5px;
}

/* #####################  form.registration ################ */
form.registration, form.lost_password
{
        margin: 45px 10px 10px 10px;
        padding: 10px;
        position: relative;
}

form.search_result,    form.registration,  form.lost_password , .login_form
{
        background: #fff;
        border: solid 1px #93246F;
        border-top: solid 4px #93246F;
        margin: 15px 10px 0 10px;
        padding: 20px;
        position: relative;
}

.only label
{
        float: left;
        width: 6em;
}

.only input
{
        margin: 0px;
        display: block;
        width: 2em;
        float: left;
}

fieldset.only { padding-top: 10px; }

/* ########################### contacts ########################### */
div.contact { margin: 10px 0 10px 0; }

address
{
        font-style: normal;
        margin: 10px 0 10px 0;
}

address p { line-height: 1em; }

.contact label
{
        float: left;
        font-weight: bold;
        width: 14em;
        margin: 10px 0 0 0;
}

span.marker { margin: 0 10px 0 0px; }
.contact_email_checkbox label { float: none !important; }
.contact label.copy {width:90%;padding: 0 0  0 10px  }
.contact form
{
        background: #EFDEEA;
        color: #000;
        padding: 20px;
        margin: 10px 0 10px 0;
}

.contact input
{
        background: #fff;
        border: solid 2px #CC3399;
        color: #000000;
        padding: 2px 2px 0 2px;
        margin: 10px 0 0 0;
}

.contact .button
{
        background: url(../images/pfeil.gif) #000000 no-repeat;
        border: 0;
        color: #fff;
        font-weight: bold;
        margin: 20px 10px 0 0;
        padding: 0 0 0 30px;
        cursor: pointer;
}

.error
{
        background: #F2E3ED;
        border: solid 1px #ccc;
        padding: 20px;
}

label.textarea
{
        float: none !important;
        margin: 10px 0 10px 0;
        display: block;
        width: 100%;
}
#contact_text
{width:80% ; height:150px}
/*#################### tabellen ############################ */
table.newsfeeds td,  table.weblinks td, table.category td
{
        border-right: solid 1px #EEEEEE;
        padding: 5px;
}

table.newsfeeds th , table.weblinks th , table.category th
{
        background: #EEEEEE;
        padding: 5px;
}

table.newsfeeds, table.weblinks, table.category
{
        border: solid 1px #eee;
        font-size: 1em;
        margin: 20px 0 20px 0;
}

/* category table */
#count { width: 10%; }
#tableOrdering { width: 70%; }
#author { width: 20%; }

/*  polls */
poll .polls_color_1,
.poll .polls_color_2,
.poll .polls_color_3,
.poll .polls_color_4,
.poll .polls_color_5
{
        border: solid 1px;
        position: relative;
}

.poll h3
{
        color: #932467;
        border: solid 0px;
        margin: 20px 0 20px 0;
}

.poll .td_2 { width: 100px; }
.poll .td_3 { width: 300px; }
.poll form { margin: 20px 0 20px 0; }

.poll table
{
        font-size: 1em;
        width: auto;
        border: solid 0px;
        position: relative;
}

.poll table .td_1 { width: 30px; }

.poll table caption
{
        color: #93246F;
        font-size: 1.0em;
        font-weight: bold;
        margin: 10px 0 10px 0;
        text-align: left;
}

.poll td
{
        border: solid 1px #ddd;
        padding: 2px;
}

.poll td.line { width: 300px; }

.poll th
{
        background: #EEEEEE;
        border: solid 1px #ccc;
}

.question { font-weight: bold; }

#footer
{
        color: #666666;
        text-align: center;
        border-top: solid 3px #333333;
        font-size:10px;
        font-family: arial;
        padding-top:5px;
		padding-bottom:5px;
}

p.syndicate
{
        float: left;
        display: block;
        text-align: left;
}

#footer a { color: #F7952D; }

#footer a:hover {
	color: #000000; 
	background-color: #FFFFFF;
	text-decoration: underline;
	}
	
/* Error Message */
.error
{
        background: #F2E3ED;
        border: solid 1px #ccc;
        margin: 20px 10px 10px 10px;
        padding: 20px;
}

.error dl dd , .error dl dt
{
        background: #F2E3ED;
        border: solid 0px;
        list-style-type: none;
        margin: 0 !important;
        padding: 0 !important;
}

.error dl dd ul li
{
        font-weight: bold;
        margin: 0;
        padding: 0;
}

.error dl ul
{
        list-style-type: none;
        margin: 0;
        padding: 0;
}

.error dt { display: none; }

body.contentpane
{
        background: #fff;
        width: auto;
        margin: 10px;
        line-height: 1.4em;
        text-align: left;
		font-family: Arial;
}

/* DCA 04/07/2007 */

div.maincontent {
	width:620px;
	text-align:left; 
	float:left; 
	padding:5px;
}

/* DCA 10/07/2007 */

div.panClient{
     font-family:arial;
     color:#333;
     font-size:12px;
     padding-left:5px;
 }
 
 div.panClient input {
 	margin:5px 0px;
 }
 
 
 a.bouton {
    background: #fff url(../images/ui-button-bg-off.jpg) repeat-x;		
    color: #000;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	border:1px solid #FFF;
	font-size:11px;
 }
 a.bouton-blanc { background:#fff; border:1px solid #666;}
 
 a.bouton, a:link.bouton, a:visited.bouton {        
        text-decoration: none;      
}

a.bouton:hover,  a.bouton:focus {
		text-decoration: underline;
		border:1px solid #000;
		
		
}

/* DCA 17/07/2007 */

div.panELetter {
     font-family:arial;
     color:#333;
     font-size:12px;    
     padding-left:5px;
 }
 
 div.panELetter input {
 	margin:5px 0px;
 }
 


/* DCA 30/07/2007 : Debug zone */

div.profiler {
	text-align:left;
	font-size:10px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border: 1px solid red;
	background: #fef5ac;
	color: #666;
}

div.profiler h4 {text-decoration:underline;}

div.profiler ul {margin-left:15px; margin-top:10px; margin-bottom:10px;}


/* DCA 31/07/2007 : Nasker */

#com_nasker div.pan_left {
	width:210px; 
	float:left; 
}

#com_nasker div.pan_content {
	width:780px; 
	float:left;	
	margin-bottom:20px;
}

#com_nasker div.pan_content div.content {
	margin: 0px 0px 0px 10px; 
	background-color:white; 
	width:770px;
}

#com_nasker div.pan_content div.content div.QQUTitre {
	border-left:3px solid black;
	font-size:18px;
	padding-top:15px; 
	padding-left:10px;
}

#QQU tr td.lignepoints {
	background-image: url(../images/picb.jpg);
	background-repeat: repeat-x; 
	background-position: 0px 13px;
}

#QQU tr td.lignepoints span.QUE {
	background-color: #fff; 
	padding-right: 5px; 
	color: black; 
	font-size:12px; 
}

#QQU tr td.lignepoints span.QUE span.num {
	font-weight: bold; 
	color: orange;
}

#QQU tr td.REP {
	width:310px; 
	padding:0px 5px;
	font-size:12px;
}

#QQU tr td.interligne {	height:10px;}

#QQU tr td.REP div.MULTI {
	padding-right:10px;  
	float:left;
}

#QQU tr td.REP div.MULTI input.chknasker {border: 0px; cursor:pointer;}

#QQU tr td.REP div.MULTI label {cursor:pointer; font-size:11px;}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/*div#naskerbox feorm {width:100%; background-color:#fff;position:fixed}*/

div#naskerbox a {font-size:11px; font-family:arial;}

div#naskerbox div.menu {
	padding:0px 5px; 
	height:18px; 
	border-left: 1px solid #888;
	font-size:11px;
	line-height:18px;
}

div#naskerbox div.actif {	background-color: #FFC860;}
div#naskerbox div.disabled {	color:#999; }
div#naskerbox div.link {	color:orange; ; cursor:pointer;}
div#naskerbox div.link:hover {	color:black; text-decoration:underline; cursor:pointer;background-color: #ffde9d;}

div#naskerbox div.tl {
	background: url(../images/corner_tl.jpg) 0 0 no-repeat;
	float:left;
	width:5px; height:20px;
}
div#naskerbox div.t {
	 float:left;height:18px;
	 border-bottom:1px solid #888;
	 border-top:1px solid #888;
}
div#naskerbox div.tr {
	background: url(../images/corner_tr.jpg) 100% 0 no-repeat;
	float:left;
	width:5px; height:20px;
}

div#naskerbox div.bl {
	background: url(../images/corner_bl.jpg) 0 0 no-repeat;
	float:left;
	width:5px; height:5px;
}
div#naskerbox div.b {
	 background: url(../images/border_b.jpg) 0 0 repeat-x;
	 float:left;height:5px;
}
div#naskerbox div.br {
	background: url(../images/corner_br.jpg) 100% 0 no-repeat;
	float:left;
	width:5px; height:5px;
}

td.l {
	background: url(../images/border_l.jpg) 0 0 repeat-y;	
	width:5px;
}

td.r {
	background: url(../images/border_r.jpg) 0 0 repeat-y;	
	width:5px;
}

/* Résultat d'un formulaire */
/*
#nasker_end {
	margin:30px auto 50px auto;
	width:450px;
	font-family:arial;
	font-size:12px;
}
*/
#nasker_end a:link,  #nasker_end a:visited, #nasker_end a:hover{font-size:12px;}

#tooltipbar {
	width:360px;
	color:#c10909;
	font-family:arial;
	font-weight:bold;
	font-size:11px;
	line-height:18px;
}


img.formWarning {
	margin-bottom:2px;
	cursor: pointer;
}

img.formWarningToolTip {margin-bottom:4px;}


/*DCA 14/08/2006 - homepage */

div#homebox div.tl {
	background: url(../images/corner_hometl.jpg) 0 0 no-repeat;
	float:left;
	width:5px; height:5px;
}
div#homebox div.t {
	 float:left;height:4px;
	 border-top:1px solid #888;
}
div#homebox div.tr {
	background: url(../images/corner_hometr.jpg) 100% 0 no-repeat;
	float:left;
	width:5px; height:5px;
}

div#homebox div.bl {
	background: url(../images/corner_bl.jpg) 0 0 no-repeat;
	float:left;
	width:5px; height:5px;
}
div#homebox div.b {
	 background: url(../images/border_b.jpg) 0 0 repeat-x;
	 float:left;height:5px;
}
div#homebox div.br {
	background: url(../images/corner_br.jpg) 100% 0 no-repeat;
	float:left;
	width:5px; height:5px;
}

div#homebox div.titre {
	margin-left:auto; margin-right:auto;
	width:170px;
	border-bottom:3px solid #333; 
	padding-bottom: 4px;
	font-size:16px;
	font-weight:bold;
	font-family:arial;
	color:#333
}
	
div#homebox div.description {
	margin-left: 5px;
	margin-top: 5px;
	font-size: 15px;
	font-weight: bold;
	font-family: arial;
	color: #333;
}	

div.firsthomebox {margin-left:8px}


/* DCA 17.10.2007 - page de contenu */

div.titreactu {
	background-image:url(../images/puceActu.jpg);
	background-repeat:no-repeat; 
	background-position: 5px 50%;
	font-family:arial; 
	font-size:12px; 
	color:#333333;
	font-weight:bold;
	padding-left:20px;
	text-decoration:none;
}

div.moduletable_actu {
	margin-left:8px;
	font-size:11px; 
}


h2.contentheading, h1.componentheading,h2.componentheading, .moduletable h3, .moduletable_actu h3,  h3.componentheading {
	color: #333333; 
	font-family: arial; 
	font-size:16px; 
	font-weight:bold; 
	margin:7px 0px 9px 0px;
	padding:10px 0px 0px 2px;
	font-variant:small-caps; 
}

h3.componentheading {
	font-size:13pt;
	margin:4px 0px 9px 0px;
	padding:4px 0px 0px 8px;
}

div.maincontent1 {
	width:830px; 
	margin:0px 8px 0px 2px;
	padding-bottom:10px; 
	text-align:left; 
	float:left; 
}	

div.rightbar {
	width:150px; 
	text-align:left; 
	float:left;
	margin-bottom:5px; 
	margin-top:5px;
}



div.rightbar div.blocnewsletter {
	width:150px; 
	height:115px; 
	background:#ccc; 
	border-top:2px solid #666; 
	border-left:1px dashed #666;
	margin-top:12px;
}

/* DCA 14.10.2007 - editor */

.textPetit {
	font-weight:normal; 
	font-size: 8pt; 
	color: #333; 
	font-family:arial; 
	text-align:left;
}

.text8 {
font-weight: normal; font-size: 8pt; color: #333333; font-family: verdana; text-align: left}

.text10 {
font-weight: normal; font-size: 10pt; color: #333333; font-family: verdana; text-align: left}

.text12 {
font-weight: normal; font-size: 12pt; color: #333333; font-family: verdana; text-align: left}
/* DCA 15.10.2007 - modules */


div.titremodule{        
	font-size: 12px;
	font-weight: bold;
	margin: 2px 5px 8px 5px;
	color: #333;
}


td.headcell {
	text-align:right;
	width:250px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	padding:2px;
	background-color:#efefef;
}

td.bodycell {
	padding-left:10px;}

/* general */

img, img:active , img:link, img:visited {border:0px;}


/* DCA 09.02.2009 -- Formulaire de contact **/
.formulaireContact {background-color:#cccccc;padding:2px 10px;color:#000000;}
.formulaireContact .label{float:left;margin-top:4px;margin-right:4px;width:70px;}
.formulaireContact .zone{float:left;margin-top:4px;text-align:right;width:115px;}

/* DCA 18.04.2009 - Bloc filet orange */

div.bloc-filet-orange {
	border:1px solid #999; border-top:0; 
	background:url(../images/filet-orange.jpg) repeat-x;
	margin-top:10px;padding-top:8px;	
}

/* DCA 18.04.2009 - Bloc RSS */
table.bloc-rss {background:url(../images/fond_bloc_rss.jpg) repeat-x; background-position: center center; padding-top:4px;width:148px;}
table.bloc-rss td {background:url(../images/logo-rss.gif) 50% 0px no-repeat;padding-top:30px;}

table.bloc-rss a{font-size:10px; color:#333; text-decoration:none}
table.bloc-rss a:hover{text-decoration:underline}

table.bloc-rss li {list-style-position : inside; list-style-type:square; list-style-image:url(../images/puce_fleche_noire.gif); 
padding-left:2px; line-height:11px; padding-bottom:3px;}


/* DCA 21.04.2009 - Bloc mini Blog */

div.bloc-mini-blog .bloc {background:url(../images/logo-blog.jpg) 50% 2px no-repeat;padding-top:70px;  min-height:100px; font-size:11px;}
div.bloc-mini-blog .liens {min-height:80px;}
div.bloc-mini-blog .action {float:right;padding-right:5px;}
div.bloc-mini-blog li {display : list-item; list-style-position : inside; list-style-type:square; list-style-image:url(../images/fleche_orange.gif); padding-left:2px; margin-bottom:3px}
div.bloc-mini-blog li:hover {list-style-image:url(../images/puce_fleche_noire.gif); }
div.bloc-mini-blog li:hover a {color:#000; text-decoration:underline}
.enum {background: url(../images/puce_fleche_noire.gif) 0px 5px no-repeat; padding-bottom:10px; padding-left:10px;}

.bloc-rss li {list-style-position : inside; list-style-type:square; list-style-image:url(../images/puce_fleche_noire.gif); 
padding-left:2px; line-height:11px; padding-bottom:3px;}
/* JCO - 26.04.2009 - Menu principal
--------------------------------------------------- **/

div#topBarre {
	width:100%;	height:20px;
	background-image:url(../images/menu_top_barre.jpg);
	background-repeat:repeat-x;
}

.menuprincipal{width:100%;height:24px;margin:0 auto;padding:0;}

.menuprincipal li{
	float:left;
	width:108px;height:22px;
	text-align:center;
	list-style-type:none;
	background-image:url(../images/menu_fond.jpg);
	background-repeat:repeat-x;
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-right: solid 1px #FFFFFF;
}

.menuprincipal li.active{background-image:url(../images/menu_fond_actif.jpg);background-repeat:repeat-x;}
.menuprincipal li.active ul li {background-image:none;}

.menuprincipal li:last-child { border-right: solid 1px #E1E1E1; }

.menuprincipal li:hover{
	background-image:url(../images/menu_fond_actif.jpg);
	background-repeat:repeat-x;
	border-top:solid 1px #FFFCBC;
	border-left:solid 1px #FFC466;
	border-bottom:solid 1px #FFC466;
}

.menuprincipal li a{position:relative;font:normal bold 12px arial;top:3px;padding-bottom:5px;display:block;}

.menuprincipal li a:link, .menuprincipal li a:visited,
.menuprincipal li a:hover, .menuprincipal li a:active, .menuprincipal li a:focus
{ text-decoration:none; color:#333333; border:0; }

.menuprincipal li.parent:hover a{ background:url(../images/menu_parent.jpg) no-repeat 50% 15px; }

.menuprincipal li.parent:hover ul li a{ background:none; }

.menuprincipal li:hover a{ color:#FFFFFF; }
.menuprincipal li.active a{ color:#FFFFFF; }

/* JCO - 26.04.2009 - Sous-menu
--------------------------------------------------- **/

.menuprincipal li ul{
	position:absolute;
	z-index:2;
	margin:3px 0px 0px -2px;
	padding:2px 0px 0px 0px;
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	background-color:#FAFAFA;
	display:none;
	min-width:130px;
}

/*.menuprincipal li:hover ul{ display:block; }*/


.menuprincipal li ul li{
	float:none;
	display:list-item;
	width:auto;	height:18px;
	margin:0;padding:1px 5px 1px 10px;
	text-align:left;
	list-style-type:square;
	list-style-position:inside;
	list-style-image:url(../images/menu_puce.jpg);
	background-image:none;background-color:#FAFAFA;
	border:0;
	min-width:155px!important;
}

.menuprincipal li ul li:hover{list-style-position:inside;list-style-image:url(../images/menu_puce_actif.jpg);background-image:none;background-color:#F8AA2C;border:0;}

.menuprincipal li ul li:last-child{border: 0;}

.menuprincipal li ul li a:link, .menuprincipal li ul li a:visited,
.menuprincipal li ul li a:hover, .menuprincipal li ul li a:active, .menuprincipal li ul li a:focus
{ text-decoration:none; color:#333333; border:0;}

.menuprincipal li ul li:hover a{ color:#FFFFFF; }

.menuprincipal li ul li a{top:0px;font:normal bold 11px arial;text-decoration:none;display:block;min-width:155px!important;margin:-14px 0 0 10px!important;margin:-0 0 0 0!important!;}



/* JCO - 26.04.2009 - Glossaire - description
--------------------------------------------------- **/

#glossaire_description {font:normal bold 12px arial;color:#333333;margin-left:15px;margin-bottom:20px;}/*color:#ff9801;*/

/* JCO - 26.04.2009 - Glossaire - dictionnaire
--------------------------------------------------- **/

#glossaire_dico{float:left;}

#glossaire_dico_main{float:left; width:200px; height:374px; border:1px solid #cccccc; font:normal bold 12px arial;overflow-x:hidden;overflow-y:scroll;}
#glossaire_dico_main div.glossaire_dico_word{width:180px; padding:1px;margin:0px;}
#glossaire_dico_main div.glossaire_dico_word a{padding:0px 0px 0px 7px; display:block; text-decoration:none; color:#333333;}

#glossaire_dico_main div.glossaire_dico_word:hover{padding:0px;margin:0px;border:1px solid #e09928;}

#glossaire_dico_right{float:right;}
#glossaire_dico_corner1{float:none;background-image:url(../images/dictionnaire_corner1.jpg);width:5px;height:5px;}
#glossaire_dico_border_r{float:none;background-image:url(../images/dictionnaire_border_right.jpg); background-repeat:repeat-y;width:5px;height:371px;}

#glossaire_dico_corner3{float:left;background-image:url(../images/dictionnaire_corner3.jpg);width:5px;height:5px;}
#glossaire_dico_border_b{float:left;background-image:url(../images/dictionnaire_border_bottom.jpg); background-repeat:repeat-x;width:197px;height:5px;}
#glossaire_dico_corner2{float:left;background-image:url(../images/dictionnaire_corner2.jpg);width:5px;height:5px;}

#glossaire_dico_main div.glossaire_word_active{background-color:#f8aa2d;padding:0px;border:1px solid #e09928;}
#glossaire_dico_main div.glossaire_word_active a {color:#ffffff;}

/* JCO - 26.04.2009 - Glossaire - alphabet
--------------------------------------------------- **/

#glossaire_alphabet{margin-left:220px;margin-bottom:5px;}
#glossaire_alphabet td{
	width:16px;height:12px;
	font:normal bold 12px arial;
	border:1px solid #cccccc;
	background-image:url(../images/glossaire_fond.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#glossaire_alphabet td.glossaire_letter_active{border:1px solid #c57700;background-image:none;background-color:#f8aa2d;}
#glossaire_alphabet td.glossaire_letter_withwords:hover{border-color:#e09928;}

#glossaire_alphabet td a {display:block;text-decoration:none;color:#333333;}

#glossaire_alphabet td.glossaire_letter_withwords a{color:#333333;}
#glossaire_alphabet td.glossaire_letter_withoutwords a{color:#aaaaaa}

#glossaire_alphabet td.glossaire_letter_active a{color:#ffffff;}

/* JCO - 26.04.2009 - Glossaire - définitions
--------------------------------------------------- **/

#glossaire_words{margin-left:220px;}

#glossaire_words div.glossaire_mot{
	margin:25px 10px 25px 5px;
	padding-left:17px;
	background-image:url(../images/glossaire_puce.jpg);
	background-position:0 3px;
	background-repeat:no-repeat;
	font:normal bold 12px arial;
	color:#ffb23f;
}

#glossaire_words div.glossaire_definition{
	margin:5px 5px 5px -13px;
	padding:0px 0px 0px 12px;
	border-left:1px solid #999999;
	font:normal normal 12px arial;
	color:#333333;
}

/* JCO - 26.04.2009 - FAQ
--------------------------------------------------- **/

#accordion  {margin-left:10px;}

#accordion h3 {height:28px;font:normal bold 12px arial;color:#000000;border:0;background-color:#ffffff;}
#accordion h3 span {float:left;width:24px;height:24px;background-image:url(../images/faq_puce.jpg);background-position:0px 0px;}
#accordion h3 a{position:relative;top:3px;left:3px;color:#333333;}

#accordion h3.ui-state-active a{text-decoration:underline;}

#accordion div{font:normal normal 11px arial;border:0;color:#333333;border-left:1px solid #ff9900;margin:0px 0px 10px 26px;padding:2px 5px 2px 8px;}

/* DCA - 21.04.2009 - Composant BLOG
----------------------------------*/
#bloglist {zborder:1px dotted red; font-family:arial}
#bloglist .item {margin:5px 0px; padding-bottom:8px; border-bottom:1px solid #999;}
#bloglist .item .date {width:70px; height:35px; background: #cdcdcd; font-size:11px; color:#fff; line-height:11px; text-align:center; float:left;}
#bloglist .item .titlebar {float:left; padding-left:5px;}
#bloglist .item .titlebar .title {color:#000; font-weight:bold; font-size:13px; margin-bottom:2px;}
#bloglist .item .titlebar .nbcomments {font-size:11px; background:url(../images/ico_comments.jpg) no-repeat; padding-left:20px; font-style:italic}
#bloglist .item .iconBar {float:right;}
#bloglist .item .iconBar .edit {font-size:11px; height:20px; background:url(../images/ico_editer.jpg) no-repeat; padding-left:20px;float:left;display:none; }
#bloglist .item .iconBar .comment{font-size:12px; font-weight: bold; height:20px; background:url(../images/ico_note.jpg) no-repeat; padding-left:20px;float:left;margin-left:15px;}
#bloglist .dateauthor {font-style:italic; color:#06aef2; margin-bottom: 6px; display:none;}

#bloglist .listcomments {padding:2px; margin-bottom:12px; padding-bottom:18px; border-bottom:1px solid #999; color:#333; font-size:11px;}
#bloglist .listcomments .titreBloc {display:none;}
#bloglist .listcomments .datea {font-style:italic; margin-bottom: 6px; background:url(../images/ico_comments.jpg) no-repeat; padding-left:20px; text-decoration:underline }
#bloglist .listcomments .datea :first-letter{text-transform:uppercase;}
#bloglist .listcomments .comment {padding-bottom:5px; margin-bottom:3px;}
#bloglist .listcomments .action .comment {font-size:11px; height:20px; background:url(../images/ico_note.jpg) no-repeat; padding-left:20px;float:right;}

#bloglist .pagination {text-align:center;font-size:11px;}


/* DCA - 23.04.2009 - Tag cloud 
-------------------------------------------------  ****/

.tagcloud {margin:5px; line-height: 18px; text-align:center; padding:5px;  
	border-right:1px solid #999; border-bottom:1px solid #999;}
.tagcloud a {margin: 0 3px; color:#333333; text-decoration:none}
.tagcloud a:hover {text-decoration:underline;}

/* DCA - 24.04.2009 - Polls
--------------------------------------------------- **/
.bloc-mini-sondage {padding:2px; font-size:11px;}
div.poll h3 {color:orange}


/* DCA - 27.04.2009 - Login 
--------------------------------------------------- **/
#login {width:230px; height:40px; zbackground:yellow; position:absolute; top:65px;}
#login .fond-blanc {background:#fff;color:#666;padding-left:2px;float:left; width:70px; margin-left:8px;margin-top:1px; }
#login .btaction {clear:both;font-family:arial;font-size:11px;color:#fff;font-weight:bold; text-decoration:none}
#login .btaction:hover {text-decoration:underline}
#login .ligne2 {padding-top:8px;color:#fff;font-weight:bold;font-size:11px;padding-right:5px}