/*
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

DTML instructions to set caching headers.






 */

/* ============================ COMMUN ====*/


body, table, tr, td, p, ul, li, div.ddefault, div.ddescription,
div.dcenter, div.dcolright, div.dcolleft, div.description,
dl, dd, dt{
  font-size:11px; 
  font-family: Verdana, sans-serif; 
  color: black; 
  font-style: normal;}
  
body{
 background:#EBEAE7 !important}


*{
  margin:0px;
  padding :0px;
}

.small{
 font-size:9px;
}

input, select, textarea, button{
 background-color : #fff !important;
 border: 1px solid #000 !important;
}

div#logo a img{ vertical-align : bottom}

.noborder{
 border : none !important;
 background-color : transparent !important;
}

input[type="image"]{ 
 background-color : transparent !important;
}

div.intro p{
 font-weight:bold !important;
}


p.pre_list{
 padding-bottom:0px !important;
}

div#title{
 margin: 19px 0px;
 padding : 0px;
 font-family : Arial;
 font-size : 15px;
 font-weight : normal;
 border : none;
 text-transform:uppercase;
 color : #fff;
}

h1{
 font : bold 10px Verdana !important;
 color : #990000 !important;
 text-transform: uppercase;
 background: url("dotted_red.gif") bottom left repeat-x;
 border : none !important;
}

h2{
 font : bold 12px Verdana !important;
 color : #990000 !important;
 border-bottom : none !important;
}


h3, h4{
 font : bold 10px Verdana !important;
 color : #000 !important;
 font-weight:bold;
 border-bottom : none !important;
}

h4{
 margin-bottom:4px;
}

ul{
 padding : 0px;
 margin : 0px;
 list-style-type: none; 
}

a, a:link, a:visited{
 text-decoration : none;
 border:none;
}

a:hover{
 text-decoration : none;
 color : #990000;
}

a.black,
a.black:hover,
a.black:visited{
 color:#000 !important;
}

a.flags,
a.flags:visited{ 
 margin:0px;
 padding:0px;
 }


#content_top{
 width : 550px;
 height : 12px;
 background : url("content_top.gif") top left no-repeat;
}

#content_bottom{
 width : 550px;
 height : 12px;
 background : url("content_bottom.gif") top left no-repeat;
}

.left{
 float:left;
 margin: 0px 10px 0px 0px;
}


.right{
 float:right;
 margin: 0px 0px 0px 10px;
}

.ar, .close{
 text-align : right;
}

table.image_puce{
 border-collapse:collapse;
}

table.image_puce td.image{
 padding-right:5px; vertical-align:top}

div.notes{
 margin:1.8em 0px 1.6em;
}


/* =========================== BREADCRUMBS ========= */

 
div.dotted_red{
   margin-bottom: 2em;
   margin-left : 1em;
   width : 100%;
   height : 1px;
   line-height : 1px;
   background: url("dotted_red.gif") bottom left repeat-x;
}

#breadcrumbs{
 padding: 0px  20px;
 color : #9b998d;
}

#breadcrumbs a,
#breadcrumbs a:visited,
#breadcrumbs a:hover{
 border-bottom : none;
}

/*usful-link*/
ul.useful_links{
 padding-bottom : 15px;
 color : #000;
}

ul.useful_links li{
 padding : 0px 0px 14px 22px;
 background : url("small_bullet.gif") top left no-repeat;
}


/* ============================ HOME PAGE ====*/

div#home_top{
 width : 758px;
 height : 22px;
 background : url("home_top.gif") top left no-repeat;
}


div#home_bottom{
 width : 758px;
 height : 15px;
 background : url("home_bottom.gif") top left no-repeat;
}

#home_content{
 margin : -3px 0px 0px 1px;
 padding: 1em 0px;
 width : 754px;
 \width : 756px;
 w\idth : 754px;
 color : #000;
 border-left : 1px solid #990000;
 border-right : 1px solid #990000;
 background : #fff;
}


#home_table_news{
 background : url("bg_news.gif") 0 0 repeat-y;
}

