html {
height: 100%;
}



body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12pt;
	color: #000000;
	font-family: cambria,georgia,arial,sans-serif;
	font-weight: normal;
	background-color: #000000;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}



/*texte*/

p {
font-size: 100%;
}



h1 {
font-size: 0%;
}



h2 {
font-size: 150%;
}



h3 {
font-size: 125%;
}



h4, h5, h6 {
font-size: 100%;
}



a:link, a:visited {

text-decoration:none;

color:#821d12;

font-weight:normal;
}



a:hover {

color:#000000;
}



ul {

margin:0;

padding-left:10px;
}



li {

ist-style:disc; 

background:none;

margin:4px;
}



img {

border:none;

margin:3px 5px;

padding:0;
}



img .caption {

text-align: left;
}



.highlight{

background:#821d12;

padding: 0px 2px 0px 2px;

color:#ffffff;
}



.button {

background:#821d12;

border:none;

color:#fff;

font-weight:bold;

padding:4px;
}



.inputbox {

color:#fff;

background:#000;

border:none;

padding:4px;

font-weight:bold;
}



.pagewidth{

width:990px;

text-align:center;

background:transparent;

margin-left:auto;

margin-right:auto;

margin-top:0px;

margin-bottom:0px;
}



fieldset {

margin:0px 5px 5px 5px;

padding:5px;

border:none;
}



#header {
	float: left;
	width: 860px;
	height: 639px;
	margin-left: 65px;
	background-image: url(../images/head.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}



#sitename {

float:left;

margin-left:50px;

margin-top:110px;
}



#deco {

float:left;

margin-top:40px;

margin-left:81px;
}



/****topmenu*****/

#menu {
	float: left;
	width: 844px;
	height: 52px;
	margin-top: 0px;
	text-align: center;
	margin-left: auto;
	background-color: transparent;
	clip: rect(auto,auto,auto,-40px);
	background-image: url(../images/menubkg2.png);
}



#navigation ul {
	list-style: none;
	padding: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	clip: rect(auto,auto,auto,auto);
	left: 40px;
	top: 4px;

}



#navigation {
	float: left;
	height: 50px;
	text-align: center;
	z-index: 50;
	width: 810px;
	margin-top: 6px;
	background-color: transparent;
}


#navigation a {
	float: left;
	display: block;
	height: 50px;
	padding: 8px 10px 0 20px;
	font-weight: bold;
	color: #821d12;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-image: url(../images/bg-item.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}



#navigation  a:hover{
	color: #000000;
	background-image: url(../images/bg-item-active.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}



#navigation li.active a  {
	color: #000;
	background-image: url(../images/bg-item-active.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}



#navigation li.active ul li a ,

#navigation li ul li a ,

#navigation li ul li a:hover,

#navigation li.active ul li a:hover {

background: url(../images/bg-item-active.png) 8px 17px no-repeat !important;

text-align:left;

padding-left:35px;

padding-top:22px;
}



#navigation li {

display: block;

float: left;

margin: 0;

margin-right: 5px;

padding: 0;
}



#navigation li li a {

font-size: 13px !important;

padding:13px 0 0 0;

color:#d0cdcd !important;

background:none !important;

}



#navigation li li a:hover {

color: #000 !important;

background:none !important;
}



#navigation li li {

border-bottom: 1px dashed #d0cdcd ;

}



.nav, .nav * {
	margin: 0;
	padding: 0;
	clip: rect(auto,auto,auto,40px);
}



.nav{

float:left;

position: relative;

z-index:10;
}



.nav ul {

background: url(../images/bg-ulmenu.jpg) 0 0 repeat;

padding: 0;
}



.nav li {

float:left;

list-style:none;

position:relative;

background:none;
}



.nav li li a {

display:block;

padding: 0;

text-decoration:none;

background: none;

float:none;

width:200px;
}



#navigation li li a {

height: 30px;

line-height:30px;
}



#navigation li:hover li,

#navigatin li.sfHover li,

#navigation li.active:hover li,

#navigation li.active.sfHover li,

#navigation li:hover li span,

