body {
	margin-top: -14px; /* pour éviter les marges */
	background-color: #FFFFFF;
	font-family: Arial ;
	color: #666666;
	font-size: 11px;
	text-align: center; /* pour corriger le bug de centrage IE */
       
}
div.titlepleni{
  position:relative;
  margin-top: -55px;
  margin-left: 20px;
  height: 36px;
  width: 172px;
}

div.menuhaut {
  font-size: 10px;
  font-family: arial, verdana, sans-serif;
  position: relative;
  color: #FFFFFF;
  margin-top: -36px;
  margin-left: 470px;
  
  
}

div.black {
  background: #000000;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #d5d5d5;
  height: 22px;
  width: 791px;
    margin-top:43px;
}

div.black_historique {
  margin-top: 4px;
  height: 20px;
  padding-left: 20px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

/********************************************************************/
/* Global */
/*******************************************************************/


#global {margin-left: auto;	margin-right: auto;	width: 791px;text-align:left}

/******************************************************************************/
/*description de la zone header*/

#header{position:relative; width:791px }
#headertitre{padding: 0px 0px 0px 0px; margin-top: 0px;}
.description{
  width:790px; 
  border-left: 1px solid #d5d5d5;
  /*margin-right: 1px; */
  float:left; 
   
  background: url("file:///C|/Users/user/Desktop/psi/images/portail/pix_noir.jpg");
}
.description_portail{
  width: 100%;
  border-left: 1px solid #d5d5d5;
  

  margin-right: 1px; 
  float:left; 
  background-color:#fff;
}

/******************************************************************************/
/* Portail */
/*****************************************************************************/
div.black_portail{
  background: #000000;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #d5d5d5;
  margin-top:22px;
  height: 22px;
  width: 791px;
 
}
#content_portail {
  float:left;
  width: 575px; 
  padding: 0px; 
  margin-top: 0px;
  background: #FFFFFF;
  /*border-right:1px solid #ffffff;*/
}

#menu_portail {
  position: relative;
  width:216px;
  float: right;
  padding: 0px;
  margin-top: 0px;
  background-color: #FFFFFF;

}

#magasin {
 /* background:url("../images/portail/magasin.jpg") no-repeat;*/
  /*padding-left: 20px;*/
 /*padding-top: 10px;*/
  height:180px;
  border-bottom: 1px solid #124faa;
}

#magasin2 {
 /* background:url("images/portail/magasin-2.jpg");*/
  position:absolute;
  width:310px;
  height:180px;
  /*margin-left:265px;*/
  border-bottom: 1px solid #124faa;
}

#partenaire {
  /*background:url("../images/portail/logo.JPG") no-repeat;*/
  height:180px;
  width:214px;
  border-left: 1px solid #7784A6;
  border-bottom: 1px solid #7784A6;
  
  text-align:center;
  
}

#partenaire2 {
 /* background:url("images/portail/partenaire.jpg") no-repeat;*/
  height:106px;
  margin-top:36px;
  margin-left:630px;
}

div.titre1 {
  background-color:#124faa;
 /* background:url("images/portail/achat-en-ligne-1.gif") no-repeat;*/
  width:265px;
  height:50px;
  border-bottom: 1px solid #7784A6;
  text-align:right;
}

div.titre2 {
  background-color:#124faa;
 /* background:url("images/portail/solution-entreprise-1.gif") no-repeat;*/ 
  width:309px;
  height:50px;
  margin-top:-51px;
  margin-left:265px;

  border-bottom: 1px solid #7784A6;
  border-left: 1px solid #7784A6;
  text-align:right;
}

div.titre3 {
  background-color:#124faa;
  
  width:214px;
  height:50px;
  /*margin-top:-51px;*/
/*margin-left:575px;*/
  border-bottom: 1px solid #7784A6;
  border-left: 1px solid #7784A6;
  text-align:right;
}

div.titre2_1 {
  background: #060584;
 
  width:250px;
  height:42px;
  margin-top: 0px;
  color:#7D96BF;
  font-size:12px;
  text-align:center;
  padding-right: 15px;
  padding-top:14px;
}

div.titre2_2 {
  background: #060584;
 
  width:294px;
  height:42px;
  margin-top:-56px;
  margin-left:265px;
  border-left: 1px solid #7784A6;
  color:#7D96BF;
  font-size:12px;
  text-align:center;
  padding-right: 15px;
  padding-top:14px;
}

div.titre2_3 {
  background: #060584;
 float:right;
  width:214px;
  height:42px;
  border-left: 1px solid #7784A6;
  color:#7D96BF;
  font-size:12px;
  text-align:center;
  margin-right:1px;
  padding-top: 14px;
  border-bottom: 1px solid #FFFFFF;

}

