/* normalise les marges et les remplissages  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding : 0;
}
/* normalise les tailles de polices pour les en-ttes */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
/* supprime list-style pour les listes */
ul {
list-style : none;
}
/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
/* supprime les bordures dans les tableaux */
table {
border-collapse : collapse;
border-spacing : 0;
}
/* supprime les bordures dans les lments fieldset et img */
fieldset, img {
border : 0;
}
/* aligne le texte  gauche dans caption et th */
caption, th {
text-align : left;
}
/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after {
content :'';
}
/* supprime le souslignage des liens et les met en noir */
a {
text-decoration : none;
color : #33c;
}

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

		SITE

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


body {
padding: 0;
margin: 0;
text-align:center;
background: #cab9a9 url(../images/bg.jpg) 0 0 repeat-x;
}

/**		HEADER	**/

#header-site {
position: relative;
width:100%;
height:40px;
border-bottom:1px solid #ccc;
background:transparent url(../images/header/bg-header-black.jpg) 0 0 repeat-x ;
text-align:left;
z-index:10;
}

#header-site .wrapper-site {
position:relative;
height:40px;
padding:10px 0 0 0;
}


/**	WEB 2	**/

#social-links {
float:right;
font-size:16px;
height:25px;
line-height:25px;
list-style:none;
margin:-2px 0 0 0 ;
}

#social-links li {
color:#676767;
float:left;
font-size:17px;
height:25px;
line-height:25px !important;
margin-left:5px;
vertical-align:middle;
}

#twitter, #blogger, #facebook, #rss, #linkedin, #myspace, #delicious, #flickr, #youtube, #vimeo, #yahoo {
background: transparent url(../images/social-links.png) 0 0 no-repeat;
float:left;
height:25px;
text-indent:-9999px;
width:26px;
}

#twitter {
background-position:-162px 0;
}
#twitter:hover {
background-position:-162px -25px;
}

#flickr {
background-position:-190px 0;
}
#flickr:hover {
background-position:-190px -25px;
}

#youtube {
background-position:-217px 0;
}
#youtube:hover {
background-position:-217px -25px;
}

#vimeo {
background-position:-244px 0;
}
#vimeo:hover {
background-position:-244px -25px;
}

#yahoo {
background-position:-271px 0;
}
#yahoo:hover {
background-position:-271px -25px;
}

#blogger {
background-position:-54px 0;
}
#blogger:hover {
background-position:-54px -25px;
}

#facebook {
background-position:-108px 0;
}
#facebook:hover {
background-position:-108px -25px;
}

#delicious {
background-position:-81px 0;
}
#delicious:hover {
background-position:-81px -25px;
}

#rss {
background-position:-135px 0;
}
#rss:hover {
background-position:-135px -25px;
}

#linkedin {
background-position: 0px 0;
}
#linkedin:hover {
background-position: 0px -25px;
}

#myspace {
background-position:-27px 0;
}
#myspace:hover {
background-position:-27px -25px;
}

#search {
float:right;
}

.search {
position:relative;
z-index:1;
}

#search .inputbox {
border:0 none !important;
height:12px;
padding:5px 20px 5px 10px !important;
width:134px;
font-size:95%;
background:transparent url(../images/header/bg-search-black.jpg) 0 0 no-repeat !important;
color:#888;
}

#search .inputbox:focus, #search .inputbox:hover {
color: #fff ;
}

#search .button {
position:absolute;
top:2px;
right:6px;
border : none !important;
z-index:2;
}

#search label {
display:none;
}

#top_menu {
float:left;
}

#translate {
float:left;
margin-right:10px;
}
#jflanguageselection {
margin:0;
}
.rawimages {
margin-top: 0px;
}


.breadcrumb {
position:absolute;
bottom:-8px;
left:14px;
font-size:90%;
z-index:10;
}

/**		SITE		**/


.wrapper-site, .wrapper-site-content {
position:relative;
width:980px;
text-align:left;
margin: 0 auto;
padding:0;
}

.wrapper-site-content {
margin-top : 30px ;
margin-bottom : 30px ;
}

.yes-shadow {
-moz-box-shadow:0px 12px 20px #444;
-webkit-box-shadow:0px 12px 20px #444;
box-shadow:0px 12px 20px #444;
}

