@charset "utf-8";
/* CSS Document */

p, h1, h2, h3, h4, h5, h6, div, a, table, span, img, form, input, fieldset{margin:0;padding:0;}
.clear{clear:both;}
.LeftFloat{float:left;}
.RightFloat{float:right;}

body{margin:0;padding:0;cursor:default;}

hr{margin:18px 25px 0 0;border:0;height:2px;width:auto;top:5px;position:relative;}

h1{line-height:3.5em;padding:0 25px;margin-bottom:-2em;}
h2{line-height:3.3em;padding:0 25px;margin-bottom:-2em;}
h3{padding:0 25px;line-height:3.3em;margin-bottom:-2em;}
h4{padding:0 25px;line-height:1.5em;margin-bottom:-1.5em;}


h2 ul{margin:0;padding:0;}
h2 li{line-height:1.2em;}

img{margin:20px;}
.Actualites p img{margin:5px;}

/* BEGIN HOMEPAGE ******************************************************************************************** */
#TopHeader{margin:0 auto;padding:0;width:960px;height:40px;/*overflow:hidden;*/}
#Languages{margin:0;padding:0;width:250px;height:40px;}
.EachLanguage{margin:10px 10px 0 0;padding:0;width:40px;line-height:20px;}
#Favourite{margin:0;padding:0;width:16px;height:16px;margin-top:17px;}

/* begin menu ************************************************************************************************ */
div#menu{margin:5px auto;height:40px;width:694px;}
div#menu ul{margin:0;padding:0;float:left;}
div#menu ul.menu{}
div#menu li{position:relative;z-index:999;margin:0;padding:0 5px 0 0;display:block;float:left;}
/* menu::level1 */
div#menu a{position:relative;height:41px;display:block;float:left;padding:0 10px 0 10px;line-height:30px;}
div#menu span{display:block;margin-top:5px;}
/* menu::level2 */
div#menu ul ul{position:absolute;top:30px;width:200%;margin:0;padding:10px;display:none;}
div#menu ul ul li{clear:left;height:30px;width:auto;margin:0;padding:0 5px 0 0;float:left;}

div#menu ul ul a{padding:0;display:block;line-height:/*10px*/15px;}
div#menu ul ul li a{padding:5px 0;line-height:10px;}
/* lava lamp */
div#menu li.current{height:6px;margin:-1px 0 0 0;z-index:999;}/*active*/
div#menu li.back{width:65px;padding:0;height:6px;z-index:9;position:absolute;margin:-1px 0 0 0;}/*normal*/
div#menu:hover li.back{width:60px;padding:0;height:6px;z-index:8;position:absolute;margin:-1px 0 0 0;}/*over*/
/* end menu ******************************************************************************************** */

/********************************************************************************************* */
#Header{margin:0;padding:0;width:100%;height:267px;}
#HeaderContent{margin:0 auto;padding:0;width:960px;}
#Logo{margin:0;padding:0;width:233px;height:267px;margin-top:-10px;}
#BusinessArea{margin:0;padding:0;width:690px;height:267px;margin-top:-10px;}
/********************************************************************************************* */
#MainContainer{margin:0 auto;padding:0;width:960px;margin-top:45px;}
.MainContainerLine{margin:20px 0 0 0;padding:0;width:960px;height:110px;overflow:hidden;}
.LeftLine{margin:0;padding:0;width:300px;height:110px;}
.LeftLine img{margin:0;padding:0;border:0;width:293px;height:107px;}

.RightLine{margin:0;padding:0;width:520px;height:/*110px*/100px;overflow:hidden;}
.RightLine div{margin:10px;padding:0 20px;line-height:25px;}
.RightLine h5{margin:0;padding:0 0 0 20px;line-height:1.4em;width:440px;height:55px;overflow:hidden;font-size:1.3em;}
/********************************************************************************************* */

/********************************************************************************************* */
#Footer{margin:0 auto;padding:0;width:960px;height:65px;margin-top:20px;}
#Search{width:160px;height:20px;margin-top:40px;}
#Search form{width:160px;height:20px;}
#Search input{margin:0;padding:0 20px;width:90px;height:20px;position:absolute;}
#Search-btn{margin:0;padding:0;}
#Search-btn:link, #Search-btn:visited{width:27px;height:21px;}
#Search-btn:hover, #Search-btn.active{width:27px;height:21px;}