#menu_port {
  width:215px;
  height:auto;
  
  float: right;
 
}

#menu_port1 {
  background-color:#060584;
  position:relative;
  width:213px;
  height:21px;
  border-bottom: 1px solid #FFFFFF;
 
  border-left: 1px solid #d5d5d5;
 

  text-align:right;
  color:#FFFFFF;
  font-size:11px;
  margin-right:19px;
}
#menu_port2 {
  background-color:#124faa;
  width:204px;
  height:21px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #d5d5d5;
  text-align:right;
  color:#FFFFFF;
  font-size:11px;
  padding-right: 10px;
}

div.trait {
  background-color:#124faa;
  position:relative;
  width:789px;
  height:30px;
  margin-top:0px;
  margin-left:0px;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}

/********************************************************************/
/* Contenue */
/*******************************************************************/

#content {
  float:left;
  width: 580px; 
  padding: 0px; 
  margin-top: 0px;
  background: #FFFFFF;
  border-right:1px solid #FFFFFF;
  
}


#contener_general {
 /* background: url("../images/portail/pix_noir.jpg");*/
  background-repeat: repeat;
  float:left;
  width:791px;
  height: auto;
}

#contener {
  background: #124faa;
  position: relative;
  width:580px;
  float:left;
  height:auto;
  border-right: 1px solid #d5d5d5;
}

#contener_droit{
  float:right;
  width: 209px;
  padding: 0px;
  margin-top: 0px;
  background-color: #124faa;
}

div.entreprise01 {
  background: #EDEDED;
  color: #666666;
  height: 72px;
  width: 560px;
  padding-top: 15px;
  padding-left:20px;
  margin-top: -3px;
}

#message {
  text-align:center;
  background-color: #124faa;
  float:left;
  height:650px;
  width:540px;
}

/********************************************************************/
/* Certification */
/********************************************************************/

div.certifs {
  position: relative;
  float:left;
  width: 100%;
  height:100%;
  color: #666666;
  background: #FFFFFF;
  padding-top: 10px;
}

div.certif {
  position:relative;
  background: #FFFFFF;
  height: 70px;
  padding-right: 29px;
  float: left;
}

div.certif2 {
  position:relative;
  background: #FFFFFF;
  height: 70px;
  float: left;
}

/********************************************************************/
/* Gestion et Communication */
/********************************************************************/

div.entreprise {
  height: 128px;
 
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.tableau {
  width: 100%;
  position:relative;
  border-bottom: 1px solid #D5D5D5;
}

#tableau1 {
  margin-top: 0px;
  position:relative;
  width: 220px;
  height: 350px;
  padding-left: 25px;
}

#tableau2 {
  position:relative;
  width: 270px;
  height: 350px;
  margin-left: 260px;
  margin-top: -350px;
  padding-left: 30px;;
  border-left: 1px solid #D5D5D5;
}

#tableau3 {
  margin-top: -7px;
  position:relative;
  width: 245px;
  height: 480px;
  padding-left: 20px;
  padding-right: 25px;
}

#tableau4 {
  position:relative;
  width: 245px;
  height: 480px;
  margin-left: 290px;
  margin-top: -480px;
  padding-left: 25px;
  border-left: 1px solid #D5D5D5;
}

div.tableauimg {
  padding-top: 20px;
}

div.tableauimg3 {
  padding-left: 20px;
  margin-top: 10px;
  /*padding-top: 20px;*/
}

div.tableauimg4 {
  padding-top: 20px;
  padding-left: 5px;
}
div.tableautitre {
 /* padding-top: 15px;*/
  /*font-size: 18px;*/
}

div.tableautitre_ebp {
  padding-top: 15px;
  /*font-size: 18px;*/
}

h1 {
 font-size: 17px;
 /*font-weight:normal;*/
 color: #666666;
}

div.tableautext {
  padding-top: 0px;
  margin-top:-5px;
  color: #666666;
  font-size: 11px;
}

div.gestion {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.communication {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}



div.tableau5 {
  width: 100%;
  position:relative;
}

div.tableauimg5 {
  width: 260px;
  height: 140px;
  padding-right: 20px;
  padding-top: 20px;
}

div.tableautext5 {
  margin-left: 270px;
  margin-top: -170px;
  color: #666666;
  font-size: 11px;
}

div.tableaufleche5 {
  padding-top: 10px;
  width : 30px;
  height: 30px;
}

div.tableaulien5 {
  margin-left: 40px;
  margin-top: -28px;
}



/********************************************************************/
/* Menu Droit*/
/********************************************************************/

#menu_right {
  position: relative;
  width:209px;
  float: right;
  padding: 0px;
  margin-top: 0px;
  background-color: #124faa

}

