/*******************************************************************************/ /* 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/acces_client_FR.png) no-repeat 0 100%; } a:hover.acces-client { background: url(../img/acces_client_FR.png) no-repeat 0 0; } /* Gérer Dans le Head pour le Mutilangues --> a.demande-devis-top,a:hover.demande-devis-top { display: block; width: 145px; height: 20px; background: url(../img/richiesta_2doors.gif) no-repeat 0 100%; } a:hover.demande-devis-top { background-position: 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: url(../img/menu/niv2_hover.gif) repeat-x 0 0; } #niv2 td a.sel { color: #cf0100; background: 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/bt_devis_FR.png) no-repeat 0 100%; } #demande-devis a:hover.bouton { background: url(../img/devis/bt_devis_FR.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; } /*******************************************************************************/ /* flash hOME */ /*******************************************************************************/ #FlashHome {width:980px; height:190px;} #FlashHome object{ margin:0; padding:0; } /*******************************************************************************/ /* VOIR AUSSI */ /*******************************************************************************/ #voir-aussi { margin-bottom: 15px; } #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_50.png) no-repeat 0 0; height: 36px; width: 340px; margin-bottom: 15px; } #services .entete.ubi { float: left; } #services .entete.ues { float: right; } #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-ubi { width: 340px; float: left; } #services-ues { width: 340px; float: right; } #services .picto { width: 80px; margin-right: 10px; float:left; } #services .contenu { float:left; width: 250px; } #services .contenu.wide { width: 100%; } #services h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 2px; float: left; padding-right: 42px; cursor: pointer; } #services h3.redac { background: url(../img/centre/ronds_bleu.gif) no-repeat 100% 3px; } #services h3.trad { 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.badge { 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 a { text-decoration:none; } #services a:hover h3.redac { color: #0066b2; } #services a:hover h3.trad { color: #990099; } #services a:hover h3.vote { color: #e50066; } #services a:hover h3.badge { 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 .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 .niv2 a { display: inline-block\9; } * html #sitemap .niv2 a { display: block;} *+html #sitemap .niv2 a { display: block;} #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; } #photos ul.filmstrip li{ list-style-type:none; } /********************************/ /* SONDAGE /********************************/ #sondage { border-top: #CE0000 solid 3px; color: #000000; } #sondage .question { font-weight: 700; font-size: 12px; padding: 10px; } #sondage .choix { padding: 5px 10px; } * html #sondage .choix { padding: 0 10px; } #sondage .choix input { vertical-align: middle; margin-right: 5px; } #sondage .choix label { float: none; font-weight: normal; font-size: 12px; } #sondage .form-submit { margin: 8px 0; padding: 0;} /********************************/ /* PAGE SONDAGE RESULTS /********************************/ #sondageGraphe td.reponse { width: 160px; } #sondageGraphe td.graph img { background: #CE0000; height: 15px; width: 100%; } #sondageGraphe td { padding: 10px; } /********************************/ /* Correctifs pour les boutons arrondis /********************************/ .boutonImg{ margin-top: 3px; } .boutonImg2{ margin-top: 4px; } /*******************************************************************************/ /* ACCORDEON */ /*******************************************************************************/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding-left:15px; padding-top:5px; padding-bottom:3px; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0px; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; } /* Component containers ----------------------------------*/ .ui-widget-content { border: 1px solid #d3d3d3/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ /****A MODIFIER POUR LES UNIVERS ****/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #eeeeee url("../img/centre/grad_titre.gif") 0 0 repeat-x; font-weight: normal/*{fwDefault}*/; color: #333333/*{fcDefault}*/; outline: none; } /****A MODIFIER POUR LES UNIVERS ****/ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333/*{fcDefault}*/; text-decoration: none; outline: none; } /****A MODIFIER POUR LES UNIVERS ****/ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #cccccc url("../img/menu/niv2_bg.gif") 0 100% repeat-x; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; } /****A MODIFIER POUR LES UNIVERS ****/ .ui-state-hover a, .ui-state-hover a:hover { color: #333333/*{fcHover}*/; text-decoration: none; outline: none; } /****A MODIFIER POUR LES UNIVERS ****/ .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #d3d3d3/*{borderColorActive}*/; background: #CF0100 url("../img/menu/niv1_bg.gif") 0 0 repeat-x; font-weight: normal/*{fwDefault}*/; color: #333333/*{fcActive}*/; outline: none; } /****A MODIFIER POUR LES UNIVERS ****/ .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff !important/*{fcActive}*/; outline: none; text-decoration: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_454545_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(../img/ui-icons_454545_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -160px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } /********************************************/ /* HOME SLIDER */ /********************************************/ #slider { position:relative; overflow:hidden; width:980px; height:187px; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li .texte { position:relative; z-index:21; top:-41px; left:285px; padding-top:5px; height:34px; width:525px; overflow:hidden; color:#FFF; font-weight:bold; } #slider li{ width:980px; height:187px; overflow:hidden; float:left; } /* numeric controls */ ol#controls{ height:28px; margin:1em 0; padding:0; position:absolute; right:1px; top:210px; z-index:22; } ol#controls li{ margin:0 6px 0 0; padding:0; float:left; list-style:none; height:21px; width: 21px; } ol#controls li a{ float:left; height:21px; line-height:21px; width: 21px; background:transparent url(../img/liElem_on.png) no-repeat scroll 0 100%; color: #FFF; text-decoration: none; font-size: 16px; font-weight:bold; font-family: Arial; text-align: center; } ol#controls li.current a{ background:transparent url(../img/liElem.png) no-repeat scroll 0 100%; list-style-type:none; color:#e11f25; text-align: center; } ol#controls li a:focus{outline:none;} /************/ /* ONGLETS */ /************/ /* Menu */ #onglet ul.actuOnglet{ height:25px; padding:0; } #onglet ul.actuOnglet li{ float:left; text-align:center; padding:0 20px 0 0; margin:0 2px 0 0; line-height:25px; list-style:none; background:url(../img/fond_onglet.png) no-repeat 100% 100% #EEE; } #onglet ul.actuOnglet li.ongleton{ background:url(../img/fond_onglet.png) no-repeat 100% 0 #CE0000; } #onglet ul.actuOnglet li a{ display:block; float:left; color:#000; font:bold 11px/25px Arial,Helvetica; text-decoration:none; text-transform:uppercase; padding:0 0 0 20px; background:url(../img/fond_onglet.png) no-repeat 0 100% #EEE; } #onglet ul.actuOnglet li a.ongleton{ color:#FFF; background:url(../img/fond_onglet.png) no-repeat 0 0 #CE0000; } /* contenu */ #onglet .magicOnglet{padding-bottom:13px;} #onglet .magicOnglet span.bord{ display:block; border:1px solid #d3d3d3; padding:13px 0px 3px 2%; overflow:hidden; } #onglet #ombreHV{height:9px;} #onglet #ombreHV .ombreleft{ width:250px; height:9px; float:left; background:url(../img/ombre_left.png) no-repeat; } #ombreHV .ombreright{ width:250px; height:9px; float:right; background:url(../img/ombre_right.png) no-repeat; } #onglet .bloc h2 a,#onglet .bloc h2 a:hover{text-decoration:none;} #onglet .style1,#onglet .style2,#onglet .style3{padding:15px;clear:both;} #onglet .edito{padding:5px 15px;clear:both;} #onglet .edito h2{font:bold 12px Arial;color:#141215;} #onglet .style2{} #onglet .style2 a{} #onglet .style2 a:hover{} #onglet .style3{} #onglet .style3 h2,#onglet .style3 h2 a{} .inner{zoom:1;overflow:hidden} .inner .left{margin-right:10px;} .inner .right{margin-left:10px;} .inner .center{text-align:center;} /* GESTION DES COLONNES */ #onglet .w100{clear:both;margin-right:2%;} #onglet .w50{float:left;clear:none;width:48%;margin-right:2%;} #onglet .w33{float:left;display:inline;width:32%;margin-right:1%;} /* DIVERS */ img.style1{float:left;margin:0 10px 0 0 !important;} img.style2{float:right;margin:0 0 0 10px !important;} #onglet .contenu img{margin-right:10px;} /* STYLES */ #onglet h3{margin-bottom:5px;} #onglet .style1{border:1px solid #cf0100;} #onglet .style1 h2{color:#cf0100;} #onglet .style2{background:url(../img/centre/fondrouge_bg.gif) repeat-x 0 0 #ff1a00;color:#FFF;} #onglet .style2 h2,#onglet .style2 a,#onglet .style2 .link a{color:#FFFFFF;} #onglet .style3{background:#dfdfdf;border:1px solid #dfdfdf;} #onglet .legende-image{font-size:11px;font-style:italic;text-align:center;} #onglet .link{text-align:right;} #onglet .link a{ padding-left:8px; color:#cf0100; background:url(../img/puce_fleche.gif) no-repeat 0 4px; }