/* CSS Document */

body{
   background-color:#dcdcdc;
   font-family:Geneva, Arial, Helvetica, sans-serif;
}

a{
   text-decoration:none;
   color:#000000;
}

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

a:active{ 
   text-decoration:none; 
}



.global{
   position:absolute;
   width:900px;
   height:auto;
   top:0px;
   left:50%;
   margin-left:-450px;
}


.tete{
    position:relative;
	width:900px;
	height:227px;
	top:0px;
	float:left;
}


.recrutement{
	position:relative;
	width:215px;
	height:30px;
	margin-right:10px;
	top:10px;
	display:block;
	clear:both;
	float:right;
	font-size:11px;
	text-align: right;
}

.bandeau_haut{
    width:900px;
	height:192px;
	display:block;
	float:left;
	top:0px;
}


/*.bandeau_haut{
    width:900px;
	height:192px;
	display:block;
	float:left;
	top:0px;
	background-image:url(img/bandeau_haut.jpg);
	background-repeat:no-repeat;
}*/


.menu{
   width:900px;
   height:35px;
   margin:0px;
   padding:0px;
   clear:inline;
   top:0px;
   float:left;
   display:block;
   background-image:url(img/menu.jpg);
   background-repeat:no-repeat;
   position:relative;
}


.contenu_menu{
   width:880px;
   height:35px;
   margin:0px;
   padding:0px;
   clear:inline;
   top:0px;
   float:left;
   display:block;
   
}

a#item_menu{
  text-decoration:none;
  color:#FFFFFF;
}

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


#contenu_menu ul,li{
   margin:0px;
   margin-left:10px;
   padding:5px;
}

#contenu_menu ul{
   width:880px;

}

#contenu_menu li{ 
  height:20px;
  display:block;
  clear:inline;
  float:left;
  margin-right:0px;
  list-style:none;
  font-size:12px;

}



.corps{
    width:900px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	background-image:url(img/font_corps.jpg);
	background-repeat:repeat-y;
}

.contenu{
    width:868px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	margin-left:25px;

}

.bandeau_bas{
    width:900px;
	height:46px;
	top:0px;
	clear:both;
	display:block;
	float:left;
	background-image:url(img/bandeau_bas.jpg);
	background-repeat:no-repeat;
}

.texte_bandeau_bas{
   width:600px;
   height:20px;
   display:block;
   clear:both;
   float:left;
   font-size:12px;
   margin-top:10px;
   margin-left:15px;
}

.mention{
    width:900px;
	height:20px;
	top:0px;
	clear:both;
	display:block;
	float:left;

}

.mention_legale{
    width:190px;
	height:20px;
	top:0px;
	clear:inline;
	display:block;
	float:left;
	font-size:10px;
	margin-left:5px;

}

.itemos{
    width:110px;
	height:20px;
	top:0px;
	clear:inline;
	display:block;
	float:right;
	font-size:10px;

}




/*texte*/

.texte_rouge_menu{
   color:#cc071e;

}


.texte_rouge_bold{
   color:#cc071e;
   font-weight:bold;

}

.texte_blanc_menu{
   color:#ffffff;

}

.texte_gris_menu{
   color:#a5b3b6;

}

.texte_picto{
   color:#000000;
   font-size:10px;
   font-weight:bold;

}

.texte{
  font-size:12px;
  color:#000000;
}


.texte_petit{
  font-size:10px;
  color:#000000;
}


.texte_gris_bold{
  font-size:12px;
  color:#999999;
}
.texte_italic{
  font-size:12px;
  color:#000000;
  font-style:italic;
}

.texte_bold{
  font-size:12px;
  color:#000000;
  font-weight:bold;
}



.texte_bold_offre{
  font-size:12px;
  color:#940d0d;
  font-weight:bold;
}

.titre_page{
  font-size:13px;
  font-weight:bold;
  color:#656161;
}

.titre_produits{
  font-size:13px;
  font-weight:bold;
  color:#000000;
}

.titre_produits_violet{
  font-size:13px;
  font-weight:bold;
  color:#493068;
}

.titre_produits_rouge{
  font-size:13px;
  font-weight:bold;
  color:#ce0019;
}

.titre_produits_bleu{
  font-size:13px;
  font-weight:bold;
  color:#2b7d9a;
}