#Theme{line-height:20px;margin-left:100px;margin-right:10px;width:300px;float:left;}

#SyntecInformatique{width:300px;height:65px;}
#SyntecInformatique h2{padding:0;line-height:100px;height:45px;width:168px;}
#SyntecInformatique a{margin:0;width:300px;height:45px;z-index:8888;background-position:170px 0;}

#Copyright{margin:0 auto;padding:0;line-height:20px;width:335px;margin-top:10px;}
#Copyright p{margin-left:30px;}
#Copyright span{width:105px;height:23px;}

#SavaneCapital{margin:0;padding:0;width:100%;height:20px;line-height:20px;}
/* END HOMEPAGE ******************************************************************************************** */

/********************************************************************************************* */
/* begin accueil */
.MainContainerColumn{margin:0;padding:0;width:320px;height:200px;overflow:hidden;}
.MainContainerColumn-image{margin:0;padding:0;width:25px;height:200px;}
.MainContainerColumn-image p{margin:105px 0 0 -56px;line-height:20px;width:135px;}
.MainContainerColumn h5{margin:0;padding:15px 30px 0 50px;line-height:1.5em;}
/* end accueil */
/********************************************************************************************* */

/********************************************************************************************* */
/* begin societe */
#LeftMenu{margin:0;padding:0;width:230px;}
#LeftMenu ul{margin:0;padding:0;}
#LeftMenu ul li{margin:5px 0 0 0;padding:0;line-height:25px;}
#LeftMenu ul li a:link, #LeftMenu ul li a:visited{clear:left;padding:2px 15px;margin:0 0 10px 0;float:left;}
#LeftMenu ul li a:hover, #LeftMenu ul li a.active{clear:left;padding:2px 15px;margin:0 0 10px 0;float:left;}

#LeftMenu ul h2{margin:5px 0 0 0;padding:0;line-height:25px;}
#LeftMenu ul h2 a:link, #LeftMenu ul h2 a:visited{clear:left;padding:2px 15px;margin:0 0 10px 0;float:left;}
#LeftMenu ul h2 a:hover, #LeftMenu ul h2 a.active{clear:left;padding:2px 15px;margin:0 0 10px 0;float:left;}

#GlobalBox{margin:30px 0 0 0;padding:0;width:720px;}
#GlobalBox p{margin:0;padding:0 0 0 20px;line-height:1.8em;}
#CloseGlobalBox{margin:0 20px 0 0;padding:0;width:40px;height:22px;}
#CloseGlobalBox a{margin:0;padding:0 0 0 15px;line-height:1em;width:10px;overflow:hidden;}
#InteriorGlobalBox{margin:0 10px 10px 10px;padding:15px 0 25px 0;width:700px;min-height: 150px;}
#InteriorGlobalBox p{margin:15px 0 0 0;padding:0 25px;line-height:1.2em;}
#InteriorGlobalBox span{padding:0 25px 0 25px;}
#InteriorGlobalBox ul{padding:0 0 0 60px;margin-top:20px;margin-bottom:20px;}
#InteriorGlobalBox ul li{line-height:1.5em;padding-right:25px;}
#InteriorGlobalBox ul li ul li{padding-right:25px;}

#InteriorGlobalBox ol{margin:25px 0;padding:0 0 0 50px;}
#InteriorGlobalBox ol li{line-height:2em;}

#InteriorGlobalBox .tableStd p{margin:5px 0;padding:0 5px;;font-size:1em;font-weight:bold;}
#InteriorGlobalBox .tableStd ul{padding:0 0 0 15px;margin:0;font-size:1em:font-weight:bold;}
#InteriorGlobalBox .tableStd li{padding:0;margin:0;font-size:1em;font-weight:bold;}

.CenteredImage{clear:both;}
.CenteredImage img{margin:10px 0;}

.LeftImage{clear:both;}
.LeftImage img{margin:10px 0;}
/* end societe */
/********************************************************************************************* */