#home_content #news{
 width : 173px;
 \width : 263px;
 w\idth : 173px;
 padding : 0px 0px 0px 90px;
}


#home_content #worldmap{
 width : 198px;
 height : 281px;
 padding : 0px 0px 0px 65px;
}


#title_news{
 color : #fff;
 height : 23px;
 padding : 5px 0px 0px 28px; 
 background:url("title_news.gif") 0 0 no-repeat;
}


.news_title{
 margin-bottom : 1em;
 color : #990000;
 font-weight : bold;
}


a.more_info,
a.more_info:visited,
a.more_info:hover{
 float : right; 
 color : #000 !important;
 border-bottom : 1px solid black;
}


ul#home_menu{
 margin : 0px;
 padding: 0px 0px 0px 20px;
}


ul#home_menu li.title_section{ 
 height : 23px;
 width : 445px;
 background: transparent url("title_section.gif") 0 0 no-repeat;
 }


#home_menu .title_section a,
#home_menu .title_section div{
 color : #fff;
}

#home_menu .title_section div{
 padding : 5px 0px 0px 28px;
 }


#home_menu li.home_sections{
padding-top : 4px;
background: transparent url("small_bullet.gif") 14px 50% no-repeat;
}


#home_menu li.home_sections a, 
#home_menu li.home_sections a:visited{
 display : block;
 color : #000 !important;
 border-bottom : none;
 margin : 0px 0px 0px 34px;
}


#home_menu li.home_sections a:hover{ 
 color : #990000 !important;
 text-decoration : underline }

 
#home_loginbox{
  margin-left : 18px;
}

 
#home_loginbox label{
  display : block;
  padding-left : 4px;
 }
 
 table#home_loginbox td input{
  border : 1px solid black;
 }
 
 #home_loginbox #acces{
  color : #990000;
  padding-left : 20px;
  background : url("big_bullet_tr.gif") top left no-repeat;
 }
  
/* ============================ TOP ACTIONS ====*/


div#leftcorner{
 float : right;
 margin-top : 30px;
 height : 20px;
 width :14px;
 background: transparent url("left_top.gif") left top no-repeat;

}

ul#top_actions{
 float : right ;
 height : 20px;
 margin-top : 30px;
 line-height : 20px;
 list-style-type: none; 
 font-family: Arial, Arial Narrow;
 font-size : 9px;
 background: #990000;}

ul#top_actions li{
 display:inline;
 padding : 0px 6px 0 4px;
 background: transparent url("top_delimiter.gif") bottom right  no-repeat;
}

ul#top_actions li.last{
 padding-right: 0px;
 background-image : none;
}

ul#top_actions li a{
  color : #fff;
  text-transform : uppercase;
}
 
.clear{
  clear:both;}

/* ============================ LEFT SLOT ====*/


div#leftslot_top{
 width : 200px;
 height : 12px;
 background : url("menu_top.gif") top left no-repeat;
}


div#leftslot_bottom{
 width : 200px;
 height : 11px;
 background : url("menu_bottom.gif") top left no-repeat;
}

/* ============================ MAIN MENU ====*/

ul#leftmenu{
 margin: -0px 0px 0px 0px;
 padding: 0px;
 width : 200px;
 background : #D6D5CF; /*FireFox set white line*/
}

ul#leftmenu li.left_item,
ul#leftmenu li.left_item_nobd{
 text-transform : uppercase;
 font-family : Verdana, sans-serif;
 font-size : 9px;
 font-weight: bold;
 background : #990000 url("big_bullet.gif") 6px 50% no-repeat; 

}

ul#leftmenu li.left_item a,
ul#leftmenu li.left_item_nobd a,
ul#leftmenu li.left_item_nobd div{
 width : 164px;
 \width : 172px;
 w\idth : 164px;
 padding: 16px 8px 16px 28px;
 color : #fff;
 text-transform : uppercase;
}

ul#leftmenu li.left_item a,
ul#leftmenu li.left_item_nobd a{
 display : block;
}


/*first level menu items with dashed line*/
ul#leftmenu li.left_item a,
ul#leftmenu li.left_item div{
 background: url("white_dash.gif") bottom left no-repeat;
}

