h2.style_1{font-size:15px;font-weight:bold} div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action{background-image:url(../images/sprite-uniform.png);background-repeat:no-repeat} .selector,.radio,.checker,.uploader,.selector *,.radio *,.checker *,.uploader *{margin:0;padding:0} div.selector{background-position:-483px -130px;font-size:12px;height:26px;line-height:26px;margin-bottom:20px;overflow:hidden;padding-left:10px;position:relative;width:190px} div.selector span{background-position:right 0;color:#666;cursor:pointer;display:block;float:left;height:26px;line-height:26px;overflow:hidden;padding:0 25px 0 2px;text-overflow:ellipsis;text-shadow:0 1px 0 #fff;white-space:nowrap;width:158px} div.selector select{background:none;border:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;height:25px;left:0;opacity:0;position:absolute;top:0;width:190px} div.selector:active,div.selector.active{background-position:-483px -156px} div.selector:active span,div.selector.active span{background-position:right -26px} div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -182px} div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -52px} div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{background-position:-483px -208px} div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{background-position:right -78px} div.selector.disabled{background-position:-483px -234px} div.selector.disabled span{background-position:right -104px;color:#bbb} div.checker{float:left;height:19px;margin-right:10px;position:relative;width:19px} div.checker input{background:none;display:inline-block;height:19px;opacity:0;width:19px} div.checker span{background-position:0 -260px;display:block;float:left;height:19px;text-align:center;width:19px} div.checker:active span,div.checker.active span{background-position:-19px -260px} div.checker.focus span,div.checker:hover span{background-position:-38px -260px} div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-57px -260px} div.checker span.checked{background-position:-76px -260px} div.checker:active span.checked,div.checker.active span.checked{background-position:-95px -260px} div.checker.focus span.checked,div.checker:hover span.checked{background-position:-114px -260px} div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{background-position:-133px -260px} div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-152px -260px} div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px} div.radio{float:left;height:18px;margin-right:10px;position:relative;width:18px} div.radio input{background:none;display:inline-block;height:18px;opacity:0;text-align:center;width:18px} div.radio span{background-position:0 -279px;display:block;float:left;height:18px;text-align:center;width:18px} div.radio:active span,div.radio.active span{background-position:-18px -279px} div.radio.focus span,div.radio:hover span{background-position:-36px -279px} div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-54px -279px} div.radio span.checked{background-position:-72px -279px} div.radio:active span.checked,div.radio.active span.checked{background-position:-90px -279px} div.radio.focus span.checked,div.radio:hover span.checked{background-position:-108px -279px} div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{background-position:-126px -279px} div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-144px -279px} div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px} div.uploader{background-position:0 -297px;cursor:default;float:left;height:28px;margin-bottom:20px;overflow:hidden;position:relative;width:190px} div.uploader span.action{background-color:#fff;background-position:right -409px;cursor:pointer;display:inline;float:left;font-size:11px;font-weight:700;height:24px;line-height:24px;overflow:hidden;padding:2px 0;text-align:center;text-shadow:#fff 0 1px 0;width:85px} div.uploader span.filename{border-right:solid 1px #bbb;color:#777;cursor:default;display:block;float:left;font-size:11px;height:24px;line-height:24px;margin:2px 0 2px 2px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;width:82px} div.uploader.focus,div.uploader.hover,div.uploader:hover{background-position:0 -353px} div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -437px} div.uploader.active span.action,div.uploader:active span.action{background-position:right -465px} div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{background-position:right -493px} div.uploader.disabled{background-position:0 -325px} div.uploader.disabled span.action{background-position:right -381px;color:#aaa} div.uploader input{border:none;bottom:0;cursor:default;float:right;height:25px;opacity:0;position:absolute;right:0;top:0;width:190px} div.uploader.disabled span.filename{border-color:#ddd;color:#aaa} .selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus{outline:0} .panel h2.title{margin-bottom:10px;} noscript div{background:#ccc;border:1px solid #900;margin:20px 0;padding:15px;} .coda-slider-wrapper{text-align:left;clear:both;padding:20px 0;} #coda-nav-left-5{margin:0 1px 0 135px;} #coda-nav-5 ul{margin:0!important;} #coda-nav-left-5 a,#coda-nav-right-5 a{width:20px;padding:4px;} #coda-slider-5{clear:both;} #coda-slider-9,#coda-slider-9 .panel{width:465px;} #coda-slider-9 h2.title{display:none;} .coda-slider{background:#ff;float:left;overflow:hidden;position:relative;margin-left:3px;border:1px solid #CCCCCC} .coda-slider-no-js .coda-slider{height:200px;overflow:auto!important;padding-right:20px;} .coda-slider,.coda-slider .panel{width:780px;margin-bottom:15px} .coda-slider-wrapper.arrows .coda-slider,.coda-slider-wrapper.arrows .coda-slider .panel{width:764px;} .coda-slider-wrapper.arrows .coda-slider{margin:0 10px;} .coda-nav-left a,.coda-nav-right a{background:#000;color:#fff;width:100px;display:block;text-align:center;text-decoration:none;padding:5px;} #inner-body .coda-nav ul li a.current{background:#39C;} .coda-slider .panel-wrapper{padding:20px;} .coda-slider p.loading{text-align:center;padding:20px;} #inner-body .coda-nav ul{clear:both;display:block;overflow:hidden;margin:auto;} #inner-body .coda-nav ul li{display:inline;} #inner-body .coda-nav ul li a{background:#000;color:#fff;display:block;float:left;text-decoration:none;} .coda-slider .panel{display:block;float:left;} .coda-slider .panel-container{position:relative;} #coda-nav-left-5,#coda-nav-5,#coda-nav-right-5,.coda-nav-left,.coda-nav-right{float:left;} .tabs-container .coda-slider li{list-style:disc;margin:0px;padding:0px} #coda-nav-1 ul{ height: 55px} #inner-body .coda-nav ul li.tab1 a{background:transparent url(../images/sprites.png) 0 -591px no-repeat;height:55px;width:192px;color:#333333;padding-top:5px;text-align:center;font-size:15px;font-weight:bold} #inner-body .coda-nav ul li.tab1 a:hover{background:transparent url(../images/sprites.png) 0 -653px no-repeat} #inner-body .coda-nav ul li.tab2 a{background:transparent url(../images/sprites.png) 0 -591px no-repeat;height:55px;width:192px;color:#333333;padding-top:5px;text-align:center;font-size:15px;font-weight:bold} #inner-body .coda-nav ul li.tab2 a:hover{background:transparent url(../images/sprites.png) 0 -653px no-repeat} #inner-body .coda-nav ul li.tab3 a{background:transparent url(../images/sprites.png) 0 -591px no-repeat;height:55px;width:192px;color:#333333;padding-top:5px;text-align:center;font-size:15px;font-weight:bold} #inner-body .coda-nav ul li.tab3 a:hover{background:transparent url(../images/sprites.png) 0 -653px no-repeat} #inner-body .coda-nav ul li.tab4 a{background:transparent url(../images/sprites.png) 0 -591px no-repeat;height:55px;width:192px;color:#333333;padding-top:5px;text-align:center;font-size:15px;font-weight:bold} #inner-body .coda-nav ul li.tab4 a:hover{background:transparent url(../images/sprites.png) 0 -653px no-repeat} body{background:#9fbbd1 url(../images/background.jpg) no-repeat center top;color:#363636;font:12px/18px Arial,"Lucida Grande", Lucida, Verdana, sans-serif;min-width:990px} a{outline:none; text-decoration:none;color:#0066CC} a:hover{text-decoration:underline} #sobi2CatListSymbols a{outline:none; text-decoration:none;color:#0066CC;font-size:20px !important;} .clear{clear:both} .shadow{text-shadow:0 1px #fff} .inputbox{background:#fff url(../images/bg-input.png) repeat-x left top;border:1px solid #d4d1cd;color:#555;font-size:10px} .inputbox:focus{color:#222} .title{color:#002851;font:18px/20px Arial !important;font-weight:700} .top-wrapper{background:transparent url(../images/header_lining.png) repeat-x left top;display:block;height:100%;padding-top:6px;width:100%} .middle-wrapper{margin:0 auto;width:100%} .header-client-area-wrapper{display:block;font-size:10px;height:35px;width:100%} .header-client-area .button{background:transparent url(../images/sprites.png) 0 0 no-repeat;border:none;color:#fff;font-weight:700;height:21px;text-align:center;text-shadow:0 -1px #214f6e;width:68px} .header-client-area .button:hover{background-position:-68px 0} .header-client-area .checkbox{margin:0 10px;position:relative;top:3px} .header-text-daccroche{color:#002851;display:block;font-weight:700;line-height:14px;text-shadow:0 1px #dde7ef;vertical-align:middle;width:465px;float:left;} .header-client-area{float:right;margin-top:6px} .header-container legend{display:none} .header-client-area label{color:#505050;font-weight:700;margin-left:10px;margin-right:6px;text-shadow:0 1px #dde7ef} .header-client-area input.inputbox{height:19px;padding-left:2px;width:100px} .header-content{height:104px} .header-logo{float:left;margin:12px 0 0 16px} .header-search{float:right;margin-top:34px} .header-search-box{float:left;margin-top:3px} .header-search-box #search-text{background:transparent url(../images/sprites.png) 0 -57px no-repeat;border:none;color:#6d869f;font:16px/21px "Helvetica Neue", "Lucida Grande", Lucida, Verdana, sans-serif;height:32px;padding-left:30px;width:212px} .header-search-box #search-text:focus{color:#2a6595} .header-search-advanced{float:left;margin-left:6px} #show-advanced-search-button{background:transparent url(../images/sprites.png) 0 -21px no-repeat;border:none;height:36px;width:36px} #show-advanced-search-button:active{background-position:-36px -21px} .header-menu{clear:both;height:39px;margin:0 auto;width:960px} ul.menu-nav li{float:left;height:28px;margin-right:17px;margin-top:6px;text-align:center} ul.menu-nav li a{color:#fefefe;display:block;height:28px;text-align:center;text-decoration:none} ul.menu-nav li img{padding-top:6px} ul.menu-nav li#lettre-motivation{width:194px} ul.menu-nav li#lettre-motivation.active,ul.menu-nav li#lettre-motivation.active:hover{background:transparent url(../images/sprites.png) 0 -89px no-repeat} ul.menu-nav li#lettre-motivation:hover{background:transparent url(../images/sprites.png) 0 -117px no-repeat} ul.menu-nav li#cv{width:45px} ul.menu-nav li#cv.active,ul.menu-nav li#cv.active:hover{background:transparent url(../images/sprites.png) -194px -89px no-repeat} ul.menu-nav li#cv:hover{background:transparent url(../images/sprites.png) -194px -117px no-repeat} ul.menu-nav li#lettre-types{width:201px} ul.menu-nav li#lettre-types.active,ul.menu-nav li#lettre-types.active:hover{background:transparent url(../images/sprites.png) -239px -89px no-repeat} ul.menu-nav li#lettre-types:hover{background:transparent url(../images/sprites.png) -239px -117px no-repeat} ul.menu-nav li#convention-collective{width:206px} ul.menu-nav li#convention-collective.active,ul.menu-nav li#convention-collective.active:hover{background:transparent url(../images/sprites.png) -440px -89px no-repeat} ul.menu-nav li#convention-collective:hover{background:transparent url(../images/sprites.png) -440px -117px no-repeat} ul.menu-nav li#developpement-personnel{margin-right:0;width:246px} ul.menu-nav li#developpement-personnel.active,ul.menu-nav li#developpement-personnel.active:hover{background:transparent url(../images/sprites.png) -646px -89px no-repeat} ul.menu-nav li#developpement-personnel:hover{background:transparent url(../images/sprites.png) -646px -117px no-repeat} .header-image-container{background:url(../images/image_background.png) no-repeat center top;margin:0 auto;width:100%} .home-image{height:240px;margin:0 auto;overflow:hidden;width:968px} .page-image{height:104px;margin:0 auto;overflow:hidden;width:968px} .home-image-content{float:right;position:relative;right:12px;top:-230px} #image-content-recherche{float:left;text-align:center} #image-content-dossiers{float:left;margin-left:2px;text-align:center} #image-content-recherche .title,#image-content-dossiers .title{margin-bottom:2px;text-shadow:0 1px #fff8d6} #image-content-recherche .content,#image-content-dossiers .content{background:transparent url(../images/sprites.png) 0 -184px no-repeat;color:#363636;height:251px;text-align:left;width:231px} #image-content-recherche .content ul,#image-content-dossiers .content ul{padding:10px 0 0 5px} #image-content-recherche .content li,#image-content-dossiers .content li{display:table;} #image-content-recherche .content a,#image-content-dossiers .content a{color:#363636;display:table-cell;height:33px;line-height:14px;padding:0 10px 0 25px;text-decoration:none;text-shadow:0 1px #fff8d6;vertical-align:middle;width:186px;font-size:12px;} #image-content-recherche .content a:hover,#image-content-dossiers .content a:hover{background:transparent url(../images/sprites.png) -136px 0 no-repeat;color:#000} .content-middle-wrapper{background:url(../images/site_body_background.png) repeat-y center top;margin:0 auto;min-height:300px;overflow:hidden;width:100%} .breadcrumbs-container{height:39px;margin:-8px auto 0 auto} .breadcrumbs{background:transparent url(../images/sprites.png) 0 -145px no-repeat;color:#505050;font:10px/29px "Century Gothic", Arial, "Helvetica Neue", Lucida, Verdana, sans-serif;font-size:11px;height:34px;overflow:hidden;padding-left:5px;padding-top:5px;width:963px} .breadcrumbs li{background:transparent url(../images/breadcrumbs-shade.png) no-repeat left center;float:left;height:29px;line-height:29px} .breadcrumbs li a{background:transparent url(../images/breadcrumbs-separator.png) no-repeat right center;color:#505050;display:block;height:100%;padding-left:8px;padding-right:19px;text-decoration:none} .breadcrumbs li span{height:100%;padding-left:8px} .breadcrumbs li.home-button{background:none;padding-left:0;width:44px} .breadcrumbs li.home-button a{background:none} .content-main-container{overflow:auto;width:100%} .content-main-container.left{background:transparent url(../images/content-ads-separator.png) no-repeat right top;float:left;min-height:690px;padding-right:24px;width:767px;overflow:hidden} .content-title{color:#002851;font:24px/28px Arial;font-weight:700;padding-left:4px} .content-subtitle{color:#ee7841;font:18px/22px Arial;font-weight:300;padding-left:4px;padding-top:10px} .tabs-container{color:#000;font-size:14px;line-height:19px} .tabs-container .coda-slider li{list-style:disc;margin-bottom:5px;padding-left:20px} .tabs-container .coda-nav li.tab1 a{background:transparent url(../images/sprites.png) -576px -877px no-repeat;height:142px;margin-right:-1px;width:194px} .tabs-container .coda-nav li.tab2 a{background:transparent url(../images/sprites.png) -386px -593px no-repeat;height:142px;margin-right:-1px;width:190px} .tabs-container .coda-nav li.tab3 a{background:transparent url(../images/sprites.png) -197px -593px no-repeat;height:142px;margin-right:-1px;width:189px} .tabs-container .coda-nav li.tab3 a:hover{background:transparent url(../images/sprites.png) -197px -735px no-repeat} .tabs-container .coda-nav li.tab4 a{background:transparent url(../images/sprites.png) 0 -593px no-repeat;height:142px;width:197px} .rubrique-top-10-container{clear:both;margin-bottom:10px;overflow:auto;width:100%} .rubrique-top-10-container .title{font:700 18px/18px Museo-1,Museo-2;margin-bottom:9px;text-align:center;text-shadow:0 1px #FFF8D6} .rubrique-top-10-container .rubrique-top-10 .title{font:300 15px/18px Museo-1,Museo-2;margin-bottom:2px} .rubrique-top-10 .content{background:transparent url(../images/sprites.png) -231px -184px no-repeat;height:219px;padding-left:5px;padding-top:9px;width:373px} .rubrique-top-10 .content li a{background:none;color:#363636;display:block;height:21px;line-height:21px;padding-left:25px;text-decoration:none;width:343px} .rubrique-top-10 .content li a:hover{background:transparent url(../images/sprites.png) -599px -412px no-repeat;color:#000} .rubrique-top-10 .content li.odd a:hover{background:transparent url(../images/sprites.png) -231px -412px no-repeat;color:#000} .ads-container{float:right;height:608px;width:168px} .google-ads{height:600px;padding:4px;width:160px} .content-bottom-container{background:transparent url(../images/sprites.png) 0 -435px no-repeat;clear:both;height:127px;padding:15px} .content-bottom-container .boite-rubrique{float:left;height:128px;margin-right:10px;width:306px} .content-bottom-container .boite-rubrique.last{margin-right:0} .content-bottom-container .title{font:300 15px/18px Museo-1,Museo-2;text-shadow:0 1px #FFF8D6} .content-bottom-container .boite-rubrique .content{clear:both;margin-top:5px} .content-bottom-container .boite-rubrique .content li a{background:none;color:#363636;display:block;height:21px;line-height:21px;padding-left:17px;text-decoration:none} .content-bottom-container .boite-rubrique .content li.odd a{background:transparent url(../images/sprites.png) -357px 0 no-repeat} .content-bottom-container .boite-rubrique .content li a:hover{background:transparent url(../images/sprites.png) -357px -42px no-repeat;color:#000} .content-bottom-container .boite-rubrique .content li.odd a:hover{background:transparent url(../images/sprites.png) -357px -21px no-repeat;color:#000} .content-bottom-container #rubrique-avis #rubrique-avis-pager{float:right;height:11px;width:25px} #rubrique-avis-pager div{height:11px;width:10px} #rubrique-avis-pager #previous{background:transparent url(../images/sprites.png) -72px -21px no-repeat;float:left} #rubrique-avis-pager #next{background:transparent url(../images/sprites.png) -82px -21px no-repeat;float:right} #rubrique-avis-pager #previous.disabled{background:transparent url(../images/sprites.png) -72px -32px no-repeat} #rubrique-avis-pager #next.disabled{background:transparent url(../images/sprites.png) -82px -32px no-repeat} #rubrique-avis-pager div a{display:block;height:100%;text-decoration:none;width:100%} .content-bottom-container #rubrique-avis .message{color:#1c1c1c;height:87px;line-height:16px;margin-top:25px} .content-bottom-container #rubrique-avis .auteur{color:#c76d00;font-size:10px;font-weight:700;text-align:right;width:100%} .bottom-wrapper{background:url(../images/body_end.png) no-repeat center top;clear:both;padding-top:39px} .footer-band-container{background:url(../images/footer_band.png) repeat-x left top;height:267px;width:100%} .footer-container{background:url(../images/footer_highlights.png) no-repeat center top;height:267px;width:100%} .footer{margin:0 auto;position:relative;top:7px;width:960px} .footer-content{height:40px;overflow:hidden;padding:27px 0 20px} .footer-section{float:left;width:83.33%} .footer-section .title{background:url(../images/footer-title-separator.png) no-repeat left bottom;color:#ba1b25;font-size:18px;height:31px;padding-left:36px;width:299px} .footer-section .links{line-height:18px;padding:6px 0 0 15px} .footer-section .links ul li{float:left;padding:0 5px;} .footer-section .links a{color:#292322;font-size:14px;padding-left:22px;text-decoration:none} .footer-section .links li a:hover{background:url(../images/li-arrow.png) no-repeat 4px 3px;color:#ba1b25} .footer-bottom{font:12px/15px "Helvetica Neue", "Lucida Grande", Lucida, Verdana, sans-serif;overflow:hidden;padding:20px 10px 10px} .footer-bottom a{color:#bf222d;text-decoration:none} .footer-share{background:url(../images/partager_ce_site.png) no-repeat left top;float:left;height:29px;margin-top:5px;padding-left:155px;width:400px} .content-main-container.fiche .content-title{width:724px} .content-main-container.fiche .content-details{overflow:hidden;padding-left:4px} .content-main-container.fiche .content-details .right{text-align:center} .content-main-container.fiche .content-subtitle{padding-left:0} .content-main-container.fiche .avis-sommaire{color:#434343;font-size:14px;padding-top:15px} .rating-label{padding-right:8px;} .avis-add a{color:#005eb0;text-decoration:none} .content-main-container.fiche .download-mini-button{background:transparent url(../images/sprites-fiche.png) 0 0 no-repeat;display:block;height:79px;text-decoration:none;width:350px} /* .content-main-container.fiche .download-mini-button:hover{background:transparent url(../images/sprites-fiche.png) -175px 0 no-repeat} */ .content-main-container.fiche .download-mini-info{color:#4489c5;font-size:10px;text-decoration:none} .avis-bottom-container{margin-top:14px;padding:0 4px} .avis-bottom-container .title{float:left;font-size:15px} .avis-bottom-container .title span{color:#3979c1} .avis-bottom-holder{border:1px solid #eaeaea;clear:both;display:inline-block;margin-top:14px;overflow:hidden;padding:13px 18px;width:922px} .avis-bottom-holder .avis-left{float:left;width:451px} .avis-bottom-holder .avis-right{float:right;width:451px} .avis-bottom-holder .auteur{color:#002851;font:700 14px/18px Museo-1,Museo-2;padding-top:15px} .avis-bottom-holder .auteur.first{padding-top:0} .avis-bottom-holder .commentaire{color:#000;font-size:14px;line-height:18px;margin-top:11px} .avis-bottom-holder .date{color:#e74d15;padding-top:25px;text-align:right;width:100%} .content-main-container.lettre .content-holder{background:transparent url(../images/bg-fiche-lettre.png) no-repeat;height:380px;margin-top:15px;overflow:hidden;padding:60px 25px 55px 70px;} .content-main-container.lettre .content-holder .title{color:#555;font:500 18px/21px Museo-1,Museo-2;text-align:center;text-shadow:0 1px #ccc} .content-main-container.lettre .content-holder .letter{color:#000;font-size:17px;height:339px;line-height:18px;margin-top:25px;overflow:hidden} .download-big-button{background:transparent url(../images/sprites-fiche.png) 0 -453px no-repeat;color:#001a35;display:block;font:500 13px/19px Arial,Museo-1,Museo-2;height:40px;margin:18px 0 0 4px;padding:50px 40px 20px 315px;text-decoration:none;text-shadow:0 1px #c0d3e1;width:370px} .download-big-button:hover{background:transparent url(../images/sprites-fiche.png) 0 -564px no-repeat;color:#000;text-shadow:0 1px #f4b766} .content-main-container.convention .content-holder{background:transparent url(../images/sprites-fiche.png) 0 -79px no-repeat;height:325px;margin-top:15px;padding:25px;width:918px} .content-main-container.convention .content-holder .title{font-size:18px;line-height:21px} .content-main-container.convention .content-holder .arrete-holder .title{color:#ee7841;font-size:14px;width:188px} .arrete-holder .arrete{display:table;height:88px;overflow:hidden} .arrete-holder .arrete div{display:table-cell;padding:0 15px;vertical-align:middle} .arrete-holder .description{font-size:14px;line-height:18px;overflow:hidden} .arrete-holder .arrete.odd{background:#e7eef3} .arrete-holder{margin-top:16px} .coda-nav,.right,.rubrique-top-10 #rubrique-dernieres-lettres,.footer-copyright{float:right} .coda-nav ul li,.coda-nav-left,.coda-nav-right,.left,.rubrique-top-10 #rubrique-les-plus-consultees,.content-bottom-container #rubrique-avis .title{float:left} .header-container,.content-middle-container{margin:0 auto;width:968px} /** A-Z **/ #az-container, #rubriques-container { margin: 5px 0 0 19px; width: 757px; } #az-list li { background: transparent url(../images/sprite-main.png) -1104px 0 no-repeat; color: #767676; display: block; float: left; height: 59px; cursor: default; width: 28px; font: 700 22px/22px "Trebuchet MS"; text-align: center; text-shadow: 0 1px #fff; text-transform: uppercase; } #az-list li.selected { background: transparent url(../images/sprite-main.png) -1076px 0 no-repeat; } #az-list .alphabet, #az-list .alphabet a { color: #767676; display: block; height: 37px; font: 700 22px/42px "Trebuchet MS"; text-align: center; text-decoration: none; text-shadow: 0 1px #fff; } #az-list .alphabet.selected { color: #fff; text-shadow: 0 1px #194280; } #az-list .alphabet a:hover { background: transparent url(../images/sprite-main.png) -1132px 0 no-repeat; } #alpha-header { padding: 47px 15px 15px 15px; } #alpha-header-big-alphabet { background: #fff url(../images/big-alpha-separator.png) no-repeat right center; color: #363636; float: left; font: 100 96px/99px "Trebuchet MS"; height: 99px; padding-right: 20px; text-align: center; text-transform: uppercase; } #alpha-header-description-container { float: left; padding: 5px 0 0 11px; } #alpha-header-description-container .title { font: 700 20px/40px "Trebuchet MS"; } #alpha-header-description-container .counter { color: #000; font: 300 16px/20px "Trebuchet MS"; } #alpha-header-description-container .pagination, #rubriques-pagination .pagination { color: #5d5d5d; font-size: 14px; } #alpha-header-page-selector { float: right; width: 130px; } .page-label { color: #333333; font: normal 12px/28px "Trebuchet MS"; text-align: left; } #alpha-header-page-selector div.selector, #rubriques-page-selector div.selector { margin-bottom: 0; text-align: right; width: 60px; } #alpha-header-page-selector div.selector select, #rubriques-page-selector div.selector select { background: #9FBBD1; margin-left: 5px; text-align: right; width: 50px; } #alpha-header-page-selector div.selector span, #rubriques-page-selector div.selector span { padding: 0px 25px 0px 2px; } #alpha-header-page-selector div.selector span, #rubriques-page-selector div.selector span { width: 24px; } #alpha-lettres-liste { clear: both; display: table; height: 495px; padding: 15px 5px; overflow: hidden; } #navigator-left-button-holder { background: transparent url(../images/alpha-left-pager-button-holder.png) no-repeat left center; display: table-cell; height: 493px; vertical-align: middle; width: 63px; } #navigator-right-button-holder { background: transparent url(../images/alpha-right-pager-button-holder.png) no-repeat right center; display: table-cell; height: 493px; vertical-align: middle; width: 63px; } #navigator-left-button-holder a.page-navigation, #navigator-right-button-holder a.page-navigation { display: block; height: 40px; margin-top: -3px; position: relative; width: 40px; } #navigator-left-button-holder #previous-page { background: transparent url(../images/sprite-main.png) -972px -89px no-repeat; margin-left: 18px; } #navigator-right-button-holder #next-page { background: transparent url(../images/sprite-main.png) -1132px -89px no-repeat; margin-left: 5px; } #navigator-left-button-holder #previous-page.disabled, #navigator-left-button-holder #previous-page.disabled:hover, #navigator-left-button-holder #previous-page.disabled:active { cursor: default; background: transparent url(../images/sprite-main.png) -1012px -89px no-repeat; } #navigator-right-button-holder #next-page.disabled, #navigator-right-button-holder #next-page.disabled:hover, #navigator-right-button-holder #next-page.disabled:active { cursor: default; background: transparent url(../images/sprite-main.png) -1172px -89px no-repeat; } #navigator-left-button-holder #previous-page:hover { background: transparent url(../images/sprite-main.png) -892px -89px no-repeat; } #navigator-right-button-holder #next-page:hover { background: transparent url(../images/sprite-main.png) -1052px -89px no-repeat; } #navigator-left-button-holder #previous-page:active { background: transparent url(../images/sprite-main.png) -932px -89px no-repeat; } #navigator-right-button-holder #next-page:active { background: transparent url(../images/sprite-main.png) -1092px -89px no-repeat; } #left-pane { background: transparent url(../images/alpha-left-list-separator.png) no-repeat right center; float: left; margin-left:0px; } #right-pane { /*background: transparent url(../images/alpha-right-list-separator.png) no-repeat left center;*/ float: right; margin-left: 20px; } #left-pane, #right-pane { width: 300px; } #alpha-lettres-liste #left-pane li, #alpha-lettres-liste #right-pane li { display: table; height: 33px; padding: 0 10px; width: 280px; } #alpha-lettres-liste #left-pane a, #alpha-lettres-liste #right-pane a { color: #363636; display: table-cell; line-height: 14px; text-decoration: none; vertical-align: middle; } #alpha-lettres-liste #left-pane li.odd { background: transparent url(../images/sprite-main.png) -609px -184px no-repeat; } #alpha-lettres-liste #right-pane li.odd { background: transparent url(../images/sprite-main.png) -609px -217px no-repeat; } #alpha-lettres-liste #left-pane li:hover, #alpha-lettres-liste #right-pane li:hover { background: transparent url(../images/sprite-main.png) -609px -250px no-repeat; } #rubriques-container li { background: transparent url(../images/sprite-main.png) -968px -129px no-repeat; color: #767676; display: block; float: left; height: 45px; cursor: default; font: 700 14px/14px "Trebuchet MS"; text-align: center; text-shadow: 0 1px #fff; } #rubriques-container li.selected { background: transparent url(../images/bg-rubriques.png) repeat-x left top; color: #fff; padding: 15px 8px 0 8px; text-shadow: 0 1px #194280; } #rubriques-container a:hover { background: transparent url(../images/bg-rubriques-hover.png) repeat-x left bottom; } #rubriques-container a { color: #767676; display: block; height: 24px; font: 700 14px/14px "Trebuchet MS"; padding: 15px 8px 0 8px; text-align: center; text-decoration: none; text-shadow: 0 1px #fff; } #rubriques-pagination { clear: both; padding: 10px 55px 15px; } #rubriques-pagination .pagination { float: left; } #rubriques-page-selector { float: right; } #rubriques-page-selector .page-label, #rubriques-page-selector .page-num { float: left; } #rubriques-page-selector .page-num { margin-top: -2px; padding-left: 5px; } #sous-rubriques-liste { clear: both; display: table; /* height: 562px; */ padding: 15px 5px; overflow: hidden; } #sous-rubriques-liste #left-pane { padding: 0 40px 0 50px; width: 275px; } #sous-rubriques-liste #right-pane { padding: 0 5px 0 20px; width: 275px; } #sous-rubriques-liste .sous-rubriques { background: transparent url(../images/sous-rubriques-bottom-separator.png) no-repeat center bottom; margin-bottom: 18px; padding-bottom: 10px; } #sous-rubriques-liste .sous-rubriques.last { margin-bottom: 0; } #sous-rubriques-liste .sous-rubriques .title { background: transparent url(../images/sous-rubriques-top-separator.png) no-repeat center top; font: 300 15px/15px "Trebuchet MS"; padding-top: 10px; margin-bottom: 8px; } #sous-rubriques-liste .sous-rubriques li a { color: #363636; cursor: pointer; display: block; height: 21px; padding-left: 15px; text-decoration: none; width: 260px; } #sous-rubriques-liste .sous-rubriques li a:hover { background: transparent url(../images/sprite-main.png) -609px -283px no-repeat; color: #000; } #sous-rubriques-liste .sous-rubriques .suite-holder { text-align: right; } #sous-rubriques-liste .sous-rubriques span.suite { background: transparent url(../images/suite-arrow-off.png) no-repeat right center; color: #a8a8a8; cursor: default; padding-right: 15px; } #sous-rubriques-liste .sous-rubriques a.suite { background: transparent url(../images/suite-arrow-on.png) no-repeat right center; color:#3399FF; padding-right: 15px; text-decoration: none; } #sous-rubriques-liste .sous-rubriques a.suite:hover { border-bottom: 1px solid #a6a6a6; } /* Formulaire de paiement 1 */ div.OPTELO_FORM2 { background:url(../../../images/paiement/fnd-formulaire-3.gif) no-repeat left top; padding-top:60px; height:310px; } div.OPTELO_FORM3 { background:url(../../../images/paiement/fnd-formulaire-3.gif) no-repeat left top; padding-top:60px; height:310px; } strong.tel_st1{ font-size:18px; } strong.tel_st2{ font-size:16px; } ol.OPTELO_LISTE2{ padding-top:10px; } ol.OPTELO_LISTE3{ padding-top:70px; } div.OPTELO_FORM3 span{ padding-top:70px; padding-left:70px; font:normal 14px Arial; color: #165471 ; } ol.OPTELO_LISTE3 li { list-style: none !important; } ol.OPTELO_LISTE2 li,ol.OPTELO_LISTE3 li { line-height:25px; font:normal 13px Arial; color: #165471 ; list-style: decimal; margin-left:40px; margin-top:10px; } ol.OPTELO_LISTE2 li.form ,ol.OPTELO_LISTE3 li.form{ font:normal 13px Arial; color: #165471 ; list-style: none; margin-left:40px; margin-top:0px; padding-top:0px; } label.OPTELO_LABEL{ display:block; font:normal 12px Arial; color: #2c3336; font-weight:bold ; margin-left:40px; margin-top:10px; } div.OPTELO_BTN_VALIDER2{ display:block; padding-left:160px; padding-top:10px; } /* Formulaire de paiement 1 */ form.OPTELO_FORM { background:url(../../../images/paiement/fnd-formulaire.gif) no-repeat left top; padding-bottom:30px; } ol.OPTELO_LISTE{ padding-top:10px; } ol.OPTELO_LISTE li { line-height:25px; font:normal 14px Arial; color: #165471 ; list-style: decimal; margin-left:40px; margin-top:10px; } label.OPTELO_LABEL{ display:block; font:normal 12px Arial; color: #2c3336; font-weight:bold ; margin-left:40px; margin-top:10px; } div.OPTELO_BTN_VALIDER{ display:block; padding-left:120px; padding-top:10px; } h2.typo1{ font:normal 24px Arial; color: #3333cc; font-weight:bold } ul.itemS1{ margin-top:30px; } ul.itemS1 li { background:url(../../../images/paiement/coche.gif) no-repeat left -3px; margin-left:40px; padding-left:20px; line-height:25px; height:25px; font:normal 14px Arial; color: #2079ff } .shadow { text-shadow: 0 1px #fff; } .box-shadow { -moz-box-shadow: 0 0 4px #777; /* Firefox */ -webkit-box-shadow: 0 0 4px #777; /* Safari, Chrome */ box-shadow: 0 0 4px #777; /* CSS3 */ } .box-shadow-3 { -moz-box-shadow: 0 0 3px #777; /* Firefox */ -webkit-box-shadow: 0 0 3px #777; /* Safari, Chrome */ box-shadow: 0 0 3px #777; /* CSS3 */ } .rounded-corners-10 { -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3 */ } .content-main-container.left .content-holder { margin: 17px 0 17px 5px; min-height: 627px; width: 757px; } /** GreyTip **/ .greytip-container { color: #fff; display: hidden; position: absolute; text-shadow: 0 1px #000; z-index: 99999; } .greytip-tail { background: transparent url('../images/greytip-left-tail.png') no-repeat left top; height: 18px; position: absolute; top: 12px; width: 12px; } .greytip { margin-left: 6px; } .greytip td.top-left { background: transparent url('../images/greytip-top-left-corner.png') no-repeat left bottom; width: 11px; height: 11px; } .greytip td.top-center { background: transparent url('../images/greytip-top.png') repeat-x left bottom; } .greytip td.top-right { background: transparent url('../images/greytip-top-right-corner.png') no-repeat left bottom; width: 11px; height: 11px; } .greytip td.middle-left { background: transparent url('../images/greytip-left.png') repeat-y left top; } .greytip td.contents { background: transparent url('../images/greytip-bg.png') repeat left top; padding: 5px; } .greytip td.middle-right { background: transparent url('../images/greytip-right.png') repeat-y left top; } .greytip td.bottom-left { background: transparent url('../images/greytip-bottom-left-corner.png') no-repeat left top; width: 11px; height: 11px; } .greytip td.bottom-center { background: transparent url('../images/greytip-bottom.png') repeat-x left top; text-align: center; } .greytip td.bottom-right { background: transparent url('../images/greytip-bottom-right-corner.png') no-repeat left top; width: 11px; height: 11px; } .greytip .fiche-list { border: 1px solid #969797; height: 160px; overflow-y: auto; overflow-x: hidden; overflow: -moz-scrollbars-vertical; white-space: nowrap; } .greytip a { color: #fff; display: block; height: 23px; line-height: 23px; padding: 0 7px; text-decoration: none; } .greytip a:hover { background: transparent url('../images/greytip-hover-bg.png') repeat-x left top; } .greytip span { cursor: default; display: block; font-style: italic; height: 23px; line-height: 23px; padding: 0 7px; } .greytip .group a { padding-left: 21px; } .greytip .odd { background: transparent url('../images/greytip-odd-bg.png') repeat left top; } .ajax-loader { background: transparent url('../images/ajax-loader.gif') no-repeat left center; height: 11px; width: 43px; } div.smallListAll{ width:100%; margin-top:30px !important } div.smallListAll h1{ color:#666999; font-size: large; padding:10px; } div.smallList{ width:220px; float:left; margin-left:14px; margin-bottom:20px; position:relative; } div.smallList h1{ background-color:#039; color:#ffffff; font-size:13px; padding:2px 4px; font-weight:bold } div.smallList div.border{ background: url('http://www.cv-motivation.com/images/lettre-de-motivation/smallList-border.gif') no-repeat right top; position:absolute; top:20px; left:214px; height:60px; width:20px; } div.smallList ul li{ /*background: url('http://www.cv-motivation.com/images/lettre-de-motivation/lettre_bg.jpg') repeat-x;*/ background-color:#FFFFFF; } div.smallList ul li a{ display:block; width:100%; margin-left:10px; color:#002544; } div.smallList div.readMore a{ display:block; width:100%; height:26px; width:70px; padding-left:165px; padding-top:5px; background: url('http://www.cv-motivation.com/images/lettre-de-motivation/smalllist-btn.gif') no-repeat 220px; } div.col-g-260{ width:240px; float:left; padding:0px; min-height:400px; } div.col-d-100{ width:490px; float:left; } /**/ div.p-black-smallListAll{ width:200px; } div.p-black-smallListAll{ width:200px; float:left; margin-left:14px; margin-bottom:20px; position:relative; } div.p-black-smallList h1{ background: url('http://www.cv-motivation.com/images/lettre-de-motivation/p-black-header.png') no-repeat -4px -2px ; width:200px; height:40px; color:#ffffff; font-size:13px; font-weight:bold ; line-height:40px; text-indent:10px; -webkit-box-shadow: 2px 2px 2px hsla(0, 0%, 0%, .2); -moz-box-shadow: hsla(0, 0%, 0%, .2) 2px 2px 2px 0; } div.p-black-smallList ul{ border-left:1px solid #a2a2a3; border-right:1px solid #a2a2a3; -webkit-box-shadow: 2px 2px 2px hsla(0, 0%, 0%, .2); -moz-box-shadow: hsla(0, 0%, 0%, .2) 2px 2px 2px 0; } div.p-black-smallList ul.last{ border-bottom:1px solid #a2a2a3; } div.p-black-smallList ul li{ /*background: url('http://www.cv-motivation.com/images/lettre-de-motivation/lettre_bg.jpg') repeat-x;*/ background-color:#FFFFFF } div.p-black-smallList ul li a{ display:block; width:200px; margin-left:10px; color:#002544; text-decoration:none } div.p-black-smallList ul li:hover{ background-color:#beddf6 } div.p-black-fond{ background: url('http://www.cv-motivation.com/images/lettre-de-motivation/p-black-fond.png') repeat-y #f8f8fc ; } h1.header-fndOrange{ background: url('http://www.cv-motivation.com/images/lettre-de-motivation/p-orange-header.png') no-repeat -8px -8px ; background-color:#FFFFFF !important; width:240px; } div.txt{ padding : 5px } div.txt h1{ font-size:16px; font-weight:bold; } div.txt h2{ font-size:14px; font-weight:bold; } div.txt h3{ font-size:12px; font-weight:bold; }