/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ELEMENTS GENERIQUES (XHTML) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ html, body { margin:0; padding:0; } body { background:url(zims/bg/body.jpg) 50% 0 #000 repeat-y; background-attachment:fixed; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#4f4f4f; overflow-x:hidden; _overflow:hidden; #overflow:hidden; } body, pre, input, select, label, textarea, a, h1,h2,h3,h4,h5,h6, address, div,span,p, ul, li { margin:0; padding:0; } /* Titres ***********************************************************************/ h1 { margin:0px 0 15px 0; padding:0; font-size:12px; height:14px; text-transform:uppercase; text-indent:-5000px; overflow:hidden; color:#7b9bd0; background:url(zims/bg/h1.gif) 0 50% transparent repeat-x; } h2 { color:#7b9bd0; border-bottom:1px solid #7b9bd0; font-size:14px; margin:15px 15px 10px 10px;padding:2px 0px; } h3 { margin:10px 15px; padding:0 0 0 16px; height:16px; line-height:16px; background:url(zims/bullets/arrow-12.gif) 0 50% no-repeat; font-size:14px; color:#7b9bd0; color:#769DDE; } /* Listes, paragraphes, etc ***********************************************************************/ .box ul, .bigBox ul { margin:10px 15px 10px 30px; } .box li, .bigBox li { line-height:1.7; margin-bottom:5px; text-align:justify; /*list-style-image:url(zims/bullets/arrow-01-orange.gif) ;*/ list-style:none; background:url(zims/bullets/square-01-orange.gif) 0 5px transparent no-repeat; padding-left:16px; } a { color:#666; text-decoration:none; font-weight:bold; } a:hover { color:#333; } a img { border:0; } p { text-align:justify; margin:0; padding:0px; margin:7px 20px; } .box p, .box li { font-family:Verdana, Arial, Helvetica, sans-serif;line-height:1.7; } strong { color:#638DD3; } span { } abbr { cursor:help; } /* Formulaires ***********************************************************************/ form { margin:10px 10px; } fieldset { border:0; margin:0; padding:5px; } fieldset p { margin:0; padding:5px 0 0 0; } legend { } label { float:left; width:120px; text-align:right; padding-right:5px; cursor:pointer; color:#7b9bd0; font-weight:bold; letter-spacing:0px; font-size:11px; } input,textarea { padding:1px 2px; } input,textarea,select { font-size:11px; border:1px solid #C6CFDE; color:#5f5f5f; } input, select { background:url(zims/bg/input.jpg) 0 0 transparent repeat-x; } textarea { background:url(zims/bg/textarea.jpg) 0 0 transparent repeat-x; } input:focus, textarea:focus, select:focus { border-color:#ff9400; } input.focus, textarea.focus, select.focus { border-color:#ff9400; } .imageButton { border:0; padding:0; background:transparent; } .missing-field input,.missing-field textarea { /*border-color:#ec0000;*/ } .missing-field label { color:#ec0000; color:#ff9400; } .invalid-field input { } .invalid-field label { color:#ec0000; color:#ff9400; } .boutons { margin:0;padding:0 0 0 130px; } .boutons input { } /* Tableaux ***********************************************************************/ table { margin:10px auto; width:450px; border-spacing:0; border-collapse:collapse; } th, td { padding:2px 5px; border:1px solid #ccc; } th { text-align:center; font-variant:small-caps; background:url(zims/bg/th.jpg) 0 0 #E6EDFA repeat-x; color:#7b9bd0; font-size:13px; } td { border-style:inset; } .col-links { } .col-formation { width:125px; } /*.col-contenu { width:240px; }*/ .col-duree { text-align:center; width:100px; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BLOCS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #global { width:767px; padding-left:13px; margin:10px auto 0 auto; overflow:hidden; } #globalTop { margin:0; padding:0; overflow:hidden; width:767px; height:7px; background:url(zims/bg/global-top.png) 0 0 transparent no-repeat; _background:url(zims/bg/global-top.gif) 100% 100% transparent no-repeat; position:relative; _right:1px; } #globalBottom { width:767px; height:11px; background:url(zims/bg/global-bottom.png) 0 0 transparent no-repeat; _background:url(zims/bg/global-bottom.gif) 100% 0 transparent no-repeat; position:relative; _right:1px; } #header { width:767px; height:189px; background:url(zims/bg/header.png) 0 0 transparent no-repeat; _background:url(zims/bg/header.gif) 0 100% transparent no-repeat; position:relative; _right:1px; } #header #loader { display:block; width:16px; height:16px; position:absolute; top:170px; left:20px; } #header #lnk-home { position:absolute; left:30px; top:70px; width:237px; height:83px; text-indent:-5000px; overflow:hidden; } #lnkContact { display:block; width:62px; height:16px; line-height:6px; text-align:right; position:absolute; top:168px; left:180px; -moz-opacity:0.70; filter:alpha(opacity=70); } #lnkContact:hover { -moz-opacity:1; filter:alpha(opacity=100); } #lnkContact span { display:none;font-size:11px; font-weight:bold; color:#fff; } #lnkContact:hover span { display:inline;} #lnkContact img { position:relative; top:2px; } #headerFlash { width:430px; height:160px; position:absolute; top:3px; left:329px; } #krHeader { position:absolute; z-index:100; left:312px; top:115px; } #content { width:767px; background:url(zims/bg/content.png) 0 0 transparent repeat-y; _background:url(zims/bg/content.gif) 100% 0 transparent repeat-y; padding-top:10px; position:relative; } #subContent { position:relative; overflow:auto; min-height:300px; /*_height:300px;*/ margin:0 6px 0 20px; padding:0; _overflow:hidden; } #footer { margin:0 0 0 20px; padding:0; padding-top:5px; width:741px; height:32px; background:url(zims/bg/footer.jpg) 0 0 transparent repeat-x; font-size:11px; color:#FFF; color:#C6CFDE; text-align:center; position:relative; } #footer em { font-style:normal; color:#E7EBF3; } #footer a { color:#C6CFDE; font-weight:normal; } #footer a:hover{ text-decoration:underline; } #krFooter { position:absolute; top:5px; left:5px; } #logos { text-align:center; -moz-opacity:0.70; } .illustration { float:right; margin:5px 15px 5px 10px; padding:0px; border:1px solid #7f7f7f; } .illustrationNoBorder { float:right; margin:5px 0px 5px 10px; } #lnkSOS { color:#7E9BDF; } #lnkSOS:hover { color:#FF8300; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ .box { width:532px; margin:5px 10px 10px 8px; _margin:5px 0 10px 8px; } .boxHead { height:16px; background:url(zims/bg/box/532-top.jpg) 0 0 transparent no-repeat; } .boxContent { min-height:250px; overflow:auto; padding:0 7px 10px 7px; background:url(zims/bg/box/532-content.jpg) 0 0 transparent repeat-y; } .boxFoot { height:15px; background:url(zims/bg/box/532-bottom.jpg) 0 0 transparent no-repeat; } .box-content p { margin:0; padding:5px 20px; } .boxContent a.lnk-more { float:right; } .bigBox { width:716px; margin:5px 10px; } .bigBoxHead { height:16px; background:url(zims/bg/box/716-top.jpg) 0 0 transparent no-repeat; } .bigBoxContent { overflow:auto; padding:0 7px 10px 7px; background:url(zims/bg/box/716-content.jpg) 0 0 transparent repeat-y; } .bigBoxFoot { height:15px; background:url(zims/bg/box/716-bottom.jpg) 0 0 transparent no-repeat; } .subMenuBox { width:185px; float:right; clear:right; margin:5px 10px 5px 0; _margin:0 0px 5px 0; /*position:absolute; top:0px; right:10px;*/ } .subMenuBoxHead { height:16px; background:url(zims/bg/box/submenu-top.jpg) 0 0 transparent no-repeat; } .subMenuBoxContent { overflow:auto; padding:0 7px 10px 7px; background:url(zims/bg/box/submenu-content.jpg) 0 0 transparent repeat-y; } .subMenuBoxFoot { height:15px; background:url(zims/bg/box/submenu-bottom.jpg) 0 0 transparent no-repeat; } .subMenuBox h1 { _margin:0 2px; } .subMenuBox ul { margin:7px 0 0 0;} .subMenuBox ul li { margin:2px 2px; padding:0; _margin:0 2px; list-style:none !important; _border:1px solid #fff; _background:#fff; } .subMenuBox li a { display:block; margin:0 0 0 2px; padding:3px 10px 3px 10px; font-size:11px; color:#9f9f9f; } .subMenuBox li a:hover { color:#7b9bd0; color:#6385BD; background:url(zims/bg/submenu-a.jpg) 0 0 transparent no-repeat; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ TITRES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #h1-reseaux { background:url(zims/bg/h1-reseaux.png) 0 0 transparent no-repeat; height:11px; } #h1-home { background:url(zims/bg/h1/buildyourdream.jpg) 0 0 transparent no-repeat; } #h1-home-partenaires { background:url(zims/bg/h1/partenaires.jpg) 0 0 transparent no-repeat; } #h1-home-technologies { background:url(zims/bg/h1/technologies.jpg) 0 0 transparent no-repeat; } #h1-home-maintenance { background:url(zims/bg/h1/home-maintenance.jpg) 0 0 transparent no-repeat; } #h1-crea2f { background:url(zims/bg/h1/crea2f.jpg) 0 0 transparent no-repeat; } #h1-quisommesnous { background:url(zims/bg/h1/quisommesnous.jpg) 0 0 transparent no-repeat; } #h1-partenaires { background:url(zims/bg/h1/partenaires.jpg) 0 0 transparent no-repeat; } #h1-web { background:url(zims/bg/h1/web.jpg) 0 0 transparent no-repeat; } #h1-web-audit { background:url(zims/bg/h1/web-audit.jpg) 0 0 transparent no-repeat; } #h1-web-design { background:url(zims/bg/h1/web-design.jpg) 0 0 transparent no-repeat; } #h1-web-hosting { background:url(zims/bg/h1/web-hebergement.jpg) 0 0 transparent no-repeat; } #h1-web-dev { background:url(zims/bg/h1/web-developpement.jpg) 0 0 transparent no-repeat; } #h1-web-ref { background:url(zims/bg/h1/web-referencement.jpg) 0 0 transparent no-repeat; } #h1-web-acc { background:url(zims/bg/h1/web-accessibilite.jpg) 0 0 transparent no-repeat; } #h1-pao { background:url(zims/bg/h1/pao.jpg) 0 0 transparent no-repeat; } #h1-technologies { background:url(zims/bg/h1/technologies.jpg) 0 0 transparent no-repeat; } #h1-informatique { background:url(zims/bg/h1/informatique.jpg) 0 0 transparent no-repeat; } #h1-informatique-maintenance { background:url(zims/bg/h1/informatique-maintenance.jpg) 0 0 transparent no-repeat; } #h1-informatique-save { background:url(zims/bg/h1/informatique-save.jpg) 0 0 transparent no-repeat; } #h1-formation { background:url(zims/bg/h1/formation.jpg) 0 0 transparent no-repeat; } #h1-formation-bureautique { background:url(zims/bg/h1/formation-bureautique.jpg) 0 0 transparent no-repeat; } #h1-formation-informatique { background:url(zims/bg/h1/formation-informatique.jpg) 0 0 transparent no-repeat; } #h1-formation-developpement { background:url(zims/bg/h1/formation-developpement.jpg) 0 0 transparent no-repeat; } #h1-formation-infographie { background:url(zims/bg/h1/formation-infographie.jpg) 0 0 transparent no-repeat; } #h1-formation-financement { background:url(zims/bg/h1/formation-financement.jpg) 0 0 transparent no-repeat; } #h1-references { background:url(zims/bg/h1/references.jpg) 0 0 transparent no-repeat; } #h1-references-clients { background:url(zims/bg/h1/references-clients.jpg) 0 0 transparent no-repeat; } #h1-contact { background:url(zims/bg/h1/contact.jpg) 0 0 transparent no-repeat; } #h1-home span, #h1-home-partenaires span, #h1-home-technologies span, #h1-home-maintenance span, #h1-quisommesnous span, #h1-partenaires span, #h1-web span, #h1-web-audit span, #h1-web-design span, #h1-web-hosting span, #h1-web-dev span, #h1-web-ref span, #h1-web-acc span, #h1-pao span,#h1-technologies span, #h1-informatique span, #h1-informatique-maintenance span, #h1-informatique-save span, #h1-formation span, #h1-formation-bureautique span, #h1-formation-informatique span, #h1-formation-developpement span, #h1-formation-infographie span, #h1-formation-financement span, #h1-references span, #h1-references-clients span, #h1-contact span, #h1-crea2f span, #h1QuiNexistePasMouahahah { display:none; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HOME ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #home a.lnk-more { margin-top:-18px; } #home ul { margin:20px 15px; _margin:20px 15px 0 15px; padding:0; } #home ul li { float:left; width:150px; background:none; margin:0 6px; padding:0; } #home ul li strong { display:block; width:100%; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; margin:0 0 2px 0; } #home ul li strong span { color:#ec8d0f; } #home ul li img { margin:0 11px; } #home ul li p { margin:0; padding:0; text-align:center; } #home ul li p strong { display:inline; font:bold 11px Arial, Helvetica, sans-serif; } #home ul li p a.lnk-more { float:none; display:block; margin:0; padding:0; } #home .boxContent { _height:390px; } #home-partenaires .boxContent { min-height:0; } #home-partenaires ul li { float:left; background:none; margin:0 5px; padding:0; } #home-partenaires ul li#partner-dell, #home-partenaires ul li#partner-sony { margin-top:15px; } #home-partenaires .boxContent { _height:165px; } ul#homeTechnologies { margin:0; padding:0: } ul#homeTechnologies li { padding:0 0 0 5px !important; } img#maintenance-online { margin:5px 0 0 5px; padding:0; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ QUI SOMMES-NOUS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #quisommesnous li strong { color:#FF9400; } #partenaires li { text-align:center; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ WEB ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ PAO ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #paoTechnologies li { padding:5px 0 5px 5px !important; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ INFORMATIQUE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FORMATION ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ REFERENCES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ .references { margin:25px 0; } .references img { margin:0 0 0 7px; padding:10px 14px; background:transparent url(zims/bg/img-references.jpg) 0 0 no-repeat; } .references h4 { margin:0; padding:0 20px; font:small-caps bold 14px Arial, Helvetica, sans-serif; color:#769DDE; letter-spacing:1px; } .references h4 span.sub {/* font-size:13px;*/ } .references h4:first-letter, .references h4 span.first-letter { color:#f80; } .references p { margin:0; padding:0 20px; font-weight:bold; color:#999; } .references p a { float:right; color:#769DDE; } .references p a:hover { color:#999; } .references span.color1 { color:#999; } .references span.color2 { color:#f80; } .references span.color3 { color:#769DDE; } #clients li { padding:5px 0; text-align:center; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CONTACT ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #form-contact #nom, #form-contact #prenom, #form-contact #email { width:200px; } #form-contact #societe, #form-contact #tel { width:100px; } #form-contact #subject { width:200px; } #form-contact #message { width:300px; height:100px; } #form-contact-submit { position:relative; bottom:0px; } #form-contact-header ul { margin:0; padding:0; } #form-contact-header ul li { color:#ff9400; font-size:11px; background:none;padding:0;margin:0 0 0 127px; _margin-left:132px; } #coordonnees { margin:0 5px 0 10px; padding:0 0px;font-size:11px; } #coordonnees strong { float:left; width:40px; } #coordonnees strong.high { height:20px; } /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ MENUS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/ #mainMenu { position:absolute; margin:0; padding:0; bottom:-3px; right:10px; width:423px; height:19px; list-style-type:none; } #mainMenu li { float:left; height:19px; } #mainMenu li a { text-decoration:none; display:block; height:19px; background-image:url(zims/bg/main-menu.gif); background-color:transparent; background-repeat:no-repeat; } #mainMenu li a span { display:none; } #item-quisommesnous { width:66px; height:19px; } #item-quisommesnous a { background-position:0px 0px;width:66px; height:19px; } #item-quisommesnous a:hover { background-position:0px -18px; } #item-web { width:41px;height:19px; } #item-web a { background-position:-66px 0px;width:41px;height:19px; } #item-web a:hover { background-position:-66px -18px; } #item-pao { width:42px; } #item-pao a { background-position:-107px 0px; } #item-pao a:hover { background-position:-107px -18px; } #item-informatique { width:103px; } #item-informatique a { background-position:-149px 0px; } #item-informatique a:hover { background-position:-149px -18px; } #item-formation { width:86px; } #item-formation a { background-position:-252px 0px; } #item-formation a:hover { background-position:-252px -18px; } #item-references { width:85px; } #item-references a { background-position:-338px 0px; } #item-references a:hover { background-position:-338px -18px; } #sitemap { } #sitemap li { font-weight:normal; font-size:12px; } #sitemap li a { font-weight:normal; } #sitemap li a:hover { text-decoration:underline; } #sitemap li ul { } #sitemap li ul li { } #sitemap li ul li a { font-size:11px; }