.titre_produits_vert{
  font-size:13px;
  font-weight:bold;
  color:#b3b700;
}


.titre_produits_orange{
  font-size:13px;
  font-weight:bold;
  color:#e5860b;
}


.texte_vip{
  font-size:20px;
  color:#ce0019;
}


.texte_hotline{
  font-size:20px;
  color:#940d0d;
}

/*produits*/

.menu_produits{
    width:154px;
	height:auto;
	top:0px;
	float:left;
	clear:both;
	display:block;
	margin-top:20px;

}


.titre_produit{
   width:154px;
   height:28px;
   top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/menu_produit.jpg);
	
}

.texte_titre_produit{
    width:100px;
	height:15px;
    font-weight:bold;
	margin-top:8px;
	margin-left:35px;
	font-size:13px;

}

.backup{
    width:154px;
   height:44px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}


.backup_fige{
    width:154px;
   height:44px;
   top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/menu_backup_gris.jpg);
}


a#item_backup{
   background-image:url(img/menu_backup_blanc.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:44px;
   text-decoration:none;
   top:0px;
	float:left;
	clear:both;
	display:block;
}



a#item_backup:hover{
   background-image:url(img/menu_backup_gris.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:44px;
   text-decoration:none;
   top:0px;
   float:left;
   clear:both;
   display:block;
}

