html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#eeeeee;
font-size:16px;
color:#000000;
font-family: arial,tahoma , sans-serif;
font-weight:normal;

}

/*text*/
p {
font-size: 100%;

}

h1 {
font-size: 200%;

}

h2 {
font-size: 150%;

}

h3 {
font-size: 125%;

}

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

}

/* liens hypertextes
a:link, a:visited {
text-decoration:underline;
font-weight:bold;
color:#908c8a;
/*color:#706c6b;*/

/*}

a:hover {
color:#353535;

}*/

ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:square;
background:transparent;
margin: 4px;

}

img {
border:none;
margin:3px 5px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#353535;
padding: 0px 2px 0px 2px;
color:#fff;

}

.button {
background:#353535;
border:none;
color:#fff;
font-weight:bold;
padding:4px;

}

.inputbox {
color:#fff;
background:#ddd;
border:none;
padding:4px;
font-weight:bold;

}

.pagewidth{
width:900px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

/***********************/
#wrapper-top {
float:left;
width:100%;
height:250px;
background: url(../images/header.jpg) 0 0% repeat-x;

}

/**********************/
#sitename {
float:left;
width:900px;
height:144px;
background:transparent;

}

/**#tool {
float:right;
width:300px;
height:40px;
background:transparent;
margin-right:20px;
margin-top:50px;
}**/

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

#topmenu {
float:left;
width:900px;
height:50px;
background:transparent;
margin-top:25px;

}

#navigation ul {
list-style: none;
margin: 0;
padding: 0px;

}

#navigation {
float:left;
width:900px;
height:45px;
margin-top:10px;

}

#navigation a {
display: block;
float: left;
height: 30px;
padding: 8px 20px 0 8px;
font-weight:normal;
font-size:14px !important;

}

#navigation  a:hover{
background: url(../images/navi.png) 0 0% repeat-x;
color:#706c6b;

}

#navigation li.active a  {
background: url(../images/navi.png) 0 0% repeat-x;
color:#706c6b;

}

#navigation li {
display: block;
float: left;
margin: 0;
margin-right:11px;
padding: 0;

}

#navigation li li a {
font-size: 14px !important;
padding:10px 0 0 0;
background:#fff;

}


#navigation li li a:hover {
background:#fff;

}

#navigation li li.active a ,#navigation li li.active  {
background:#fff;

}


#navigation li li {
border-bottom: 1px solid #908c8a;

}

.nave, .nave * {
margin:0;
padding:0;

}

.nave{
float:left;
position: relative;
z-index:10;

}

.nave ul {
background:#fff;
padding: 0;

}

.nave li {
float:left;
list-style:none;
position:relative;
background:none;

}

.nave li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:200px;

}

#navigation li li a {
height: 35px;
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:#fff;

}

#navigation li:hover li a,
#navigation li.sfHover li a,
#navigation li.active:hover li a,
#navigation li.active.sfHover li a {
background:#fff;

}

.nave li ul {
float:none;
left:-999em;
position:absolute;
width: 200px;
z-index: 5;

}

.nave li:hover ul,
.nave li.sfHover ul {
left:0px;
top: 50px;

}

.nave li:hover li ul,
.nave li.sfHover li ul,
.nave li li:hover li ul,
.nave li li.sfHover li ul,
.nave li li li:hover li ul,
.nave li li li.sfHover li ul {
top:-999em;

}

.nave li li:hover ul,
.nave li li.sfHover ul,
.nave li li li:hover ul,
.nave li li li.sfHover ul,
.nave li li li li:hover ul,
.nave li li li li.sfHover ul {
left: 177px;
top:0px;
width: 200px;

}

.nave li li {
position: relative;
float:none;
width: 200px;

}

/**#search { 
float:right; 
width:240px; 
height:40px; 
background: #fff; 
margin-top:60px; 
text-align:left !important;
margin-right:10px;

}  
  
#search .inputbox{ 
font-weight:normal; 
background:transparent; 
text-align:left !important; 
margin-top:10px !important; 
margin-left:12px !important; 
padding:0; 
font-size:14px; 
border:none;
font-weight:bold;
color:#706c6b; 

}  **/

/****SLIDE*********/
#slide {
float:left;
width:888px;
height:421px;
background:transparent;
margin-top:45px;
position:relative;

}

#slideshow-w {
float:left;
width:888px;
height:421px;
background:#706c6b;
border:2px solid #e5e4e4;

}