#header {
position:relative;
width:100%;
height:60px;
background-color: #241711;
height:50px;
height : auto !important;
min-height:50px;
z-index:100;
}

#logo {
position:relative;
padding:10px 15px 8px 15px;
z-index:1;
}

#logo p {
margin:0;
}
#logo a, #logo a:hover {
text-decoration:none;
outline:none;
}

#menu {
position:absolute;
bottom:12px;
right:30px;
z-index:100;
}

/**	Image	**/

#image {
position:relative;
background-color: #584737;
width:100%;
z-index:1;
}

#image p {
margin : 0;
}

/**		content area website		**/

#content-area {
position:relative;
clear : both;
padding:5px  10px 30px 10px;
background-color : #584737 ;
z-index:1;
}

.left {
position:relative;
float:left;
width:180px;
margin: 14px 20px 0 10px;
z-index:1;
}

.left .moduletable, .left .moduletable_menu {
margin-bottom:25px;
}

#content {
position:relative;
overflow:hidden;
padding-top:14px;
z-index:1;
}

#main_component {
}

.right {
float:right;
width:180px;
margin: 0 10px 0 20px;
}

.right .moduletable {
position:relative;
z-index:1;
}

.right .moduletable, .right .moduletable_menu {
margin-bottom:25px;
}

.main-content {
position:relative;
overflow:hidden;
padding: 0 10px;
z-index:1;
}

/**  users modules
**/

#users_top, #users_bottom, #users_footer {
margin: 0;
padding: 0px 0 6px 0;
clear:both;
width: 100%;
}
#users_bottom {
padding:30px 0 0px 0px;
}
#users_footer {
padding:0px 0 2px 0px;
text-align:center;
}
.user1, .user4,.user7 {
float:left;
margin-right:14px;
padding-right:8px;
/** border-right: 1px solid #e5e5e5; **/
}
.user3, .user6, .user9 {
float:right;
margin-left:8px;
padding-left:14px;
/** border-left: 1px solid #e5e5e5; **/
}
.user2, .user5, .user8 {
position:relative;
overflow:hidden;
}
.user1, .user2, .user3, .user4, .user5, .user6, .user7, .user8, .user9 {
min-height:40px;
height:auto !important;
height:40px;
}

.user1 > div , .user2 > div , .user3 > div , .user4 > div, .user5 > div, .user6 > div, .user7 > div, .user8 > div, .user9 > div {
padding:10px;
}

#users_top .moduletable, #users_bottom .moduletable, #users_footer .moduletable {
margin-bottom:20px;
}

/** Module class suffix	**/

.left .moduletable, .right .moduletable {
padding:10px;
}

.left .grey, .right .grey {
background: transparent url(../images/black-07.png) 0 0 repeat;
}

.user1 .grey, .user2 .grey, .user3 .grey, .user4 .grey, .user5 .grey, .user6 .grey, .user7 .grey, .user8 .grey, .user9 .grey {
background: transparent url(../images/black-07.png) 0 0 repeat;
padding:10px !important;
}

.left .light, .right .light {
background: transparent url(../images/white-04.png) 0 0 repeat;
}

.user1 .light, .user2 .light, .user3 .light, .user4 .light, .user5 .light, .user6 .light, .user7 .light, .user8 .light, .user9 .light {
background: transparent url(../images/white-04.png) 0 0 repeat;
padding:10px !important;
}


.left .border, .right .border, .user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border, .user7 .border, .user8 .border, .user9 .border {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
border:1px solid #666;
}

.user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border, .user7 .border, .user8 .border, .user9 .border {
padding:10px;
}

.user1 .border, .user2 .border, .user3 .border,
.user1 .light, .user2 .light, .user3 .light,
.user1 .grey, .user2 .grey, .user3 .grey {
padding-top:0 !important;
}

.user1 .border h3, .user2 .border h3, .user3 .border h3,
.user1 .light h3, .user2 .light h3, .user3 .light h3,
.user1 .grey h3, .user2 .grey h3, .user3 .grey h3 {
margin-top:8px;
}

