#dummy-element{width:2px;} /* Necessary to check if StyleSheet has loaded */ /* CSS Document */ html { font-size: 100%; background-image:url(fond_site_blanc.jpg); } * { margin: 0; padding: 0; } body { margin: 0 auto; font-size: .8em; } li { list-style-type: none; } img { border: 0px; } img a { border: 0px; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { outline:0; } em { font-style: italic; } strong { font-weight: bold; } p { color: #000; } .center { text-align: center; } .italic { font-style: italic; } .bold { font-weight: bold; } .bolditalic { font-weight: bold; font-style: italic; } h2 { height: 17px; border-bottom: 1px solid #CCC; font: bold 11px/14px Arial, Helvetica, sans-serif; } div#conteneur { position: relative; margin: 0 auto; width: 590px; } h1 { background: no-repeat url("../medias/logo_onkei_v1.2.png"); margin-top: 20px; height: 97px; } div#btn_change_style { position:absolute; height: 60px; width: 250px; right: 0px; top: 0px; } #style-switcher p { float: right; font: bold italic 12px/30px "Times New Roman", Times; color: #C00; } #style-switcher p.theme_blanc { width: 30px; background-image: url('picto_change_coul/picto_bl.png'); } #style-switcher p.theme_noir { background-image: url("picto_change_coul/picto_noir.png"); } #style-switcher p.theme_noir:hover { background-image: url("picto_change_coul/picto_noir_survol.png"); } ul#menu { overflow:hidden; width: 100%; padding-bottom: 12px; text-align: right; margin-top: -25px; } ul#menu li { display:inline; margin-left: 17px; font: bold 11px/28px Arial, Helvetica, sans-serif; } ul#menu li a { color: #000; } ul#menu li a:hover { color: #00A4CC; text-decoration:none; } ul#menu .select { color: #00A4CC; } div#center { overflow:hidden; padding-bottom: 20px; width: 100%; } /* pour la page index */ p#slogan1 { margin-top: 15px; font: italic 28px "Times New Roman", Times, serif; text-align:left; color: #303030; } p#slogan2 { margin-bottom: 25px; font: italic 28px "Times New Roman", Times, serif; text-align:right; color: #303030; } p#slogan1 span, p#slogan2 span { font-weight: bold; } ul.ssmenu { overflow:hidden; margin-top: 20px; width: 100%; } ul.ssmenu li { float: left; font: 12px Arial; text-align: left; height: 245px; margin-bottom: 20px; } ul.ssmenu li a { display:block; position:relative; height:100%; width: 173px; border: 1px solid #CCC; } ul.ssmenu li a:hover { background-color: #00A4CC; text-decoration: none; color: #FFF; border: 1px solid #00A4CC; } ul.ssmenu li a img { position: absolute; left: -1px; top: -1px; } ul.ssmenu li a span.titr_ref { display: block; position: absolute; top: 145px; left: 5px; font: 22px "Times New Roman", Times, serif; color:#000; } ul.ssmenu li a span.type_ref { display: block; position: absolute; top: 220px; left: 5px; font: bold 10px Arial, Helvetica, sans-serif; color: #6B767B; } ul.ssmenu li a:hover span.titr_ref, ul.ssmenu li a:hover span.type_ref { color: #FFF; } div.colonne_1_2 { float:left; width: 385px; } div.bloc_expertises { float:left; width: 175px; margin-top: 15px;margin-bottom: 12px; } span.titre_expertises { display:block; font: bold 12px Arial, Helvetica, sans-serif; } span.sstitre_expertises { display:block;font: bold italic 12px "Times New Roman", Times, serif; color:#878787; } span.contenu_expertises { display:block;font: 12px/16px "Times New Roman", Times, serif; text-align:justify; margin-top: 5px; } a.lien_expertises { display: block; width: 100%; color: #00A4CC; font-weight:bold; margin-top:10px; } a.lien_expertises:hover { text-decoration: none; } div.colonne_3 { float:right; width: 175px; } table.bloc_actus { margin-top:15px;} p.titre_actus { font: bold 12px Arial, Helvetica, sans-serif; } a.contenu_actus { display:block; margin-top: 5px; font: italic 12px "Times New Roman", Times, serif; color: #878787; } a.contenu_actus:hover { color: #000; text-decoration:none; } a.contenu_actus span { float: right; color: #00A4CC; font: 14px Arial, Helvetica, sans-serif;} input.form_acc_nom { padding-left: 2px; margin-top: 15px; width:171px; height: 20px; border: 1px solid #999; font: italic 12px 'Times New Roman', Times, serif; color:#878787; } textarea#form_acc_mess { padding: 2px; margin-top: 15px; width: 169px; height: 85px; border: 1px solid #999; font: italic 12px 'Times New Roman', Times, serif; color:#878787; } p#btn_envoyer { margin-top: 10px;} p#btn_envoyer a { color: #00A4CC; font-weight: bold; } p#btn_envoyer a:hover { text-decoration: none; } /*pour la page references */ div#div_img_references { height: 300px; margin-bottom: 20px; text-align:center; background: no-repeat url(img_projets_noir_2.png) center;} div#navigation table { margin: 0 auto; height: 100%; width: 700px; } div#navigation p, div#navigation a { font: bold 28px 'Times New Roman', Times, serif; color:#FFF; } div#navigation a:hover { text-decoration:none; } /*pour la page reference + */ div.panorama { height: 275px; } p.nav_panorama { float: right; margin-top: 5px; font: bold 12px/20px Arial, Helvetica, sans-serif; } p.nav_panorama a { color:#00A4CC; } p.nav_panorama a:hover { text-decoration: none; } p.titre_reference { margin-top: 15px; font: bold 30px "Times New Roman", Times, serif; } p.sstitre_referenceA, p.sstitre_referenceB, p.sstitre_referenceC, p.sstitre_referenceD { font: bold italic 14px"Times New Roman", Times, serif; line-height: 1.25em; color: #878787; } p.sstitre_referenceA a, p.sstitre_referenceB a, p.sstitre_referenceC a, p.sstitre_referenceD a { color: #878787; } p.sstitre_referenceA a:hover { color: #00A4CC; text-decoration:none; } p.sstitre_referenceB a:hover { color: #CC0000; text-decoration:none;} p.sstitre_referenceC a:hover { color: #000; text-decoration:none; } p.sstitre_referenceD a:hover { color: #878787; text-decoration:none; } p.contenu_reference { margin-top: 15px; margin-bottom: 20px; font: 12px "Times New Roman", Times, serif; line-height: 15px; text-align:justify; } p.contenu_reference a { color:#00A4CC; } p.contenu_reference a:hover { color:#00A4CC; text-decoration:none; } span.lesplus { font: 12px 'Times New Roman', Times, serif; line-height: 13px; color:#000; } img.img_miniature_ref { float: left; opacity: .50; background: #000; margin-top: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } img.img_miniature_ref:hover { opacity: 1; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } img.img_select{ opacity: 1; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } p#barre_ref_nav{ margin-top: 10px; height: 13px; width: 100%; } p#barre_ref_img { margin-top: 10px; width: 100%; } /*pour la page expertise */ div#div_btn_expertises { height: 300px; overflow:hidden; margin-bottom:5px; margin-top: 15px;} div#div_btn_expertises a { display:block; float:left; height: 300px; width:190px; } div#div_btn_expertises a:hover img { float:left; margin-top: -300px; } div#div_btn_expertises .selectA img, div#div_btn_expertises .selectB img, div#div_btn_expertises .selectC img { float:left; margin-top: -300px; } p#intro_expertise { text-align: center; margin-top: 35px; margin-bottom:120px; font: italic 28px "Times New Roman", Times, serif; color: #303030;} p.titre_expertise { font: bold 48px Arial, Helvetica, sans-serif; } p.sstitre_expertise { font: italic 14px 'Times New Roman', Times, serif; color: black; margin-top:-10px; } p.numero_expertise { font: bold 72px/72px Arial, Helvetica, sans-serif; } p.slogan_expertise { font: italic 20px/24px 'Times New Roman', Times, serif; margin-top: 5px; text-align:justify; } p.contenu_expertise { font: 12px/18px 'Times New Roman', Times, serif; color: black; text-align: justify; } p.concret_expertise { font: 11px/17px Arial, Helvetica, sans-serif; color: black; margin-top: 15px;text-align:justify; } .expertise_A { color: #00A4CC; } .expertise_B { color: #CC0000; } .expertise_C { color: #000; } /*pour la page a propos */ div#div_img_a_propos { height: 300px; margin-bottom: 20px; text-align:center; background: no-repeat url(a_propos_2.png) center;} p.slogan_apropos { margin-top: 20px; margin-bottom: 20px; font: italic 25px "Times New Roman", Times, serif; text-align:justify; } p.colonne_apropos { float: left; width: 275px; font: 12px "Times New Roman", Times, serif; text-align:justify; } /*pour la page actu */ table#tab_actus { margin-top: 25px; } table#tab_actus td.colonne1_actus { width: 28%;text-align: right; } table#tab_actus td.colonne1_actus .date_actus { font: italic 14px/17px "Times New Roman", Times, serif; color:#666; } table#tab_actus td.colonne1_actus .link_actus a { font: bold 10px/13px Arial, Helvetica, sans-serif; color:#000; } table#tab_actus td.colonne1_actus .link_actus a:hover { color:#00A4CC; text-decoration:none; } table#tab_actus td.colonne2_actus { width: 67%; padding-left: 5%; padding-bottom: 30px; } table#tab_actus td.colonne2_actus .titre_actus { font: italic 24px "Times New Roman", Times, serif; color:#000; } table#tab_actus td.colonne2_actus .titre_actus a { color:#00A4CC; } table#tab_actus td.colonne2_actus .titre_actus a:hover { color:#00A4CC; text-decoration:none; } table#tab_actus td.colonne2_actus .contenu_actus { font: bold 12px/16px "Times New Roman", Times, serif; color: #666; margin-top: 10px; margin-bottom: 10px; } table#tab_actus td.colonne2_actus .contenu_actus a { color:#00A4CC; } table#tab_actus td.colonne2_actus .contenu_actus a:hover{ color:#00A4CC; text-decoration:none; } table#tab_actus td.colonne2_actus .plus_actus a { font: bold 13px/16px "Times New Roman", Times, serif; color:#00A4CC; } table#tab_actus td.colonne2_actus .plus_actus a:hover { text-decoration:none; } /*pour la page contact */ p.contenu_contact { margin-top: 20px; font: 13px/ 16px "Times New Roman", Times, serif; color:#000; } p.contenu_contact_erreur{ margin-top: 10px; font: 13px/ 16px "Times New Roman", Times, serif; color:#CC0000; } p.contenu_contact_good { margin-top: 10px; font: 13px/ 16px "Times New Roman", Times, serif; color:#0C3; } table#tab_contact p { font: italic 13px "Times New Roman", Times, serif; } table#tab_contact input { padding-left: 4px; width: 450px; ; height: 20px; border: 1px solid #999; font: 11px 'Times New Roman', Times, serif; color:#878787; } table#tab_contact textarea { padding-left: 4px; padding-top: 4px; width: 450px; ; height: 120px; border: 1px solid #999; font: 11px 'Times New Roman', Times, serif; color:#878787; resize: none;} table#tab_contact a, table#tab_contact a:hover { font-weight:bold; color: #00A4CC ;text-decoration: none; } div#navigation { height: 55px; background-color: #cc0033; } div#footer { height: 220px; background-color: #000; padding-top:20px; } div#footer table.grand { position: relative; margin: 0 auto; width: 850px; } div#footer p.titre_footer { font: 11px Arial, Helvetica, sans-serif; color:#FFF;} div#footer li a { font: 11px/17px Arial, Helvetica, sans-serif; color: #00A4CC; } div#footer li a:hover { text-decoration: none; } div#footer td p { font: 11px Arial, Helvetica, sans-serif; color: #FFF; } div#footer td p a, div#footer td p a:hover { color: #00A4CC; text-decoration:none; } div#footer2 { height: 10px; background-color: #00A4CC; } /* MAJ DE JANVIER 2011 */ .actu_titre { font: italic 22px/30px 'Times New Roman', Times; color: black; } .actu_description { font: 13px/16px 'Times New Roman', Times; color:black; text-align:justify; margin-top: 10px;} .actu_description a{ color: #00A4CC; } a.link_expertises img:hover { margin-top: -300px; } .box_actu { position: relative; width: 385px; height: 190px; overflow: hidden;} .info_actu { position: absolute; top: 0px; width: 387px; height: 240px; } .titre_actu { font: bold 14px/25px Arial; color: white; background: url(px_transparent/1px_noir70.png); text-transform: uppercase; padding: 5px 0 0 10px; margin-top: 160px; } .sstitre_actu { font: 12px/18px Arial; color: #999; background: url(px_transparent/1px_noir70.png); padding-left: 10px; } .more_actu { font: 10px/22px Arial;color: #00A4CC; background: url(px_transparent/1px_noir70.png); padding-left: 10px; }