/* begin Nos clients **************************************************************************** */
.ColumnLine{margin:0 0 0 20px;width:95%;float:left;}
.ColumnLeft{width:15%;float:left;margin-top:10px;}
.ColumnLeft h3{line-height:1.5em;padding:0;}
.ColumnRight{width:85%;float:left;}
.ColumnRight img{margin:0;}

#Industries{width:95px;height:45px;left:10px;position:relative;}
#Services{width:70px;height:45px;left:10px;position:relative;}
#BanquesAssurances{width:235px;height:45px;left:10px;position:relative;}
#SecteurPublique{width:180px;height:45px;left:10px;position:relative;}
/* end Nos clients **************************************************************************** */

/* begin Deposez votre candidature **************************************************************************** */
.GeneralForm .Recherche{width:40%;}
.GeneralFormButton.Recherche{margin:0 0 0 10px;padding:0;width:16%;top:-14px;position:relative;}
/* end Deposez votre candidature **************************************************************************** */

/* begin Nous contacter **************************************************************************** */
.GeneralForm{margin:0 auto;padding:0;width:550px;margin-top:20px;}
.GeneralForm form p{margin:0 0 5px 0;padding:0;width:570px;height:20px;}
.GeneralForm label{margin:0;padding:0;line-height:20px;width:30%;float:left;}
.GeneralForm input{margin:0 0 10px 5px;padding:0;height:20px;line-height:20px;width:60%;float:left;}
.GeneralForm textarea{margin:0 0 10px 5px;padding:0;border:0;width:60%;height:150px;float:left;overflow:hidden;resize:none;}
/*.GeneralForm select{margin:0 0 0 5px;padding:0;border:0;width:19%;height:20px;}*/

/* begin ui-select menu **************************************************************************** */
/*demo styles*/
.ui-select-menu{float:left;margin-right:10px;}
    
/*select with custom icons*/
body a.customicons{height:2.8em;}
body .customicons li a, body a.customicons span.ui-selectmenu-status{line-height:2em;padding-left:30px !important;}

.ui-selectmenu{display:block;position:relative;height:20px;overflow:hidden;left:5px;padding:0 20px 0 1px;margin:0 10px 0 0;}
#InteriorGlobalBox .ui-selectmenu span{padding:0;}
#InteriorGlobalBox .ui-selectmenu:hover span{padding:0 /*5px*/;}
.ui-selectmenu-icon{position:absolute;right:-8px;margin-top:-8px;top:50%;margin-right:10px;}
.ui-selectmenu-icon:hover{position:absolute;right:-8px;margin-top:-8px;top:50%;}

.ui-selectmenu-menu{padding:0;margin:0;list-style:none;position:absolute;top:0;visibility:hidden;overflow:auto;}
.ui-selectmenu-open{visibility:visible;}
.ui-selectmenu-menu-popup{margin-top:-1px;}
.ui-selectmenu-menu-dropdown{padding:0 15px 0 0;overflow:hidden;}
.ui-selectmenu-menu li{padding:0;margin:0;display:block;overflow:hidden;padding:0 15px 0 0;}
.ui-selectmenu-menu li a, .ui-selectmenu-status{margin:0;padding:0 15px 0 10px;line-height:20px;display:block;}
.ui-selectmenu-menu li:hover{width:100%;}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status{padding-left:20px;position:relative;margin-left:5px;}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon{position:absolute;top:1em;margin-top:-8px;left:0;}
.ui-selectmenu-status{line-height:20px;}
.ui-selectmenu-open li.ui-selectmenu-item-focus a{  }
.ui-selectmenu-open li.ui-selectmenu-item-selected{ }
.ui-selectmenu-menu li span,.ui-selectmenu-status span{display:block;/*margin-bottom:.2em;*/}
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label{line-height:1.4em;display:block;padding:.6em .5em 0;}
/* end ui-select menu **************************************************************************** */

.GeneralFormButton{margin:0;padding:2px 10px;float:right;width:auto;height:20px;right:45px;position:relative;}
.GeneralFormButton a{padding:2px 10px;line-height:20px;}
.GeneralFormButton a:hover{padding:2px 10px;}
/* end Nous contacter **************************************************************************** */