#navigation li.sfHover li span {

background-image: none;
}



#navigation li:hover li a,

#navigation li.sfHover li a,

#navigation li.active:hover li a,

#navigation li.active.sfHover li a {

background-image: none;

}



.nav li ul {

float:none;

left:-999em;

position:absolute;

width: 200px;

z-index: 5;
}



.nav li:hover ul,

.nav li.sfHover ul {

left:22px;

top: 45px;
}



.nav li:hover li ul,

.nav li.sfHover li ul,

.nav li li:hover li ul,

.nav li li.sfHover li ul,

.nav li li li:hover li ul,

.nav li li li.sfHover li ul {

top:-999em;

}



.nav li li:hover ul,

.nav li li.sfHover ul,

.nav li li li:hover ul,

.nav li li li.sfHover ul,

.nav li li li li:hover ul,

.nav li li li li.sfHover ul {

left: 177px;

top:0px;

width: 200px;
}



.nav li li {

position: relative;

float:none;

width: 200px;
}



/***SLIDE****/

#slide {

float:left;

width:750px;

height:355px;

margin-left:40px;

padding:0 15px 0px 15px !important ;

background:#000;

position: relative;
}



.joomscontmask1{

float:left;

width:750px;

height:340px;

overflow:hidden; 

position: relative;

margin:0 !important;

padding:0 !important;

}

 

#joomscontbox1 {

position: absolute;

margin:0 0 0 -4px !important;
}

 

#joomscontbox1 .inner {

width:750px;

height:320px;

display:block;

float:left;

margin:0  !important;

padding:0 !important;
}



.prev1, .next1{

width: 107px; 

height: 44px;

margin-top:-25px;

position: absolute;

top:50%;

z-index: 1;

cursor:pointer; 

}

 

.prev1{

left:0;

background: url(../images/prev.png) 0 0 no-repeat ;

margin-left:-106px;

 

}

 

.next1{

right:0;

background: url(../images/images/next.png) 0 0 no-repeat ;

margin-right:-106px !important;
}


.inner .moduletable {

padding:0 ;

margin:0;

text-align:left;

z-index:10;
}


.inner .moduletable h3 {

font-size:20px;
}



.contentpaneopen {

margin:0 ;

padding:10px ;
}



#slide img{

margin:0 !important;

padding:0!important;

width:750px;

}


.wrapper {
	float: left;
	width: 825px;
	margin-left: 18px;
	background-color: #faf7ee;
	background-image: url(../images/bg-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}



/****search***/

/*  #search {

float:left;

width:207px;

height:50px;

margin-top:20px;

background: url(../images/bg-main.png) 0 100% repeat-x ;

margin-left:20px;



}  



#search .inputbox {

float:left;

background:transparent;

border:none;

margin-top:5px ;

padding:8px 0 0 4px ;

font-size:13px;

color:#000;



}   */



/**breadcrumb****/

/* #breadcrumb {

float:left;

width:520px;

height:10px;

text-align:left;

margin-top:10px;

margin-left:10px;

background: url(../images/bg-main.png) 0 100% repeat-x ;  



} */



#pathway {

margin-left:10px;

background:transparent;

margin-top:10px;



}



/****LEFT***/

#left {

float:left;

width:220px;

background: url(../images/bg-left.png) 100% 0 repeat-y ;

text-align:left;

margin:5px 5px 5px 5px;

padding-left: 5px;



}



#left .moduletable h3,

#left .moduletable_menu h3,

#left .moduletable_text h3 {

font-size:21px;

margin:16px 0 0 0;

padding:0;

letter-spacing:1px;



}



#left .moduletable ,

#left .moduletable_menu ,

#left .moduletable_text  {

font-size:14px;

margin-bottom:30px;

text-transform:capitalize;

font-weight:bold;



}



#left .moduletable a ,

#left .moduletable_menu  a,

#left .moduletable_text a  {

color:#000;



}



#left .moduletable a:hover,

#left .moduletable_menu  a:hover,

#left .moduletable_text a:hover   {

color:#821d12;



}



/*******MAIN******/

#main {

float:left;