.left .border table, .left .border table td, .left .border table th, .left .border ul,  .left .light ul,
.right .border table, .right .border table td, .right .border table th, .right .border ul, .right .light ul,
.user1 .border table, .user1 .border table td, .user1 .border table th, .user1 .border ul, .user1 .light ul,
.user2 .border table, .user2 .border table td, .user2 .border table th, .user2 .border ul, .user2 .light ul,
.user3 .border table, .user3 .border table td, .user3 .border table th, .user3 .border ul, .user3 .light ul,
.user4 .border table, .user4 .border table td, .user4 .border table th, .user4 .border ul, .user4 .light ul,
.user5 .border table, .user5 .border table td, .user5 .border table th, .user5 .border ul, .user5 .light ul,
.user6 .border table, .user6 .border table td, .user6 .border table th, .user6 .border ul, .user6 .light ul,
.user7 .border table, .user7 .border table td, .user7 .border table th, .user7 .border ul, .user7 .light ul,
.user8 .border table, .user8 .border table td, .user8 .border table th, .user8 .border ul, .user8 .light ul,
.user9 .border table, .user9 .border table td, .user9 .border table th, .user9 .border ul, .user9 .light ul {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}

.user7 .moduletable > div, .user8 .moduletable > div, .user9 .moduletable > div {
position: relative;
}


/**  ARTICLE  JOOMLA **/

/**	icons	**/

ul.actions {
margin:10px 10px 0 3px;
padding:0;
text-align:right;
float:right;
}

ul.actions li {
display:inline;
}

ul.actions a {
text-decoration:none;
}

/**	article info	**/

.article-info  {
font-size:90%;
margin:8px 0 15px 0;
}

.article-info-term  {
display:none;
}

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
padding: 0;
}

.items-leading {
padding:0px 5px 10px 5px;
overflow:hidden;
margin-bottom:10px;
}

.row-separator {
display: block;
clear: both;
margin: 0;
border: 0px;
height:1px;
}

.item-separator {
display: none;
margin: 0px;
}

.shownocolumns {
width:98% !important;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}

.cols-2 .column-1 {
width:46%;
float:left;
}

.cols-2 .column-2 {
width:46%;
float:right;
margin:0;
}

.cols-3 .column-1 {
float:left;
width:29%;
padding:0px 5px;
margin-right:4%;
}

.cols-3 .column-2 {
float:left;
width:29%;
margin-left:0;
padding:0px 5px;
}

.cols-3 .column-3 {
float:right;
width:29%;
padding:0px 5px;
}

.items-row {
overflow:hidden;
margin-bottom:10px !important;
}

.items-row > div > h2, .items-leading > div > h2 {
margin : 0 0 12px 0;
padding: 4px 6px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
background: transparent url(../images/black-05.png) 0 0 repeat;
}

.items-row > div > h2, .items-leading > div > h2 {
font-size:140%;
}

.column-1, .column-2, .column-3 {
padding:10px 5px;
}

.column-2 {
width:55%;
margin-left:40%;
}

.column-3 {
width:30%;
}

.blog-more {
padding:10px 5px
}

span.content_rating img {
display:inline-block;
margin:0 1px;
}

span.content_vote input {
display:inline-block;
margin:0 2px;
}

/**  BOTTOM  SITE	**/

#footer {
position: relative;
clear:both;
z-index:2;
}

#footer .wrapper {
}

#address {
text-align:center;
margin:0px auto 40px auto;
padding-top:20px;
width:90%;
}


#address p {
text-align:center;
text-transform:uppercase;
margin: 0px;
}

#bottom_menu {
}


/**  OTHERS  	**/

.clr {
clear:both;
}

/**	JS	**/

.js {
clear:both;
padding:15px 0;
margin:0 auto;
text-align:center;
height:8px;
width:130px;
}

#jslink {
float:left;
text-indent:-9999px;
height:8px;
width:130px;
background : transparent url(../images/js.png) 0 0 no-repeat;
}


