@charset "iso-8859-1";
/* CSS Document */

/*************************************************
   Be-kom.com
**************************************************/

*
{
    margin: 0;
    padding: 0;
}

body
{
  font:0.85em Arial, sans-serif;
  text-align:center;
  background-color:#494848;
}

a
{
  text-decoration:none;
}

img
{
  border:none;
}

/* Entête
-------------------------------------------------------- */
div#entete
{
  position:relative;
  height:320px;
  background:url(../design/entete/bg.png) repeat-x top;
  width:100%;
}

div#entete div#contenutete
{
  width:1000px;
  margin:0 auto;
}

div#entete div#contenutete a#logo
{
  background: transparent url(../design/entete/logo.jpg) no-repeat;
  position:relative;
  float: left;
  margin-left: 5px;
  width: 474px;
  height: 225px;
  font-size: 0;
}

div#entete div#contenutete div#ecran
{
  /*background: transparent url(../design/entete/ecran.jpg) no-repeat;*/
  position:relative;
  float: left;
  margin-top: -40px;
  width: 521px;
  height: 265px;
}

div#presentation
{
  position:relative;
  height:265px;
}

div#presentation h4
{
  overflow:hidden;
  text-indent:-9999px;
  margin-left:20px;
  padding:10px 0 0;
  background:transparent url(../design/entete/GSI.png) no-repeat scroll 0 10px;
  width:225px;
  height:30px;
  position:relative;
}

div#description
{
  position:absolute;
  top:225px;
  text-align: right;
  color:#FFF;
  font-size:0.8em;
  width:474px;
  display: none;
}

div#description p
{
  color:#ff2e8c;
  font-size:1.15em;
  font-weight:bold;
}

/* Menu
-------------------------------------------------------- */
div#menucontainer
{
  width:990px;
  margin:0 auto;
  background:url(../design/menu/bg.png) repeat-x;
  position:relative;
}

div#menucontainer div.b_gauche, div.b_droit
{
  background-image:url(../design/menu/bords.png);
  background-repeat:no-repeat;
  position:absolute;
  top:0px;
  height:62px;
  width:9px;
}

div#menucontainer div.b_gauche
{
  left:0px;
  background-position:top left;
}

div#menucontainer div.b_droit
{
  right:0px;
  background-position:top right;
}

ul#menu
{
  background: url(../design/menu/separator.gif) center left no-repeat;
  height:62px;
  list-style: none;
  margin:0px;
  padding:0px;
  margin-left:25px;
}

ul#menu li
{
  float:left;
  font-size:1.3em;
  height:62px;
  margin:0px;
  padding:0px;
  background: url(../design/menu/separator.gif) center right no-repeat;
}

ul#menu a
{
  height:62px;
  color:#0c4bc5;
  display:block;
  float:left;
  margin:0px;
  padding:0px 13px;
  line-height:62px;
}

ul#menu a:hover
{
  background: url(../design/menu/hover.png) bottom center no-repeat;
  color: #000;
}

ul#menu li a.current, #menu li a.current:hover
{
  color:#ff2e8c;
}

/* Corps
-------------------------------------------------------- */
div#corps
{
  position:relative;
  width:1000px;
  margin:0 auto;
  margin-top:30px;
  padding-top:88px;
  background:url(../design/corps/haut.jpg) no-repeat top;
}

div#corps div#titre
{
  position:absolute;
  top:22px;
  left:33px;
  text-align:left;
}

div#corps div#titre h2
{
  font-size:1.55em;
  color:#0c4bc5;
  letter-spacing:-0.03em;
}

div#corps div#titre h3
{
  font-size:1em;
  /*color:#494848;*/
}

div#corps h4
{
  text-align: left;
  font-size:1em;
  font-weight:bold;
  padding-left:20px;
  margin:0px 0px 10px 0px;
  background:url(../design/corps/puce1.png) no-repeat left top;
  position:relative;
  text-transform:uppercase;
}