/*first level menu items without dashed line*/
ul#leftmenu li.left_item_nobd a{
 background-image : none;
}

/*second level menu items*/
ul#leftmenu li.left_subitem{
 font-family : Verdana, sans-serif;
 font-size : 9px;
 font-style: normal;
}

ul#leftmenu li.left_subitem{
 background: #D6D5CF url("small_bullet_gray.gif") 14px 50% no-repeat;
}


/*second level menu item selected */
ul#leftmenu li.leftmenu_sel{ 
 font-family : Verdana, sans-serif;
 font-size : 9px;
 font-style: normal;
}

ul#leftmenu li.leftmenu_sel{ 
 background :  #E1E0DB url("small_bullet.gif") 14px 50% no-repeat;
}

ul#leftmenu li.left_subitem a,
ul#leftmenu li.left_subitem a:visited,
ul#leftmenu li.left_subitem a:hover,
ul#leftmenu li.leftmenu_sel a,
ul#leftmenu li.leftmenu_sel a:visited,
ul#leftmenu li.leftmenu_sel a:hover
{  
 display :block;
 width : 158px;
 \width : 164px;
 w\idth : 158px;
 padding: 16px 8px 16px 34px;
 color : #000;
}

ul#leftmenu li.left_subitem a,
ul#leftmenu li.left_subitem a:visited,
ul#leftmenu li.left_subitem a:hover{
 background: url("white_dash.gif") bottom left no-repeat;
}


/* ============================ LOGIN BOX ===== */


#loginbox{
  width : 188px;
  \width : 200px;
  w\idth : 188px;
  color : #fff;
  padding: 10px 6px 14px; 
  background :#990000
}

#loginbox #acces{ 
   height : 16px;
   padding-left : 24px;
   text-transform : uppercase;
   background :#990000 url("big_bullet.gif") 0% 50% no-repeat;
}

#loginbox label{
  font: normal 10px Verdana; 
  padding-left : 6px;
 }

#home_loginbox input,
#loginbox input{
 border : 1px solid #000;
}

#home_loginbox input[type="image"]{
  margin-top : 5px;
}


#loginbox #logout a{
  display: block;
  color : #fff;
  padding-left : 20px;
  background : url("big_bullet.gif") top left no-repeat;
 }

#footer{
 margin-top : 0px;
 padding : 5px 10px 0px 70px;
 height : 25px;
 font : normal 10px Arial Narrow;
 text-transform : uppercase;
 background:url("footer.gif") 0 0 no-repeat;
 }

#footer span{
 color: #fff;
 vertical-align:center;
}

#footer #copy{
 float:right;
 color: #fff;
}

/*========================= SITE MAP ===============*/
.sitemap li.head_section{
 font-family : Arial, Verdana;
 font-size : 12px;
 font-weight : bold;
 padding : 1em 0px;
}


li.home_dotted_red, 
div.home_dotted_red,
div.subtitle_dotted_red{
height : 1px;
line-height : 1px;
padding-bottom:4px; 
background: url("dotted_red.gif") bottom left repeat-x;

}

li.home_dotted_red{ 
 margin-left : 16px;
 width : 90%;
}

div.home_dotted_red{
 margin-left: 12px;
}

div.subtitle_dotted_red{
  margin : 5px 0px 1em;
}

.sitemap li.section{
 margin-left : 16px;
 list-style-image: url("small_bullet.gif");
}

/*========================= MAIN CONTENT STYLES ===============*/

div.divgrey{
  padding-left : 14px;
}


div.divgrey div a:hover{
 border-bottom : 1px solid #990000 !important;
}
 

.ddefault a, .ddefault a:link, .ddefault a:visited,
.dcolright a, .dcolright a:link, .dcolright a:visited,
.dcolleft a, .dcolleft a:link, .dcolleft a:visited{
 border-bottom : none;
}

.ddefault p,
.dcolright p,
.dcolleft p{
  margin-top:3px;
}


.ddefault div.divgrey p,
.dcolright div.divgrey p,
.dcolleft div.divgrey p{
 margin: 0 !important;
}