/**	BLOG LIST	**/
table.category {
width:100%;
margin-top:6px;
}
.sectiontableheader {
background: transparent url(../images/white-04.png) top left repeat;
padding:8px 5px;
}
.sectiontableheader a {
text-transform:uppercase;
color: #444;
text-decoration : none;
}
tr.sectiontableentry1 td, tr.even td {
background-color : transparent;
border-bottom: 1px dotted #695542;
padding:8px 5px;
}
tr.sectiontableentry2 td, tr.odd td {
background: transparent url(../images/white-04.png) top left repeat;
border-bottom: 1px dotted #695542;
padding:8px 5px;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background: transparent url(../images/white-07.png) top left repeat;
border-bottom: 1px dotted #695542;
}
tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {
text-decoration : none;
}
/**	FORMULAIRE	**/
.inputbox {
background: transparent url(../images/white-04.png) top left repeat !important;
border:1px solid #555 !important;
border-color:#666 #555 #555 #666 !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin:0;
color:#ddd;
}
.inputbox:hover, .inputbox:focus {
background: transparent url(../images/white-07.png) top left repeat !important;
border-color: #555 #666 #666 #555 !important;
}
input, select, textarea, .inputbox {
font-size:100%;
padding:3px 3px !important;
}
/**  OTHERS  	**/
.clr {
clear:both;
}


/**	Polls	**/
.pollstableborder {
margin: 10px 0;
}
.pollstableborder tr {
display:block;
padding: 5px 0;
}
.pollstableborder tr .sectiontableentry1, .pollstableborder tr .sectiontableentry2 {
display:inline-block;
margin-right: 5px;
text-align:left;
}
/**	Virtuemart	**/
.cbContainer {
z-index:9999999;
}
.cbBox h3 {
color : #000;
line-height:13px;
}
.vmCartContainer, .vmCartContainer .inputbox, .vmCartContainer .inputbox:hover, .vmCartContainer .inputbox:focus {
color:#000;
}

/**	Ari slider	**/
.slider, .nivoSlider {
margin:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
overflow:hidden;
}
body .ari-image-slider-wCtrlNav {
margin-bottom:0px;
}


/**	contact	**/

.contact h3 {
margin:20px 0;
}

.contact .panel .contact-form form, .contact .panel .contact-address {
margin:20px 0 0 0;
}

.contact-email div {
margin:0 0 10px;
padding:2px 0;
}

.contact-email label {
float:left;
width:17em;
}

#contact-email-copy  {
float:left;
margin-right:10px;
}

fieldset {
margin-bottom:20px;
}

fieldset > div {
margin-bottom:12px;
}

fieldset dt {
clear:left ;
float:left;
width:11em;
padding:3px 20px 3px 0 ;
}

fieldset dd {
float:left;
padding:3px 0 ;
}

#jform_contact_emailmsg {
width:237px;
}

.contact .button {
clear: left;
display: block;
float: none !important;
margin: 20px 0 0 0;
}

legend {
margin-bottom:15px;
font-weight:bold;
color: #eee;
}

input, textarea {
background: transparent url(../images/black-03.png) top left repeat;
border:1px solid #666;
border-color:#666 #555 #555 #666 ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin:0;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
background: transparent url(../images/black-05.png) top left repeat;
border-color: #555 #666 #666 #555;
}

.panel h3.pane-toggler a {
display:block;
background: transparent url(../images/slider_plus.png) right top no-repeat;
}
.panel h3.pane-toggler-down a {
display:block;
background: transparent  url(../images/slider_minus.png) right top no-repeat;
border-bottom:solid 1px #695542;
padding-bottom:6px;
}

#member-registration > div, #user-registration > div {
margin-top:22px;
}

#editor-xtd-buttons {
float:left;
}

#editor-xtd-buttons .readmore a {
padding: 0 24px 0 6px;
border:none;
text-shadow:none;
margin-right:0;
font-style:normal;
font-size:11px;
color:#666;
float:left;
background-image:none;
}

.toggle-editor {
margin: 5px 0 0 0px;
}

/**		category list	**/

.categories-list ul {
padding:5px 5px 0 5px;
}

.categories-list ul li {
padding:15px 5px;
}

.categories-list ul li.first {
padding:5px;
}

.categories-list ul ul {
margin-left:15px;
}

.categories-list ul ul li {
padding:5px;
}

.categories-list ul li span.item-title {
display:block;
font-size:120%;
margin-bottom:10px;
}

.categories-list .category-desc {
margin: 9px 0 0 8px;
}

.categories-list .category-desc p {
margin: 4px 0 4px 0;
}