width:560px;

text-align:left; 

padding:0 0 25px 0;

background:transparent;

margin-bottom:15px;

margin-top:15px;



}



#main-full {

float:left;

width:800px;

text-align:left; 

padding:0 0 15px 0;

background:transparent;

margin-bottom:5px;

margin-left:10px;

margin-right:10px;

margin-top:0px;



}



/* Pagination ---*/

 .counter {

text-align:center;

padding:10px 0;



}



ul.pagination {

float: left;

width: 100%;

padding:0px 0;

text-align:center;

/*  background: url(../images/bg-main.png) 0 100% repeat-x ;  */



}



ul.pagination li {

background: none;

display: inline;

margin: 0;

padding: 6px;

margin:0 3px;

overflow: hidden;



}



ul.pagination li span {

padding: 6px; 

line-height: 20px;

 

}



ul.pagination a {

background:transparent;

color: #000;

line-height: 20px;

padding:6px;

text-decoration: none;



}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

color:#821d12;

text-decoration: none;



} 



/*****calendar******/

.calendar {

float:left;

display:block ;

padding:5px 0px ;

margin-right:10px;

background: url(../images/calendar.jpg) 0 0 no-repeat;

width:53px ;

height:50px;

text-align:center;



}



.day {

color: #fff;

font-weight:bold;

margin: 0;

padding:0 ;

font-size:17px;

background:transparent;

font-weight: bold;

display:block;



}



.month {

color: #fff;

font-weight: bold;

margin: 0;

padding:0 ;

font-size:17px;

background:transparent;

display:block;



}



/****joomla style main*****/

.contentpaneopen {

margin:0 ;

padding:0;



}



.contentheading {

font-size:21px;

font-weight:bold;

color:#821d12;

background:transparent;

padding-top:5px;

padding-bottom:5px;



} 



p.readmore  {

float:right;

font-weight: normal;

padding:5px;

margin-right:15px;

margin-top:5px;



}



p.readmore a  {

float:right;

font-weight: normal;

padding:5px;

margin-right:15px;

margin-top:5px;



}



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

/*ACTIONS -print-email-edit

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

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

ul.actions  {

background:transparent;

margin:0;



}



ul.actions  li{

list-style:none;

float:right;



}



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

/****article-info(date, date modifiées etc...).../

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



.article-info {



}



dt.article-info-term {

display:none;



}



dl.article-info dd{

margin:0;

font-size:12px;



}



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

/*frontpage ARTICLE

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

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



/**article frontpage global*****/

.items-leading {

width:100%;

font-weight:normal;



}



.items-row {

width:100%;

font-weight:normal;



}



/***titre frontpage*****/

.items-leading h2 {

font-size:21px;

font-weight:bold;

color:#821d12;

background:transparent;

padding-top:20px;

padding-bottom:10px;



} 



.items-row  h2{

font-size:21px;

font-weight:bold;

color:#821d12;

background:transparent;

padding-top:20px;

padding-bottom:10px;



}



/*****separation des articles******/

.item-separator {

height:20px;

width:100%;

display:block;



}



.row-separator {

height:5px;

width:100%;

display:block;



}



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

/* ARTICLE SIMPLE

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

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

.item-page {

width:100%;

padding:0px 10px 0px 10px;



}



.item-page h2 {

font-size:21px;

font-weight:bold;

color:#821d12;

background:transparent;

padding-top:0px;

padding-bottom:5px;



} 



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

/* COLONNES article

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

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

div.cols-1 .item {

width: 100%; 



}



 

.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;



}



.column-1,

.column-2,

.column-3 {

 padding:10px 5px;

 

}



.column-2 {

width:55%;

margin-left:40%;



}



.column-3 {

 width:	30%;

 

}



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

/*****CATEGORY***********/

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



.categories-list {



}



.categories-list li {

list-style:none;



}



.item-title {

font-size:21px;

font-weight:bold;

color:#821d12;

background:transparent;

padding-top:20px;

padding-bottom:10px;



}





ul#archive-items li {

list-style:none;



}



/* ++++++++++++++  items more  ++++++++++++++ */