#menu_right1 {
 /* background:url("../images/portail/box1_droit.gif");*/
  background-repeat: repeat-x;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  width:209px;
 /*float:right;*/
  text-align:right;
  border-bottom: 1px solid #D5D5D5;
}

div.menutitre {
  font-size: 15px;
  color: #90A0C2;
  padding-right: 10px;
  padding-bottom: 5px;
}

div.menutitre4 {
  font-size: 15px;
  color: #FFFFFF;
  padding-right: 10px;
  padding-bottom: 5px;
}

div.menutitre_b {
  font-size: 15px;
  color: #FFFFFF;
  padding-right: 10px;
  padding-bottom: 5px;
}

div.menutext {
  font-size:11px;
  color: #90A0C2;
  padding-right: 20px;
}

div.menutext4 {
  font-size:11px;
  color: #FFFFFF;
  padding-top: 65px;
  padding-right: 20px;
}

#menu_right2 {
 /* background:url("../images/portail/box2_droit.gif");*/
  background-repeat: repeat-x;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  width:209px;
  /*float: right;*/
  text-align:right;
  border-bottom: 1px solid #D5D5D5;
}

#menu_right3 {
/*  background:url("../images/portail/box3_droit.gif");*/
  background-repeat: repeat;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  width:209px;
  /*float: right;*/
  text-align:right;
  border-bottom: 1px solid #FFFFFF;
}

#menu_right4 {
  /*background:url("../images/reparation-pc-portable-1.jpg");*/
  background-repeat: no-repeat;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  width:209px;
  text-align:right;
  border-bottom: 1px solid #FFFFFF;
}

#menu_inter {
  background-color: #f6c3f6;
  position: relative;
  width:215px;
  border-bottom: 1px solid #ff0000;
  float: right;
  line-height:auto;
}

#menu2 {
  width:209px;
  height:auto;
  /*float: right;*/
}

#menu2_1 {
  background-color:#124faa;
  position:relative;
  width:199px;
  height:21px;
  border-bottom: 1px solid #FFFFFF;
  text-align:right;
  color:#FFFFFF;
  font-size:11px;
  padding-right: 10px;
}

#boxs_droit {
 /* background:url("../images/portail/partenaire-1.jpg");*/
  width:209px;
  height:180px;
  /*float: right;*/
}

#boxs_droit_noir {
  background: #192345;
  width:209px;
  height:auto;
  /*float: right;*/
}

#line {
  background-color: #FFFFFF;
  position: relative;
  width:216px;
  height:1px;
  margin-left: 1px;
  margin-bottom: 1px;
  float: right;
}

/********************************************************************/
/* Pied de page*/
/********************************************************************/

#footer {
  width:791px;
  position:relative;
  float:left;
  border-top: 1px solid #d5d5d5;
}

#footer1 {
  background-color:#000000;
  color: #999B9A;
  font-size : 11px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 25px;

}