div#corps div#contenu
{
  position:relative;
  width:960px;
  margin:0 auto;
  background-color:#FFF;
  text-align:left;
  min-height:760px;
}

div#col_gauche
{
  width:610px;
  min-height: 585px;
  margin:0px 30px 0px 20px;
  padding:10px 0px 10px 0px;
  text-align:justify;
}

div#col_gauche p
{
  margin-bottom:8px;
  margin-top:6px;
}

div#col_gauche div.left img
{
  float: left ;
  margin-right : 10px;
}

div#col_gauche div.right img
{
  float: right ;
  margin-left : 10px;
}

div#col_gauche div.center
{
  display: inline-block ;
  text-align : center;
  width: 100%;
}

div#col_gauche div.left, div#col_gauche div.right
{
  display : inline-block;
}

div#col_droite
{
  float:right;
  margin-top:-88px;
  padding-right:10px;
  width:290px;
  text-align:center;
}

div#col_droite h5
{
  overflow:hidden;
  text-indent:-9999px;
  margin:25px 0px 20px 5px;
  padding:0px;
  background:transparent no-repeat scroll 0 0;
  width:273px;
  height:24px;
}

div#col_droite h5.tag
{
  overflow:hidden;
  text-indent:-9999px;
  margin:25px 0 0 5px;
  padding:0px;
  background:transparent no-repeat scroll 0 0;
  width:280px;
  height:166px;
}

div#social_partage
{
  margin-top: 20px;
  text-align:left;
}

div#social_partage img
{
  padding-right:3px;
}

div#slogan
{
  font-size:1.15em;
  font-weight:bold;
  text-align:right;
  margin-top: 10px;
  padding-top:10px;
}

div#event
{
  /*display: none;*/
  text-align: center;
  margin-bottom: 20px;
}

div#product img
{
  width: 180px;
}

div#product
{
    text-align: center;
    width: 100%;
    padding: 10px;
}
div#product p
{
    margin-top: 15px;
}

/* Formulaire
-------------------------------------------------------- */
.Form
{
    width:100%;
    margin: 0 0 5px 0px;
    padding: 10px 0 0 0;
}

.Form fieldset
{
    margin: 0;
    padding: 0 0 10px 0;
    border: none;
}

.Form label, .Form .Label
{
  float:left;
    width: 80px;
    text-align: right;
    font-size: 0.8em;
    height: 14px;
    margin: 0 0 0 0;
    padding: 0;
    font-weight: bold;
}

.Form input, .Form select, .Form textarea
{
    margin: 0 0 3px 10px;
    padding: 0;
    font-size: 0.7em;
    color: #000000;
}

.Form #captcha
{
    margin: 0 0 3px 88px;
}

.Form input[type="text"], .Form input[type="password"]
{
    border: 1px solid #ccc;
}

.Form input
{
    height: 16px;
    text-align: justify;
  width:200px;
}

.Form input.Long
{
  width:450px;
}

.Form textarea
{
    text-align: justify;
    overflow: auto;
    font-size: 0.8em;
    width:450px;
    font-family: Arial, sans-serif;
}

.Erreur
{
  color:#FB170C;
}

#Lien
{
  text-align:center;
}

#Lien a:link,#Lien  a:visited
{
  text-decoration:underline;
  color:#0C4BC5;
  width:100px;
  height:20px;
  font-weight:bold;
}

#Lien a:hover
{
  text-decoration:none;
  color:#000;
  cursor:pointer;
  width:100px;
  height:20px;
  font-weight:bold;
}

/* Liste
-------------------------------------------------------- */
#col_gauche ul
{
  list-style-image:none;
  list-style-image:url(../design/corps/puce2.png);
  padding-left:5px;
}

#col_gauche ul.niveau1
{
  padding-left:20px;
}
#col_gauche ul.fnappli {
    background:url(../images/schemaApplicatif.png) no-repeat left top;
    width: 609px;
    height: 454px;
}
#col_gauche ul.fnappli li {
    display: none;
}

