/*******************************************************************************/ /* Général */ /*******************************************************************************/ * { margin : 0; padding : 0; } body { font-family : Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif; font-size : 11px; color : #6c6c6c; background : #FFFFFF; text-align: center; } a { text-decoration: underline; color: #6c6c6c; outline: none; } a:hover, a:focus, a:active { text-decoration: none; } a img { border: 0; } .left { float: left; } .right { float: right; } img.left { margin-right: 10px; } img.right { margin-left: 10px; } img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; } .newline { display: block; clear: both; line-height: 1px; font-size: 1px; } /*******************************************************************************/ /* GLOBAL */ /*******************************************************************************/ #global { margin : 0 auto; width : 980px; position: relative; text-align: left; } /*******************************************************************************/ /* TOP SITE */ /*******************************************************************************/ #TopSite { height: 65px; } #TopSite .logo { float: left; padding: 10px 0 0 40px; } #TopSite .infos { width: 710px; height: 50px; float: right; background: url(../img/topsite_fond.png) no-repeat 0 0; } #TopSite td.sep { width: 30px; height: 100%; background: url(../img/topsite_sep.gif) repeat-y 50% 0; } #TopSite .infos.int td.sep { width: 80px; } input.acces-search-home { border: 0; font-family: arial; font-size: 11px; color: #6c6c6c; float: left; background: url(../img/rech_input_home.gif) no-repeat 0 0; width: 150px; height: 21px; padding: 3px 0 0 3px; margin-top: 4px; } input.loupe { margin-left: 10px; } a.acces-client { display: block; width: 110px; height: 20px; background: url(../img/button_clientaccess.png) no-repeat 0 100%; } a:hover.acces-client { background: url(../img/button_clientaccess_hover.png) no-repeat 0 0; } a.demande-devis-top { display: block; width: 145px; height: 20px; background: url(../img/devis/button_contactus_small.png) no-repeat 0 100%; } a:hover.demande-devis-top { background: url(../img/devis/button_contactus_small_hover.png) no-repeat 0 0; } /*******************************************************************************/ /* NAVIGATION */ /*******************************************************************************/ #nav { margin-bottom: 20px; } /*******************************************************************************/ /* NIV1 */ /*******************************************************************************/ #niv1 { background: url(../img/menu/niv1_bg.gif) repeat-x 0 0 #CE0000; height: 36px; padding-left: 50px; } #niv1 li { list-style: none; float: left; margin-left: 20px; } #niv1 ul { padding-top: 5px; } #niv1 li a { text-decoration: none; font-size: 11px; color: #ffffff; font-weight: 700; text-transform: uppercase; cursor: pointer; float: left; padding-left: 10px; } #niv1 li a span { float: left; padding: 6px 15px 11px 5px; } #niv1 ul li a:hover, #niv1 ul li a:focus { background: url(../img/menu/niv1_onglet_left.gif) no-repeat 0 0; color: #000; } #niv1 ul li a:hover span, #niv1 ul li a:focus span { background: url(../img/menu/niv1_onglet_right.gif) no-repeat 100% 0; } #niv1 ul li#current a { background: url(../img/menu/niv1_onglet_left.gif) no-repeat 0 0; color: #000; } #niv1 ul li#current a span { background: url(../img/menu/niv1_onglet_right.gif) no-repeat 100% 0; } #nav.home #niv1 li#accueil a { background:url(../img/menu/niv1_onglet_left.gif) no-repeat 0 0; color: #000; } #nav.home #niv1 li#accueil a span { background:url(../img/menu/niv1_onglet_right.gif) no-repeat 100% 0; } /*******************************************************************************/ /* NIV2 */ /*******************************************************************************/ #niv2 { background: url(../img/menu/niv2_bg.gif) repeat-x bottom left; } #niv2 table { margin: 0 1px; text-align: center; width: 978px; } #niv2 td { background: url(../img/menu/niv2_sep.gif) no-repeat center right; padding-right: 2px; text-align: center; } #niv2 td.last { background: none; padding-right: 0; } #niv2 td a { display: block; text-decoration: none; color: #000000; font-size: 11px; font-weight: 700; padding: 8px 20px 8px 20px; } #niv2 td a:hover { color: #cf0100; background: #fff url(../img/menu/niv2_hover.gif) repeat-x 0 0; } #niv2 td a.sel { color: #cf0100; background: #fff url(../img/menu/niv2_hover.gif) repeat-x 0 0; } /*******************************************************************************/ /* SIDEBAR */ /*******************************************************************************/ #sidebar { width: 232px; float: left; padding-bottom: 20px; margin: 0 0 0 10px; display: inline; } .rouge { color: #cf0100; } /*******************************************************************************/ /* EVENEMENTS */ /*******************************************************************************/ #bloc-event { margin-bottom: 15px; } #bloc-event h2 { background: url(../img/entete_home_left.png) no-repeat 0 0; height: 36px; font-size: 19px; padding: 0 5px 0 20px; line-height: 31px; margin-bottom: 8px; } #bloc-event ul { padding: 0 1px; list-style: none; } #bloc-event li { background: url(../img/check.gif) no-repeat 0 4px; text-indent: 0.45cm; font-size: 12px; margin-bottom: 2px; } #bloc-event li a { text-decoration: none; font-weight: 700; } #bloc-event li a:hover { color: #cf0100; } /*******************************************************************************/ /* ACTUS HOME */ /*******************************************************************************/ #bloc-actu .container { padding: 0 1px 8px 1px; } #bloc-actu h2 { background: url(../img/entete_actu.png) no-repeat 0 0; height: 54px; font-size: 19px; padding: 0 5px 0 20px; line-height: 30px; } #bloc-actu h3 { background: url(../img/bulle.gif) no-repeat 0 2px; text-indent: 0.45cm; font-size: 12px; margin-bottom: 3px; color: #CF0100;} #bloc-actu a { color: #ff7c00; font-weight: 700; text-decoration:none; } #bloc-actu a:hover { color:#8ca9ba; } table.allnews { height: 21px; } table.allnews td.opener { background: url(../img/bt_orange_left.gif) no-repeat 0 0; width: 6px; } table.allnews td.closer { background: url(../img/bt_orange_right.gif) no-repeat 0 0; width: 6px; } table.allnews td.fond { background: url(../img/bt_orange_bg.gif) repeat-x 0 0; } table.allnews a { font-size: 11px; color: #FFF; font-weight: 700; text-decoration: none; position: relative; bottom: 1px; } a.acces-blog { display: block; width: 110px; height: 20px; background: url(../img/acces_blog_FR.png) no-repeat 0 100%; } a:hover.acces-blog { background: url(../img/acces_blog_FR.png) no-repeat 0 0; } /*******************************************************************************/ /* MENUGAUCHE */ /*******************************************************************************/ #menu-gauche { margin-bottom: 15px; } #menu-gauche li { list-style: none; } #menu-gauche .entete { font-size: 14px; font-weight: 700; padding: 6px 12px; color: #000; background: url(../img/menu/menugauche_entete.png ) no-repeat 0 0; } #menu-gauche .closer-entete { font-size: 1px; line-height: 1px; height: 2px; background: url(../img/menu/menugauche_entete_closer.gif) no-repeat 0 0; } #menu-gauche .fond { background: url(../img/menu/menugauche_bg.gif) repeat-y 0 0; padding: 0 2px; } #menu-gauche .closer { font-size: 1px; line-height: 1px; height: 12px; background: url(../img/menu/menugauche_closer.gif) no-repeat 0 0; } /******** Niv3 ********/ #niv3 a { display: block; padding: 5px 5px 5px 22px; background: url(../img/puce_rec.gif) no-repeat 10px 8px; zoom: 1; font-size: 12px; font-weight: 700; text-decoration: none; border-bottom: 1px solid #e7e7e7; } #niv3 .last a { border-bottom: none; } #niv3 a:hover { background-color: #f4f4f4; } #niv3 a.sel { background-color: #f4f4f4; color: #cf0100; } /******** Niv4 ********/ #niv4 { padding: 5px 10px 5px 22px; border-bottom: 1px solid #e7e7e7; zoom: 1; } #niv4 a { font-size: 11px; font-weight: 400; padding: 2px 0; background: 0; border:0; } #niv4 a:hover { background: 0; color: #cf0100; } #niv4 a.sel { color: #cf0100; background: 0; } /*******************************************************************************/ /* DEMANDE DE DEVIS */ /*******************************************************************************/ #demande-devis { margin-bottom: 15px; } #demande-devis a.bouton { display: block; width: 232px; height: 41px; background: url(../img/devis/button_contactus_big.png) no-repeat 0 100%; } #demande-devis a:hover.bouton { background: url(../img/devis/button_contactus_big_hover.png) no-repeat 0 0; } .devisBT .opener { background: url(../img/devis/devis_opener.png) no-repeat left top; padding: 8px 6px 0 6px; text-align: center; font-size: 14px; color: #FFF; font-weight: 700; } .devisBT .closer { background: url(../img/devis/devis_closer.png) no-repeat left bottom; height: 11px; } .devisBT a { color: #FFF; text-decoration: none; } .devisBT a:hover { color: #cf0100; } /*******************************************************************************/ /* VOIR AUSSI */ /*******************************************************************************/ #voir-aussi h2 { background: url(../img/entete_home_left.png) no-repeat 0 0; height: 36px; font-size: 19px; padding: 0 5px 0 20px; line-height: 31px; margin-bottom: 8px; } #voir-aussi ul { padding: 0 1px; list-style: none; } #voir-aussi li { background: url(../img/puce_fleche.gif) no-repeat 0 4px; text-indent: 0.3cm; margin-bottom: 2px; } #voir-aussi li a { text-decoration: none; } #voir-aussi li a:hover { color: #cf0100; } /*******************************************************************************/ /* MAIN */ /*******************************************************************************/ #main { float: left; width: 700px; margin: 0 0 20px 30px; display: inline; } #main.with-skyscraper { width: 560px; } #skyscraper { width: 120px; float: right; margin-bottom: 20px; } /*******************************************************************************/ /* CHEMIN DE FER */ /*******************************************************************************/ #cdf { background: url(../img/puce_rec.gif) no-repeat 0 2px; font-weight: bold; color: #cf0100; text-indent: 10px; margin-bottom: 15px; } #cdf a { text-decoration: none; } #cdf a:hover { color: #cf0100; } /*******************************************************************************/ /* CENTRE */ /*******************************************************************************/ #centre h1 { font-size: 18px; color: #9e9e9e; background: url(../img/centre/fleche_titrePage.png) no-repeat 0 0; padding: 3px 0 20px 0; text-indent: 45px; } #centre h2 { font-size: 18px; margin-bottom: 10px; line-height: 23px; } #centre h2.nomargin { margin-bottom: 0 !important; } #centre h3 { font-weight: 700; font-size: 14px; } /** Styles H2 **/ h2.entete-gris { background: url(../img/centre/grad_titre.gif) repeat-x 0 0 #e1e1e1; border: 1px solid #d3d3d3; padding: 2px 10px 3px 10px; } h2.entete-grisbleu { background: url(../img/centre/grad_titre.gif) repeat-x 0 0 #e1e1e1; border: 1px solid #d3d3d3; padding: 2px 10px 3px 10px; color: #7d96a0; } h2.entete-couleur { background: url(../img/centre/grad_titre.gif) repeat-x 0 0 #e1e1e1; border: 1px solid #d3d3d3; padding: 2px 10px 3px 10px; color: #cf0100; } h2.fleche-grisbleu { background: url(../img/centre/puce_grisbleu.gif) no-repeat 0 0; text-indent: 30px; padding: 1px 0 3px 0; color: #7d96a0; } h2.fleche-couleur { background: url(../img/centre/puce_rouge.gif) no-repeat 0 0; text-indent: 30px; padding: 1px 0 3px 0; color: #cf0100; } h2.ronds { background: url(../img/centre/ronds_rouge.gif) no-repeat 0 7px; text-indent: 42px; } #centre .bloc { margin-bottom: 10px;} #centre .filet { border: 1px solid #cf0100; } #centre .fond-couleur { background: url(../img/centre/fondrouge_bg.gif) repeat-x 0 0 #ff1a00; color: #FFF; } #centre .fond-couleur h2 { color: #FFFFFF; } #centre .fond-gris { background: #dfdfdf; border: 1px solid #dfdfdf; } #centre .fond-couleur a { color: #FFF; } /* GESTION DES COLONNES */ div.w50 { float : left; display : inline; clear : left; width : 340px; margin-right : 16px; } div.w50-newline { float : left; display : inline; clear : right; width : 340px; } div.w33-first { float : left; display : inline; width : 220px; margin-right : 17px; } div.w33-2 { float : left; display : inline; width : 220px; margin-right : 17px; } div.w33-newline { float : left; display : inline; clear : right; width : 220px; } #main.with-skyscraper div.w50 { float : left; display : inline; clear : left; width : 270px; margin-right : 16px; } #main.with-skyscraper div.w50-newline { float : left; display : inline; clear : right; width : 270px; } #main.with-skyscraper div.w33-first { float : left; display : inline; width : 174px; margin-right : 16px;} #main.with-skyscraper div.w33-2 { float : left; display : inline; width : 174px; margin-right : 16px; } #main.with-skyscraper div.w33-newline { float : left; display : inline; clear : right; width : 174px; } /* BLOC LISTE */ #centre li { margin-bottom: 5px; list-style-type: disc; list-style-position: inside; } #centre li a { text-decoration: underline; color: #6C6C6C; } #centre li a:hover { color: #CF0100; } #centre ul { padding-bottom: 20px; } #centre ul.disc li { list-style-type: none; list-style-position: outside; background: url(../img/centre/disc_rouge.gif) no-repeat 0 5px; text-indent: 15px; } #centre ol.decimal li { list-style-type : decimal; list-style-position: inside; } #centre ol.min li { list-style-type : lower-alpha; list-style-position: inside; } #centre ol.maj li { list-style-type : upper-alpha; list-style-position: inside; } /*******************************************************************************/ /* SOMMAIRE */ /*******************************************************************************/ #sommaire ul { background: #f1f1f1; list-style: none; padding: 10px; margin: 0 0 20px 0; } /*******************************************************************************/ /* BLOC-CENTER */ /*******************************************************************************/ #bloc-center .vide { height: 400px; } /*******************************************************************************/ /* FOOTER */ /*******************************************************************************/ #footer { clear: both; border-top: 3px solid #e60d00; font-size: 12px; padding: 10px 2px; height: 30px;} #footer .copy { float: left; } #footer .powered { float: right; } #footer li { list-style: none; display: inline; } #footer a { text-decoration: none; } #footer a:hover { color: #7D96A0; } /*******************************************************************************/ /* SERVICES HOME */ /*******************************************************************************/ #services .entete { background: url(../img/services/entete_100.gif) no-repeat 0 0; height: 36px; width: 700px; margin-bottom: 15px; } #services .entete .titre { float: left; font-weight: 700; font-size: 19px; padding: 4px 0 0 20px; } #services .entete .logo { position: relative; top: 7px; text-align: center; } #services_col1 { width: 340px; float: left; } #services_col2 { width: 340px; float: right; } #services .picto { width: 80px; margin-right: 10px; float:left;display:inline } #services .contenu { float:left; width: 250px;} * html #services .contenu {width:246px;} #services .contenu.wide { width: 100%; } #services h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 2px; float: left; padding-right: 42px; cursor: pointer;width:200px } #services h3.redaction { background: url(../img/centre/ronds_bleu.gif) no-repeat 100% 3px; } #services h3.traduction { background: url(../img/centre/ronds_mauve.gif) no-repeat 100% 3px; } #services h3.vote { background: url(../img/centre/ronds_rose.gif) no-repeat 100% 3px; } #services h3.badges { background: url(../img/centre/ronds_rouge.gif) no-repeat 100% 3px; } #services h3.erp { background: url(../img/centre/ronds_orange.gif) no-repeat 100% 3px; } #services h3.web { background: url(../img/centre/ronds_celeste.gif) no-repeat 100% 3px; } #services h3.pe { background: url(../img/centre/ronds_vert.gif) no-repeat 100% 3px; } #services h3.acces { background: url(../img/centre/ronds_turquoise.gif) no-repeat 100% 3px; } #services h3.micro { background: url(../img/centre/ronds_vert.gif) no-repeat 100% 3px; } #services h3.deaf { background: url(../img/centre/ronds_klein.gif) no-repeat 100% 3px; } #services a { text-decoration:none; display:block ;} #services a:hover h3.redaction { color: #0066b2; } #services a:hover h3.traduction { color: #990099; } #services a:hover h3.vote { color: #e50066; } #services a:hover h3.badges { color: #ff3300; } #services a:hover h3.erp { color: #ff6c00; } #services a:hover h3.web { color: #20ACCF; } #services a:hover h3.pe { color: #5EB629; } #services a:hover h3.acces { color: #009999; } #services a:hover h3.micro { color: #5EB629; } #services .sep { clear: both; height: 10px; font-size: 1px; line-height: 1px;} /*******************************************************************************/ /* VISUEL INT */ /*******************************************************************************/ #visuelInt { margin-bottom: 20px; } #visuelInt h2 { font-weight: 400; font-size: 24px; color: #b5b5b5; margin-bottom: 2px; } /*******************************************************************************/ /* SITEMAP */ /*******************************************************************************/ #sitemap ul { margin: 0; padding: 0 0 0 30px; } #sitemap li { margin: 0; padding: 0; } #sitemap a { display: block; margin: 5px 0; } #sitemap .niv1 { padding: 0; } #sitemap .niv1 li { list-style: none; background: url(../img/puce_rec.gif) no-repeat 0 4px; } #sitemap .niv2 li { list-style: square; background: 0; } #sitemap .niv3 li { list-style: disc; } #sitemap .niv4 li { list-style: circle; } #sitemap .niv1 a { font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: 1px solid #CF0100; padding: 0 0 0 10px; } #sitemap .niv2 a { font-size: 12px; font-weight: 400; text-decoration: underline; border-bottom: 0; padding: 0; } #sitemap .niv3 a { font-size: 11px; } #sitemap .niv4 a { font-size: 10px; } /*******************************************************************************/ /* GALLERYVIEW */ /*******************************************************************************/ .nav-links { position: absolute; top: 30px; left: 20px; width: 200px; list-style: none; margin: 0; padding: 0; } .nav-links li { line-height: 1.6em; font-size: 1.2em; } #content { margin-left: 240px; margin-top: 30px; margin-right: 50px; } .twitthis { position: absolute; top: 250px; left: 20px; } pre { background: #e8e8e8; border-left: 10px solid #777; font-size: 0.85em; padding: 1em; color: black !important; overflow-x: auto; } .important { border: 1px solid #666; background: #ddd; padding: 0 1em; color: #C30; } .panel{ background-color:#000000; } .panel img{ margin-right:auto; margin-left:auto; } .galleryview { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } dt { font-weight: bold; } dd { margin-bottom: 0.5em; } .code_wrapper { border: 1px solid #888; background: #f0f0f0; padding: 10px; } code, .code { } .options { border: 1px solid #777; border-right: none; font-size: 0.8em; font-family: Verdana, Geneva, sans-serif; } .options th { text-align: left; background: #777; color: white; font-weight: bold; } .options th, .options td { padding: 4px 10px; } .options td { border-right: 1px solid #777; } #parts-img { border: 1px solid black; } img.nav { border: 1px solid black; margin-bottom: 5px; } /*a:link, a:visited { color: #3671A8; font-weight: bold; text-decoration: none; } a:hover { color: #CC5914; }*/ .panel-overlay h2, .panel-overlay p{ margin: .3em 0; } .panel-overlay p { line-height: 1.2em; }