/******************************** RESET ********************************/ html, body { padding: 0; margin: 0; border: 0; } body { font: normal 11px Arial; } h1 { font: bold 24px Arial; padding: 0 10px; margin: 10px 0; } h2 { font: bold 20px Arial; padding: 0; margin: 10px 0; } h3 { font: bold 13px Arial; padding: 0; margin: 0 0 10px 0; } h4 { font: bold 12px Arial; padding: 0; margin: 10px 0; } p { padding: 0; margin: 0 0 10px 0; } blockquote, code { padding: 0; margin: 0; } ul, ol, dl { padding: 0 0 10px 0; margin: 0 0 0 20px; } li, dt { padding: 2px 0; margin: 0; } img, form { padding: 0; margin: 0; border: none; } fieldset { padding: 10px 10px 0 10px; margin: 0 0 10px 0; } legend {} a, label, input, select, textarea { outline: none; } table { padding: 0; margin: 0 0 15px 0; border: none; } td, th { padding: 5px 10px; margin: 0; border: none; } .normal { font-weight: normal !important; } .left { float: left; margin: 0 10px 5px 0; } .right { float: right; margin: 0 0 5px 10px; } .center { display: block; width: auto; margin: 0 auto 5px auto; text-align: center; } .newline { clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .hidden { visibility: hidden; } .none { display: none; } #blocLoader { display:none; position: fixed; z-index: 9996; top: 0; left: 0; height: 100%; width: 100%; color: #fff; } #blocLoaderBg { position: absolute; z-index: 9997; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #blocLoaderInner { position: absolute; z-index: 9998; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; } #blocLoaderInner td { text-align: center; vertical-align: middle; background: url(img/2011/loading2.gif) 50% 50% no-repeat; } #blocLoaderCloser { position: absolute; z-index: 9999; top: 10px; right: 10px; float: right; zoom: 1; padding: 5px; border: 1px solid #333333; background: #ffffff; cursor: pointer; } #blocLoaderCloser .title { /* display: none; */ font: 9px Arial; float: right; color: #333333; text-transform: uppercase; } .dropdown a img { cursor: pointer !important; } /******************************** GENERAL ********************************/ body { font: normal 12px Arial, Verdana, Helvetica, Sans-Serif; color: #525160; width: 100%; background: url(img/2012/bg.jpg) no-repeat 50% 0 #d9dadc; } body.zoningAnimations { background: url(img/2012/bgAnimations.jpg) no-repeat 50% 0 #d9dadc; } #global { width: 1004px; margin: 0 auto; } #main { float: left; width: 676px; display: inline; margin: 0 0 15px 0; } #bloc-center {} #univContent { float: left; width: 438px; } #univActus { float: right; width: 200px; } .sidebar { float: right; width: 300px; display: inline; margin: 0 10px 0 0; } .sidebar #carrepub { margin: 0 0 15px 0; } /******************************** HEADER ********************************/ #header { clear: both; } #header .inner { position: relative; z-index: 1; height: 283px; padding: 0 10px 0 20px; } #logo { float: left; width: 220px; height: 100px; } #partners_official { clear: left; float: left; display: inline; } #baseline { font: bold 13px Arial; line-height: 28px; height: 46px; color: #000000; text-align: right; text-transform: uppercase; } #banner { position: absolute; bottom: 105px; right: 10px; width: 728px; height: 90px; overflow: hidden; text-align: center; } .univers #banner { bottom: 68px; } /******************************** INFOSTOP ********************************/ #infostop { padding: 10px 0; text-align: right; } .lientop, .lientop li { display: inline; list-style: none; margin: 0; } .lientop li { float: left; display: inline; font: 12px Arial; padding: 0; margin: 0 0 0 3px; color: #777777; text-align: left; } .lientop li a { color: #777777; text-decoration: none; cursor: pointer; } .lientop li a img, .lientop li a span.libelle { display: inline-block; padding: 0 0 3px 0; } .lientop li a:hover span.libelle { text-decoration: underline; } #lienref, #lienref li, #lienref li a { font: bold 11px Arial; color: #333333; } #changeLang, #changeLang li { padding: 0; margin: 0; } #changeLang, #changeLang li, #changeLang li a { float: none; } #lienrapide { clear: both; display: block; padding: 3px 0 0 0; } #lienrapide, #lienrapide li, #lienrapide li a { float: none; font: bold 13px Arial; color: #000000; } #lienrapide li a { display: inline-block; padding: 3px 10px 3px 30px; } #lienrapide li a:hover { color: #ffffff; } #lienrapide li a:hover span.libelle { text-decoration: none; } #lienrapide li#lien1 a { background: url(img/2012/rapide_bookmark.png) 9px 50% no-repeat; } #lienrapide li#lien1 a:hover { background: #000000 url(img/2012/rapide_bookmark_sel.png) 9px 50% no-repeat; } #lienrapide li#lien2 a { background: url(img/2012/rapide_agenda.png) 9px 50% no-repeat; } #lienrapide li#lien2 a:hover { background: #000000 url(img/2012/rapide_agenda_sel.png) 9px 50% no-repeat; } #lienrapide li#lien3 a { background: url(img/2012/rapide_info.png) 9px 50% no-repeat; } #lienrapide li#lien3 a:hover { background: #000000 url(img/2012/rapide_info_sel.png) 9px 50% no-repeat; } #lienrapide li#lien4 a { background: url(img/2012/rapide_contact.png) 9px 50% no-repeat; } #lienrapide li#lien4 a:hover { background: #000000 url(img/2012/rapide_contact_sel.png) 9px 50% no-repeat; } #lienEvent, #lienEvent li, #lienEvent li a { float: none; } #lienEvent { display: inline-block; float: right; width: 156px; padding: 5px 10px 0 0; } #lienEvent li { display: block; padding: 7px; } #lienEvent li a { font: 13px Arial; color: #ffffff; } #lienEvent li a:hover { text-decoration: underline; } #lienEvent li#exposant a {} #lienEvent li#visiteur a { color: #000000; } /******************************** NAVIGATION + ACTIONS ********************************/ #navigation { position: absolute; z-index: 998; bottom: 0; right: 0; height: 70px; width: 1004px; background: url(img/2012/navbar.png) 100% 100% no-repeat; zoom: 1; } #actions { height: 51px; background: url(img/2012/home_form.png) 0 0 no-repeat; } /******************************** SEARCHBOX ********************************/ .search { width: 655px; float: left; font: 11px Arial; padding: 21px 25px 0 0; text-align: right; } .search h2 { display: none; } .search label { display: inline-block; font: bold 13px Arial; padding: 0 10px 0 0; color: #58585A; } .search .form-field { display: inline-block; font: italic 12px Arial; width: 354px; border: none; background: none; color: #777777; } .search .form-submit { display: inline-block; font: bold 12px Arial; width: 110px; margin: 0 0 0 3px; color: #000000; text-decoration: none; text-align: center; cursor: pointer; } .search .form-submit:hover { text-decoration: underline; } /******************************** INSCNEWSLETTERBOX ********************************/ .insc { float: right; display: inline; width: 300px; font: 11px Arial; padding: 21px 15px 0 0; text-align: right; } .insc h2 { display: none; } .insc label { display: inline-block; font: bold 13px Arial; width: 80px; padding: 0 10px 0 30px; color: #000000; text-align: left; } .insc .form-field { display: inline-block; font: italic 12px Arial; width: 128px; border: none; background: none; color: #777777; } .insc .form-submit { display: inline-block; font: bold 12px Arial; width: 32px; margin: 0 0 0 3px; color: #ffffff; text-decoration: none; text-align: center; cursor: pointer; } .insc .form-submit:hover { text-decoration: underline; } /******************************** CDF ********************************/ #cdf { line-height: 12px; padding: 4px 15px 14px 15px; color: #777777; } #cdf strong { color: #525160; } #cdf a { font-weight: normal; color: #525160; text-decoration: none; } #cdf a:hover { text-decoration: underline; } /******************************************************************** NEWSBOX ********************************************************************/ #newsBox { clear: both; margin: 0 0 65px 0; } #newsBox h2 { float: left; display: inline; font: bold 14px Verdana; line-height: 23px; width: 200px; padding: 0 10px 0 40px; margin: 0 0 15px -15px; color: #ffffff; background: url(img/2012/titre_rss.png) 100% 0 repeat-y; } #newsBox .inner { clear: both; position: relative; padding: 0 0 20px 0; background: #ffffff url(img/2012/slider.png) 0 100% repeat-x; } #fluxLinks { position: absolute; left: 20px; bottom: 3px; padding: 0; margin: 0; list-style: none; } #fluxLinks li { float: left; width: 300px; padding: 0 10px; margin: 0; } #fluxLinks li a { float: left; font: bold 13px Arial; padding: 3px 10px 3px 26px; margin: 0 0 0 110px; color: #333333; background: url(img/2012/slider_puce.png) 0 50% no-repeat; text-decoration: none; } #fluxLinks li a:hover { color: #0095c4; text-decoration: underline; } #newsFeed .slider { } #newsFeed .slider .mask { width: 960px; height: 200px; margin: 0 auto; overflow: hidden; zoom: 1; } #newsFeed .slider .mask .list { width: 100%; padding: 0; margin: 0; overflow: hidden; zoom: 1; } #newsFeed .slider .mask .list .case { float: left; width: 960px; padding: 0; margin: 0; overflow: hidden; zoom: 1; } #newsFeed .slider .btn { position: absolute; height: 220px; width: 18px; background: #a8aaab url(img/2012/slider_btn.png) 0 100% repeat-x; cursor: pointer; overflow: hidden; zoom: 1; } #newsFeed .slider .prev { top: 0; left: 0; } #newsFeed .slider .next { top: 0; right: 0; } #newsFeed .slider .btn .icon { display: block; height: 220px; width: 18px; } #newsFeed .slider .prev .icon { background: url(img/2012/slider_btn_prev.png) 50% 50% no-repeat; } #newsFeed .slider .next .icon { background: url(img/2012/slider_btn_next.png) 50% 50% no-repeat; } #newsFeed .slider .btn .libelle { display: none; } #newsFeed .slider .mask .list .case .news { float: left; width: 280px; padding: 10px 20px 0 20px; margin: 0; background: url(img/2012/slider_sep.png) 100% 0 no-repeat; overflow: hidden; zoom: 1; } #newsFeed .slider .mask .list .case .last { background: none; } #newsFeed .slider .mask .list .case .news h3, #newsFeed .slider .mask .list .case .news h3 a { font: bold 13px Arial; color: #0095c4; text-decoration: none; } #newsFeed .slider .mask .list .case .news .visuel { float: left; display: inline; margin: 0 10px 5px 0; } #newsFeed .slider .mask .list .case .news .texte { float: left; display: inline; width: 170px; } #newsFeed .slider .mask .list .case .news .texte a { color: #0095c4; text-decoration: none; } #newsFeed .slider .mask .list .case .news .texte a:hover { text-decoration: underline; } /******************************************************************** PARTNERS ********************************************************************/ .scroll { clear: both; margin: 0 auto 15px auto; } .scroll h2 { float: left; display: inline; font: bold 14px Verdana; line-height: 23px; width: 200px; padding: 0 10px 0 40px; margin: 0 10px 0 -15px; color: #ffffff; background: #1a171b; } .partners2 h2 { width: 320px; } /* tabs */ .scroll .tabs { float: left; height: 23px; padding: 0; border: 0 none; } .scroll .tabs .tab { padding: 0; vertical-align: top; white-space: nowrap; cursor: pointer; } .scroll .tabs .active {} .scroll .tabs .tab .rounded { display: none; height: 33px; width: 10px; } .scroll .tabs .tab .rounded-left { float: left; } .scroll .tabs .active .rounded-left {} .scroll .tabs .tab .rounded-right { float: right; } .scroll .tabs .active .rounded-right {} .scroll .tabs .tab .icon { float: left; height: 33px; width: 16px; } .scroll .tabs .tab h3 { padding: 0 25px 0 10px; margin: 0 10px; background: #1a171b url(img/2012/partners_tab.png) 95% 9px no-repeat; overflow: hidden; zoom: 1; } .scroll .tabs .active h3 { background: #707173 url(img/2012/partners_tab_sel.png) 95% 9px no-repeat; } .bleu .scroll .tabs .active h3 { background: #0095c4 url(img/2012/partners_tab_bleu_sel.png) 95% 9px no-repeat; } .scroll .tabs .tab h3, .scroll .tabs .tab h3 a { font: 13px Verdana; line-height: 23px; color: #aeafb1; text-decoration: none; } .scroll .tabs .active h3, .scroll .tabs .active h3 a { color: #ffffff; } /* panels */ .scroll .panels { clear: both; height: 100px; background: #ffffff; } .scroll .panels td{padding:0} .scroll .scroller { position: relative; height: 80px; width: 984px; padding: 7px 10px 13px 10px; } .scroll .scroller .mask { height: 80px; width: 958px; padding: 0; margin: 0 auto; overflow: hidden; zoom: 1; } .scroll .scroller .mask .list { width: 100%; padding: 0; margin: 0; } .scroll .scroller .mask .list .case { float: left; display: inline; height: 80px; width: 120px; padding: 0; margin: 0px 14px 0 7px; text-align: center; overflow: hidden; zoom: 1; } .scroll .scroller .mask .list .case .visuel, .scroll .scroller .mask .list .case .visuel td { margin: 0; border: 0; } .scroll .scroller .mask .list .case .visuel { height: 100%; width: 100%; } .scroll .scroller .mask .list .case .visuel td { vertical-align: middle; text-align: center; } .scroll .scroller .btn { position: absolute; height: 100px; width: 18px; background: #a8aaab url(img/2012/slider_btn.png) 0 100% repeat-x; cursor: pointer; overflow: hidden; zoom: 1; } .scroll .scroller .prev { top: 0; left: 0; } .scroll .scroller .next { top: 0; right: 0; } .scroll .scroller .btn .icon { display: block; height: 100px; width: 18px; } .scroll .scroller .prev .icon { background: url(img/2012/slider_btn_prev.png) 50% 50% no-repeat; } .scroll .scroller .next .icon { background: url(img/2012/slider_btn_next.png) 50% 50% no-repeat; } /******************************** PLANSITEBAS ********************************/ #plansitebas { clear: both; padding: 10px; margin: 0 0 10px 0; background: #4b4a4d; } #plansitebas .inner {} #plansitebas .inner table { width: 100%; text-align: left; } #plansitebas .inner table th, #plansitebas .inner table td { padding: 0 5px; vertical-align: top; } #plansitebas .inner table td ul { margin: 0; } #plansitebas .inner table td ul, #plansitebas .inner table td ul li { list-style: none; } #plansitebas .inner table a { text-decoration: none; } #plansitebas .inner table a:hover { text-decoration: underline; } #plansitebas .inner table th, #plansitebas .inner table th a { color: #ffffff; } #plansitebas .inner table td, #plansitebas .inner table td a { font: 11px Arial; color: #f5f5f5; } #plansitebas .inner table th span { display: inline-block; padding: 3px 0; } /* #plansitebas .inner table th.style1 span { background: #ab0b42; } #plansitebas .inner table th.style2 span { background: #ef91ad; } #plansitebas .inner table th.style3 span { background: #afd8e3; } #plansitebas .inner table th.style4 span { background: #bcbdbc; } #plansitebas .inner table th.style5 span { background: #d8b4d1; } */ /******************************** FOOTER ********************************/ #footer { font: bold 12px Arial; color: #ffffff; border-top: 1px solid #ffffff; background: #1A171B; overflow: hidden; zoom:1;} #footer a { color: #ffffff; text-decoration: none; } #footer a:hover { color: #f5f5f5; text-decoration: underline; } #footer .left, #footer .right { margin: 0 10px; } #footer img { vertical-align: middle; } #footer ul { padding: 30px 0 0 0; text-align: center; } #footer li { display: inline; } /********************************************************* INDEX *********************************************************/ #alpha { padding: 10px 0; margin: 0 0 10px 0; color:#ffffff; border-bottom: 1px solid #ffffff; background: #1A171B; text-align: center; } #alpha span { font-weight: bold; } #alpha a{ color: #ffffff; } #alpha a:hover{ text-decoration: underline; } /********************************************************* BOUTON *********************************************************/ .boutons .bouton {} .boutons .active {} .bouton { position: relative; width: 300px; overflow: hidden; zoom: 1; } .bouton table { position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; border: none; } .bouton table td { padding: 30px 15px 0 15px; margin: 0; border: none; } .bouton table td a { font: 12px Arial; color: #ffffff; text-decoration: none; } .bouton table td a h3 { font: bold 13px Arial; padding: 0; margin: 0 0 3px 0; color: #ffffff; background: none; text-transform: none; } .bouton table td a h2 { font: bold 15px Arial; padding: 0; margin: 0 0 10px 0; color: #ffffff; background: none; text-transform: none; } .boutons .bouton2 table td { padding-left: 130px; } /********************************************************* CONTENU (droite) *********************************************************/ .contenu { width: 300px; margin: 0 0 15px 0; overflow: hidden; zoom: 1; } .contenu h2 { font: bold 14px Verdana; padding: 3px 15px; margin: 0; color: #ffffff; background: #4b4a4d; } .contenu .inner { padding: 10px; background: #ffffff url(img/2012/contenu.png) 50% 0 no-repeat; overflow: hidden; zoom: 1; } /********************************************************* CONTENU PRESENTATION *********************************************************/ .presentation { float: right; width: 666px; margin-top: 8px; background: url(img/2012/presentation.png) 0 0 no-repeat; } .presentation h2 { padding: 13px 10px; margin: 10px 9px 0 8px; background: #141215; } .presentation .inner { padding: 15px 59px 15px 23px; background: none; } .presentation .inner .left { margin: 0 35px 15px 0; } /********************************************************* CONTENU EBOOK *********************************************************/ .ebook { width: 650px; margin: 0 0 0 18px; overflow: hidden; zoom: 1; } /********************************************************* VALUEHOME *********************************************************/ #valuehome { position: relative; z-index: 0; width: 680px; padding-top: 17px; margin: 0 0 15px 0; overflow: hidden; zoom: 1; } #valuehome .tabs { position: absolute; z-index: 0; height: 57px; width: 100%; } #valuehome .tabs, #valuehome .tabs .tab { padding: 0; margin: 0; list-style: none; } #valuehome .tabs .tab { float: left; width: 136px; border-radius: 0 5px 0 5px; -moz-border-radius: 0 5px 0 5px; } #valuehome .tabs .tab a { float: left; width: 100%; text-align: center; text-decoration: none; cursor: pointer; } #valuehome .tabs .tab a h2 { font: bold 14px Arial; padding: 5px; margin: 0; color: #ffffff; text-shadow: 0px 0px 3px #111; } #valuehome .tabs .active a h2 { padding-bottom: 20px; background: url(img/2012/value_indicator.png) 50% 90% no-repeat; } #valuehome .panels { padding: 37px 0 0 0; } #valuehome .panels .panel { display: none; } #valuehome .panels .active { zoom: 1; } #valuehome .panels .panel .texte { padding: 50px 30px; color: #ffffff; } #valuehome .panels .style3 .texte, #valuehome .panels .style4 .texte { color: #333333; } #valuehome .tabs .style1 { background: url(img/2012/tab_univ1.png) 50% 0 no-repeat; } #valuehome .tabs .style2 { background: url(img/2012/tab_univ2.png) 50% 0 no-repeat; } #valuehome .tabs .style3 { background: url(img/2012/tab_univ3.png) 50% 0 no-repeat; } #valuehome .tabs .style4 { background: url(img/2012/tab_univ4.png) 50% 0 no-repeat; } #valuehome .tabs .style5 { background: url(img/2012/tab_univ5.png) 50% 0 no-repeat; } #valuehome .tabs .active .style1 { background: url(img/2012/tab_univ1_active.png) 50% 0 no-repeat; } #valuehome .tabs .active .style2 { background: url(img/2012/tab_univ2_active.png) 50% 0 no-repeat; } #valuehome .tabs .active .style3 { background: url(img/2012/tab_univ3_active.png) 50% 0 no-repeat; } #valuehome .tabs .active .style4 { background: url(img/2012/tab_univ4_active.png) 50% 0 no-repeat; } #valuehome .tabs .active .style5 { background: url(img/2012/tab_univ5_active.png) 50% 0 no-repeat; } #valuehome .panels .style1 { background: #ad0a43; } #valuehome .panels .style2 { background: #ef91ad; } #valuehome .panels .style3 { background: #afd8e3; } #valuehome .panels .style4 { background: #bcbdbc; } #valuehome .panels .style5 { background: #d8b4d1; } /********************************************************* MENUMANUEL *********************************************************/ .menumanuel { margin: 0 0 12px 0; } .menumanuel ul { padding: 0; margin: 0; list-style: none; } .menumanuel li { padding: 12px 0 12px 45px; margin: 0 0 3px 0; background: #dbdcdd url(img/2012/menuint.png) 0 -8px repeat-x; } .menumanuel li.sel, .menumanuel li.active { background: #dbdcdd url(img/2012/menuint_hover.png) 0 -8px repeat-x; } .menumanuel li a { font: bold 13px Arial; color: #0095c4; text-decoration: none; } .menumanuel li.sel, .menumanuel li.active a { font: bold 13px Arial; color: #1a171b; } /********************************************************* PAGE *********************************************************/ h1 { clear: both; display: inline-block; padding: 5px 40px 5px 40px; margin: 15px 0 20px -15px; color: #ffffff; background: #1a171b url(img/2012/puce_style1.png) 18px 50% no-repeat; text-transform: uppercase; } #univContent .paragraphe, #univActus .paragraphe { margin: 0 0 15px 0; } .paragraphe .style3, .paragraphe .style4 { padding: 10px 10px 10px 0; } .paragraphe .style3 { background: #0095c4; } .univ0 .paragraphe .style3 { background: #0095c4; } .univ1 .paragraphe .style3 { background: #ab0b42; } .univ2 .paragraphe .style3 { background: #ef91ad; } .univ3 .paragraphe .style3 { background: #afd8e3; } .univ4 .paragraphe .style3 { background: #bcbdbc; } .univ5 .paragraphe .style3 { background: #d8b4d1; } .univ0 .paragraphe .style4, .univ1 .paragraphe .style4, .univ2 .paragraphe .style4, .univ3 .paragraphe .style4, .univ4 .paragraphe .style4, .univ5 .paragraphe .style4 { background: #323034; } .paragraphe .style7 { background: #fefefe url(img/2012/central.png) 0 100% repeat-x; } .paragraphe .bloc h2 { float: left; display: inline; font: bold 13px Arial; padding: 5px 130px 5px 40px; margin: 19px 0 20px -15px; text-transform: uppercase; } .paragraphe .style5 h2, .paragraphe .style6 h2 { padding-right: 10px; } .univ1 .bloc h2, .univ2 .bloc h2, .univ3 .bloc h2, .univ4 .bloc h2, .univ5 .bloc h2, .univ6 .bloc h2 { margin-top: 5px; } .paragraphe .style1 h2 { color: #ffffff; background: url(img/2012/h2_style1.png) 100% 0 repeat-y; } .paragraphe .style2 h2 { color: #ffffff; background: url(img/2012/h2_style2.png) 100% 0 repeat-y; } .paragraphe .style3 h2, .paragraphe .style4 h2 { padding: 0 10px 0 40px; margin: 0 0 10px -15px; color: #ffffff; } .paragraphe .sans-titre h2 { display: none; } .univ0 .paragraphe .style5 h2, .univ0 .paragraphe .style5 h2 { color: #ffffff; } .univ0 .paragraphe .style6 h2 { color: #ffffff; padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #1a171b; } .univ1 .paragraphe .style1 h2 { color: #ffffff; background: url(img/2012/h2_univ1_style1.png) 100% 0 repeat-y; } .univ1 .paragraphe .style2 h2 { color: #ffffff; background: url(img/2012/h2_univ1_style2.png) 100% 0 repeat-y; } .univ1 .paragraphe .style3 h2 { color: #ffffff; } .univ1 .paragraphe .style4 h2 { color: #ffffff; } .univ1 .paragraphe .style5 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #ab0b42; } .univ1 .paragraphe .style6 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #1a171b; } .univ2 .paragraphe .style1 h2 { color: #ffffff; background: url(img/2012/h2_univ2_style1.png) 100% 0 repeat-y; } .univ2 .paragraphe .style2 h2 { color: #323034; background: url(img/2012/h2_univ2_style2.png) 100% 0 repeat-y; } .univ2 .paragraphe .style3 h2 { color: #323034; } .univ2 .paragraphe .style4 h2 { color: #ffffff; } .univ2 .paragraphe .style5 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #1a171b; background: #ef91ad; } .univ2 .paragraphe .style6 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #1a171b; } .univ3 .paragraphe .style1 h2 { color: #ffffff; background: url(img/2012/h2_univ3_style1.png) 100% 0 repeat-y; } .univ3 .paragraphe .style2 h2 { color: #323034; background: url(img/2012/h2_univ3_style2.png) 100% 0 repeat-y; } .univ3 .paragraphe .style3 h2 { color: #323034; } .univ3 .paragraphe .style4 h2 { color: #323034; } .univ3 .paragraphe .style5 h2 { color: #ffffff; background: url(img/2012/h2_univ3_style5.png) 100% 0 repeat-y; } .univ3 .paragraphe .style6 h2 { color: #ffffff; background: url(img/2012/h2_univ3_style6.png) 100% 0 repeat-y; } .univ3 .paragraphe .style5 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #1a171b; background: #afd8e3; } .univ3 .paragraphe .style6 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #1a171b; } .univ4 .paragraphe .style1 h2 { color: #ffffff; background: url(img/2012/h2_univ4_style1.png) 100% 0 repeat-y; } .univ4 .paragraphe .style2 h2 { color: #323034; background: url(img/2012/h2_univ4_style2.png) 100% 0 repeat-y; } .univ4 .paragraphe .style3 h2 { color: #323034; } .univ4 .paragraphe .style4 h2 { color: #ffffff; } .univ4 .paragraphe .style5 h2 { color: #323034; background: url(img/2012/h2_univ4_style5.png) 100% 0 repeat-y; } .univ4 .paragraphe .style6 h2 { color: #ffffff; background: url(img/2012/h2_univ4_style6.png) 100% 0 repeat-y; } .univ4 .paragraphe .style5 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #1a171b; background: #bcbdbc; } .univ4 .paragraphe .style6 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #1a171b; } .univ5 .paragraphe .style1 h2 { color: #ffffff; background: url(img/2012/h2_univ5_style1.png) 100% 0 repeat-y; } .univ5 .paragraphe .style2 h2 { color: #323034; background: url(img/2012/h2_univ5_style2.png) 100% 0 repeat-y; } .univ5 .paragraphe .style3 h2 { color: #323034; } .univ5 .paragraphe .style4 h2 { color: #ffffff; } .univ5 .paragraphe .style5 h2 { color: #323034; background: url(img/2012/h2_univ5_style5.png) 100% 0 repeat-y; } .univ5 .paragraphe .style6 h2 { color: #ffffff; background: url(img/2012/h2_univ5_style6.png) 100% 0 repeat-y; } .univ5 .paragraphe .style5 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #1a171b; background: #d8b4d1; } .univ5 .paragraphe .style6 h2 { padding: 4px 10px 4px 25px; margin: 0 0 10px -25px; color: #ffffff; background: #1a171b; } .paragraphe .style7 h2 { float: none; display: block; margin: 0; padding: 4px 10px; } .univ0 .paragraphe .style7 h2 { color: #ffffff; background: #0095c4; } .univ1 .paragraphe .style7 h2 { color: #ffffff; background: #ab0b42; } .univ2 .paragraphe .style7 h2 { color: #1a171b; background: #ef91ad; } .univ3 .paragraphe .style7 h2 { color: #1a171b; background: #afd8e3; } .univ4 .paragraphe .style7 h2 { color: #1a171b; background: #bcbdbc; } .univ5 .paragraphe .style7 h2 { color: #1a171b; background: #d8b4d1; } .paragraphe .bloc .inner { clear: both; padding: 10px 10px 30px 10px; background: #f2f2f3; } #bloc-center .paragraphe .bloc .inner { padding: 10px 10px 5px 10px; } #bloc-center .paragraphe .style2 .inner { padding: 10px; } .paragraphe .style3 .inner { background: #323034; } .paragraphe .style3 .inner, .paragraphe .style4 .inner { padding: 0 15px 15px 0; margin: 0 0 0 -15px; } .univ0 .paragraphe .style4 .inner { background: #0095c4; } .univ1 .paragraphe .style4 .inner { background: #ab0b42; } .univ2 .paragraphe .style4 .inner { background: #ef91ad; } .univ3 .paragraphe .style4 .inner { background: #afd8e3; } .univ4 .paragraphe .style4 .inner { background: #bcbdbc; } .univ5 .paragraphe .style4 .inner { background: #d8b4d1; } .paragraphe .style5 .inner { background: #1a171b; } .univ0 .paragraphe .style6 .inner { background: #0095c4; } .univ1 .paragraphe .style6 .inner { background: #ab0b42; } .univ2 .paragraphe .style6 .inner { background: #ef91ad; } .univ3 .paragraphe .style6 .inner { background: #afd8e3; } .univ4 .paragraphe .style6 .inner { background: #bcbdbc; } .univ5 .paragraphe .style6 .inner { background: #d8b4d1; } .paragraphe .style7 .inner { background: url(img/2012/central_ombre.png) 50% 0 no-repeat; } .paragraphe .style3 .inner .text, .univ0 .paragraphe .style4 .inner .text { color: #ffffff; } .paragraphe .style4 .inner .text { padding: 10px 10px 10px 25px; margin: 0 0 0 -15px; } .univ1 .paragraphe .style4 .inner { color: #ffffff; } .univ2 .paragraphe .style4 .inner, .univ3 .paragraphe .style4 .inner, .univ4 .paragraphe .style4 .inner, .univ5 .paragraphe .style4 .inner { color: #1a171b; } .paragraphe .style5 .inner .text, .paragraphe .style6 .inner .text { clear: both; color: #ffffff; background: none; } .univ2 .paragraphe .style6 .inner .text, .univ3 .paragraphe .style6 .inner .text, .univ4 .paragraphe .style6 .inner .text, .univ5 .paragraphe .style6 .inner .text, .univ6 .paragraphe .style6 .inner .text { color: #1a171b; background: none; } .paragraphe .bloc .inner h3 { font: bold 14px Arial; color: #0095c4; } .univ0 .paragraphe .style1 .inner h3, .univ0 .paragraphe .style1 .inner h3 a { color: #0095c4; } .univ0 .paragraphe .style3 .inner h3, .univ0 .paragraphe .style3 .inner h3 a, .univ0 .paragraphe .style4 .inner h3, .univ0 .paragraphe .style4 .inner h3 a, .univ0 .paragraphe .style5 .inner h3, .univ0 .paragraphe .style5 .inner h3 a, .univ0 .paragraphe .style6 .inner h3, .univ0 .paragraphe .style6 .inner h3 a { color: #ffffff; } .univ1 .paragraphe .style1 .inner h3, .univ1 .paragraphe .style1 .inner h3 a, .univ1 .paragraphe .style2 .inner h3, .univ1 .paragraphe .style2 .inner h3 a { color: #ab0b42; } .univ1 .paragraphe .style3 .inner h3, .univ1 .paragraphe .style3 .inner h3 a, .univ1 .paragraphe .style4 .inner h3, .univ1 .paragraphe .style4 .inner h3 a, .univ1 .paragraphe .style5 .inner h3, .univ1 .paragraphe .style5 .inner h3 a, .univ1 .paragraphe .style6 .inner h3, .univ1 .paragraphe .style6 .inner h3 a { color: #ffffff; } .univ2 .paragraphe .style1 .inner h3, .univ2 .paragraphe .style1 .inner h3 a, .univ2 .paragraphe .style2 .inner h3, .univ2 .paragraphe .style2 .inner h3 a, .univ2 .paragraphe .style3 .inner h3, .univ2 .paragraphe .style3 .inner h3 a { color: #323034; } .univ2 .paragraphe .style4 .inner h3, .univ2 .paragraphe .style4 .inner h3 a, .univ2 .paragraphe .style5 .inner h3, .univ2 .paragraphe .style5 .inner h3 a, .univ2 .paragraphe .style6 .inner h3, .univ2 .paragraphe .style6 .inner h3 a { color: #ffffff; } .univ3 .paragraphe .style1 .inner h3, .univ3 .paragraphe .style1 .inner h3 a, .univ3 .paragraphe .style2 .inner h3, .univ3 .paragraphe .style2 .inner h3 a, .univ3 .paragraphe .style3 .inner h3, .univ3 .paragraphe .style3 .inner h3 a { color: #323034; } .univ3 .paragraphe .style4 .inner h3, .univ3 .paragraphe .style4 .inner h3 a, .univ3 .paragraphe .style5 .inner h3, .univ3 .paragraphe .style5 .inner h3 a, .univ3 .paragraphe .style6 .inner h3, .univ3 .paragraphe .style6 .inner h3 a { color: #ffffff; } .univ4 .paragraphe .style1 .inner h3, .univ4 .paragraphe .style1 .inner h3 a, .univ4 .paragraphe .style2 .inner h3, .univ4 .paragraphe .style2 .inner h3 a, .univ4 .paragraphe .style3 .inner h3, .univ4 .paragraphe .style3 .inner h3 a { color: #323034; } .univ4 .paragraphe .style4 .inner h3, .univ4 .paragraphe .style4 .inner h3 a, .univ4 .paragraphe .style5 .inner h3, .univ4 .paragraphe .style5 .inner h3 a, .univ4 .paragraphe .style6 .inner h3, .univ4 .paragraphe .style6 .inner h3 a { color: #ffffff; } .univ5 .paragraphe .style1 .inner h3, .univ5 .paragraphe .style1 .inner h3 a, .univ5 .paragraphe .style2 .inner h3, .univ5 .paragraphe .style2 .inner h3 a, .univ5 .paragraphe .style3 .inner h3, .univ5 .paragraphe .style3 .inner h3 a { color: #323034; } .univ5 .paragraphe .style4 .inner h3, .univ5 .paragraphe .style4 .inner h3 a, .univ5 .paragraphe .style5 .inner h3, .univ5 .paragraphe .style5 .inner h3 a, .univ5 .paragraphe .style6 .inner h3, .univ5 .paragraphe .style6 .inner h3 a { color: #ffffff; } .paragraphe .style5 .inner .visuel, .paragraphe .style6 .inner .visuel { border: 1px solid #ffffff; margin: 0 0 10px 0; background: #ffffff; } .paragraphe .bloc .inner .link { padding: 10px 0; } .paragraphe .style3 .inner .link { padding: 10px 0 0 0; } .paragraphe .bloc .inner a, .paragraphe .bloc .inner .link a { font: bold 13px Arial; color: #0095c4; } .paragraphe .style3 .inner a, .paragraphe .style4 .inner a, .paragraphe .style5 .inner a, .paragraphe .style6 .inner a, .paragraphe .style3 .inner .link a, .paragraphe .style4 .inner .link a, .paragraphe .style5 .inner .link a, .paragraphe .style6 .inner .link a, .univ0 .paragraphe .style6 .inner .link a, .univ1 .paragraphe .style6 .inner .link a { color: #ffffff; } .univ2 .paragraphe .style4 .inner a, .univ2 .paragraphe .style4 .inner .link a, .univ3 .paragraphe .style4 .inner a, .univ3 .paragraphe .style4 .inner .link a, .univ4 .paragraphe .style4 .inner a, .univ4 .paragraphe .style4 .inner .link a, .univ5 .paragraphe .style4 .inner a, .univ5 .paragraphe .style4 .inner .link a, .paragraphe .style6 .inner a, .paragraphe .style6 .inner .link a { color: #1a171b; } /********************************************************* UNIVERS *********************************************************/ #univers { float: right; width: 728px; } #univers ul, #univers li { padding: 0; margin: 0; list-style: none; } #univers li { float: left; display: inline; width: 136px; margin: 0 12px 0 0; border-radius: 0 5px 0 5px; -moz-border-radius: 0 5px 0 5px; } #univers .style1 { background: url(img/2012/tab_univ1.png) 50% 0 no-repeat; } #univers .style2 { background: url(img/2012/tab_univ2.png) 50% 0 no-repeat; } #univers .style3 { background: url(img/2012/tab_univ3.png) 50% 0 no-repeat; } #univers .style4 { background: url(img/2012/tab_univ4.png) 50% 0 no-repeat; } #univers .style5 { background: url(img/2012/tab_univ5.png) 50% 0 no-repeat; } #univers .active .style1 { background: url(img/2012/tab_univ1_active.png) 50% 0 no-repeat; } #univers .active .style2 { background: url(img/2012/tab_univ2_active.png) 50% 0 no-repeat; } #univers .active .style3 { background: url(img/2012/tab_univ3_active.png) 50% 0 no-repeat; } #univers .active .style4 { background: url(img/2012/tab_univ4_active.png) 50% 0 no-repeat; } #univers .active .style5 { background: url(img/2012/tab_univ5_active.png) 50% 0 no-repeat; } #univers li.last { margin: 0; } #univers li a { float: left; width: 100%; text-align: center; text-decoration: none; cursor: pointer; } #univers li a h2 { font: bold 14px Arial; padding: 5px; margin: 0; color: #ffffff; text-shadow: 0px 0px 3px #111; } #univers li.active a h2 { padding-bottom: 20px; background: url(img/2012/value_indicator.png) 50% 90% no-repeat; } /********************************************************* VALUE *********************************************************/ .value { height: 286px; margin: 0 0 15px 0; overflow: hidden; zoom: 1; } .univ0 .value { background: url(img/2012/actus_univ0.png) 0 0 no-repeat; } .univ1 .value { background: url(img/2012/actus_univ1.png) 0 0 no-repeat; } .univ2 .value { background: url(img/2012/actus_univ2.png) 0 0 no-repeat; } .univ3 .value { background: url(img/2012/actus_univ3.png) 0 0 no-repeat; } .univ4 .value { background: url(img/2012/actus_univ4.png) 0 0 no-repeat; } .univ5 .value { background: url(img/2012/actus_univ5.png) 0 0 no-repeat; } .value h2 { display: inline-block; font: 26px Arial; width: 400px; padding: 23px 0 22px 22px; margin: 0; color: #ffffff; text-shadow: 0px 0px 3px #111111; } .value .tabs, .value .tabs .tab { padding: 0; margin: 0; list-style: none; } .value .tabs { float: left; width: 235px; padding: 0 0 10px 0; } .value .tabs .tab { clear: both; height: 40px; margin: 3px 0; } .univ0 .value .tabs .tab { background: url(img/2012/actus_tab_univ0.png) 17px 50% no-repeat; } .univ1 .value .tabs .tab { background: url(img/2012/actus_tab_univ1.png) 17px 50% no-repeat; } .univ2 .value .tabs .tab { background: url(img/2012/actus_tab_univ2.png) 17px 50% no-repeat; } .univ3 .value .tabs .tab { background: url(img/2012/actus_tab_univ3.png) 17px 50% no-repeat; } .univ4 .value .tabs .tab { background: url(img/2012/actus_tab_univ4.png) 17px 50% no-repeat; } .univ5 .value .tabs .tab { background: url(img/2012/actus_tab_univ5.png) 17px 50% no-repeat; } .univers .value .tabs .active { background: #f2f2f3 url(img/2012/actus_tab_active.png) 17px 50% no-repeat; } .value .tabs .tab table { height: 100%; width: 100%; } .value .tabs .tab table, .value .tabs .tab table td { padding: 0; margin: 0; border: 0; } .value .tabs .tab table td { padding: 0 0 0 37px; vertical-align: middle; } .value .tabs .tab a { font: bold 13px Arial; color: #ffffff; text-decoration: none; } .value .tabs .active a { color: #707173; } .value .panels { float: left; display: inline; width: 714px; margin: 0 0 0 50px; } .value .panels .panel { display: none; } .value .case { float: left; display: inline; width: 198px; padding: 0 25px 0 15px; } .value .case h3 { padding: 0 0 5px 0; border-bottom: 2px solid #111111; } .univ0 .value .case h3, .univ0 .value .case h3 a { color: #0095c4; border-color: #0095c4; } .univ1 .value .case h3 { color: #ac0a43; border-color: #ac0a43; } .univ1 .value .case h3 a { color: #ac0a43; border-color: #ac0a43; text-decoration:none} .univ2 .value .case h3 { color: #111111; border-color: #f08fae; } .univ2 .value .case h3 a { color: #111111; border-color: #f08fae; text-decoration:none} .univ3 .value .case h3 { color: #111111; border-color: #b0d8e2; } .univ3 .value .case h3 a { color: #111111; border-color: #b0d8e2; text-decoration:none} .univ4 .value .case h3 { color: #111111; border-color: #111111; } .univ4 .value .case h3 a { color: #111111; border-color: #111111; text-decoration:none} .univ5 .value .case h3 { color: #111111; border-color: #d8b4d0; } .univ5 .value .case h3 a { color: #111111; border-color: #d8b4d0; text-decoration:none} .value .case .link a { font: bold 12px Arial; color: #111111; } /********************************************************* ACTUSLIDER *********************************************************/ .actus h3 a { text-decoration: none; } .actus .slider { position: relative; height: 90px; width: 438px; } .actus .slider .mask { float: left; display: inline; height: 89px; width: 415px; overflow: hidden; zoom: 1; } .actus .slider .mask .list {} .actus .slider .mask .list .case { float: left; display: inline; height: 89px; width: 405px; padding: 0 10px 0 0; } .actus .slider .btn { position: absolute; cursor: pointer; } .actus .slider .next { top: -10px; right: 0; height: 104px; width: 23px; background: #cccccc; } .univ0 .actus .style1 .slider .next { background: #0095c4 url(img/2012/arrow_right_univ0.png) 50% 50% no-repeat; } .univ1 .actus .style1 .slider .next { background: #ab0b42 url(img/2012/arrow_right_univ1.png) 50% 50% no-repeat; } .univ2 .actus .style1 .slider .next { background: #ef91ad url(img/2012/arrow_right_univ2.png) 50% 50% no-repeat; } .univ3 .actus .style1 .slider .next { background: #afd8e3 url(img/2012/arrow_right_univ3.png) 50% 50% no-repeat; } .univ4 .actus .style1 .slider .next { background: #bcbdbc url(img/2012/arrow_right_univ4.png) 50% 50% no-repeat; } .univ5 .actus .style1 .slider .next { background: #d8b4d1 url(img/2012/arrow_right_univ5.png) 50% 50% no-repeat; } .univ0 .actus .style2 .slider .next, .univ1 .actus .style2 .slider .next, .univ2 .actus .style2 .slider .next, .univ3 .actus .style2 .slider .next, .univ4 .actus .style2 .slider .next, .univ5 .actus .style2 .slider .next { background: #1a171b url(img/2012/arrow_right.png) 50% 50% no-repeat; } /********************************************************* TEMOIGNAGES *********************************************************/ .temoignages .slider { position: relative; width: 200px; } .temoignages .slider .mask { width: 180px; overflow: hidden; zoom: 1; } .temoignages .slider .mask .list {} .temoignages .slider .mask .list .case { float: left; display: inline; width: 180px; margin: 0 10px 0 0; } /********************************************************* universvoir *********************************************************/ .universvoir { clear: both; padding: 15px 30px; margin: 0 0 10px 0; background: #141215; overflow: hidden; zoom: 1; } .universvoir h2 { font: bold 14px Verdana; margin: 0 0 15px 0; color: #ffffff; line-height: 23px; } .universvoir ul, .universvoir li { list-style: none; padding: 0; margin: 0; } .universvoir ul { width: 940px; margin: 0 auto; overflow: hidden; } .universvoir li { float: left; width: 188px; text-align: center; overflow: hidden; } .universvoirhome { margin-top: 5px; padding: 5px 30px 0 30px; width: 616px; } .universvoirhome h2 { margin: 0; } .universvoirhome ul { width: 616px; } .universvoirhome li { width: 123px; } /********************************************************* fullContent *********************************************************/ .fullContent { width: 1004px; overflow: hidden; zoom: 1; } /********************************************************* pubright *********************************************************/ .pubright { width: 300px; overflow: hidden; zoom: 1; margin: 0 0 10px 0; } /********************************************************* ANIMATIONS LISTE *********************************************************/ .animationsList { clear: both; margin: 0 0 15px 0; background: url(img/2012/animationsList_univ0.png) 50% 0 no-repeat; overflow: hidden; zoom: 1; } .univ1 .animationsList { background: url(img/2012/animationsList_univ1.png) 50% 0 no-repeat; } .univ2 .animationsList { background: url(img/2012/animationsList_univ2.png) 50% 0 no-repeat; } .univ3 .animationsList { background: url(img/2012/animationsList_univ3.png) 50% 0 no-repeat; } .univ4 .animationsList { background: url(img/2012/animationsList_univ4.png) 50% 0 no-repeat; } .univ5 .animationsList { background: url(img/2012/animationsList_univ5.png) 50% 0 no-repeat; } .animationsList h2 { float: left; width: 380px; line-height: 45px; height: 63px; padding: 0 30px; color: #ffffff; text-shadow: 0px 0px 3px #111; } .animationsList h2.accroched { line-height: 33px; } .animationsList h2.accroched .accroche { display: block; font: 12px Arial; } .animationsList .more { float: right; display: inline; height: 52px; width: 208px; padding-top: 37px; margin: 0 45px 0 0; } .animationsList .more a { font: bold 12px Arial; color: #ffffff; text-decoration: none; } .animationsList .inner { clear: both; padding: 10px 10px 0 30px; } .animationsList .inner .cases { overflow: hidden; zoom: 1; } .animationsList .inner .cases a { display: inline-block; width: 294px; padding: 5px; margin: 0 15px 15px 0; color: #474747; background: #ffffff; text-decoration: none; cursor: pointer; overflow: hidden; zoom: 1; } .animationsList .inner .cases a:hover { padding: 3px; border: 2px solid #474747; } .animationsList .inner .cases .visuel { float: left; display: inline; width: 130px; height: 110px; margin: 0; overflow: hidden; zoom: 1; } .animationsList .inner .cases .desc { float: left; width: 140px; padding: 25px 0 0 15px; }