#col_gauche ul.niveau2
{
  list-style-image:none;
  list-style-type:circle;
  padding-left:15px;
  margin: 0 0 5px 0;
}

#accordion ul.niveau1
{
  padding-left:0px;
}

/* Span
-------------------------------------------------------- */
span.rose
{
  color:#ff2e8c;
  font-weight:bold;
  line-height:25px;
}

span.bleu
{
  color:#E52D6B; /*0c4bc5*/
  font-weight:bold;
}

/* Pied
-------------------------------------------------------- */
div#pied
{
  position:relative;
  width:950px;
  height:232px;
  margin:0 auto;
  background:url(../design/pied/pied.jpg) no-repeat;
  text-align:right;
  padding:140px 10px 0px 0px;
  color:#FFF;
  font-size:0.7em;
}

div#coordonnees
{
  position:absolute;
  top:170px;
  right:10px;
}

div#pied a
{
  color:#FFF;
}

div#pied a:hover
{
  color:#ff2e8c;
}

span.titre_societe
{
  font-size:1.15em;
  font-weight:bold;
}

ul#secteurs
{
    list-style: none outside none;
    border: medium none;
    display: block;
    line-height: 100%;
    margin: 0 auto;
    padding: 0;
    height: 230px;
}

ul#secteurs li
{
    list-style: none outside none;
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.85em;
    height: 105px;
    margin: 4px;
    position: relative;
    width: 144px;
}

ul#secteurs a
{
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 105px;
    margin: 4px 10px 0;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 144px;
}

ul#secteurs a#immo
{
    background: transparent url(../images/secteur_immo.png) no-repeat;
}

ul#secteurs li.secteur a#immo:HOVER
{
    background: transparent url(../images/secteur_immo_on.png) no-repeat;
}

ul#secteurs a#assurance
{
    background: transparent url(../images/secteur_assurance.png) no-repeat;
}

ul#secteurs li.secteur a#assurance:HOVER
{
    background: transparent url(../images/secteur_assurance_on.png) no-repeat;
}

ul#secteurs a#beaute
{
    background: transparent url(../images/secteur_beaute.png) no-repeat;
}

ul#secteurs li.secteur a#beaute:HOVER
{
    background: transparent url(../images/secteur_beaute_on.png) no-repeat;
}

ul#secteurs a#emploi
{
    background: transparent url(../images/secteur_emploi.png) no-repeat;
}

ul#secteurs li.secteur a#emploi:HOVER
{
    background: transparent url(../images/secteur_emploi_on.png) no-repeat;
}

ul#secteurs a#meuble
{
    background: transparent url(../images/secteur_meuble.png) no-repeat;
}

ul#secteurs li.secteur a#meuble:HOVER
{
    background: transparent url(../images/secteur_meuble_on.png) no-repeat;
}

ul#secteurs a#pharma
{
    background: transparent url(../images/secteur_pharma.png) no-repeat;
}

ul#secteurs li.secteur a#pharma:HOVER
{
    background: transparent url(../images/secteur_pharma_on.png) no-repeat;
}

ul#secteurs a#tel
{
    background: transparent url(../images/secteur_tel.png) no-repeat;
}

ul#secteurs li.secteur a#tel:HOVER
{
    background: transparent url(../images/secteur_tel_on.png) no-repeat;
}

ul#secteurs a#tourisme
{
    background: transparent url(../images/secteur_tourisme.png) no-repeat;
}

ul#secteurs li.secteur a#tourisme:HOVER
{
    background: transparent url(../images/secteur_tourisme_on.png) no-repeat;
}

/* Revue de presse
-------------------------------------------------------- */
#contenu #col_gauche .paraArt {
  margin-left: 200px;
  margin-top: -250px;
  font-size: 1em;
}