/* Layout */
/*--------------page--------------*/
BODY {text-align:center; background-color: #cecece;	background-color: #1d1d1d;}
.page,.page TD {}
.page {background-color:#1d1d1d;text-align:left;}
.sys-footer {margin:10px auto; width:966px; text-align:right}

h1 {font-family:Trebuchet MS,Verdana,Arial; font-size:21px;text-align:center; color:DimGray; margin:0px; padding : 10px}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#252525; font-size:15px; padding:5px 15px; margin:0 0 10px 0; background-image:url(../images/puce_h2.gif); background-repeat:no-repeat; background-position:left center}
h3 {color:#BFD81C;font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;font-size:15px;font-weight:bolder;margin:none;}
h4 {color:#777777;font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;}

/*--------------main layout-------------*/
.main-layout {background-image: url(../images/ombre.gif) ; background-repeat:repeat-y;width: 966px;margin: auto;padding:0px 15px; background-color:#1d1d1d;text-align:left;}
.zone1 {padding:0px 0px 0px 0px;}
.zone2 {padding:0px; margin:0px; }
.zone3 {padding:0px 0px 0px 0px;}
.zone4 {padding:0px 0px 0px 0px;}
.zone5 {}

.sub-layout { width:966px}
.left-column {width:256px; background-color:#fff; color:#252525; background-image:url(../images/bg_left.jpg); background-repeat:repeat-y; background-position:right}
.left-column .column {width:256px;padding:10px!important;}
.main-column { background-color:#fff; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position:top right}
.main-column .column {padding:10px !important; min-height:300px}
.right-column {width:256px; background-color:#fff; color:#252525; background-image:url(../images/bg_right.jpg); background-repeat:repeat-y; background-position:left}
.right-column .column {width:256px;padding:10px!important;}

/*header*/
.header {width: 966px; background-color:#252525;}
.header-content {}

/*top toolbar*/
.topbar {}
.topnav {float:right; font:bold 11px Arial, Helvetica, sans-serif;}
.topnav .tabs {}
.topnav .tabs .tab-left {display:none;}
.topnav .tabs .tab-content {color:#707211; padding:3px 6px 0px 6px;}
.topnav .tabs .tab-content IMG{vertical-align:middle}
.topnav .tabs .tab-right {display:none;}
.topnav .tabs .tab-content a {font:11px Arial, Helvetica, sans-serif;}
.topnav .tabs .tab-content a:link,.topnav .tabs .tab-content a:visited {color:#666666; text-decoration:underline}
.topnav .tabs .tab-content a:hover,.topnav .tabs .tab-content a:active {color:#7a082b; text-decoration:underline}

/*search*/
.header .search {float:right; padding:2px 0px 0px 15px; margin:0px;}
.header .search BUTTON {text-align :center ; border:1px solid  #83b4ba ; vertical-align :middle;cursor :pointer ; padding :0px 0px 0px 6px ; font:normal 0px Verdana, Arial, Helvetica, sans-serif}
.header .search .button1 {background :url(../images/bt_search.gif) no-repeat left center;	background-color :transparent; margin-top:5px ; width:23px; height:23px}
.header .search BUTTON SPAN {	position :relative ;	display :block ;	white-space :nowrap ;	margin :0px ;	height : 17px ;	line-height :17px;		padding :0px 6px 0px 0px;	color:#333333;}
.header .search .button1 SPAN {	 background: url(../images/buttonsearchright1_grey.gif) no-repeat right center ;}

/*menu*/
.menu {background-color:#252525}
.menu ul li a {}
.dropdown-menu {border:none; margin-top:100px; margin-left:84px}
.menu a{display:block;float:left;width:95px;color:#252525;text-decoration:none;text-align:center;padding:4px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bolder; margin:0px}
.menu a:link {}
.dropdown-menu ul li a:link, .dropdown-menu ul li a:visited {color:#EDEDED ;font-family:trebuchet MS,verdana;font-weight:bold; border:none; display:block;padding:5px 15px;text-decoration:none; font-style:normal; height:20px}
.dropdown-menu ul li a:active {display:block;padding:4px 14px;text-decoration:none;background-image:url(../images/menu_active.jpg); background-repeat:repeat;}
.dropdown-menu ul li {background-color:transparent; display:block; float:left;}

/*Level 2*/
.dropdown-menu .dropdown .top ul { background:#ffffff;}
.dropdown-menu .dropdown .top ul li { background-color:#ffffff; border-bottom:1px solid #000000; }
.dropdown-menu .dropdown .top ul li a {  margin:0px; padding:2px 3px 2px 3px; }
.dropdown-menu .dropdown .top ul a:link{ color:#000000; background-image:none; background-color:#ffffff }
.dropdown-menu .dropdown .top ul a:visited { color:#b3af91}
.header .dropdown-menu .dropdown .top .current { background-image: url(../images/menu_active.jpg);color:#000000 ;font-weight:bold;
}
.dropdown-menu .dropdown .top ul a:hover{ color:#ffffff; background-image:none; background-color:#535d55; border:none}
.dropdown-menu .dropdown .top ul a:active { color:#000000; background-image:none; background-color:#ffffff }
.dropdown-menu .dropdown .top ul li a span { color:#000000}
.dropdown-menu ul li a:hover { background-image:url(../images/menu_active.jpg);padding:5px 15px; margin:0} 

/*--------------advertising-------------*/
.advertising {text-align:center}

/*--------------footer-------------*/
.footer {width: 966px; padding: 20px 0px;background-color:#252525; background-image:url(../images/fond_footer.jpg); background-repeat: no-repeat; border-bottom:10px solid #000000}
.footer-zone1 {padding:0px 10px 0px 10px;}
.footer-zone2 {padding:0px 10px 0px 10px;}
.footer-zone3 {padding:0px 10px 0px 10px;}
.footer A:link,.footer A:visited {color:#ffffff ; text-decoration:none; font-style:normal; padding:0px;font-family : Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:11px;}
.footer A:hover,.footer A:active {color:#f6a922 ; text-decoration:none; font-style:normal; font-family : Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:11px;}

/*------liens horizontals footer----------*/

.footer-links {display: inline; color: #FFFFFF;}
.footer-links li {float:left; display: block;}
.footer-links li a {color: #FFFFFF; margin-left: 5px; padding-right: 5px; border-right: 1px solid #FFF;}
.footer-links li a:hover {color: #f6a922; margin-left: 5px; padding-right: 5px; border-right: 1px solid #FFF;}

.subfooter {font-size:10px; color:#5B5B5B; padding:10px 0px 5px 0px; color: #FFFFFF;}
.subfooter * {font-size:10px; color:#5B5B5B}

/*--------------fullpage-------------*/

.fullpage-area {}
.fullpage-top {padding:10px;}
.fullpage-main {}
.fullpage-bottom {}
.fullpage-bottom .bottom-left {}
.fullpage-bottom .bottom-right {}
.fullpage-bottom .bottom-right .horizontal-list {display:block; float:right}
.fullpage-bottom .bottom-right .horizontal-list li {display:inline; float:left; margin-right:10px;}
.fullpage-bottom .bottom-right .horizontal-list A:link,.fullpage-bottom .bottom-right .horizontal-list A:visited  {color:#aec80f; text-decoration:underline}
.fullpage-bottom .bottom-right .horizontal-list A:hover,.fullpage-bottom .bottom-right .horizontal-list A:active  {color:#333333; text-decoration:underline}


.side-menu .side a {
display:block;font-weight:bold;padding:2px;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;border:none;color:#31410f; background-color:transparent;
}

.side-menu .side a:hover {display:block;font-weight:bold;padding:2px 0 2px 20px;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;border:none;color: #b1ce06;background-color:transparent;}

.side-menu .side li {background-color:transparent;border:none;display:block;margin:2px;}

.side-menu .side li a {
background-image:url(../images/puce_menu.png); background-repeat:no-repeat; padding-left:20px}

.side-menu .side li .current {color:#75870c;; padding-left:20px; background-color:transparent; background-image:url(../images/puce_menu_active.png); background-repeat:no-repeat; background-position:left center }

.streamline {color:#afc90f;padding:10px;
}

/*-----tableau------*/
.table .cell2 {
background-color:#606060;
}
.table th {
background-color:#303030;
border:1px solid #848484;
padding:4px;
text-align:left;
}

/*--------liens hypertexte--------*/
.lmg {padding-left:5px}
.rmg {padding-right:5px}
.tmg {padding-top:5px}
.bmg {padding-bottom:5px}

/*--------actus--------*/
.actus{border: 1px dotted #999999;}

