@CHARSET "UTF-8";

html, body { font:normal 11px arial; text-align:center; color:#E8E8E8; margin:0; padding:0; }
html { background:#000000 url(../images/header-100.jpg) repeat-x; }
body { background:url(../images/header.jpg) center 0px no-repeat; }

#wrapper { width:960px; margin:0 auto; text-align:justify; }

#header { width:960px; height:168px; position:relative; margin:0 auto; }
#header-text { margin:0 auto; width:960px; font-size:11px; color:#E8E8E8; text-align:center; padding-top:13px; }
#header-text a { text-decoration:none; color:#E8E8E8; }
#animation-flash { position:absolute; top:80px; left:515px; }

/*#bandeau { height:100px; background:#0093E3; }*/

.box { float:left; width:308px; margin:15px 0 4px 0; border:solid 1px #CCCCCC; padding-bottom:5px; }
.box1 { margin-right:15px; }
.box2 { }
.box3 { margin-left:15px; }
.box-accueil2 { height:502px; }
.box-accueil3 { height:238px; }
.box-accueil { height:483px; }
.box-site-internet { height:485px; }
.box-ecommerce { height:485px; }
.box-referencement { height:481px; }
.box-webmarketing { height:411px; }
.box-developpement { height:453px; }
.box-audit { height:432px; }
.box-agence-web { height:272px; }
.box-catalogue { height:383px; }

.content { margin:0 5px; padding:5px 0; }
.box1 .content { background:url(../images/content1.gif) repeat-x; }
.box2 .content { background:url(../images/content2.gif) repeat-x; }
.box3 .content { background:url(../images/content3.gif) repeat-x; }

.box-accueil3 .content { height:98px; }

.box-image { margin:0; height:100px; background:#000000; color:#000000; }
.illustration { margin:0; }

.box h2 { font-size:14px; margin:5px 5px 0 5px; padding:5px 10px 0 10px; height:19px; }
.box1 h2 { background:url(../images/titles.gif) repeat-x left 0px;   }
.box2 h2 { background:url(../images/titles.gif) repeat-x left -24px; }
.box3 h2 { background:url(../images/titles.gif) repeat-x left -48px; }

.box  h3 { font-size:12px; margin:3px 5px 0 5px; padding:0px; color:#FFFFFF; height:19px; }
.box1 h3 { background:url(../images/subtitles.gif) repeat-x left -19px;  }
.box2 h3 { background:url(../images/subtitles.gif) repeat-x left -76px;  }
.box3 h3 { background:url(../images/subtitles.gif) repeat-x left -133px; }
.box  h3 span   { float:left; padding:2px 4px 0 4px; }
.box  h3 .debut { font-size:1px; height:19px; padding:0; float:left; width:3px;    }
.box1 h3 .debut { background:url(../images/subtitles.gif) no-repeat left 0px;    }
.box2 h3 .debut { background:url(../images/subtitles.gif) no-repeat left -57px;  }
.box3 h3 .debut { background:url(../images/subtitles.gif) no-repeat left -114px; }
.box  h3 .fin   { font-size:1px; height:19px; padding:0; float:right; width:3px;   }
.box1 h3 .fin   { background:url(../images/subtitles.gif) no-repeat left -38px;  }
.box2 h3 .fin   { background:url(../images/subtitles.gif) no-repeat left -95px;  }
.box3 h3 .fin   { background:url(../images/subtitles.gif) no-repeat left -152px; }

a { color:#7C8487; }

.box p { margin:4px 5px 0 5px; }
.box fieldset { margin:11px 5px 0 5px; padding:6px; height:74px; border:solid 1px #01A5A7; text-align:center; }
* html .box fieldset { margin:11px 5px 0 5px; padding:6px; height:74px; text-align:center; }
.box1 fieldset { border:solid 1px #01A5A7; }
.box2 fieldset { border:solid 1px #669BC6; }
.box3 fieldset { border:solid 1px #D69940; }
.box legend { font-size:13px; font-weight:bold; text-align:left; }
* html .box legend { font-size:13px; font-weight:bold; text-align:left; margin-right:-4px; }
.box1 legend { color:#01A5A7; }
.box2 legend { color:#669BC6; }
.box3 legend { color:#D69940; }
.box fieldset p { margin:2px 0; text-align:justify; }
.box ol { margin:4px 5px 0 5px; padding:0 0 0 17px; }
.box ul { margin:4px 5px 0 5px; padding:0 0 0 17px; }
.box1 ul.marketing { margin-top:6px; }
.box3 ul.marketing { margin-top:5px; margin-bottom:5px; }
.box li { margin:2px 0 0 0; }
.box1 a { color:#01A5A7; }
.box2 a { color:#669BC6; }
.box3 a { color:#D69940; }

.bottom-boxes { width:960px; background:url(../images/bottom-box.jpg) no-repeat; height:12px; margin:0px 0 0 0; }
.clear { clear:both; }

#nous-contacter { border-bottom:1px solid #646A6B; font-size:13px; font-weight:bold; padding:0 2px 8px; text-align:center; line-height:20px; }
#nous-contacter  a { color:#FFFFFF; }

#contact, #devis { margin-top:17px; }
#referencement-devis { margin-top:17px; height:88px; }
#siteinternet-devis { margin-top:12px; }
#developpement-devis { height:113px; }
#developpement { margin-top:10px; }
#contact p span { font-weight:bold; }
#contact p span a { float:right; font-weight:normal; }
#fiche-catalogue { margin-top:5px; height:38px; }
#fiche-catalogue .button { margin-top:0px; }

.button { display:block; margin-top:6px; color:#FFFFFF; padding:0; }
.button a { color:#FFFFFF; display:block; text-decoration:none; font-weight:bold; }
.button a:hover { text-decoration:underline; }
.button span   { display:block; padding:2px 4px 0 4px; height:17px; }
.button .debut { font-size:1px; height:19px; padding:0; float:left; width:3px; }
.button .fin   { font-size:1px; height:19px; padding:0; float:right; width:3px; }
.box1 .button a      { background:url(../images/subtitles.gif) repeat-x  left  -19px; }
.box1 .button .debut { background:url(../images/subtitles.gif) no-repeat left    0px; }
.box1 .button .fin   { background:url(../images/subtitles.gif) no-repeat left  -38px; }
.box2 .button a      { background:url(../images/subtitles.gif) repeat-x  left  -76px; }
.box2 .button .debut { background:url(../images/subtitles.gif) no-repeat left  -57px; }
.box2 .button .fin   { background:url(../images/subtitles.gif) no-repeat left  -95px; }
.box3 .button a      { background:url(../images/subtitles.gif) repeat-x  left -133px; }
.box3 .button .debut { background:url(../images/subtitles.gif) no-repeat left -114px; }
.box3 .button .fin   { background:url(../images/subtitles.gif) no-repeat left -152px; }

.accordeon-header { cursor:pointer; }
.accordeon-header-first { margin-top:11px; }

.accordeon-presentation-content { height:242px; padding:0 0 0 4px; }

.accordeon-accueil-content { height:180px; padding:0 0 0 4px; }
.accordeon-audit-content { height:60px; padding:0 0 0 4px; }
.accordeon-referencement-content { height:85px; padding:0 0 0 4px; }
.accordeon-siteinternet2-content { height:124px; padding:0 0 0 4px; }
.accordeon-siteinternet-content { height:154px; padding:0 0 0 4px; }
.accordeon-ecommerce1-content { height:180px; padding:0 0 0 4px; }
.accordeon-ecommerce2-content { height:124px; padding:0 0 0 4px; }
.accordeon-developpement1-content { height:100px; padding:0 0 0 4px; }
.accordeon-developpement2-content { height:46px; padding:0 0 0 4px; }
.accordeon-catalogue-content { height:173px; padding:0 0 0 4px; }

p.sep-audit { margin:13px 0 0 0; }
p.gros { font-size:18px; font-weight:bold; text-align:center; }

#references { text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#references span { background:#000000; }

#references-referencement { float:left; width:640px; height:200px; }
#references-referencement .chargement-image { width:306px; height:125px; position:absolute; top:20px; left:20px; }
#references-referencement .pourcentage p { height:13px; color:#CCCCCC; font-size:10px; margin:75px 0px 0px 0px; letter-spacing:0px; text-align:center; }
#references-referencement .bordure-progression { width:280px; height:3px; border:1px solid #CCCCCC; margin:14px auto 0px auto; font-size:0px; }
#references-referencement .remplissage-progression { width:0px; margin-left:150px; height:3px; background-color:#FFFFFF; font-size:0px; }

#references-referencement2 { float:right; width:298px; margin:15px 0 0px 0px; padding:5px; border:solid 1px #CCCCCC; height:163px; }
#references-referencement2 h4 { text-align:center; padding:3px 0 0 0; margin:0px 1px 0px 1px; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box { background:url(../images/title-box.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
#references-referencement2 .references { position:relative; height:159px; margin:0px; background:url(../images/box-content.gif) repeat-x 0px 0px; }
#references-referencement2 a.bottom { text-align:center; position:absolute; bottom:5px; width:282px; }
#references-referencement2 p { padding:4px 4px 0 4px; margin:0; }
#references-referencement2 ul { margin:4px 5px 0 5px; padding:0 0 0 17px; }
#references-referencement2 li { margin:2px 0 0 0; }
#reference-bottom { float:right; width:310px; background:url(../images/bottom-box2.gif) no-repeat 1px 0px; height:11px; margin-top:-6px; }

#references-images { height:259px; }
#references-images-chargement-images .chargement-image { width:406px; height:125px; position:absolute; top:60px; left:20px; }
#references-images-chargement-images .pourcentage p { height:13px; color:#CCCCCC; font-size:10px; margin:100px 0px 0px 0px; letter-spacing:0px; text-align:center; }
#references-images-chargement-images .bordure-progression { width:280px; height:3px; border:1px solid #CCCCCC; margin:14px auto 0px auto; font-size:0px; }
#references-images-chargement-images .remplissage-progression { width:0px; margin-left:150px; height:3px; background-color:#FFFFFF; font-size:0px; }

#projet-web { width:960px; height:542px; position:relative; margin:20px 0 30px 0; background:url(../images/projet-web.gif) no-repeat 0px 20px; }
.bloc-projet-web { width:230px; border:solid 1px #CCCCCC; padding:5px; height:100px; }
.bloc-projet-web .content { background:url(../images/bottom-box-content.gif) repeat-x 0px 0px; height:100px; margin:0px; padding:0; }
.bloc-projet-web h4 { text-align:center; margin:0 1px; padding:3px 0 0 0; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box-schema { background:url(../images/title-box-schema.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
.bloc-projet-web ul { margin:8px 0 0 5px; padding:0 0 0 20px; }
#projet-web-titre { position:absolute; top:0px; left:0px; width:960px; text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#projet-web-titre h2 { background:#000000; display:inline; text-align:center; font-size:17px; font-weight:bold; margin:0px; padding:0px; letter-spacing:2px; }
#analyse { position:absolute; top:235px; left:0px; }
#conception { position:absolute; top:410px; left:180px; }
#hebergement { position:absolute; top:60px; left:180px; }
#referencement { position:absolute; top:60px; left:540px; }
#realisation { position:absolute; top:235px; left:359px; }
#webmarketing { position:absolute; top:235px; left:718px; }
#maintenance { position:absolute; top:410px; left:540px; }
#projet-web-etape1 { position:absolute; top:96px; left:22px; }
#projet-web-etape2 { position:absolute; top:472px; left:89px; }
#projet-web-etape3 { position:absolute; top:385px; left:383px; }
#projet-web-etape4 { position:absolute; top:211px; left:305px; }
#projet-web-etape5 { position:absolute; top:179px; left:489px; }
#projet-web-etape6 { position:absolute; top:270px; left:621px; }
#projet-web-etape7 { position:absolute; top:357px; left:583px; }
.projet-web-etape h5 { padding:0; margin:0; font-size:12px; font-weight:normal; }

#projet-ecommerce { width:960px; height:542px; position:relative; margin:20px 0 30px 0; background:url(../images/projet-ecommerce.gif) no-repeat 0px 60px; }
.bloc-projet-ecommerce { width:230px; border:solid 1px #CCCCCC; padding:5px; height:100px; }
.bloc-projet-ecommerce .content { background:url(../images/bottom-box-content.gif) repeat-x 0px 0px; height:100px; margin:0px; padding:0; }
.bloc-projet-ecommerce h4 { text-align:center; margin:0 1px; padding:3px 0 0 0; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box-schema { background:url(../images/title-box-schema.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
.bloc-projet-ecommerce ul { margin:8px 0 0 5px; padding:0 0 0 20px; }
#projet-ecommerce-titre { position:absolute; top:0px; left:0px; width:960px; text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#projet-ecommerce-titre h2 { background:#000000; display:inline; text-align:center; font-size:17px; font-weight:bold; margin:0px; padding:0px; letter-spacing:2px; }
#publicite { position:absolute; top:235px; left:0px; }
#catalogue { position:absolute; top:60px; left:180px; }
#information { position:absolute; top:60px; left:540px; }
#commande { position:absolute; top:235px; left:718px; }
#paiement { position:absolute; top:410px; left:540px; }
#livraison { position:absolute; top:410px; left:180px; }
#succes-ecommerce { position:absolute; top:275px; left:365px; }
#succes-ecommerce h3 { margin:0; padding:0; width:230px; text-align:center; font-size:14px; }

#projet-webmarketing { width:960px; height:542px; position:relative; margin:20px 0 30px 0; background:url(../images/projet-ecommerce.gif) no-repeat 0px 60px; }
.bloc-projet-webmarketing { width:230px; border:solid 1px #CCCCCC; padding:5px; height:100px; }
.bloc-projet-webmarketing .content { background:url(../images/bottom-box-content.gif) repeat-x 0px 0px; height:100px; margin:0px; padding:0; }
.bloc-projet-webmarketing h4 { text-align:center; margin:0 1px; padding:3px 0 0 0; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box-schema { background:url(../images/title-box-schema.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
.bloc-projet-webmarketing ul { margin:4px 0 0 5px; padding:0 0 0 20px; }
.bloc-projet-webmarketing p { margin:4px 4px 0 4px; }
#projet-webmarketing-titre { position:absolute; top:0px; left:0px; width:960px; text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#projet-webmarketing-titre h2 { background:#000000; display:inline; text-align:center; font-size:17px; font-weight:bold; margin:0px; padding:0px; letter-spacing:2px; }
#capture { position:absolute; top:235px; left:0px; }
#controle { position:absolute; top:60px; left:180px; }
#qualification { position:absolute; top:60px; left:540px; }
#contrainte { position:absolute; top:235px; left:718px; }
#contact2 { position:absolute; top:410px; left:540px; }
#recapture { position:absolute; top:410px; left:180px; }
#succes-webmarketing { position:absolute; top:275px; left:365px; }
#succes-webmarketing h3 { margin:0; padding:0; width:230px; text-align:center; font-size:14px; }

#projet-informatique { width:960px; height:678px; position:relative; margin:20px 0 30px 0; background:url(../images/projet-informatique.gif) no-repeat 0px 60px; }
.bloc-projet-informatique { width:230px; border:solid 1px #CCCCCC; padding:5px; height:100px; }
.bloc-projet-informatique1 { width:948px; border:solid 1px #CCCCCC; padding:5px; height:100px; }
.bloc-projet-informatique .content, .bloc-projet-informatique1 .content { background:url(../images/bottom-box-content.gif) repeat-x 0px 0px; height:100px; margin:0px; padding:0; }
.bloc-projet-informatique1 .content { height:100px; }
.bloc-projet-informatique h4, .bloc-projet-informatique1 h4 { text-align:center; margin:0 1px; padding:3px 0 0 0; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box-schema1 { background:url(../images/bottom-title-box.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
.bloc-projet-informatique ul, .bloc-projet-informatique1 ul { margin:4px 0 0 5px; padding:0 0 0 20px; text-align:left; }
.bloc-projet-informatique1 li { font-size:12px; margin-top:8px; }
#projet-informatique-titre { position:absolute; top:0px; left:0px; width:960px; text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#projet-informatique-titre h2 { background:#000000; display:inline; text-align:center; font-size:17px; font-weight:bold; margin:0px; padding:0px; letter-spacing:2px; }
.bloc-projet-informatique1 .partie-gauche { float:left; margin:10px 0 0 80px; }
.bloc-projet-informatique1 .partie-droite { float:right; margin:10px 40px 0 0; }
#gestion-projet { position:absolute; top:60px; left:0px; width:948px; }
#multi-chantiers { position:absolute; top:200px; left:0px; text-align:center; border:dashed 1px #CCCCCC; width:240px; height:110px; }
#multi-chantiers h4 { font-size:15px; font-weight:bold; margin:35px 0 0 0px; padding:0px; letter-spacing:2px; }
#hr-chantiers { padding:0; margin:0; position:absolute; top:330px; left:0px; width:960px; border:none; height:1px; border-top:dashed 1px #CCCCCC; }
#ihm { position:absolute; top:200px; left:359px; }
#architecture { position:absolute; top:200px; left:718px; }
#conseil-analyse { position:absolute; top:380px; left:0px; }
#analyse-developpement { position:absolute; top:380px; left:359px; }
#developpement2 { position:absolute; top:380px; left:718px; }
#chantier-unique { position:absolute; top:540px; left:0px; text-align:center; border:dashed 1px #CCCCCC; width:240px; height:110px; }
#chantier-unique h4 { font-size:15px; font-weight:bold; margin:35px 0 0 0px; padding:0px; letter-spacing:2px; }
#progiciel { position:absolute; top:540px; left:359px; }
#bdd-langages { position:absolute; top:540px; left:718px; }
.bloc-projet-informatique .partie-gauche { float:left; margin-left:10px; }
.bloc-projet-informatique .partie-droite { float:right; margin-right:30px; }
#projet-informatique-etape1 { position:absolute; top:340px; left:414px; }
#projet-informatique-etape2 { position:absolute; top:340px; left:642px; }
#projet-informatique-etape3 { position:absolute; top:442px; left:265px; }
#projet-informatique-etape4 { position:absolute; top:442px; left:625px; }
#projet-informatique-etape5 { position:absolute; top:508px; left:489px; }
#projet-informatique-etape6 { position:absolute; top:508px; left:748px; }
#projet-informatique-etape7 { position:absolute; top:602px; left:613px; }
.projet-informatique-etape h5 { padding:0; margin:0; font-size:12px; font-weight:normal; }


#audit-web { width:960px; height:190px; position:relative; margin:20px 0 30px 0; background:url(../images/audit-web.gif) no-repeat 0px 60px; }
.bloc-audit-web { width:230px; border:solid 1px #CCCCCC; padding:5px; height:100px; }
.bloc-audit-web .content { background:url(../images/bottom-box-content.gif) repeat-x 0px 0px; height:100px; margin:0px; padding:0; }
.bloc-audit-web h4 { text-align:center; margin:0 1px; padding:3px 0 0 0; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box-schema { background:url(../images/title-box-schema.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
.bloc-audit-web ul { margin:8px 0 0 5px; padding:0 0 0 20px; }
#audit-web-titre { position:absolute; top:0px; left:0px; width:960px; text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#audit-web-titre h2 { background:#000000; display:inline; text-align:center; font-size:17px; font-weight:bold; margin:0px; padding:0px; letter-spacing:2px; }
#audit2 { position:absolute; top:60px; left:0px; }
#recommandation { position:absolute; top:60px; left:359px; }
#amelioration { position:absolute; top:60px; left:718px; }

#menu ul { list-style-type:none; margin:0; padding:0; height:23px; text-align:center; width:960px; background:url(../images/menus.gif); }
* html #menu ul { height:23px; }
#menu ul li { float:left; margin:0; padding:0; }
#menu ul li h3 { padding:0; margin:0; font-size:12px; background:none; }
#menu ul li a { padding:3px 0 3px 0; margin:0; color:#333333; display:block; font-weight:bold; font-size:12px; text-decoration:none; }
* html #menu ul li a { padding:4px 0 4px 0; }
#menu ul li a:hover { color:#FFFFFF; }
#accueil-on, #accueil-off { width:64px; }
#menu ul li a#accueil-on { background:url(../images/menus.gif) 0px -24px; color:#FFFFFF; }
#site-on, #site-off { width:156px; }
#menu ul li a#site-on { background:url(../images/menus.gif) -64px -24px; color:#FFFFFF; }
#ecommerce-on, #ecommerce-off { width:208px; }
#menu ul li a#ecommerce-on { background:url(../images/menus.gif) -220px -24px; color:#FFFFFF; }
#referencement-on, #referencement-off { width:155px; }
#menu ul li a#referencement-on { background:url(../images/menus.gif) -428px -24px; color:#FFFFFF; }
#webmarketing-on, #webmarketing-off { width:103px; }
#menu ul li a#webmarketing-on { background:url(../images/menus.gif) -583px -24px; color:#FFFFFF; }
#developpement-on, #developpement-off { width:135px; }
#menu ul li a#developpement-on { background:url(../images/menus.gif) -686px -24px; color:#FFFFFF; }
#audit-on, #audit-off { width:139px; }
#menu ul li a#audit-on { background:url(../images/menus.gif) -821px -24px; color:#FFFFFF; }

#coordonnes-titre { width:960px; text-align:center; font-size:17px; font-weight:bold; margin:30px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#coordonnes-titre h4 { background:#000000; display:inline; text-align:center; font-size:17px; font-weight:bold; margin:0px; padding:0px; letter-spacing:2px; }
#google-map { border:1px solid #CCCCCC; height:294px; margin:10px 0 20px 0; padding:5px; width:622px; color:#7C8487; float:left; }
#google-map-content { height:294px; width:622px; float:left; }
#google-map a { color:#0093E3; }
#coordonnees span { background:#000000; }
#coordonnees { float:right; width:298px; margin:10px 0 0 0; padding:5px; border:solid 1px #CCCCCC; height:294px; }
#coordonnees h4 { text-align:center; padding:3px 0 0 0; margin:0px 1px 0px 1px; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
.title-box { background:url(../images/title-box.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
#coordonnees .coordonnees { position:relative; height:286px; margin:0px; background:url(../images/box-content.gif) repeat-x 0px 0px; font-size:11px; text-align:justify; font-weight:normal; }
#coordonnees a.bottom { text-align:center; position:absolute; bottom:5px; width:282px; }
#coordonnees p { padding:4px 4px 0 4px; margin:0; }
#coordonnees ul { margin:4px 5px 0 5px; padding:0 0 0 17px; }
#coordonnees li { margin:2px 0 0 0; }
#coordonnees-bottom { float:right; width:310px; background:url(../images/bottom-box2.gif) no-repeat 1px 0px; height:11px; margin-top:-6px; }

#bottom-box { margin-top:20px; height:140px; color:#FFFFFF; padding:5px; border:solid 1px #E8E8E8; }
#bottom-box-content { color:#FFFFFF; padding:0; background:url(../images/bottom-box-content.gif) repeat-x 0px 0px; float:left; }
.bottom-box1, .bottom-box3 { float:left; width:296px; padding:7px 10px 3px 10px; }
.bottom-box2 { float:left; width:294px; padding:2px 10px 3px 10px; margin-top:5px; border-left:solid 1px #E8E8E8; border-right:solid 1px #E8E8E8; }
#bottom-box h3 { text-align:center; margin:0 1px; padding:3px 0 0 0; font-size:13px; background:url(../images/title-bottom.gif) repeat-x 0px 0px; height:21px; }
#bottom-box h4 { text-align:left; font-size:12px;  margin:0 0 5px 0; padding:0px 5px 6px 5px; border-bottom:dashed 1px #E8E8E8; }
#bottom-box ul { margin:0; padding:0px; }
#bottom-box li { margin:0; padding:2px 0 0 8px; list-style:none; }
#bottom-box .bottom-box1 li { margin:0; padding:2px 0 0 8px; list-style:none; background:url(../images/bullets.gif) no-repeat 0px 7px; }
#bottom-box .bottom-box2 li { margin:0; padding:2px 0 0 8px; list-style:none; background:url(../images/bullets.gif) no-repeat 0px -6px; }
#bottom-box .bottom-box3 li { margin:0; padding:2px 0 0 8px; list-style:none; background:url(../images/bullets.gif) no-repeat 0px -19px; }
#bottom-box li span { color:#DDDDDD; font-style:italic; }
#bottom-title-box { background:url(../images/bottom-title-box.gif) no-repeat center 0px; height:11px; margin:-6px 1px 0 1px; }
#bottom-last-box { width:960; background:url(../images/bottom-last-box.gif) no-repeat 1px 0px; height:10px; margin-top:-6px; }

#footer { text-align:center; margin:10px 0 10px 0; }
#footer p { margin:2px 0px; padding:2px 0; } 

#derniere-reference { margin:40px auto; text-align:center; }
#derniere-reference h2 { margin:10px 0px 20px 0px; font-size:11px; }

#derniere-reference1 { float:left; margin-left:330px; margin-bottom:30px; width:300px; }
#derniere-reference2 { float:left; margin-left:100px; width:300px; }
#derniere-reference3 { float:right; margin-right:100px; width:300px; }

#derniere-reference-titre { text-align:center; font-size:17px; font-weight:bold; margin:20px 0 5px 0; background:url(../images/title.gif) no-repeat 0px 4px; }
#derniere-reference-titre span { background:#000000; }