.items-more{

padding-top:10px;



}



 .items-more h3{

font-weight:normal;

margin:0;

padding:5px 5px 5px 5px;

font-size:1.4em



}



 .items-more ol{

line-height:1.3em;

margin:0 0 0 20px;

padding:5px 0 5px 2px;



}



 .items-more ol li{

padding:2px;



}



 .items-more ol li a {

display:inline;

margin:0;

font-weight:normal;

 padding:5px;



}



 .items-more ol li a:hover,

 .items-more ol li a:active,

 .items-more ol li a:focus {

font-weight:normal;

padding:5px 5px 5px 5px;

text-decoration:none



} 



/* ++++++++++++++  pagination  ++++++++++++++ */



 .counter {

text-align:center;

padding:4px 0;



}





/* ++++++++++++++  nav entre article  ++++++++++++++ */

 ul.pagenav {

 position:relative;

 margin-top:25px;

 

}

 

ul.pagenav li {

 list-style: none;

 padding: 7px;

 background:#000;

 color:#fff;

 

}



ul.pagenav li a {

 list-style: none;

 padding: 7px;

 color:#fff;

 

}

 

ul.pagenav li:hover, ul.pagenav li:focus {

background:#000;

 color:#fff;

 

}

 

ul.pagenav li a:hover, ul.pagenav li a:focus { 

text-decoration:none;

color:#fff;



}

 

ul.pagenav li.pagenav-prev {

float: left;

background:#000;

}

 

ul.pagenav li.pagenav-next { 

float:right;

background:#000;



}



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

.result-title {

padding:10px;



}



.result-title a {

font-size:14px;

text-transform:uppercase;

letter-spacing:1px;

font-weight:bold;



}



#footer { 

float:left;

width:825px;

height:299px;

background: url(../images/footer.png) 0 0 repeat;

margin-left:18px;

margin-top:-20px;



}



#users-box {

float:left;

width:800px;

height:250px;

background:transparent;



}



.box {

float:left;

width:255px;

height:250px;

text-align:left;



} 



#users-box  .moduletable ,

#users-box  .moduletable_menu ,

#users-box  .moduletable_text {

background:transparent;

margin:0;

padding:15px 0 0 33px;



}



#users-box  .moduletable  h3,

#users-box .moduletable_menu h3 ,

#users-box .moduletable_text h3{

font-size:21px;

background: transparent;

padding:4px 10px 4px 20px;

margin:12px 0 12px 0;

text-transform:uppercase;

color:#fff;



}



#users-box div .moduletable a,

#users-box div .moduletable_menu a ,

#users-box div .moduletable_text a {

font-weight:bold;

color:#fff;

font-size:15px;



}



#users-box div .moduletable a:hover,

#users-box div .moduletable_menu a:hover ,

#users-box div .moduletable_text a:hover {

color:#000;



}



#users-box div .moduletable li,

#users-box div .moduletable_menu li,

#users-box div .moduletable_text li{

color:#fff;



}



#users-box p {

color:#fff;



}



.bannerfooter {

padding:3px;

text-align:left;

}



div.banneritem_text  {

padding:4px 8px;

margin:0;

text-align:left;



}



div.bannerheader {

font-size:14px;

font-weight:bold;

text-align:left;



} 



.ftb {

float:left;

margin-top:18px;

margin-left:28px;

text-align:center;

font-weight:normal;

font-size:15px;

width:750px;

color:#fff;



}



.ftb a{

padding:0 !important;

border:none !important;

color:#fff !important;

font-weight:bold;



} 



.ftb a:hover{

padding:0 !important;

border:none !important;

color:#000 !important;



} 



#top {

float:right;

width:30px;

height:30px;

margin-top:5px;

margin-right:15px;

padding:0 !important;

border:none !important;

background:transparent;



}



.top_button {

padding:0 !important;

border:none !important;



}



/*mod login*****/

#loginform{

position:absolute;

top:250px;

left:-5px;

background: url(../images/login.png) 0 0 no-repeat;

position:fixed;

width:42px;

height:147px;



}


 