/****************************************************************************/
/* Lien Menu*/
/***************************************************************************/
a.menu1 {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

a.menu1:hover {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

a.menu2_1 {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

a.menu2_1:hover {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}
a.box_droit {
  color: #90A0C2;
  font-size: 11px;
  text-decoration: underline;
}

a.box_droit:hover {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: underline;
}

a.box_droit4 {
  color: #1F2F56;
  font-size: 11px;
  text-decoration: underline;
}

a.box_droit4:hover {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: underline;
}


a.menu_blanc {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

a.menu_blanc:hover {
  color: #FFFFFF;
  font-size: 11px;
  text-decoration: none;
}

a.underline {
  color: #316ED3;
  text-decoration: none;
  /*  color: #666666; */
  /*  text-decoration: underline; */
}

a:hover.underline {
  color: #316ED3;
  text-decoration: none;
  /*  color: #FF7E00;*/
  /*  text-decoration: underline;*/
}

a.underline2 {
  color: #316ED3;
  font-weight: bold;
  text-decoration: none;
  /*  color: #666666; */
  /*  text-decoration: underline; */
}

a:hover.underline2 {
  color: #316ED3;
  font-weight: bold;
  text-decoration: none;
  /*  color: #FF7E00;*/
  /*  text-decoration: underline;*/
}

/***************************************************************************/
/* Fin Lien Mienu
/****************************************************************************/

img.valign {
  margin-top:4mm;
  /* width:0px;*/
  /* vertical-align:middle;*/
}

img.valign1 {
  margin-top:2mm;
  /* width:0px;*/
  /* vertical-align:middle;*/
}
img.valign_logo_part {
  margin-top:10mm;
 }
img.valign_titre_port {
  margin-top:4mm;
  margin-right:4mm;
 }

/**************************************************************************/
/* Formulaire
/**************************************************************************/

table.contentpaneopen fieldset {
  border: 0px;
}


.inputbox {
  padding: 2px;
  border:solid 1px #cccccc;
  background-color: #FFFFFF;
}

td.main, P.main {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color:#666;
}

#button {
  color: #555555; /* #3E536A; */
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #b9b9b9;/* #cccccc; */
  width:60px;
  background: url(file:///C|/Users/user/Desktop/psi/images/portail/button_bg.png);
  height: 20px;
  margin-bottom: 3px;
}

a.text_button{
  color: #555555;
  font-size: 11px;
  font-weight: bold;

}

/**************************************************************************/
/* Contenu des pages
/**************************************************************************/


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

div.contenu {
  color: #666666;
  background: #FFFFFF;
  width: 540px;
  padding-left: 20px;
}

/**************************************************************************/
/* Société
/**************************************************************************/

div.societe {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.societe1 {
  background: #FFFFFF;
  width: 580px;
}

.soc01 {
  position: relative;
  width: 153px;
  float:left;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.soc01a {
  padding-top: 20px;
  padding-bottom: 5px;
  height: 90px;
}

.soc01b {
  width: 153px;
  height: 70px;
}

.soc01c {
  padding-top: 5px;
}

.soc04 {
 font-size: 13px;
   
/*font-weight: bold;*/
}

.soc04_{
 margin-top: -8px;

}
.soc05{
 margin-top: -20px;

}

h2{
 font-size: 12px;
   
}
/**************************************************************************/
/* Nos agences
/**************************************************************************/

div.agence {
  height: 128px;
 
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.agence01 {
  background: #EDEDED;
  color: #666666;
  height: 54px;
  width: 545px;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 15px;
  margin-top: -3px;
}

div.agence02 {
  position: relative;
  color: #666666;
  background: #FFFFFF;
  width: 560px;
  height: 100px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #d5d5d5;
}

div.agence02a {
  width: 180px;
  height: 100px;
  padding-right: 40px;
  border: 1px solid #ff0000;
}

div.agence02b {
  width: 330px;
  margin-left: 230px;
  margin-top: -300px;
}

div.soc05 {
  width: 180px;
  height: 40px;
}

div.soc06 {
  width: 120px;
  height: 60px;
  margin-left: 210px;
  margin-top: -42px;
}

div.soc07 {
  width: 330px;
  height: 50px;
  margin-top: 10px;
}

div.soc08 {
  padding-top: 8px;
}

div.agence04 {
  background: #d5d5d5;
  width: 580px;
  height: 15px;
  margin-top: -3px;
}

/**************************************************************************/
/* Contacts
/**************************************************************************/

div.contact {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.projet {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.devis {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.info {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.contact01 {
  color: #666666;
  background: #FFFFFF;
  width: 540px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.contact01a {
  width: 180px;
  height: 300px;
  padding-right: 40px;
}

div.contact01b {
  width: 330px;
  margin-left: 230px;
  margin-top: -300px;
}

div.contactform {
  margin-top: -300px;
}

div.contact02 {
  width: 560px;
  padding-left: 20px;
  padding-top: 20px;
}

/**************************************************************************/
/* Emploi
/**************************************************************************/

div.emploi {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* Environnement
/**************************************************************************/

div.environnement {
  height: 128px;
 
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* Profil
/**************************************************************************/

div.profil {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* Presse
/**************************************************************************/

div.presse {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

div.presse01 {
  color: #666666;
  background: #FFFFFF;
  width: 560px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
}

div.presse01a {
  width: 110px;
  height: 100px;
  padding-right: 40px;
}

div.presse01b {
  width: 428px;
  margin-left: 120px;
  margin-top: -100px;
}

div.presse02 {
  color: #666666;
  background: #FFFFFF;
  width: 560px;
  padding-left: 20px;
  padding-top: 20px;
}

/**************************************************************************/
/* Certification
/**************************************************************************/

div.certification {
  height: 128px;
;
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* Service Express
/**************************************************************************/

div.service {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* Espace newsletter
/**************************************************************************/

div.newsletter {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}


/**************************************************************************/
/* Réparation PC Portable
/**************************************************************************/

div.reparation {
  height: 128px;

  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* PC Portable professionnel
/**************************************************************************/

div.pcportable {
  height: 128px;
 
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}

/**************************************************************************/
/* PC Portable tout terrain
/**************************************************************************/

div.pcportable2 {
  height: 128px;
 
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 20px;
  padding-top: 10px;
}