/* begin Plan d'accès **************************************************************************** */
.Small{width:360px;float:left;}
.SmallFormButton{right:40px;position:relative;}
.SmallFormMap{margin:20px 0 0 /*60px*/0;padding:0;width:/*280px;*/480px;height:/*230px*/430px;}

#InteriorGlobalBox ul.Indentation{padding:0 0 0 15px;margin-top:20px;margin-bottom:20px;}
/* end Plan d'accès **************************************************************************** */

/* begin Offres en ligne **************************************************************************** */
#TableContainer{margin:0 auto;width:95%;}
#TableContainer thead{line-height:15px;height:50px;}
/* begin table formatation **************************************************************************** */
#dt_example{margin:0;padding:0;}
#dt_example .demo_jui{margin:30px auto 0 auto;}
#dt_example .big{line-height:1.6em;}
#dt_example .clear{clear:both;}
.css_right{float:right;}
.css_left{float:left;}
.dataTables_wrapper{position:relative;min-height:302px;clear:both;_height:302px;zoom:1;/* Feeling sorry for IE */}
.dataTables_processing{position:absolute;top:50%;left:50%;width:250px;height:30px;margin:-15px 0 0 -125px;padding:14px 0 2px 0;}
.dataTables_length{width:40%;float:left;}
.dataTables_filter{width:50%;float:right;}
.dataTables_info{width:60%;float:left;}
.dataTables_paginate{width:44px;*width:50px;float:right;}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next{height:19px;width:19px;margin-left:3px;float:left;}
table.display{margin:0 auto;clear:both;width:100%;}
#TableContainer table.display thead th{margin:0;padding:0;border:none;}
table.display td{padding:0 5px;}
table.display tr.odd{line-height:15px;height:20px;overflow:hidden;}
table.display tr.even{line-height:15px;height:20px;overflow:hidden;}
.dataTables_scroll{clear:both;}
.dataTables_scrollBody{*margin-top:-1px;}
.top, .bottom{padding:15px;line-height:20px;}
.top .dataTables_info{float:none;}
.example_alt_pagination div.dataTables_info{width:40%;}
.paging_full_numbers{width:400px;height:22px;line-height:22px;}
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active{padding:2px 5px;margin:0 3px;}
/* end table formatation **************************************************************************** */

/* begin modal window **************************************************************************** */
.container{width:900px;margin:0 auto;}
#content{float:left;width:100%;}
.post{margin:0;padding:10px 20px;float:left;width:560px;}
/*#fade{display:none;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;z-index:9999;}*/
.popup_block{display:none;padding:10px;float:left;position:absolute;top:50%;left:60%;z-index:999999;}
img.btn_close{float:right;margin:-30px -30px 0 0;border:none;}
.popup p{padding:5px 10px;margin:5px 0;}
/*--Making IE6 Understand Fixed Positioning--*/
/**html #fade{position:absolute;}
*html .popup_block{position:absolute;}*/
.SavaneLogo{margin:0 20px 0 0;padding:0;width:100px;height:32px;float:right;}
.popup_block h1{padding-left:10px;}
.PopScroll{height:400px;width:800px;overflow:scroll;padding-bottom:30px;overflow-x:hidden;}
#InteriorGlobalBox .popup_block p{padding-left:10px;}
#InteriorGlobalBox .popup_block span{padding-left:10px;}
/* end modal window **************************************************************************** */
/* end Offres en ligne **************************************************************************** */

/* begin 04-10-2010 **************************************************************************** */
#PhoneNumber, #PhoneNumber a{
  margin:0 0 0 20px;
  padding:0;
  font-size:1.3em;
  color:#3C2904;
  font-weight:bold;
  top:250px;
  position:absolute;
  text-decoration:none;
}

#LogoEn{margin:0;padding:0;width:233px;height:267px;}
/* end 04-10-2010 **************************************************************************** */

