/**** FEUILLE DE STYLE USEWEB ********************************************************************/ body { color:#000; background:none; } td { color:#000; } a { color:#000; } ul li { list-style-type:square; list-style-image:none; } /**** NONE ************************************************************************************/ .toppage, #top, #likebox, #top ul, #top form, #top .callback_top, .callback_bottom, .slide, #nav, #footer, #addthis, #home .labels, #home #slideshow, #controls, .interest, #offre dl dd .submit, .onglets, .lastask { display:none; } /*************************************************************************************************/ /* STRUCTURE */ /*************************************************************************************************/ .wrap { width:650px; } /**** HEADER ************************************************************************************/ #header .wrap { height:80px; } #header h1 { top:45px; width:420px; color:#09d; } #header h2 { top:0; font:normal 20px Verdana, Arial, Helvetica, sans-serif; color:#000; } #header p { top:25px; color:#000; } #logo { top:0; left:0; } /*************************************************************************************************/ /* CONTENT */ /*************************************************************************************************/ .inc { background:none; padding:0; } .include { padding:20px 0; } /* Titres */ #content h2, #content h2 * { font:bold 26px Verdana, Arial, Helvetica, sans-serif; } #content h4, #content h4 strong { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* Formatage Cadres */ #content .frame h2, #content .frame h2 * { font-size:18px; } .frame { padding:10px; } .col3 .colL, .col3 .colC, .col3 .colR { width:290px; } .col2 .colL { width:305px; } .col2 .colR { width:275px; } /* Cadres couleurs */ #quotbox { height:150px; width:290px; } /* Colonnes Default */ .colLeft { width:650px; float:none; clear:left; } .colRight { margin-left:0; } .hanger { width:650px; } /*************************************************************************************************/ /* ACCUEIL */ /*************************************************************************************************/ #home .gradient .quot { padding-left:0; background:none; } #home .idea { background:none; padding-left:0; height:auto; } /*************************************************************************************************/ /* PRESENTATION USEWEB */ /*************************************************************************************************/ #presentation .colLeft { width:650px; } #presentation .colRight { margin-left:0; } /* Méthode */ #methode dl.bigstep dd { margin:0 0 50px 0; padding:0; } #methode dl.bigstep dd .visu { padding-right:0; } /*************************************************************************************************/ /* REALISATIONS */ /*************************************************************************************************/ #realisations .include { padding:10px 15px; background:#fff url(../images/bg/bg_grey.png) repeat-y 100% 0; } .viewer { margin:0; width:100%; height:390px; overflow:hidden; } .zoom { float:left; padding:5px; height:390px; overflow:hidden; } .zoom img { width:600px; height:380px; -webkit-box-shadow:0 0 3px #777; -moz-box-shadow:0 0 3px #777; -khtml-box-shadow:0 0 3px #777; -o-box-shadow:0 0 3px #777; box-shadow:0 0 3px #777; } .legend { margin-left:630px; padding-right:90px; height:390px; background:url(../images/realisations-web.gif) no-repeat 100% 50%; } .legend .link { margin:20px 0 0 0; border-left:3px solid #09d; padding-left:5px; } .legend .link strong { display:block; } .legend .link, .legend .link a { color:#09d; } .legend .link a:hover { color:#000; /*-webkit-text-shadow:0 0 5px #09d; -moz-text-shadow:0 0 5px #09d; -khtml-text-shadow:0 0 5px #09d; -o-text-shadow:0 0 5px #09d; text-shadow:0 0 5px #09d;*/ } #content .legend h2 { font-size:36px; margin-bottom:10px; } #content .legend h3 strong { display:block; font-weight:normal; font-size:13px ; color:#000; } #view_front, #view_back { width:100%; height:390px; } /* Navigation */ #realisations .solid { height:inherit; margin-top:10px; } #realisations .frame { padding:10px; } #realisations .frame * { text-align:left; } .nav_rea { height:30px; } .nav_rea ul, .nav_rea ul li { margin:0; padding:0; } .nav_rea ul li { float:left; margin-right:2px; height:30px; line-height:30px; display:inline; list-style-image:none; } .nav_rea ul li a { cursor:pointer; padding:7px 15px 6px 15px; color:#fff; font-size:14px; text-decoration:none; background:url(../images/white-10.png); } .nav_rea ul li a:hover { color:#fff; background:url(../images/bg/bg_orange.png) repeat-x 0 50%; text-decoration:none; } .nav_rea ul li a.actif { color:#f40; background:url(../images/bg/bg_white.png) repeat-x 0 50%; } .thumbs { padding:10px; background-color:#ececec; } .thumbs ul li { cursor:pointer; margin:0; padding:0; display:inline; list-style-image:none; } .thumbs ul li a img { width:130px; height:80px; -webkit-opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -o-opacity:0.5; opacity:0.5; } .thumbs ul li a:hover img { -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -o-opacity:1; opacity:1; -webkit-box-shadow:0 0 3px #777; -moz-box-shadow:0 0 3px #777; -khtml-box-shadow:0 0 3px #777; -o-box-shadow:0 0 3px #777; box-shadow:0 0 3px #777; } /*************************************************************************************************/ /* PRESTATIONS */ /*************************************************************************************************/ #prestation .colLeft { width:650px; } #prestation .colRight { margin-left:0; } #prestation .visu { width:250px; margin-left:20px; } #prestation .visu img { width:230px; } /* ETAPES */ dl.step { margin:20px 0; padding:0; } dl.step dd, dl.bigstep dd { padding:0; background:none; } #offre dl dd { position:relative; padding:10px 10px 10px 250px; width:380px; height:180px; margin:0 0 10px 0; background:none; clear:left; } #offre dl dd img { top:10px; left:0; } /* Tablea comparatif */ #comparatif table { width:650px; margin:10px 0; } #comparatif table thead th, #comparatif table thead td { font:normal 12px Verdana, Arial, Helvetica, sans-serif; } #comparatif table thead .tabhead td, #comparatif table thead .tabhead td strong { font-size:12px; } #comparatif table thead strong{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; } #comparatif table thead td { font:normal 24px Verdana, Arial, Helvetica, sans-serif; } /*************************************************************************************************/ /* OUTILS */ /*************************************************************************************************/ /* Faq */ #faq .include, #lexique .include { padding-right:0; background:none; } #faq h3 { margin:0 0 5px 0; font-size:16px; } #faq h3:hover { cursor:pointer; color:#f60; } /* Lexique */ #lexique h6 { font:normal 30px Arial, Helvetica, sans-serif; } /* Quizz */ #quizz .include { padding-right:0; background:none; } .quizz ul li a { width:600px; } /* Simulation */ #simulation .include { padding-right:0; background:none; } /* Indispensables */ .logiciel { width:310px; height:100px; } .pack { float:left; background:none; } .pack img { position:absolute; top:10px; right:0; } .txt h3 a { font:normal 20px Verdana, Arial, Helvetica, sans-serif; } #clavier .colLeft { width:600px; } #clavier .colRight { margin-left:650px; } /* Support */ #support .include { padding-right:0; background:none; } #zones ul li { width:130px; height:90px; } /*************************************************************************************************/ /* CONTACT / ACCES */ /*************************************************************************************************/ #contact .include img { float:right; margin:20px 0 20px 10px; } #contact .colLeft { display:none; } #contact .colRight { margin-left:0; } #planacces img { width:650px; } #acces .colLeft { width:650px; } #acces .colRight { display:none; } /* Recrutement */ #recrutement .colLeft { width:650px; } #recrutement .colRight { margin-left:0; }