/*----- STRUCTURE GLOBALE -----*/
* { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 10px; color: #333; }
HTML { }
BODY { background: url(../pics/interface/bgBody.gif); height: 100%; }
#global { position: absolute; left: 50%; width: 750px; margin-left: -375px; text-align: left; background: #FFF ; padding-left:10px; padding-right:10px; height:100%; }
HTML>BODY #global { min-height:100%; height: auto; }

/*----- EN-TETE -----*/
#menu { height: 19px; margin: 20px 0 2px 0; list-style-type: none; }
#menu LI { display: inline; float: left; margin-right: 4px;	}
#menu LI.date { float: right;	border-bottom: 5px solid #FFF; color: #999; }
#menu LI.date STRONG { color: #333; }
#menu A { padding: 2px 30px 0 2px; text-decoration: none; font-weight: bold; background: #FFF; }
#menu A:hover { color: #FFF; }
#bandeau { clear: both; height: 176px; margin-bottom: 4px; background: #FFF; }

.m1 { border-bottom: 5px solid #489CCA;  }
.m2 { border-bottom: 5px solid #52a2cd; }
.m3 { border-bottom: 5px solid #68aed3; }
.m4 { border-bottom: 5px solid #80bad9; }
.m5 { border-bottom: 5px solid #97c7e0; }

.m1 A:hover{ background: #489CCA !important; }
.m2 A:hover{ background: #52a2cd !important; }
.m3 A:hover{ background: #68aed3 !important; }
.m4 A:hover{ background: #80bad9 !important; }
.m5 A:hover{ background: #97c7e0 !important; }
 
/*-----  ARTICLE -----*/
DIV.article { float: left; width: 540px; margin: 0 2px 15px 0; border-top: 10px solid #489CCA; }
.article H1 { margin-top: 15px; padding: 0 10px 0 15px; font-size: 12px; }
.article H2 { margin: 15px 0 5px 0; padding: 0 10px 0 15px; font-size: 10px; color: #489CCA; }
.article H3 { margin: 5px 0 5px 0; padding: 0 25px 0 15px; font-size: 10px; color: #2D617D; }
.article P.soustitre { margin-bottom: 10px; padding-left: 15px; color: #999; }
.article P { margin-bottom: 10px; padding: 0 25px 0 15px; line-height: 14px; }
.article UL { margin: 0 0 25px 50px; line-height: 14px; list-style-type: square; }
.article UL UL { margin: 0 0 10px 12px; }
.article A { color: #2A5A72; text-decoration: underline; font-weight: bold; }
.article A:hover { text-decoration: none; }
.article P.renvoi A { padding-left: 14px;	color: #489CCA; font-weight: bold; background: url(../pics/interface/puce.gif) no-repeat 0 2px; }

/*----- HOME PAGE ----- */
#home    { margin: 0 1px 15px 0; border-top: 10px solid #489CCA; }
#home H1 { margin-top: 15px; padding: 0 10px 0 15px; font-size: 12px; }
#home H2 { margin: 15px 0 5px 0; padding: 0 10px 0 15px; font-size: 10px; color: #489CCA; }
#home H3 { margin: 5px 0 5px 0; padding: 0 10px 0 15px; font-size: 10px; color: #2D617D; }
#home P.soustitre { margin-bottom: 10px; padding-left: 15px; color: #999; }
#home P { margin-bottom: 10px; padding: 0 25px 0 15px; line-height: 13px; }

#demenagement { width: 318px; padding: 0; margin-left: auto; margin-right: auto; border: 1px solid #E2E2E2; border-top: none; }
#demenagement H2 { color: #FFF; font-size: 11px; margin-top: 0; background: url(../pics/bg-demenage.gif) top right no-repeat; padding: 3px 0 2px 5px; }
#demenagement P { padding: 0 0 0 5px; }

#colG { float: left; width: 350px; margin-top: 10px; border-right: 1px solid #E2E2E2; }
#colD { float: left; width: 390px; margin-top: 10px; }
#licences {  }

/*-----  INFOS DE DROITE -----*/
#droite { float: right; width: 197px; margin-bottom: 3px;}
#droite UL { margin-bottom: 15px; list-style-type: none; border: 1px solid #CCC; }
#droite UL LI { margin: 0 2px 0 2px; padding: 0 0 5px 0; list-style-type: none; }
#droite UL LI.entete { height: 12px; margin: 2px 2px 5px 2px; padding: 2px 0 5px 5px; color: #FFF; font-weight: bold; font-size: 11px; background: #489CCA; }
#droite UL LI.last { height: 0; font-size: 0; }
#droite UL A { color: #666; background: #FFF; text-decoration: none; display: block; padding: 2px; }
#droite UL A:hover { background: #489CCA; color: #FFF;}

/*-----  PIED-DE-PAGE -----*/
#footer { height: 26px; background: #E2E2E2; padding: 0 0 5px 0; border: 5px solid #FFF; margin: 20px 0 0 0; }
#footer P, #footer A { color: #666; text-decoration: none; }
#footer A:hover { text-decoration: underline !important; }
#footer P.copyright { float: left; padding: 6px 0 0 10px; }
#footer P.infos {	float: right; padding: 9px 10px 0 0; }

/* ----- NEWS ----- */
.news { margin: 20px 0 30px 0; }

/* ----- PDF ----- */
.pdf { display: block; background: url(../pics/interface/pdf.gif) top left no-repeat; height: 12px; padding: 3px 0 0 25px; float: right; margin: -3px 30px 0 0; }

/*----- CONTACT -----*/
#contact { margin: 20px 0 15px 25px; }
#contact P { margin: 10px 0 10px 0; }
#contact LABEL { display: block; float: left; width: 100px; }
#contact INPUT { width: 150px; padding: 0 0 1px 1px; border:1px solid #489CCA; }
#contact INPUT.bouton { width: 100px; cursor: pointer; margin-left: 100px; background: #FFF;	 }

#intranet LABEL { display: block; float: left; width: 100px; }
#intranet INPUT { width: 150px; padding: 0 0 1px 1px; border:1px solid #489CCA; }
#intranet INPUT.bouton { width: 100px; cursor: pointer; margin-left: 100px; background: #FFF;	 }

/*----- CAREERS ----- */
.titre { font-weight:bold; }
.text { text-align:justify; }

/*----- PARTNERS ----- */
.partners { margin: 60px auto 0 auto; width:600px;}
.partners IMG { float:left; margin:20px; }

/*----- AUTRES ----- */
.spacer { clear:both; font-size: 0px !important; }
.left { text-align: left; }
.renvoi { padding: 0 45px 0 0 !important; text-align: right; }
.product-bandeau { margin: 0 10px 15px 0 !important; padding: 0 !important;  }
.sdk { height: 468px; background: url(../pics/miroir-sdk.jpg) bottom center  no-repeat; text-align: center;}
.imgRight { float: right; margin: 0 0 10px 20px; }
.center { text-align: center !important; }
.abaxia { margin: 40px 0 0 0;  }
.licences { color: #489CCA!important; font-size: 15px !important; margin-top: 45px !important; }

.references { }
.references IMG { float: left; margin: 20px 0 20px 20px;  border: none; }
.titreRef { font-weight: bold; font-size: 12px; margin: 60px 0 0 0; }

.benefits H2  { background: #489CCA; color: #FFF; padding: 2px 0 2px 6px; margin: 1px 1px 10px 1px; font-size: 13px;}
.benefits  { border: 1px solid #CCC; margin: 0 15px 10px 15px; }
.benefits UL{ margin: 0 0 10px 25px; }

.addon H2  { padding: 0 0 4px 4px; margin: 1px 1px 5px 1px; font-size: 13px;}
.addon { padding: 0 0 0 5px; margin: 0 15px 30px 15px; border-left: 5px solid #97C7E0; }
.addon P { padding-left: 5px;}
.addon UL{ margin: 0 0 10px 45px; }