/* CLEARER */ body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { font:11px Verdana, Geneva, Arial, sans-serif; margin:0;padding:0; border:none; list-style: none; } input[type=text],input[type=password],textarea,select { font:11px Verdana, Geneva, Arial, sans-serif; border:1px solid #779; padding:3px 4px; } input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus { border:2px solid #5c89b7; padding: 2px 3px; } label:hover { cursor: pointer; color:#37526d;} a:link, a:visited { color:#362f64; text-decoration:none; } a:hover { text-decoration:none; color:#000; } *:focus, *:active {-moz-outline:0px none red; outline:0px none red;} table tr td { text-align:left; } .jsonly { display:none; } .clearer { clear:both; } /* nolink */ span.nolink { color:#000000; border-bottom:1px dotted #919294; display:block; padding:9px 10px;} .btn, .btn:link, .btn:visited { font-size:11px; border:1px solid #aaa; padding:4px 8px; color:#222; background:url(i/btn.png) repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px; } .btn:hover { color:#000; border-color:#666; background:#e0e5ea; } .btn.main { font-weight:bold; } .actionbar { text-align: center; margin:10px 0 20px; display:block; } .mandatoryInformations { text-align:left; margin:20px 0 20px 230px; display:block; color:#ff0000; font-weight:bold} span.error {display:block; margin:20px 5px; color:#CF3225; font-size:12px; font-weight:bold;} /* LAYOUT */ body { text-align:center; background:#fff url(i/bg2.jpg) no-repeat top center; } body.homepage { text-align:center; background:#fff } #wrap { width:902px; margin:27px auto 30px; text-align:left; } /*HOMEPAGE*/ #ct .actu .titre {float:left;margin-top:22px;padding:0 17px 0 3px;width:175px;} #ct .actu .titre a {color:#FFFFFF;font-family:Arial;font-size:18px;letter-spacing:1px;text-transform:uppercase;} #ct .actu .titre2 {font-size:11px;font-weight:bold;padding:12px 3px 0;} /* HEADER */ #hd { height:80px; position:relative; background:url(i/top_bg_with_logo.png) no-repeat 0px 0px; border-bottom:1px solid #cfcfcf; } /*ie 6*/ *html #hd { background-position:0 1px; } .homepage #hd { height:81px; position:relative; background:url(i/top_bg_with_logo_home.png) no-repeat; } /* LOGO */ #hd .logo a { display:block; height:81px; width:165px; } #hd .logo a span { display:none; } /* MENU */ #hd_m { height:50px; width:580px; position:absolute; top:30px; left:175px; } #hd_m li { float:left; } #hd_m a, #hd_m a:link, #hd_m a:visited { font-family:Arial; font-size:12px; color:#000; display:block; margin: 5px 7px; text-align:center; text-transform:uppercase; font-weight:bold; } /* ie6 */ * html #hd_m a, * html #hd_m a:link, * html #hd_m a:visited { margin: 5px 2px; width:90px; } #hd_m a.simple, #hd_m a.simple:link, #hd_m a.simple:visited { height:22px; padding:11px 8px 4px; } #hd_m a.double, #hd_m a.double:link, #hd_m a.double:visited { height:29px; padding:4px 8px; } /* over and selected */ #hd_m a.simple:hover, #hd_m li.sel a.simple, #hd_m li.sel a.simple:link, #hd_m li.sel a.simple:visited { padding:10px 7px 3px; color:#fff; } #hd_m a.double:hover, #hd_m li.sel a.double, #hd_m li.sel a.double:link, #hd_m li.sel a.double:visited { padding:3px 7px; color:#fff; } #hd_m a.colA:hover, #hd_m li.sel a.colA, #hd_m li.sel a.colA:link, #hd_m li.sel a.colA:visited { border:1px solid #b23091; background:url(i/hd_m_1.png) repeat-x; } #hd_m a.colB:hover, #hd_m li.sel a.colB, #hd_m li.sel a.colB:link, #hd_m li.sel a.colB:visited { border:1px solid #cf631b; background:url(i/hd_m_2.png) repeat-x; } #hd_m a.colC:hover, #hd_m li.sel a.colC, #hd_m li.sel a.colC:link, #hd_m li.sel a.colC:visited { border:1px solid #cf1d1d; background:url(i/hd_m_3.png) repeat-x; } #hd_m a.colD:hover, #hd_m li.sel a.colD, #hd_m li.sel a.colD:link, #hd_m li.sel a.colD:visited { border:1px solid #1A7898; background:url(i/hd_m_4.png) repeat-x; } #hd_m a.colE:hover, #hd_m li.sel a.colE, #hd_m li.sel a.colE:link, #hd_m li.sel a.colE:visited { border:1px solid #4a9d18; background:url(i/hd_m_5.png) repeat-x; } /* sous menu */ #hd_m ul.under { display:none; position:absolute; background:#F2F4F7; z-index:50; width:150px; border:1px solid #c4c6c9; } /*ie7*/ *:first-child+html #hd_m ul.under { margin-top:-5px; } #hd_m ul.under li { float:none; padding:0; position:relative; } #hd_m ul.under li a { padding:4px; } #hd_m ul.under li a, #hd_m ul.under li a:link, #hd_m ul.under li a:visited { float:none; width:auto; height:auto; text-transform:none; display:block; text-align:left; color:#000; } #hd_m li.colA ul.under li a:hover { padding:3px; border:1px solid #b23091; background:url(i/hd_m_1.png) repeat-x; color:#fff; } #hd_m li.colB ul.under li a:hover { padding:3px; border:1px solid #cf631b; background:url(i/hd_m_2.png) repeat-x; color:#fff; } #hd_m li.colC ul.under li a:hover { padding:3px; border:1px solid #cf1d1d; background:url(i/hd_m_3.png) repeat-x; color:#fff; } #hd_m li.colD ul.under li a:hover { padding:3px; border:1px solid #1A7898; background:url(i/hd_m_4.png) repeat-x; color:#fff; } #hd_m li.colE ul.under li a:hover { padding:3px; border:1px solid #4a9d18; background:url(i/hd_m_5.png) repeat-x; color:#fff; } /* sous sous menu */ #hd_m ul.under li.sub a { padding:4px 4px 4px 30px; } #hd_m ul.subunder { display:none; position:absolute; background:#F2F4F7; z-index:100; left:130px; top:5px; width:150px; border:1px solid #c4c6c9; } /*ie6*/ * html #hd_m ul.under li { margin:0 0 -5px; height:15px; } /*ie6*/ * html #hd_m ul.subunder { left:145px; } /*ie7*/ *:first-child+html #hd_m ul.subunder { left:150px; } /* SEARCH */ #hd .search { height:34px; width:145px; position:absolute; top:30px; left:745px; padding:16px 0 0 13px; } #hd .search input {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF url(i/loupe.gif) no-repeat scroll 2px 3px;padding-left:17px;width:110px; border:1px solid #999;} /* CONTENT */ #ct_wrap { width:900px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; background:#fff; } #ct { width:900px; } /* sur la home */ .homepage #ct { height:462px; } #ct .actu { float:left; margin-left:37px; padding: 0 8px; height:462px; width:239px; color:#fff; background:#f2ab00; } /* ie 6 */ *html #ct .actu { margin-left:18px; width:240px; } #ct .actu .diapo { padding-top:34px; width:239px; height:177px; } #ct .actu h2 { padding:0 17px 0 3px; margin-top:22px; width:175px; float:left; } #ct .actu h2 a { letter-spacing:1px; font-family:Arial; font-size:18px; text-transform:uppercase; color:#fff; } #ct .actu a.previous { margin-top:29px; margin-right:7px; float:left; width:13px; height:13px; background:url(i/arrows.png); display:block; } #ct .actu a.previous span { display:none; } #ct .actu a.next { margin-top:29px; float:left; width:13px; height:13px; background:url(i/arrows.png) -13px 0; display:block;} #ct .actu a.next span { display:none; } #ct .actu h3 { padding:12px 3px 0; font-size:11px; font-weight:bold; } #ct .actu p { padding:0 3px; line-height:16px; margin-top:3px; } #ct .actu p .date { color:#fadd99; } #ct .actu a {color:#FFF;} #ct .bloc_titre { float:left; height:462px; width:298px; margin-left:279px; } /* ie 6 */ *html #ct .bloc_titre { margin-left:280px; } #ct .bloc_titre .bloc1 { padding:27px 12px 10px; text-align:bottom; width:274px; height:115px; } #ct .bloc_titre .bloc1 h1 {font-family:Arial; font-size:24px; color:#fff;} #ct .bloc_titre .bloc2 { padding:38px 12px; margin-top:168px; width:274px; height:85px; line-height:19px; } #ct .bloc_titre .bloc2 h2 {font-family:Arial; font-size:15px; letter-spacing:0.75px; color:#fff; } /* sur la home */ /* breadcrumb */ #ct_bc { height:19px; border-bottom:1px solid #cfcfcf; padding:8px 15px 0; color:#000; overflow:hidden; } #ct_bc a:link, #ct_bc a:visited { color:#4d4c4c; } /* /breadcrumb */ #ct_z { padding:10px 10px 20px; } /* colonne droite */ #ct_m { float:left; width:217px; } #ct_m .menu { height:243px; } #ct_m .menu a:link, #ct_m .menu a:visited { height:15px; width:200px; padding:6px 8px; display:block; text-transform:uppercase; font-family:Arial; font-size:12px; color:#000; font-weight:bold; } #ct_m .menu li ul { padding-left: 30px; } #ct_m li ul { display:none; } #ct_m li.open ul { display:block; } /* couleur des liens sélectionnés */ #ct_m li.sel a.colA:link, #ct_m li.sel a.colA:visited { border:1px solid #b23091; background:url(i/ct_m_1.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.sel a.colB:link, #ct_m li.sel a.colB:visited { border:1px solid #CF631B; background:url(i/ct_m_2.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.sel a.colC:link, #ct_m li.sel a.colC:visited { border:1px solid #CF1D1D; background:url(i/ct_m_3.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.sel a.colD:link, #ct_m li.sel a.colD:visited { border:1px solid #1A7898; background:url(i/ct_m_4.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.sel a.colE:link, #ct_m li.sel a.colE:visited { border:1px solid #4A9D18; background:url(i/ct_m_5.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.sel a:link, #ct_m li.sel a:visited, #ct_m li.sel a.colF:link, #ct_m li.sel a.colF:visited { } /* sous menu lorsqu'un lien principal est sélectionné */ #ct_m li.open li a, #ct_m li.open li a:link, #ct_m li.open li a:visited, #ct_m li.open li a.colA, #ct_m li.open li a.colA:link, #ct_m li.open li a.colA:visited, #ct_m li.open li a.colB, #ct_m li.open li a.colB:link, #ct_m li.open li a.colB:visited, #ct_m li.open li a.colC, #ct_m li.open li a.colC:link, #ct_m li.open li a.colC:visited, #ct_m li.open li a.colD, #ct_m li.open li a.colD:link, #ct_m li.open li a.colD:visited, #ct_m li.open li a.colE, #ct_m li.open li a.colE:link, #ct_m li.open li a.colE:visited, #ct_m li.open li a.colF, #ct_m li.open li a.colF:link, #ct_m li.open li a.colF:visited { border:none; padding:6px 8px; background:none; color:#000; width:170px; } /* sous menu sélectionné */ #ct_m li.open li.sel a.colA:link, #ct_m li.open li.sel a.colA:visited { border:1px solid #b23091; background:url(i/ct_m_1.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.open li.sel a.colB:link, #ct_m li.open li.sel a.colB:visited { border:1px solid #CF631B; background:url(i/ct_m_2.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.open li.sel a.colC:link, #ct_m li.open li.sel a.colC:visited { border:1px solid #CF1D1D; background:url(i/ct_m_3.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.open li.sel a.colD:link, #ct_m li.open li.sel a.colD:visited { border:1px solid #1A7898; background:url(i/ct_m_4.png) repeat-x; padding:5px 7px; color:#fff; } #ct_m li.open li.sel a.colE:link, #ct_m li.open li.sel a.colE:visited { border:1px solid #4A9D18; background:url(i/ct_m_5.png) repeat-x; padding:5px 7px; color:#fff; } /* /colonne droite */ /* content body */ #ct_body { float:right; padding:0 30px; width:600px; } #ct_body h1 { font-family:Arial; font-size:24px; } #ct_body .content { margin-top:25px; font-size:12px; } /* /content body */ /* VOTRE PROJET */ .votre-projet #ct_m .menu a:link, .votre-projet #ct_m .menu a:visited { margin-left:30px; height:15px; width:170px; padding:6px 8px; display:block; text-transform:uppercase; font-family:Arial; font-size:12px; color:#000; } .votre-projet #ct_m li.sel { background:url(i/project_step.png) no-repeat 14px 6px; } /* NEWS */ #ct_body .news dl dt { font-size:12px; font-weight:bold; } #ct_body .news dl dd { padding:5px 0 25px; font-size:12px; line-height:20px; } #ct_body .news dl dd.date { font-weight:bold; color:#45b900; padding:0; font-size:10px; } /* SEARCH */ #ct_body .search dl dt { font-weight:bold; padding-top:7px; } #ct_body .search dl dd { padding:20px 0; } #ct_body .search a, #ct_body .search a:link, #ct_body .search a:visited { color:#000; } /* bte */ .bte { text-align:left; } .bte p { font-size:12px; line-height:19px; color:#444; } .bte h5 { font-weight:bold; color:#000; margin-top:10px; font-size:13px;line-height:20px; } .bte h6 { font-weight:bold; color:#000; margin-top:5px; line-height:20px; } .bte ul li { color:#000; list-style: disc outside; margin-left:50px; font-size:12px; line-height:19px; color:#333; } .bte ul li.withDate {margin-left:90px; text-indent:-55px; list-style:disc inside } .bte strong { font-weight:bold; color:#333; } .bte em { font-style:italic; color:#000; } .bte strong em { font-style:normal; font-size:16px; } .bte hr { visibility:hidden; margin-top:2px; } .bte hr.big { margin:10px 0; } .bte .left {display:block;float:left;margin: 5px 10px 5px 0; } .bte .right {display:block;float:right;margin: 5px 0 5px 10px; } .bte .center {display:block;text-align:center;margin: 5px 0; } .bte ul.links li { list-style:none; text-indent:0; } * html .bte ul.links li { display:inline-block; } .bte ul.links li a, .bte ul.links li a:link, .bte ul.links li a:visited { display:block; padding:3px 20px; background:url(i/ic-link.gif) no-repeat 0 4px; color:#333; } .bte ul.links li a:hover { background-image:url(i/ic-link-on.gif); color:#000; } .bte ul.links li li { margin-left:30px; font-size:11px; } .bte ul.links.sitemap li { margin-bottom:20px; text-indent:0; } .bte ul.links.sitemap li li { margin-bottom:0; } /* TABLE PRODUITS */ .empty { padding:120px 0 200px; color:#bbb; text-align:center; font-size:16px; } table.products { background:#fff; width:600px; border:1px solid #d3d3d3; margin:20px 0; clear:right; } .products td { padding:10px 2px; vertical-align:top; text-align:left; border-bottom:1px solid #eee; } .products .colImg { width:100px; text-align:left; padding-left:6px; font-weight:bold; } .products th { font-weight:bold; padding:8px 2px; background:#eee; } .products .colA { color:#0086b3; width:80px; } .products .colB { color:#ff0000; width:80px; } .products .colC { color:#45b900; width:80px; } .products .colD { color:#555; width:80px; } .products .colDoc { width:95px; } .products .section { padding:0; } .products .section strong { color:#fff; background:url(i/table_title.png) repeat-x; padding:6px; display:block; } .products .section em { display:block; padding:6px; line-height:18px; font-style:normal; color:#333; } .products .notice { display:block; padding:0 6px; line-height:14px; font-style:normal; color:#999; } .chart { background:url(i/chartv2.png) no-repeat 0 -2px; display:block; position:relative; height:10px; overflow:hidden; margin:0 0 4px; } .chart span { display:block; background:url(i/chartv2.png) no-repeat -186px -2px; position:absolute; top:0; right:0; width:10px; } .chart.colB { background-position:0 -14px; } .chart.colB span { background-position:-186px -14px; } .chart.colC { background-position:0 -26px; } .chart.colC span { background-position:-186px -26px; } /* dlfile */ a.dlFile, a.dlFile:link, a.dlFile:visited { display:block; padding:4px 0 4px 16px; background:url(i/ic-file-s.gif) no-repeat 0 4px; } a.dlFile:hover { background-image:url(i/ic-file-s-dl.gif) } /* FORMULAIRE VOTRE PROJET */ dl.form { margin-top:25px; } dl.form a.jsHideForm:link, dl.form a.jsHideForm:visited { text-transform:lowercase; letter-spacing:0; font-size:10px; color:#666; border-bottom:1px dotted #aaa; font-weight:normal; } dl.form a.jsHideForm:hover {color:#000; border-color:#333; } dl.form dt { font-weight:bold; color:#87181a; text-transform:uppercase; font-size:12px; letter-spacing:1px; margin:8px 0 4px; border-bottom:1px dotted #ddd; padding-bottom:8px; } dl.form dd, #ct_body dl.form dd { margin-bottom:4px; overflow:auto; padding:0;} dl.form dd label, dl.form dd.nolabel .label { margin-right:10px; text-align:left; font-weight:bold; color:#000; width:220px; float:left; font-size:11px; padding-top:2px; display:block;} dl.form dd.nolabel label { float:none; display:inline; margin-right:10px; } dl.form dd label.mandatory {background:url(i/formlines-mandatory-front.gif) no-repeat right 8px ; } dl.form dd.nolabel label.sel { background:#ff6; color:#000; } /*dl.form dd span { display:block; margin-left:240px; font-size:12px; line-height:18px; }*/ dl.form dd label .mandatory { display:none; font-weight:bold; background:url(i/formlines-mandatory.gif) no-repeat; } dl.form dd label .mandatory span { visibility: hidden; } dl.form dd label em { color:#876; } dl.form dd .autocheck_error { font-weight:bold; background:url(i/formlines-error.gif) no-repeat; } dl.form dd .autocheck_error span { visibility: hidden; } dl.form dd input.field { width:400px; } dl.form dd textarea { width:250px; height:60px; } dl.form dd input.tiny { width:35px; } dl.form dd input.small { width:80px; } dl.form dd input.medium { width:150px; } dl.form dd input.large { width:250px; } dl.form dd span em { color:#737373; font-style:normal; } dl.form dd ul { margin-left:100px; } dl.form dd.error { color:#990000; font-weight:bold; } dl.form dd .selector label { font-weight:normal; color:#000; float:none; text-align:left; display:inline; } dl.form .jsTagselect label { color:#888; } dl.form dd:hover .jsTagselect label { color:#2c3f57; } dl.form .jsTagselect label:hover { background:#ffffb2; color:#000; } /* NO MENU */ body.nomenu #ct_m { display:none; } body.nomenu #ct_body { width:auto; float:none; } /* SITEMAP */ body.sitemap #ct_m { display:none; } body.sitemap #ct_body { width:auto; float:none; } body.sitemap ul.sitemap { margin:10px 0 40px; } body.sitemap ul.sitemap li { padding:0; clear:left; } body.sitemap ul.sitemap li { padding-top:25px; } body.sitemap ul.sitemap li a, body.sitemap ul.sitemap li a:link, body.sitemap ul.sitemap li a:visited { color:#555; display:block; padding:3px 0; } body.sitemap ul.sitemap li li { float:left; clear:none; width:125px; min-height:100px; height:auto !important; height:100px; font-weight:bold; padding-top:0; margin-left:6px; border-left:1px solid #eee; padding-left:4px; } body.sitemap ul.sitemap li li.first { border:none; } body.sitemap ul.sitemap li .with5cols li { width:153px; } body.sitemap ul.sitemap li li li { font-weight:normal; margin-left:0; border:none; padding-left:0; min-height:0; height:auto; } body.sitemap ul.sitemap li a:hover { color:#000; } body.sitemap ul.sitemap li a.main, body.sitemap ul.sitemap li a.main:link, body.sitemap ul.sitemap li a.main:visited { font-weight:bold; color:#fff; display:block; padding:5px 6px; margin-bottom:4px; background:#eee url(i/sitemap-tab24.png) no-repeat; } * html body.sitemap ul.sitemap li a.main, * html body.sitemap ul.sitemap li a.main:link, * html body.sitemap ul.sitemap li a.main:visited { background-image: url(i/sitemap-tab.png); } body.sitemap ul.sitemap li.colA a.main, body.sitemap ul.sitemap li.colA a.main:link, body.sitemap ul.sitemap li.colA a.main:visited { background-color:#c90096; } body.sitemap ul.sitemap li.colB a.main, body.sitemap ul.sitemap li.colB a.main:link, body.sitemap ul.sitemap li.colB a.main:visited { background-color:#ff6600; } body.sitemap ul.sitemap li.colC a.main, body.sitemap ul.sitemap li.colC a.main:link, body.sitemap ul.sitemap li.colC a.main:visited { background-color:#ff0000; } body.sitemap ul.sitemap li.colD a.main, body.sitemap ul.sitemap li.colD a.main:link, body.sitemap ul.sitemap li.colD a.main:visited { background-color:#0086b3; } body.sitemap ul.sitemap li.colE a.main, body.sitemap ul.sitemap li.colE a.main:link, body.sitemap ul.sitemap li.colE a.main:visited { background-color:#45b900; } /* centeredframe */ #centeredframe { border:1px solid #b1b0ae; padding:25px 10px; background:#fff; width:500px; margin:100px auto; } /* FOOTER */ #ft {width:902px; height:21px; background:url(i/ft_bg.png) no-repeat top left; padding-top:7px; padding-left:15px; position:absolute; z-index:100; } #ft a { font-family:Arial; font-size:10px; text-transform:uppercase; color:#000; padding-left:15px; } #ft a.first { padding-left:0; } #ft .popup { background:#ede9e5; position:absolute; z-index:100; width:200px; border:1px solid #cfcfcf; } #ft .popup li { display:inline;} #ft .popup a { display:block; padding:3px; } #ft .popup a:hover { background:#000; color:#ede9e5; }