.ddefault a:hover,
.dcolright a:hover,
.dcolleft a:hover{
 color : #990000;
 border-bottom : 1px solid #990000;
}

.box_content p{
 padding: 3px 0px 3px !important;
}

p.arrow{
 margin-left : 2em !important;
}

.puce{
  margin-top:0.8em;
  padding-left : 14px;
  background: url("small_bullet.gif") top left no-repeat;
}

ul.red_pre_dotted,
ul.red_puce{
 margin :0px 0px 2px 14px;
}


ul.red_pre_dotted{
 margin-bottom :16px !important;
}


ul.red_pre_dotted li,
ul.red_puce li{
 margin : 0.8em 0px;
 list-style-image: url("small_bullet.gif");
}


ul.simple li{
 padding-left : 1em;
 padding-bottom : 0px;
}

ul.list_prd{
 margin : 1em;
}

ul.list_puce li,
ul.list li{
 margin : 1px 5px 5px;
}


ul.list ul.list{
 margin-left:10px;
}

ul.list_puce{
 margin-left: 11px;
 padding-left: 10px;
}
 
ul.list_puce li{
 list-style-image: url("puce_noir.png");
}

.box_top{
 margin-top : 1em;
 width : 494px;
 height : 12px;
 background : url("contentbox_top.gif") top left no-repeat;
}


.box_content{ 
 margin-top :-3px;
 padding : 3px 10px;
 background : #e0e1db !important;
 width : 472px;
 \width : 494px;
 w\idth : 472px;
 border-left : 1px solid #990000;
 border-right : 1px solid #990000; 
}


.box_bottom{
 width : 494px;
 height : 12px;
 background : url("contentbox_bottom.gif") top left no-repeat;
}


label{
 font : normal 10px Verdana;
}

#content_bottom{
 width : 758px;
 height : 13px;
 background : url("content_bottom.gif") top left no-repeat;
}



/*====================== Display folder content files ========================*/

.file_header{
 margin-top: 8px;
 padding-left : 16px;
 font-weight : bold;
 background : url("small_bullet.gif") 0% 50% no-repeat;
}


.file_display{
 padding : 0px 0px 3px 16px;
 background: url("dotted_red.gif") bottom left repeat-x;
}


.folder_description{
 padding-bottom : 5px !important;
 background: url("dotted_red.gif") bottom left repeat-x;
}

.file_download{
 text-align:right; 
 font-weight:bold; 
 color:#990000;
}

/*====================== SEARCH========================*/

/*in order to center #main_search in IE 5*/
#search_wrapper{
 text-align : center;
}

#main_search{
margin : 1em auto  0px;
padding: 0.4em 0px 0px 20px;
height : 32px;
width : 488px;
\width : 508px;
w\idth : 488px;
color : #990000;
text-align:left;
font-weight : bold;
background : url("bg_search.gif") 0 0 no-repeat;
}

#main_search label{
 font-weight : bold;
 vertical-align : center;
 }


#advancedSearchForm{
 border : none;
}


#advancedSearchForm field,
#advancedSearchForm fieldset{
 
}

.warning{
 font-size : 10px;
 color : #990000 }
/*====================== OVERRIDED STYLES========================*/

table.contentListing th{
 color : #fff;
 background : #990000;
 padding : 2px;
}

table.contentListing th a,
table.contentListing th a:visited,
table.contentListing th a:hover{
 color : #fff;
}

table.contentListing td{
 padding : 3px;
}


div.subfolderItem {
 float: none !important; 
 width: 50%;
 margin-bottom: 0.5em;
}

.box .body {
 border: none !important;
}

.column 
{
 border: none !important;
}

.layout{
 border: none !important;
}

fieldset{
 border-color : #990000 !important;
 border : none !important;
 background: url("dotted_red.gif") bottom left repeat-x;
}


div.label label{
 color :#990000 !important;
 font-weight : bold !important;
}


.batchLayout, .pageNavigationLayout, .even{
 background : #ebeae8 !important;
}


#lastmodif{
 text-align:right; 
color : #9b998d;
}
/*  */