.categories-list dl {
font-size:90%;
font-style:italic;
margin: 4px 0 0 8px;
}

.categories-list dd, .categories-list dt {
display:inline-block;
margin-right:3px;
}

.contact-miscinfo .jicons-icons {
float:left;
margin: 6px 14px 0 0;
}

/**	login content	**/

.login-fields {
margin:10px 0;
}

.login-fields label {
float:left;
width:9em;
}

/**  Error Message contact form  **/
p.error {
padding:10px;
}

/**  editor  **/
.contentpaneopen_edit {
float: left;
}

.contentpaneopen_edit img {
}

/**	form required	**/

.form-required {
background: transparent url(../images/req.png) 0 7px no-repeat;
font-weight:bold;
margin:10px 0;
padding:10px 40px;
}

/**  pagebreak  **/
table.contenttoc {
padding:10px;
margin:10px;
}

table.contenttoc tr td {
padding:1px 0px
}

.pagenavcounter {
font-weight:bold;
}

/**	page nav	**/

ul.pagenav {
list-style-type:none;
overflow:hidden;
padding:0;
}

ul.pagenav li {
-moz-border-radius : 3px;
border:1px solid #695542;
display:inline-block;
margin:0;
padding:0 9px;
position:relative;
line-height:2em;
background-image:none !important;
margin:0 3px !important;
padding:0 4px !important;
}

ul.pagenav li:hover {
background: transparent url(../images/black-05.png) 0 0 repeat !important;
}

ul.pagenav li a {
text-decoration:none;
}

ul.pagenav li.pagenav_prev {
float:left;
}

ul.pagenav li.pagenav_next {
float:right;
}

/**	panel slider	**/

.pane-sliders {
margin:16px 0 10px 0; 
}

.panel {
border:1px solid #695542;
background: transparent url(../images/black-03.png) 0 0 repeat;
margin-top:-1px;
}

.panel h3 {
padding : 9px;
margin:0;
}

.pane-slider {
border:0 solid;
margin:0;
padding:0 14px !important;
}

.jpane-slider {
border:0 solid;
margin:0;
padding:0 14px !important;
}

.panel h3.jpane-toggler-down a {
background: transparent url(../images/slider_minus.png) right top no-repeat;
display:block;
}

.panel h3.jpane-toggler a {
background: transparent url(../images/slider_plus.png) right top no-repeat;
display:block;
}

.panel .contact-form, .panel .contact-miscinfo  {
padding:10px 10px 10px 10px;
}

/**	weblinks	**/

table.weblinks, table.category {
font-size:1em;
margin:10px 10px 20px 0;
width:99%;
}

table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background: transparent url(../images/black-07.png) 0 0 repeat;
color:#fff;
padding:7px;
}

table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a  {
color:#fff !important;
}

table.weblinks td, table.category td {
padding:7px;
}

#main_component th, #main_component tr, #main_component td {
border:1px solid #695542;
}

.weblink-category a {
font-size:110%;
text-decoration:none;
font-weight:bold;
padding: 0 0 0 5px;
}

/**	pagination	**/

.pagination {
border-top:1px solid #695542;
margin: 10px 0;
padding: 10px 0;
}

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

.pagination li {
-moz-border-radius : 3px;
border:1px solid #695542;
display:inline-block;
margin:0;
padding:0 9px;
position:relative;
line-height:2em;
background-image:none !important;
margin:0 2px !important;
padding:0 3px !important;
}

.pagenav {
padding:2px;
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
border:0;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span {
padding:0;
}

p.counter {
float:right;
margin: 0 0 14px 0;
}

/**	items more	**/

.items-more h3 {
border-bottom:1px solid #695542;
border-top:1px solid #695542;
color:#eee;
}

.items-more h3 {
font-size:115%;
font-weight:normal;
margin:0;
padding:5px;
}

/** translate	**/

.mod-languages ul {
margin-top:4px;
}

.mod-languages ul li {
display:inline;
}

/**		search form		**/

#searchForm {
margin:20px 0;
}

#searchForm fieldset {
margin:8px 0;
}

#searchForm fieldset legend {
padding:25px 0 5px 0;
font-weight:bold;
text-decoration:underline;
font-size:110%;
}

#searchForm fieldset > div {
margin:6px 0;
}