/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } #facebox .b { background:url(../images/b.png); } #facebox .tl { background:url(../images/tl.png); } #facebox .tr { background:url(../images/tr.png); } #facebox .bl { background:url(../images/bl.png); } #facebox .br { background:url(../images/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px!important; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } body { margin: 0 auto; padding: 0; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; color: #808084; background: #ffffff; text-align: left; vertical-align:top; height:100%; } a:link, a:visited { color:#837f7f; text-decoration:none; } a:hover { color:#837f7f; text-decoration:underline; } ul { color:#837f7f; display:inline; float:left; margin-bottom:0px; margin-left:40px; #margin-left: 0px!important; } ul li { #margin-left: 15px; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type:disc; line-height:15px; font-size:11px; } table { #margin:0; #padding:0; } /* Main Elements ----------------------------------------------------------------------------------*/ .TEAMMain { width: 960px; margin-bottom: 30px; margin-left: auto; margin-right: auto; } .TEAMMain h1 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:25px; font-weight:normal; text-align:left; margin-left:0px; margin-top:20px; margin-bottom:24px; } .TEAMHeader { height: 50px; overflow:hidden; } .TEAMMenu { background: red; background: transparent; height: 42px; width: 703px; overflow:hidden; text-align:left; float:left; position:relative; top:8px; left:259px; padding: 0; margin: 0; } .TEAMMenu p { /*position:static;*/ margin:0; margin-top:12px; #margin-top:9px; bottom:auto; float:left; left:10px; width:144px; width:auto; height:40px; font-family:Century Gothic, "Century Gothic", sans-serif; font-size:14px; #line-height:18px; text-transform:uppercase; text-align:center; color:white; } .TEAMMenu p a{ font-weight:normal; color:white; } .TEAMMenu p strong a{ font-weight:normal; color:#6E6F64; } .TEAMSousMenu { background: transparent; margin-top:5px; height: 39px; overflow:hidden; text-align:left; float:left; visibility:hidden; } .TEAMSousMenu.entreprise .spacer{ float:left; width:260px; } .TEAMSousMenu.solutions .spacer { float:left; width:417px; } .TEAMSousMenu.accueil, .TEAMSousMenu.entreprise { visibility:visible; } .TEAMSousMenu.solutions { visibility:visible; } .TEAMSousMenu p{ /*position:static;*/ margin:0 !important; padding-right:5px; bottom:auto; float:left; left:10px; width:144px; width:auto; height:40px; font-family:Century Gothic, "Century Gothic", sans-serif!important; font-size:14px; text-transform:uppercase; text-align:center; color:#494A3E !important; } .TEAMSousMenu p a{ color:#494A3E !important; } .TEAMCyclePhotos { margin-top: 13px; margin-bottom: 11px; width:960px; overflow:hidden; height:120px; } .TEAMCyclePhotos img{ margin-right:9px; } h4.accordion_toggle { color:#837f7f; font-family: odilero, Arial, sans-serif; font-size:16px; font-weight:normal; text-align:left; } h5.accordion_toggle { color:#837f7f; font-family: odilero, Arial, sans-serif; font-size:14px; font-weight:normal; text-align:left; } hr { height: 1px; background: url("../images/design/separation_hori.png") no-repeat top left transparent; margin:0; padding:0; border:none; } .TEAMContent { background: url(../images/design/sous_menu_background.jpg) top left repeat-x transparent; } .TEAMContent.accueil { background: url(../images/design/accueil_background.jpg) top center repeat-x transparent; } .TEAMContent.accueil .TEAMContentB { background: url(../images/design/accueil_background_2.jpg) top center no-repeat transparent; height:443px; } .TEAMContent .TEAMContentB{ background: transparent; } .TEAMContentB { width: 960px; height:auto; margin: 0 auto; text-align:left; overflow:hidden; /*_background:yellow !important;*/ } .TEAMContent h1 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:25px; font-weight:normal; text-align:left; margin-left:0px; margin-top:20px; margin-bottom:24px; } .TEAMContent h2 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:18px; #font-size:16px; font-weight:normal; line-height:10px; text-align:left; margin:20px; margin-left:80px; } .TEAMContent p { color:#837f7f; font-family: Arial, sans-serif; font-size:12px; line-height:20px; margin-right: 0px; margin-bottom:24px; } .TEAMContent p { margin-bottom:6px; } .TEAMContent input[type=text], .TEAMContent input[type=file], textarea, select { border: 2px solid #C4CE20; width:250px; } .TEAMContent ul { color:#837f7f; font-family: verdana, Arial, sans-serif; font-size:12px; line-height:17px; text-align:left; margin-left:14px; margin-bottom:0px; list-style-type: disc; list-style-position: inside; } .TEAMContent ul li { text-indent:-13px; margin-bottom:15px; } .TEAMCopyright { clear: both; border-top: 1px solid #242729; padding-top: 15px; margin: 42px 0 50px 0; } /* * * phpMailer * * * */ .TEAMLabel { width:83px; padding:6px 0; } .TEAMInput { width:258px; vertical-align:middle; overflow:hidden; } .TEAMInput input, .TEAMInput textarea { width:250px; margin:6px 0; border: 1px solid #999997; background:white; } .TEAMInput textarea { height:90px; } strong.SEO { font-weight: normal; } .TEAMHeader { background: url('../images/design/header_background.jpg') top left repeat-x #ffffff; height:110px; overflow:hidden; } .TEAMHeaderB { margin:0 auto; width:960px; height:110px; overflow:hidden; } .TEAMHeaderB .TEAMLogo{ width:236px; height:64px; position:relative; top:46px; left:-4px; } .TEAMHeaderB .TEAMLogo h1{ margin:0; padding:0; } .TEAMClear{ margin:0; padding:0; height:0; width:0; overflow:hidden; clear:both; } .TEAMGauche { float:left; width:259px; padding-top:40px; overflow:hidden; /* _background:red !important; _position:relative; _left:-240px; */ } div.TEAMGauche h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:50px; color:#93948B; } div.TEAMGauche.entreprise.accueil h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:50px; color:#E6E6E4; } div.TEAMGauche.entreprise.philosophie h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:30px; color:#93948B; } div.TEAMGauche.entreprise.references h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:30px; color:#93948B; } div.TEAMGauche.contacts h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:41px; color:#93948B; } div.TEAMGauche.emplois h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:48px; color:#93948B; } div.TEAMGauche.solutions.sem h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:24px; color:#93948B; } div.TEAMGauche.solutions.sem h1 span.big{ font-size:40px; } div.TEAMGauche.solutions.technologie_rfid h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:24px; color:#93948B; } .TEAMGauche.solutions.technologie_rfid h1 span.big{ font-size:50px; } .TEAMGauche.solutions.technologie_rfid h1 span.small{ font-size:18px; line-height:21px; font-family:pfhighwaylight, Arial, sans-serif !important; text-transform:none; font-weight:normal; } .TEAMGauche.solutions.services h1{ margin:0 !important; position:relative; top:-5px; left:20px; text-transform:uppercase; font-family: Arial; font-family:pfhighwaysanspro, Arial, sans-serif !important; font-weight:bold; font-size:46px; color:#93948B; } .TEAMGauche.etudes_de_cas h1 { font-size:18px; } .TEAMGauche.etudes_de_cas h1 span.big{ font-size:50px; } .TEAMDroite { float:left; width:700px; padding-top:40px; overflow:hidden; font-family:verdana, sans-serif; } .TEAMDroite h2{ margin:0; margin-top:15px; margin-bottom:15px; font-weight:bold; font-family:verdana, sans-serif; font-size:14px; color:#6f7064; } .TEAMDroite h2 span.vert { font-size:24px; color:#c3ce21; } .TEAMDroite p { font-family:verdana, sans-serif; text-align: justify; margin-bottom:17px; font-size:12px; line-height:16px; } .TEAMDroite.entreprise.accueil p{ margin-bottom:17px; color:white; font-family:verdana, sans-serif; font-size:14px; line-height:17px; font-weight: normal; } .TEAMDroite.solutions.services h2 { margin-top: 40px; } .TEAMDroite.solutions.services ul { margin-bottom: 0px; } .TEAMDroite p a{ color:#B4BA6E; text-decoration: underline; } .TEAMDroite p a:hover{ color:#B4BA6E; text-decoration: none; } .TEAMFooter { margin:40px auto; width:960px; text-align:center; overflow:hidden; } .TEAMFooter .TEAMFooter1 .Liens1 { margin:0 auto; height:93px; overflow:hidden; text-align:center; width:727px; } .TEAMFooter .TEAMFooter1 .Liens1 p{ float:left; height:93px; overflow:hidden; } .TEAMFooter .TEAMFooter1 .Liens1 .sepH { float:left; margin:0 34px; height:93px; overflow:hidden; } .TEAMFooter2 { margin-top: 30px; } .TEAMFooter .TEAMFooter2 .Liens2 p{ float:right; height:93px; overflow:hidden; color: #231f20; font-size:10px; font-family: verdana, sans-serif; line-height:32px; color: #837f7f; } .checked { display: none!important; } .TEAMFormulaire { margin-top: 30px; margin-bottom: 30px; } .TEAMFormulaire td{ padding: 5px; vertical-align: middle; } .TEAMFooter .TEAMFooter2 .Liens2 p img{ margin:0 8px; } .sepH { background:url("../images/design/sepH.png") repeat-y top center transparent; } .Gras { font-weight:bold; font-size:12px; } .TEAMVideo { float:left; margin-right:20px; width:320px; height:275px; overflow:hidden; } .TEAMVideo2 { float:left; width:230px; color:#6F7064; } .TEAMVideo2 p { margin:0; margin-bottom:5px; font-size:11px; line-height:14px; text-align: left; } .TEAMCitation p{ color:#9aa041; text-transform:uppercase; font-size:14px; margin-bottom:15px; } .TEAMCitation p.signature{ margin-bottom:0; font-weight:bold; font-size:16px; } .TEAMCitation p.right{ text-align:right; text-transform:none !important; } .LienPDF { margin-left: 20px; margin-top: 20px; line-height: 22px; } .LienPDF span { margin-left: 10px; }