html {
 height: 100%;
 
 }
 
 body{
 margin:0;
 padding:0;
 text-align:center;
 background:#1d99bb url(../images/bg.jpg) 0 0 repeat;
 font-size:13px;
 color:#908c8a;
 font-family: tahoma;
 font-weight:normal;
 
 }
 
 /*texte*/
 p {
 font-size: 100%;
 font-family: tahoma;
 }
 
 h1 {
 font-size: 200%;
 font-family: tahoma;
 }
 
 h2 {
 font-size: 150%;
 font-family: tahoma;
 }
 
 h3 {
 font-size: 125%;
 font-family: tahoma;
 }
 
 h4, h5, h6 {
 font-size: 100%;
 font-family: tahoma;
 }
 
 /* liens hypertextes*/ 
 
 a:link, a:visited {
 text-decoration:none;

 color:#1d99bc;
 
 }
 
 a:hover {
 color:#000;
 
 }
 
 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:#1d99bc;
 padding: 0px 2px 0px 2px;
 color:#fff;
 
 }
 
 .button {
 background:#1d99bc;
 border:none;
 color:#fff;

 padding:4px;
 
 }
 
 .inputbox {
 color:#fff;
 background:#1d99bc;
 border:none;
 padding:4px;
 }
 
 .pagewidth{
 width:961px;
 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;
 
 }
 
 /***********************/
 #top {
 float:left;
 width:961px;
 height:45px;
 background: url(../images/top.png) 0 0 no-repeat;margin-top:50px;
 
 }
 
 #header {
 float:left;
 width:961px;
 height:340px;
 background: url(../images/header.png) 0 0 no-repeat;
 
 }
 
 #header-left {
 float:left;
 width:310px;
 height:340px;
 background: url(../images/sep.jpg) 100% 0 repeat-y;
 
 }
 
 #sitename {
 float:left;
 width:280px;
 height:130px;
 background: url(../images/sep-h.jpg) 0 100% repeat-x;
 margin-left:20px;
 margin-top:15px;
 
 }
 
 #wrapper-search {
 float:left;
 width:200px;
 height:85px;
 background: url(../images/sep-h.jpg) 0 100% repeat-x;
 margin-left:20px;
 margin-top:15px;
 
 }
 
 #search-area {
 float:left;
 width:209px;
 height:48px;
 background: url(../images/search.jpg) 0 0 no-repeat;
 margin-top:10px;
 margin-left:15px;
 
 }
 
 #search-area .inputbox {
 margin-top:13px;
 margin-left:26px;
 text-align:left;
 float:left;
 color:#000;
 background:none;

 font-size:17px;
 text-transform:capitalize;
 
 }
 
 /****liens social********/
 #social-links {
 float:left;
 width:280px;
 height:63px;
 background: url(../images/sep-h.jpg) 0 100% repeat-x;
 margin-top:20px;
 margin-left:20px;
 
 }
 
 #twitter ,#facebook ,#linkedin ,#flickr  {
 float:left;
 width:50px;
 height:50px;
 
 }
 
 #twitter a:hover ,#facebook a:hover,#flickr a:hover,#linkedin a:hover {
 float:left;
 width:35px ;
 height:33px ;filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; 
 
 }
 
 #facebook,#linkedin,#flickr  {
 margin-left:2px;
 
 }
 
 #twitter  {
 margin-left:12px;
 
 }
 
 #header-right {
 float:left;
 width:620px;
 height:340px;
 background: url(../images/sep-h.jpg) 0 100% repeat-x;
 margin-left:5px;
 
 }
 
 /***************************/
 .navigation { 
 float:left;
 width: 610px;
 height:60px;
 margin-top:10px;
 background: url(../images/sep-h.jpg) 0 100% repeat-x;
 margin-left:5px;
 
 }
 
 .navigation ul {
 list-style: none;
 margin:0; 
 padding:0;
 float: left;
 
 }
 
 .navigation ul ul {
 margin: 0; 
 /* all lists */
 padding: 0;
 
 }
 
 .navigation ul li {
 margin:0 7px;
 padding: 0;
 float: left;
 list-style: none;
 background: none;
 display: block;

 }
 
 .navigation ul li ul {
 width: 200px;
 position: absolute; 
 /* second-level lists */
 z-index: 99;left: -999em;
 /* using left instead of display to hide menus because display: none isn't read by screen readers */
 height: auto;w\idth: 200px;
 
 }
 
 .navigation ul li ul ul {
 margin: 0; /* third-and-above-level lists */
 
 }
 
 .navigation ul li li {
 padding: 0;
 margin: 0;
 width: 100%;
 
 }
 
 .navigation ul ul a {
 width: 100%;
 
 }
 
 .navigation ul li:hover ul ul,.navigation ul li:hover ul ul ul,.navigation ul li.sfhover ul ul,.navigation ul li.havechildsfhover ul ul,
 .navigation ul li.havechild-activesfhover ul ul,.navigation ul li.activesfhover ul ul,.navigation ul li.sfhover ul ul ul,
 .navigation ul li.havechildsfhover ul ul ul,.navigation ul li.havechild-activesfhover ul ul ul,.navigation ul li.activesfhover ul ul ul {
 left: -999em;  
 
 }
 
 /* This "unhides" the sub-menus (left: -999em is what hides them) */
 .navigation ul li:hover ul,.navigation ul li li:hover ul,.navigation ul li li li:hover ul,.navigation ul li.sfhover ul,
 .navigation ul li.havechildsfhover ul,.navigation ul li.havechild-activesfhover ul,.navigation ul li.activesfhover ul,
 .navigation ul li li.sfhover ul,.navigation ul li li.havesubchildsfhover ul,.navigation ul li li.havesubchild-activesfhover ul,
 .navigation ul li li.activesfhover ul,.navigation ul li li li.sfhover ul,.navigation ul li li li.havesubchildsfhover ul,
 .navigation ul li li li.havesubchild-activesfhover ul,.navigation ul li li li.activesfhover ul {
 left: auto;  
 
 }
 
 /* STYLING THE MENU-----------------------------------*//* 1st level */
 .navigation ul li a {
 padding: 13px 10px 0 8px ;
 margin:0;
 display: block;

 font-size:15px;
 height:29px;color:#000
 
 }
 
 .navigation ul li a:hover {
 padding: 13px 10px 0 8px ;
 margin:0;
 display: block;
 font-size:15px;
 height:29px;
 color:#fff;
 background:#1d99bb url(../images/bg-menu.jpg) 100% 100% no-repeat;
 
 }
 
 .navigation ul li {
 background:transparent;
 height:29px;
 
 }
 
 .navigation ul li span {
 background:transparent;
 height:29px;
 padding:0px ;
 margin:0 ; 
 
 }
 
 .navigation li.active a{
 color:#fff;
 background:#1d99bb url(../images/bg-menu.jpg) 100% 100% no-repeat;
 
 }
 
 /* 2nd level and above */
 .navigation ul li ul {
  background: #1d99bb;
 margin-top: 0px;
 padding-bottom: 3px;
 padding-top: 0x;
 text-align:left !important;
 padding-bottom:0px; 
 
 }
 
 .navigation ul li ul li{
 height:45px !important;
 background: url(../images/tr.jpg) 0 100% repeat-x;margin-bottom:4px;
 
 } 
 
 .navigation ul li ul li a:hover,.navigation ul li ul li.active a  {
 height:41px !important;
 background:none !important;
 
 }  
 
 .navigation ul li ul li a{
 height:45px !important;
 padding-left:31px;
 background:none !important;
  padding-top:5px !important;
/*padding-top:17px !important;*/



 color:#fff !important;
  font-size:16px !important;font-family: tahoma;

 
 }   
 
 .navigation ul li ul li a:hover {
 height:45px ;
 background:none !important;
 color:#000 !important;
 padding-left:31px ;
 
 } 
 
 .navigation ul li ul li.active {
 height:45px ;
 background:none !important;
 
 }
 
 .navigation ul li ul li.active span {
 height:45px ;
 background:none !important;
 
 }
 
 .navigation ul li ul li.active a {
 height:45px ;
 background:none !important;
 
 } 
 
 .navigation ul li ul li ul {
 margin-left:200px;
 margin-top: -30px;
 padding-bottom: 3px;
 padding-top: 0px;
 text-align:left !important;
 padding-bottom: 0px;
 
 } 
 
 /****SLIDE*********/
 #slide {float:left;
 width:860px;
 height:400px !important;
 background:transparent;
 margin-top:20px;
 margin-left:0;
 position:relative;
 padding:0px;
 margin-top:20px;
 margin-left:20px;
 
 }
 
 #slideshow-w {
 float:left;
 width:860px;
 height:400px;
 
 }
 
 #slideshow {
 float:left;
 width:860px;
 height:400px;
 background:transparent;
 
 }
 
 .slideshowlite {
 float:left !important;
 width: 600px;
 height: 231px;
 padding:0 ;
 margin:0 ;
 
 }
 
 .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: 203px;
 left:500px !important;
 z-index: 9; 
 list-style-type:none;
 background: url(../images/nav-slide.jpg) 0 0 no-repeat;width:60px;height:40px;
 
 }
 
 .slideshowlite ul li,.slideshowlite ol li {
 float: left;
 width: 15px;
 padding: 0 2px 0 2px;
 margin:0 !important;
 list-style-type:none;
 border:none !important;
 text-align: left !important;
 
 } 
 
 
 .slideshowlite ul li a {
 position: relative; 
 display: block; 
 width: 5px !important;
 height: 15px !important;
 float: left;
 text-decoration: none;
 text-align: left !important;
 font-size: 18px;
 color: #fff !important;
 border:none !important;
 margin-left:-5px; 
 margin-top:6px;
 
 }
 
 .slideshowlite ul li a.current {
 color:#000 !important;
 
 }
 
 .slideshowlite ul li a:hover {
 color: #000 !important;
 
 }

 .slideshowlite ol {
 /* display: none; */
 
 }
 
 #wrapper {
 float:left;
 width:961px;
 background: url(../images/wrapper.jpg) 0 0 repeat-y;
 padding-bottom:15px;
 
 }
 
 #colonne {
 float:left;
 width:290px;
 text-align:left;
 padding:0;
 margin-top:0px;
 margin-left:20px;
 background: url(../images/sep.jpg) 100% 0 repeat-y;
 
 }
 
 
 #left {
 float:left;
 width:280px;
 text-align:left;
 padding:0;
 margin-top:20px;
 margin-right:5px;
 
 }
 
 #left h3 {
  font-size:23px;
 text-transform:capitalize;
 text-align:left;
 background: transparent;
 color:#1d99bc;
 
 }
 
 #left .moduletable_menu,
 #left .moduletable {
 margin-bottom:0px;
 padding-left:30px;
 padding-right:20px;
 background: url(../images/sep-h.jpg) 0 100% repeat-x;
 padding-top:0;
 color:#000;
 padding-bottom:35px;
 
 }
 
 #left.moduletable_menu a,
 #left .moduletable a,
 #left a {
 color:#000;
 }
 
 #left .moduletable_menu a:hover,#left .moduletable a:hover,#left a:hover {
 color:#1d99bc;
 }
 
 
 #main {
float:left;
width:610px;
background:transparent;
margin-top:20px;
margin-left:10px;
text-align:left;

}

#main-full {
float:left;
width:900px;
background:transparent;
margin-top:30px;
margin-left:20px;
text-align:left;
padding:10px 20px;

}

/*******************/
#footer {
float:left;
width:961px;
height:66px;
 background: url(../images/footer.jpg) 0 0 no-repeat;
 margin-bottom:60px;

}

.ftb {
margin-top:15px;
text-align:center;
font-size:13px;
width:800px;
float:left;
color:#000

}

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

} 

.ftb a:hover{
color:#000

} 

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

}

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

}