#slideshow {
float:left;
width:888px;
height:316px;
background:transparent;
position:relative;

}

.slideshowlite {
float:left !important;
width: 854px;
height: 345px;
padding:0;
margin:18px 0 0 17px;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

} 

.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;

} 

.slideshowlite ul {
position: absolute;
margin-top: 350px;
left:700px !important;
 z-index: 9; 
list-style-type:none;
background:transparent;
width:123px;
height:35px;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 24px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;

}

 .slideshowlite ul li a {
background:#fff ;
border-radius:50%;
 position: relative; 
display: block; 
width: 24px !important;
height: 24px !important;
float: left;
line-height: 36px; 
text-decoration: none;
text-align: left !important;
font-size: 1px;
 font-weight: bold; 
color: #fff !important;
border:none !important; 
text-indent:-5000px;
margin-top:12px;
margin-left:0;

}

.slideshowlite ul li a.current {
 background: url(../images/button.jpg) 0 0 no-repeat ; 
color: #ffffff !important;

}

.slideshowlite ul li a:hover {
color: #ffffff !important;
background: url(../images/button.jpg) 0 0 no-repeat ;

}
 
.slideshowlite ol {
display: none;

} 

#caption-image {
float:left;
width:600px;
height:25px;
background:transparent;
margin-top:95px;
margin-left:25px;

}

#caption-image h4 {
padding:0;
margin:0;
color:#fff;
text-align:left;
font-size:14px;
text-transform:capitalize;

}

/****box*****/
#wrapper-box {
float:left;
width:890px;
text-align:left;
margin-top:35px;
background:#706c6b;
} 

.box {
float:left;
width:260px;
background:transparent;
margin-left:12px;
color:#fff;

}

.box-f {
float:left;
width:260px;
background:transparent;
margin-left:12px;
color:#fff;

}

.box .moduletable_menu  ,
.box .moduletable  ,
.box  {
padding:0px 12px 15px 12px;
color:#fff;

}

.box-f .moduletable_menu  ,
.box-f .moduletable  ,
.box-f   {
padding:0px 12px 15px 12px;
 color:#fff;
 
}

.box .moduletable_menu h3,
.box .moduletable h3,
.box h3,
.box-f .moduletable_menu h3,
.box-f .moduletable h3,
.box-f h3 {
font-size:23px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
color:#fff;

}

.box .moduletable_menu  a,
.box .moduletable  a,
.box  a,
.box-f .moduletable_menu  a,
.box-f .moduletable  a,
.box-f  a  {
font-weight:normal;
color:#fff;

}

.box .moduletable_menu  a:hover,
.box .moduletable  a:hover,
.box  a:hover,
.box-f .moduletable_menu  a:hover,
.box-f .moduletable  a:hover,
.box-f  a:hover{
font-weight:normal;
color:#fff;

}

/*********************/
#wrapper {
float:left;
width:888px;
background:#f8f8f8 url(../images/wrapper-box.jpg) 0 0 repeat-x ;
margin-top:20px;
padding:0;

}

#main {
float:left;
background:transparent;
width:553px;
padding:0;
text-align:left;
margin-bottom:0px;
margin-top:30px;

}

#main-full {
float:left;
width:880px;
text-align:left;
margin-bottom:0px;
background:transparent;
margin-top:30px

}

/******RIGHT*********/
#right {
float:left;
width:270px;
text-align:left;
padding-right:0px;
padding:0;
background:transparent;
margin-top:30px;
margin-bottom:30px;
margin-left:40px;
border-left:1px solid #dedede;
border-bottom:1px solid #dedede;

}

#right h3 {
font-size:23px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
color:#706c6b;

}

#right ul {
padding-left:10px;

}

#right .moduletable_menu,
#right .moduletable {
 margin-bottom:40px;
padding-left:40px;
background:transparent;
 
}

#footer {
float:left;
width:900px;
height:60px;
background:transparent;

}

.ftb {
margin-top:30px;
text-align:center;
font-weight:normal;
font-size:13px;
width:730px;
float:left;

}

 .ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#908c8a;

} 

.ftb a:hover {
color:#908c8a;

} 

#top {
float:left;
width:30px;
height:30px;
margin-top:18px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
padding:0 !important;
border:none !important;

}

.scroll-left {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 10s linear infinite;
 -webkit-animation: scroll-left 10s linear infinite;
 animation: scroll-left 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}



/**end file***/