/* begin 11-10-2010 **************************************************************************** */
.GeneralFormLeft{margin:0;padding:0;width:500px;margin-top:20px;}
.GeneralFormLeft p{margin:0 0 5px 0;padding:0;width:/*570px*/450px;height:20px;}
.GeneralFormLeft label{margin:0;padding:0;line-height:20px;width:30%;float:left;}
.GeneralFormLeft input{margin:0 0 10px 5px;padding:0;height:20px;line-height:20px;width:48%;float:left;}
.GeneralFormLeft textarea{margin:0 0 10px 5px;padding:0;border:0;width:60%;height:150px;float:left;overflow:hidden;resize:none;}

.GeneralFormLeftButton{margin:0;width:auto;height:20px;float:right;top:-20px;bottom:0;position:relative;}
.GeneralFormLeftButton a{padding:2px 10px;float:right;}
.GeneralFormLeft .Recherche{width:40%;}
.GeneralFormLeftButton.Recherche{margin:0;top:-34px;bottom:0;position:relative;float:right;width:auto;}
.GeneralFormLeftButton.Recherche a{padding:2px 10px;}
/* end 11-10-2010 **************************************************************************** */

/* begin 13-10-2010 **************************************************************************** */
.DirigeantsColumn{width:50%;float:left;}
/* end 13-10-2010 **************************************************************************** */

/* begin 14-10-2010 **************************************************************************** */
.GeneralForm .Recherche{
-moz-border-radius:5px;
background-color:#FECC4E;
border:1px solid #fff;
cursor:pointer;
overflow:hidden;
padding:0;
position:relative;
width:220px;
height:22px;
}

.GeneralForm input.Recherche{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url(/uploads/savane/File/PIE.htc);
background-color:#FECC4E;
border:1px solid transparent;
cursor:pointer;
overflow:hidden;
padding:0 /*3px*/;
position:relative;
width:/*29.5%*/220px;
height:22px;
/*-moz-box-shadow:0 0 3px 0 #241800;
-webkit-box-shadow:0 0 3px 0 #241800;
box-shadow:0 0 3px 0 #241800;*/
margin-right:100px;
}

.GeneralFormLeft input.RechercheLeft{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url(/uploads/savane/File/PIE.htc);
background-color:#FECC4E;
border:1px solid transparent;
cursor:pointer;
overflow:hidden;
padding:0;
position:relative;
width:196px;
height:22px;
margin-right:100px;
}

.popup_block h3{padding:0 0 0 10px;}

/* end 14-10-2010 **************************************************************************** */
/* begin 25-10-2010 **************************************************************************** */
#LeftMenu ul ul{margin:0;padding:0;width:220px;list-style:none;clear:both;}
#LeftMenu ul ul li{border-top:1px solid #9b6704;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;width:220px;float:left;}
#LeftMenu ul ul li a{font-size:1em;font-weight:normal;line-height:1.2em;}
#LeftMenu ul ul p{margin:0;padding:5px 0 0 0;color:#9b6704;font-weight:bold;line-height:1.3em;}
#LeftMenu ul ul span{color:#b99031;}
#LeftMenu ul ul li a:hover, #LeftMenu ul ul li a:hover p, #LeftMenu ul ul li a:hover span{color:#FECC4E;background-color:transparent;}
/* end 25-10-2010 **************************************************************************** */
.Actualites{
  margin:0;
  padding:20px 0 0 0;
  width:640px;
  border-bottom:2px solid #E7B642;
  float:left;
  /*height:150px;*/
  overflow:hidden;
}

.Actualites h1{
  margin:0;
  padding:0;
  font-size:1.5em;
  font-weight:bold;
  color:#9B6704;
  line-height:1.3em;
}

.Actualites img{
  margin:0 20px 0 0;
  padding:0;
  width:200px;
  float:left;
  overflow:hidden;
  -moz-box-shadow:0 0 3px 0 #241100;
  -webkit-box-shadow:0 0 3px 0 #241100;
  box-shadow:0 0 3px 0 #241100;
  behavior:url(/uploads/savane/File/PIE.htc);
}

#InteriorGlobalBox .Actualites p{padding:0;}
.Actualites .GeneralFormButton a{margin:0 0 10px 0;right:-43px;}