.box{
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

a#item_box{
   background-image:url(img/menu_box_blanc.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}




a#item_box:hover{
   background-image:url(img/menu_box_gris.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

.box_fige{
   width:154px;
   height:43px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/menu_box_gris.jpg);
}


.messagerie{
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

a#item_messagerie{
   background-image:url(img/menu_messagerie_blanc.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_messagerie:hover{
   background-image:url(img/menu_messagerie_gris.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

.messagerie_fige{
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/menu_messagerie_gris.jpg);
}


.antispam{
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

a#item_antispam{
   background-image:url(img/menu_antispam_blanc.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_antispam:hover{
   background-image:url(img/menu_antispam_gris.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.antispam_fige{
   width:154px;
   height:43px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/menu_antispam_gris.jpg);
}


.antivirus{
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

a#item_antivirus{
   background-image:url(img/menu_antivirus_blanc.jpg);
   background-repeat:no-repeat;
    width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_antivirus:hover{
   background-image:url(img/menu_antivirus_gris.jpg);
   background-repeat:no-repeat;
    width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

.antivirus_fige{
   width:154px;
   height:43px;
   top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/menu_antivirus_gris.jpg);
}

.firewall{
   width:154px;
   height:47px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

a#item_firewall{
   background-image:url(img/menu_firewall_blanc.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:47px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

a#item_firewall:hover{
   background-image:url(img/menu_firewall_gris.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:47px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}

.firewall_fige{
   width:154px;
   height:47px;
   top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/menu_firewall_gris.jpg);
}


.texte_menu_produit_bold{
   width:107px;
   height:10px;
   float:right;
   margin-right:7px;
   margin-top:5px;
   font-size:12px;
   font-weight:bold;

}

.texte_menu_produit{
   width:107px;
   height:10px;
   float:right;
   margin-right:7px;
   font-size:11px;
   margin-top:5px;

}

.contenu_interieur{
   width:685px;
   height:auto;
   float:right;
   display:block;
   clear:inline;
   margin-top:20px;
}

.sous_menu_produits{
    width:154px;
	height:auto;
	top:0px;
	float:left;
	clear:both;
	display:block;
	margin-top:20px;

}

.sous_produit{
   width:154px;
   height:auto;
   top:0px;
   float:left;
   clear:both;
   display:block;
   margin-top:0px;
   
}

#sous_produit ul,li{
   margin:0px;
   padding:5px;
}

#sous_produit ul{
   width:154px;

}

#sous_produit li{ 
 width:154px;
  height:17px;
  display:block;
  clear:inline;
  float:left;
  margin-right:0px;
  text-decoration:none;
  font-size:12px;
  line-height:20px;
  font-weight:bold;

}



/*societe*/

.societe_texte{
    width:430px;
	height:500;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	margin-left:15px;
}



.img_fond_debut{
    width:485px;
	height:10px;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	background-image:url(img/page_debut.jpg);
	background-repeat:no-repeat;
}


.page_img_fond{
    width:485px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	background-image:url(img/fond_page.jpg);
	background-repeat:repeat-y;
}

.img_fond_fin{
    width:485px;
	height:20px;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	background-image:url(img/page_fin.jpg);
	background-repeat:no-repeat;
}

.societe_photo1{
    width:200px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	clear:inline;
	left:0px;
}


/*solution*/


.solution_texte{
    width:600px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
}


.solution_picto{
    width:670px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
}

.solution_graphique{
    width:670px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
}




/*page produits*/

.page_prod_texte{
    width:450px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
	margin-left:15px;
}

.page_prod_photo1{
    width:194px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	clear:inline;
	left:0px;
}

.page_prod_texte2{
    width:670px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:both;
	left:0px;
}





/*formail plaquette*/


.page_plaquette{
    width:194px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	clear:inline;
	left:0px;
	margin-top:50px;
}




.page_plaquette_texte{
    width:450px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:inline;
	left:0px;
}


.page_prod_photo2{
    width:194px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	clear:inline;
	left:0px;
	margin-top:0px;
}
.plaquette_prod{
    width:194px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:inline;
	left:0px;
}


/*espace client*/


.prix_haut{
    width:154px;
	height:29px;
	top:0px;
	float:left;
	clear:both;
	display:block;
	margin-top:10px;
	background-image:url(img/prix.jpg);
	background-repeat:no-repeat;

}


.prix_fond{
    width:154px;
	height:auto;
	top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/fond_nouveaute.jpg);

}


.prix_bas{
    width:154px;
	height:10px;
	top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/bas_nouveaute.jpg);
	background-repeat:no-repeat;

}

.texte_prix{
   width:145px;
   height:auto;
   float:left;
   margin-left:5px;
   margin-top:0px;
   
}


/*partenaire*/

.nouveaute_haut{
    width:154px;
	height:29px;
	float:left;
	clear:both;
	display:block;
	margin-top:15px;

}


.nouveaute_fond{
    width:154px;
	height:auto;
	top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/fond_nouveaute.jpg);

}


.nouveaute_bas{
    width:154px;
	height:10px;
	top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/bas_nouveaute.jpg);
	background-repeat:no-repeat;

}

.texte_nouveaute{
   width:145px;
   height:auto;
   float:left;
   margin-left:2px;
   margin-top:0px;
   
}




.rectangle_actu{
    width:154px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	margin-right:15px;
	clear:inline;
	left:0px;
}


.actu_haut{
    width:154px;
	height:auto;
	top:0px;
	float:right;
	clear:inline;
	display:block;
	margin-top:0px;

}

.actu_fond{
    width:154px;
	height:auto;
	top:0px;
	float:right;
	clear:both;
	display:block;
	background-image:url(img/fond_nouveaute.jpg);

}


.actu_bas{
    width:154px;
	height:10px;
	top:0px;
	float:right;
	clear:both;
	display:block;

}

.texte_actu{
   width:130px;
   height:auto;
   float:right;
   margin-right:10px;
   margin-top:10px;
   
}

/*membre*/

.rect_membre{
    width:154px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	margin-right:15px;
	clear:inline;
	margin-top:10px;
	left:0px;
}



.membre_haut{
      width:154px;
	height:30px;
	top:0px;
	float:left;
	clear:both;
	display:block;
	margin-top:15px;
	background-image:url(img/titre_membres.jpg);
	background-repeat:no-repeat;

}


.membre_fond{
    width:154px;
	height:auto;
	top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/fond_nouveaute.jpg);

}


.membre_bas{
   width:154px;
	height:10px;
	top:0px;
	float:left;
	clear:both;
	display:block;
	background-image:url(img/bas_nouveaute.jpg);
	background-repeat:no-repeat;

}


.texte_membre{
   width:140px;
   height:auto;
   float:left;
   margin-left:5px;
   margin-top:10px;
   
}

.lettre{
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
}


.lettre_marge{
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
	margin-top:10px;
}

a#item_lettre{
   background-image:url(img/bouton_lettre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_lettre:hover{
   background-image:url(img/bouton_lettre_ombre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.lettre_fige{
   width:154px;
   height:50px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/bouton_lettre_ombre.jpg);
}



.plaquette{
   width:154px;
   height:50px;
   top:0px;
   margin-top:5px;
	float:left;
	clear:both;
	display:block;
}

a#item_plaquette{
   background-image:url(img/bouton_plaquette.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_plaquette:hover{
   background-image:url(img/bouton_plaquette_ombre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.plaquette_fige{
   width:154px;
   height:50px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/bouton_plaquette_ombre.jpg);
 
}

.faq{
   width:154px;
   height:50px;
   top:0px;
   margin-top:5px;
	float:left;
	clear:both;
	display:block;
}

a#item_faq{
   background-image:url(img/bouton_faq.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_faq:hover{
   background-image:url(img/bouton_faq_ombre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.faq_fige{
   width:154px;
   height:50px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/bouton_faq_ombre.jpg);
}


.boite{
   width:154px;
   height:50px;
   top:0px;
   margin-top:5px;
	float:left;
	clear:both;
	display:block;
}

a#item_boite{
   background-image:url(img/bouton_boite.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_boite:hover{
   background-image:url(img/bouton_boite_ombre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.boite_fige{
   width:154px;
   height:50px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/bouton_boite_ombre.jpg);
}

.temoignage{
   width:154px;
   height:50px;
   top:0px;
   margin-top:5px;
	float:left;
	clear:both;
	display:block;
}

a#item_temoignage{
   background-image:url(img/bouton_temoignage.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_temoignage:hover{
   background-image:url(img/bouton_temoignage_ombre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.temoignage_fige{
   width:154px;
   height:50px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/bouton_temoignage_ombre.jpg);
 
}


.contacter{
   width:154px;
   height:50px;
   top:0px;
   margin-top:5px;
	float:left;
	clear:both;
	display:block;
}

a#item_contacter{
   background-image:url(img/bouton_contacter.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}

a#item_contacter:hover{
   background-image:url(img/bouton_contacter_ombre.jpg);
   background-repeat:no-repeat;
   width:154px;
   height:50px;
   top:0px;
	float:left;
	clear:both;
	display:block;
   
}


.contacter_fige{
   width:154px;
   height:50px;
   top:0px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/bouton_contacter_ombre.jpg);
 
}


.texte_sousmenu_blanc{
   width:100px;
   height:10px;
   float:right;
   margin-right:0px;
   margin-top:10px;
   font-size:12px;
   font-weight:bold;
     font-size:12px;
  color:#000000;
  font-weight:bold;
}





.page_partenaire_photo{
    width:194px;
	height:auto;
	top:0px;
	display:block;
	float:right;
	clear:inline;
	left:0px;
	margin-top:100px;
}

/*rejoindre besdi*/

.rectangle_emplois{
    width:154px;
	height:29;
	top:0px;
	display:block;
	float:right;
	margin-right:15px;
	clear:inline;
	left:0px;
}


.emplois_haut{
    width:154px;
	height:29;
	top:0px;
	float:right;
	clear:inline;
	display:block;
	margin-top:0px;

}

.emplois_fond{
    width:154px;
	height:auto;
	top:0px;
	float:right;
	clear:both;
	display:block;
	background-image:url(img/fond_nouveaute.jpg);

}


.emplois_bas{
    width:154px;
	height:10px;
	top:0px;
	float:right;
	clear:both;
	display:block;

}

.texte_emplois{
   width:120px;
   height:auto;
   float:right;
   margin-left:15px;
   margin-top:8px;
   
}

.rectangle_adresse{
    width:154px;
	height:29;
	top:0px;
	display:block;
	float:right;
	margin-right:15px;
	clear:inline;
	left:0px;
}

.adresse_haut{
    width:154px;
	height:29;
	top:0px;
	float:right;
	clear:inline;
	display:block;
	margin-top:0px;

}

.adresse_fond{
    width:154px;
	height:auto;
	top:0px;
	float:right;
	clear:both;
	display:block;
	background-image:url(img/fond_nouveaute.jpg);

}


.adresse_bas{
    width:154px;
	height:10px;
	top:0px;
	float:right;
	clear:both;
	display:block;

}

.texte_adresse{
   width:140px;
   height:auto;
   float:right;
   margin-right:6px;
   margin-top:8px;
   
}


.page_mention{
    width:650px;
	height:auto;
	top:0px;
	display:block;
	float:left;
	clear:inline;
	left:0px;

}