/* Theme Name: Portail santé et sécurité ~ CSN Theme URI: http://formationsst.csn.info Description: Portail de formation en santé et sécurité au travail de la CSN Author: TÉLUQ Tags: CSN, formation, santé, sécurité About: */ /*----------------------------------- | General -------------------------------------*/ .ie7 .section-infos * { zoom: 1.0; } #fancybox-inner { overflow: auto !important; } body.quiz { overflow: auto !important; -webkit-overflow-scrolling: touch; } .ie7 body.quiz { overflow: visible !important; } body { background: #dbdfdc; font-size: 12px;/*font-family:Verdana, Geneva, sans-serif;*/ } .marginTop20 { margin-top: 20px; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Verdana, Geneva, sans-serif; line-height: normal; margin-bottom: 20px; color: black; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: black; } * { /*-moz-outline-style: none; outline: none;*/ } h1, h1 a { font-size: 22px; font-weight: normal; text-decoration: none; } h2, h2 a { font-size: 14px; font-weight: normal; text-decoration: none; margin-bottom: 18px; margin-top: 25px; } h3, h3 a { font-size: 16px; font-weight: normal; text-decoration: none; margin-bottom: 10px; color: #737B76; } h4, h4 a, h3.ital, h3.ital a { font-size: 12px; font-style: italic; text-decoration: none; margin-bottom: 10px; font-weight: normal; color: #4a4a4d; } p, ul, ol, li, table, td { color: #666666; } .savoirPlus { font-size: 12px !important; font-style: italic !important; } #container_shadow { overflow: hidden; padding: 0px 15px; margin-bottom: 0px; padding-bottom: 0px; } body.quiz #container_shadow { overflow: hidden; } ul p, ol p, li p { margin-bottom: 0px; } ol.alpha { list-style: lower-alpha; } ul.disc li { list-style: disc !important; list-style-image: url(images/squelette/liste_puce_contenu.gif) !important; } ol.sansPuce li, ul.sansPuce li { list-style: none !important; list-style-image: none !important; } table ol.sansPuce li, table ul.sansPuce li { margin-left: 0px !important; } #container { background: #ffffff; -moz-box-shadow: 0 0 5px 5px #cbd1cb; -webkit-box-shadow: 0 0 5px 5px #cbd1cb; box-shadow: 0 0 5px 5px #cbd1cb; margin-bottom: 0px; padding-bottom: 0px; } *+html #container { border-left: 3px solid #cbd1cb; border-right: 3px solid #cbd1cb; } ul.menu { list-style-type: none; margin: 0; } ul.menu li { display: inline; margin: 0; padding: 0 } #header ul.menu li { display: block; float: left; margin: 0; padding: 0; position: relative; } .padding12, .padding { margin-left: 12px; margin-right: 12px; } .aligncenter, .alignementCentre { text-align: center; } .alignementDroite { text-align: right; } .section-infos table, .exercices-pratiques table { border: 1px solid #DBDFDC; border-right: none; } .section-infos table th, .exercices-pratiques table th { background: #B4C1B9; color: white; font-weight: bold; padding: 5px 10px; border-right: 1px solid #fff; } .section-infos table th:last-child, .exercices-pratiques table th:last-child { border-right: 1px solid #DBDFDC; } .section-infos table th[scope=row], .exercices-pratiques table th[scope=row] { border-bottom: 1px solid #fff; } .section-infos table tr.alt, .exercices-pratiques table tr.alt { background-color: #eee; } .section-infos table.presentation_phenomenes_dangereux tr td { border-bottom-width: 3px; } .section-infos table tr.alt2, .exercices-pratiques table tr.alt2, .section-infos table tr.ligneImportante, .exercices-pratiques table tr.ligneImportante { background-color: #aaaaaa; } .section-infos table tr:last-child th[scope=row], .exercices-pratiques table tr:last-child th[scope=row] { border-bottom: none; } .section-infos table td, .exercices-pratiques table td { padding: 10px 10px; border-right: 1px solid #DBDFDC; border-bottom: 1pxtd solid #DBDFDC; } .section-infos table td p:last-child { margin-bottom: 0px; } .section-infos table td ul+p, .exercices-pratiques table td ul+p, .section-infos table td ol+p, .exercices-pratiques table td ol+p { margin-top: 14px; } table td.sansPadding, table td.sansPadding { padding: 0 !important; } table td.centre, table td.centre, .centre { text-align: center; vertical-align: middle; } table th.centre, table th.centre { text-align: center; vertical-align: top; } table.noBorder, table.noBorder { margin-top: 7px; background: none !important; } table.noBorder, table.noBorder, table.noBorder td, table.noBorder td { border: none !important; } table.noBorder th, table.noBorder th { border: none !important; background: none !important; color: #666666 !important; font-weight: bold; padding: 5px 10px; font-size: 11px !important; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .btn-recommencer { width: auto; display: inline; float: none; } .petiteMargeImage, .petiteMarge { margin-bottom: 10px; margin-top: 10px; } .grandeMargeImage, .grandeMarge { margin-bottom: 45px; margin-top: 50px; } #primary_content .alignleft.arret-stop { margin-top: 10px; } #primary_content .alignleft.liste_cocher { margin-top: 15px; margin-bottom: 50px; } .section-infos table.tbl_criteres th { background: none; color: #666666; padding: 10px; font-weight: normal; line-height: 18px; } .section-infos table.tbl_criteres th, .section-infos table.tbl_criteres td { border: 1px solid #DBDFDC; } .section-infos table.tbl_criteres th.chiffre { font-size: 14px; text-align: center; } .section-infos table.presentation, .section-infos table.presentation th, .section-infos table.presentation td, .exercices-pratiques table.presentation, .exercices-pratiques table.presentation th, .exercices-pratiques table.presentation td { padding: 0px; border: none; } .section-infos #primary_content table ul, .section-infos #primary_content table ol, .exercices-pratiques #primary_content table ul, .exercices-pratiques #primary_content table ol { margin-bottom: 0px; } .section-infos #primary_content table td li, .exercices-pratiques #primary_content table td li { margin-left: 13px; } /*----------------------------------- | Toolbar -------------------------------------*/ #toolbar { width: 100%; background: #646363; color: #ffffff; height: 40px; } #toolbar #menu-recherche { text-align: right; margin-top: 16px; float: right; } #toolbar #menu-recherche li a { color: #ffffff; text-decoration: none; margin: 0 10px; } #toolbar #menu-recherche li span.separator { color: #ffffff; font-size: 9px; position: relative; top: -1px; } #toolbar #menu-recherche li.last-menu-item span { display: none; } #toolbar #menu-recherche li a:hover { text-decoration: underline; } /*----------------------------------- | Header -------------------------------------*/ .sr_only, #lien_contenu_texte, #lien_menu { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } #header { background: url(images/squelette/menu_haut_fond.jpg) no-repeat top left #ffffff; } #header #header_title img { margin-left: 85px; margin-top: 39px; } #header #pathway { margin-top: 31px; color: #ffffff; background: url(images/squelette/menu_pathway_fond.png) repeat-y top left; margin-left: 0px; width: 710px; height: 19px; overflow: visible; position: relative; margin-right: 0px; } #header #banner {height:88px;} .ie9 #header #pathway { width: 707px; } .ie8 #header #pathway { width: 707px; } .ie7 #header #pathway { width: 707px; } #header #tools { margin-top: 31px; text-align: right; margin-left: 0px; width: 250px; margin-right: 0px; } #header #tools { margin-top: 31px; text-align: right; margin-left: 0px; width: 250px; margin-right: 0px; } #header #tools .menu-outils-container { padding: 0; } #header #menu-outils { position: relative; left: -10px; } #header #menu-outils li { display: block; float: right; text-align: right; } #header #menu-outils li a { color: #666666; text-decoration: none; margin: 0 10px; } #header #menu-outils li:first-child a { margin: 0 0 0 10px; } #header #menu-outils li.first-menu-item span { display: none; } #header #menu-outils li.last-menu-item a { margin-left: 0px; } #header #menu-outils li a:hover { text-decoration: underline; } #header #menu-outils span.separator { font-size: 9px; position: relative; top: -1px; } #header .menu-cheminement-container { margin-left: 20px; margin-right: 3px; } #header .menu-cheminement-container a { color: #ffffff; text-decoration: none; font-weight: normal; } #header .menu-cheminement-container a:hover { text-decoration: underline; color: #ffffff; } #header .menu-cheminement-container, #header .menu-etapes-container, #header .menu-infos-contextuel-container { display: block; float: left; } #header .menu-etapes-container { margin-right: 5px; } #header .menu-etapes-container span { display: inline-block; float: left; font-weight: normal; margin-top: 0px; margin-left: 85px; margin-right: 7px; color: #e2e6e1; } #header .menu-etapes-container span a { width: auto; color: #E2E6E1; text-decoration: none; } #header .menu-etapes-container span a:hover { text-decoration: underline; } #header #menu-etapes { position: relative; top: -2px; background: none; display: inline-block; float: left; } #header #menu-etapes li a { display: block; width: 32px; height: 23px; float: left; text-decoration: none; color: #666666; } #header #menu-etapes li a.visited { display: block; width: 32px; height: 23px; float: left; text-decoration: none; color: #ffffff; } #header #menu-etapes li a:hover { text-decoration: none; color: #ffffff; } #header #menu-etapes li a strong { display: none; } /*Étape 1*/ #header #menu-etapes li.etape1 a { background: url(images/squelette/img_etape_1_up.png) no-repeat top left; } #header #menu-etapes li.etape1 a:hover { background: url(images/squelette/img_etape_1_hover.png) no-repeat top left; } #header #menu-etapes li.etape1.current-page-ancestor a { background: url(images/squelette/img_etape_1_select.png) no-repeat top left; } /*Étape 2*/ #header #menu-etapes li.etape2 a { background: url(images/squelette/img_etape_2_up.png) no-repeat top left; position: relative; left: -12px; } #header #menu-etapes li.etape2 a:hover { background: url(images/squelette/img_etape_2_hover.png) no-repeat top left; } #header #menu-etapes li.etape2.current-page-ancestor a { background: url(images/squelette/img_etape_2_select.png) no-repeat top left; } /*Étape 3*/ #header #menu-etapes li.etape3 a { background: url(images/squelette/img_etape_3_up.png) no-repeat top left; position: relative; left: -24px; } #header #menu-etapes li.etape3 a:hover { background: url(images/squelette/img_etape_3_hover.png) no-repeat top left; } #header #menu-etapes li.etape3.current-page-ancestor a { background: url(images/squelette/img_etape_3_select.png) no-repeat top left; } /*Étape 4*/ #header #menu-etapes li.etape4 a { background: url(images/squelette/img_etape_4_up.png) no-repeat top left; position: relative; left: -36px; } #header #menu-etapes li.etape4 a:hover { background: url(images/squelette/img_etape_4_hover.png) no-repeat top left; } #header #menu-etapes li.etape4.current-page-ancestor a { background: url(images/squelette/img_etape_4_select.png) no-repeat top left; } /*Étape 5*/ #header #menu-etapes li.etape5 a { background: url(images/squelette/img_etape_5_up.png) no-repeat top left; position: relative; left: -48px; } #header #menu-etapes li.etape5 a:hover { background: url(images/squelette/img_etape_5_hover.png) no-repeat top left; } #header #menu-etapes li.etape5.current-page-ancestor a { background: url(images/squelette/img_etape_5_select.png) no-repeat top left; } /*Étape 6*/ #header #menu-etapes li#menu-item-9331 a { background: url(images/squelette/img_etape_6_up.png) no-repeat top left; position: relative; left: -60px; } #header #menu-etapes li#menu-item-9331 a:hover { background: url(images/squelette/img_etape_6_hover.png) no-repeat top left; } #header #menu-etapes li#menu-item-9331.current-page-ancestor a { background: url(images/squelette/img_etape_6_select.png) no-repeat top left; } #header .menu-infos-contextuel-container { width: 461px; right: -1px; position: absolute; } .ie8 #header .menu-infos-contextuel-container { right: -3px; } #header .menu-infos-contextuel-container span.separator { color: #e2e6e1; padding: 0 8px; font-size: 9px; position: relative; top: -1px; display: none; } #header .menu-infos-contextuel-container li.last-menu-item span { display: none; } #header .menu-infos-contextuel-container a { color: #e2e6e1; text-decoration: none; font-weight: normal; } #header .menu-infos-contextuel-container > ul > li > a { padding-bottom: 15px; } #header .menu-infos-contextuel-container a:hover { text-decoration: underline; color: #e2e6e1; } .breadcrumbs { margin: 5px 20px 0px 220px; } .breadcrumbs, .breadcrumbs a { color: #767676; font-size: 10px; height: 12px; } #menu-infos-contextuel #menu-item-9276 { background: url(images/squelette/img_fond_agir_prevention.png) no-repeat top left; margin-right: -16px; } .ie9 #menu-infos-contextuel #menu-item-9276 { margin-right: -14px; } #menu-infos-contextuel #menu-item-9276:hover, #menu-infos-contextuel #menu-item-9276.hover { background: url(images/squelette/img_fond_agir_prevention_over.png) top left no-repeat; } #menu-infos-contextuel #menu-item-9276 > a { padding-left: 14px; padding-right: 18px; } #menu-infos-contextuel #menu-item-2155 a span.tooltipBientot-50, #menu-infos-contextuel #menu-item-2154 a span.tooltipBientot-50 { right: -65px; } .ie9 #menu-infos-contextuel #menu-item-9276 > a { padding-right: 18px; } #menu-infos-contextuel #menu-item-9280 { background: url(images/squelette/img_fond_organiser_sst.png) no-repeat top left; margin-right: -10px; } .ie9 #menu-infos-contextuel #menu-item-9280 { background: url(images/squelette/img_fond_organiser_sst.png) no-repeat top left; margin-right: -11px; } #menu-infos-contextuel #menu-item-9280:hover, #menu-infos-contextuel #menu-item-9280.hover { background: url(images/squelette/img_fond_organiser_sst_over.png) top left no-repeat; } #menu-infos-contextuel #menu-item-9280 > a { padding-left: 15px; padding-right: 10px; } .ie9 #menu-infos-contextuel #menu-item-622 > a { padding-left: 17px; padding-right: 20px; } #menu-infos-contextuel #menu-item-2143 a span.tooltipBientot-50 { right: -50px; } #menu-infos-contextuel #menu-item-9277 { background: url(images/squelette/img_fond_risques_sst.png) no-repeat top left; margin-right: -17px; } .ie9 #menu-infos-contextuel #menu-item-9277 { margin-right: -14px; } #menu-infos-contextuel #menu-item-9277 > a { padding-left: 14px; padding-right: 18px; } .ie9 #menu-infos-contextuel #menu-item-9277 > a { padding-right: 19px; } #menu-infos-contextuel #menu-item-9277:hover, #menu-infos-contextuel #menu-item-9277.hover { background: url(images/squelette/img_fond_risques_sst_over.png) top left no-repeat; } #menu-infos-contextuel #menu-item-9278 { background: url(images/squelette/img_fond_lois_reglements_normes.png) top left no-repeat; } #menu-infos-contextuel #menu-item-9278:hover, #menu-infos-contextuel #menu-item-9278.hover { background: url(images/squelette/img_fond_lois_reglements_normes_over.png) top left no-repeat; } .ie9 #menu-infos-contextuel #menu-item-9278 > a { padding-left: 18px; padding-right: 16px; } #header ul#menu-infos-contextuel.menu > li { float: left; } #menu-infos-contextuel > li > a { padding-left: 15px; padding-right: 17px; } /*----------------------------------- | Sous-menu -------------------------------------*/ #header ul.menu li ul.sub-menu, #header ul.menu li ul.sub-menu li ul.sub-menu { display: none; position: absolute; width: 190px; padding: 5px 5px 5px 15px; top: 0px; left: 5px; background: url(images/squelette/sous_menu_coin.png) top left no-repeat; border: 1px solid #999999; border-top: 0px; border-left: 0px; } #header ul.menu li ul.sub-menu li ul.sub-menu { left: 180px; } #header ul.menu li>ul.sub-menu, #header ul.menu ul.sub-menu li>ul.sub-menu { top: auto; left: auto; margin-left: -11px; margin-top: 0px; width: 230px; z-index: 400; } *+html #header ul.menu li>ul.sub-menu, *+html #header ul.menu ul.sub-menu li>ul.sub-menu { margin-top: 25px; margin-left: -122%; z-index: 4000; } #header ul.menu li:hover ul.sub-menu, #header ul.menu ul.sub-menu li:hover ul.sub-menu { display: block; padding-top: 10px; } #header ul.menu li .sub-menu li { display: block; width: 230px; clear: left; padding-left: 10px; } #header .menu-infos-contextuel-container ul.menu li.menu-item:last-child > span.separator { display: none; } #header ul.menu li .sub-menu li span.separator { display: none; } #header ul.menu li .sub-menu li a { color: #4D4D4D; display: block; width: 224px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #E2E6E1; } #header ul.menu li .sub-menu li a:hover { text-decoration: none } #header ul.menu li .sub-menu li:last-child a { border-bottom: none; } #header ul.menu li .sub-menu li:hover, #header ul.menu li .sub-menu li.current-page-ancestor { background: url(images/squelette/img_select_sous_menu.png) no-repeat 0px 6px; padding: 0 0 0 10px; margin: 0; } /*----------------------------------- | Primary content -------------------------------------*/ #content { background: url(images/squelette/menu_secondaire_fond.gif) repeat-y top left;/*overflow:hidden;*/ } .home #content, #content.noSidebar, #footer.noSidebar { background: none; } .home #content { min-height: 240px; } .page.page-template-default #content, .page.page-template-default #footer, .page.page-template-default #toolbar, .page-template-page-drag-drop-php, body.quiz { font-family: Verdana, Geneva, sans-serif !important; } #primary_content { padding: 10px 0; } #primary_content.grid_7 { width: 550px; margin-right: 30px; } .ie7 #primary_content { } .home #primary_content { padding: 5px 0 40px 0; margin-left: 0; margin-right: 0; width: 960px; } #primary_content .chapeauEtape { font-size: 12px; font-weight: normal; margin-bottom: 28px; color: #b2b2b2; width: 730px; } #primary_content p { font-size: 12px !important; } #primary_content .chapeauEtape div { padding-left: 23px; } #primary_content .chapeauEtape .etape1 { background: url("images/squelette/img_etape_1_header.png") no-repeat scroll left top transparent; } #primary_content .chapeauEtape .etape2 { background: url("images/squelette/img_etape_2_header.png") no-repeat scroll left top transparent; } #primary_content .chapeauEtape .etape3 { background: url("images/squelette/img_etape_3_header.png") no-repeat scroll left top transparent; } #primary_content .chapeauEtape .etape4 { background: url("images/squelette/img_etape_4_header.png") no-repeat scroll left top transparent; } #primary_content .chapeauEtape .etape5 { background: url("images/squelette/img_etape_5_header.png") no-repeat scroll left top transparent; } #primary_content .chapeauEtape .exeIntegrateur { background: url("images/squelette/img_etape_6_header.png") no-repeat scroll left top transparent; } .parent-pageid-6109 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6131 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6776 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6893 #primary_content .chapeauEtape .exeIntegrateur { background: url("images/squelette/img_exeIntegrateur_1_header.png") no-repeat scroll left top transparent; } .parent-pageid-6111 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7571 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7581 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7591 #primary_content .chapeauEtape .exeIntegrateur { background: url("images/squelette/img_exeIntegrateur_2_header.png") no-repeat scroll left top transparent; } .parent-pageid-6113 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6138 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7836 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7854 #primary_content .chapeauEtape .exeIntegrateur { background: url("images/squelette/img_exeIntegrateur_3_header.png") no-repeat scroll left top transparent; } .parent-pageid-6115 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-8149 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-8161 #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-8173 #primary_content .chapeauEtape .exeIntegrateur { background: url("images/squelette/img_exeIntegrateur_4_header.png") no-repeat scroll left top transparent; } #primary_content p.beforeUl { margin-bottom: 10px; } #primary_content p.noteEvaluation { font-size: 14px; font-style: italic; text-align: center; } #primary_content p.noteEvaluation span { background: url(images/squelette/img_noteEvaluation.jpg) no-repeat top left; width: 16px; height: 17px; margin-right: 3px; position: relative; top: 4px; display: inline-block; } #primary_content .quizListeCocher { margin-bottom: 20px; } #primary_content p.noteEvaluation { display: none; } #primary_content .alignleft { text-align: left; float: left; margin: 0px 25px 25px 0px; } #primary_content .alignright { text-align: right; float: right; margin: 0px 0px 25px 25px; } .section-infos #primary_content .alignright { margin: 0px 0px 15px 15px; } #primary_content .aligncenter { text-align: center; } #primary_content a.tooltipPersonnage, #primary_content a.tooltipPersonnage:hover, #primary_content a.lienVideo, #primary_content a.lienVideo:hover, #primary_content a.lienVideoPersonnage, #primary_content a.lienVideoPersonnage:hover { border-bottom: none; text-transform: uppercase; font-size: 10px; } #primary_content a .logo.bleu { padding: 6px 0px 6px 30px; background: url(images/contenu/tooltip_icone_visionner_bleu.png) no-repeat top left; } #primary_content a .logo.vert { padding: 6px 0px 6px 30px; background: url(images/contenu/tooltip_icone_ecoute_vert.png) no-repeat top left; } #primary_content a .logo.rouge { padding: 6px 0px 6px 30px; background: url(images/contenu/tooltip_icone_ecoute_rouge.png) no-repeat top left; } #primary_content a .logo.jaune { padding: 6px 0px 6px 30px; background: url(images/contenu/tooltip_icone_ecoute_jaune.png) no-repeat top left; } #primary_content a.tooltipPersonnage, #primary_content a.lienVideoPersonnage { width: auto; display: block; } #primary_content a.tooltipPersonnage.aide_memoire { margin-top: 10px; } #primary_content a.tooltipPersonnage.conseil { margin-top: 10px; } #primary_content a.tooltipPersonnage.info_supplementaire { margin-left: 10px; } #primary_content a.tooltipPersonnage .logo { text-align: center; margin-left: 40px; margin-top: 10px; display: block; } #primary_content a.tooltipPersonnage.aide_memoire .logo { text-align: center; margin-left: 20px; margin-right: 5px; margin-top: 10px; display: block; } #primary_content a.tooltipPersonnage.info_supplementaire .logo { text-align: center; margin-right: 9px; margin-left: 0px; margin-top: 10px; display: block; } #primary_content a.tooltipPersonnage.info_supplementaire.alignleft .logo { margin-right: 40px; } #primary_content a.tooltipPersonnage.conseil .logo { margin-left: 35px; } #primary_content a.tooltipPersonnage.conseil.alignleft .logo { margin-left: 0px; margin-right: 30px; } #primary_content a.lienVideoPersonnage .logo { text-align: center; margin-left: 0px; margin-top: 5px; display: block; } #primary_content a.tooltipPersonnage .logo img, #primary_content a.lienVideoPersonnage .logo img { display: inline; margin-left: 5px; } #primary_content a.tooltipPersonnage .logo img:first-child, #primary_content a.lienVideoPersonnage .logo img:first-child { margin-left: 0px; } #primary_content ul > li { margin-left: 15px; padding-left: 4px; margin-bottom: 5px; } #primary_content ol > li { margin-left: 19px; margin-bottom: 5px; } #quiz-2.affirmative.retroaction_unique ol li.final { margin-left: 0px; } #primary_content ul li:last-child, #primary_content ol li:last-child { margin-bottom: 0px; } #primary_content .image-map ul li { margin-left: 13px; } #primary_content ul > li { list-style-image: url(images/squelette/liste_puce_contenu.gif); } *+html #primary_content ul > li { list-style-image: url(images/squelette/liste_puce_contenu_ie7.gif); } /* Correction bogue IE9 avec image en float a côté */ .ie9 #primary_content ul.inside li { list-style-position: inside; text-indent: -16px; } /* Une autre façon de corriger le bogue .ie9 #primary_content ul.inside li { list-style:none outside none;} .ie9 #primary_content ul.inside li:before { content: url(images/squelette/liste_puce_contenu.gif); margin-left: -1em; margin-right: .65em;}*/ #primary_content a { color: #616E52; text-decoration: none; border-bottom: 1px solid #616E52; } #primary_content a:hover { color: #A0A897; text-decoration: none; border-bottom: 1px solid #A0A897; } #primary_content a.tooltip { border-bottom: 1px dotted #616E52; cursor: default; } #primary_content h1 a, #primary_content h2 a, #primary_content h1 a:hover, #primary_content h2 a:hover { color: black; border-bottom: none; } #primary_content li { margin-top: 5px; text-align: left; } #primary_content li:first-child { margin-top: 0px; } #primary_content a.lienVideo { background: url(images/squelette/bandeau_video.png) no-repeat scroll right bottom #E3E4DC; border: medium none !important; display: block; margin: 25px 0; padding: 8px 0 8px 8px; } #primary_content .a_retenir, #primary_content .video_visionner { background: url(images/squelette/img_fond_a_retenir_video.jpg) no-repeat top left; padding: 15px 0px 15px 18px; margin-bottom: 20px; } #primary_content .a_retenir img, #primary_content .video_visionner img { border: 1px solid #B2B2B2; } #primary_content .alignementDroite > .lienRetour { background: url(images/squelette/img_btn_retour.png) no-repeat top right; border-bottom: none; padding: 2px 24px 3px 0px; } #primary_content .alignementDroite.lienRetour { margin-bottom: 40px; } #primary_content .lienRetour:hover { border-bottom: none; } #primary_content p.notes { font-size: 11px !important; color: #9e9e9e; } #primary_content .schemaProcessusInterventionPrevention { margin-bottom: 45px; margin-top: 50px; } #primary_content .image-map-environnement { position: relative; background: url(images/contenu/graphique_etape1_environnement_responsable_syndical_SST_sansBoites.jpg) no-repeat top center; height: 290px; } #primary_content .image-map-environnement ul li { position: absolute; list-style-image: none; list-style-type: none; background: #ffffff; border: 1px solid #B2B2B2; } #primary_content .image-map-environnement ul li a { border-bottom: none; display: block; padding: 5px; line-height: 14px; text-align: center; } #primary_content .image-map-environnement ul li a:hover { color: #000000; } #primary_content .image-map-environnement ul li.ime_comite_executif { top: 5px; left: 205px; width: 110px; } #primary_content .image-map-environnement ul li.ime_travailleurs_syndicat { top: 44px; left: 351px; width: 90px; } #primary_content .image-map-environnement ul li.ime_outils_legaux { top: 165px; left: 351px; width: 90px; } #primary_content .image-map-environnement ul li.ime_autres_ressources { top: 230px; left: 203px; width: 115px; } #primary_content .image-map-environnement ul li.ime_ressources_csn { left: 63px; top: 166px; width: 110px; } #primary_content .image-map-environnement ul li.ime_employeurs { top: 44px; left: 73px; width: 100px; } #primary_content .image-map-processus-intervention-prevention { position: relative; background: url(images/contenu/graphique_etape3_processus_intervention_prevention_sansBoites.jpg) no-repeat top center; height: 302px; margin-bottom: 60px; } #primary_content .image-map-processus-intervention-prevention ul li { position: absolute; list-style-image: none; list-style-type: none; width: 93px; height: 92px; overflow: hidden; } #primary_content .image-map-processus-intervention-prevention ul li a { border-bottom: none; display: block; padding: 25px 4px; text-align: center; line-height: 14px; } #primary_content .image-map-processus-intervention-prevention ul li a:hover { color: #000000; } #primary_content .image-map-processus-intervention-prevention ul li.imp_identifier_probleme { top: 1px; left: 212px; background: url(images/contenu/graphique_etape3_boite_1.png) no-repeat top center; } #primary_content .image-map-processus-intervention-prevention ul li.imp_identifier_probleme a { padding: 32px 4px; } #primary_content .image-map-processus-intervention-prevention ul li.imp_etablir_faits { top: 75px; left: 342px; background: url(images/contenu/graphique_etape3_boite_2.png) no-repeat top center; } #primary_content .image-map-processus-intervention-prevention ul li.imp_etablir_faits a { padding: 32px 20px; } #primary_content .image-map-processus-intervention-prevention ul li.imp_se_documenter { top: 205px; left: 298px; background: url(images/contenu/graphique_etape3_boite_3.png) no-repeat top center; } #primary_content .image-map-processus-intervention-prevention ul li.imp_se_documenter a { padding: 30px 8px; } #primary_content .image-map-processus-intervention-prevention ul li.imp_trouver_solutions { top: 205px; left: 139px; background: url(images/contenu/graphique_etape3_boite_4.png) no-repeat top center; } #primary_content .image-map-processus-intervention-prevention ul li.imp_trouver_solutions a { padding: 32px 4px; } #primary_content .image-map-processus-intervention-prevention ul li.imp_mettre_place_solution_retenue { top: 75px; left: 92px; background: url(images/contenu/graphique_etape3_boite_5.png) no-repeat top center; } #primary_content .image-map-processus-intervention-prevention ul li.imp_mettre_place_solution_retenue a { padding: 18px 6px; } #primary_content blockquote { padding: 0px 20px; margin-bottom: 20px; } .page-template-page-vide-php #primary_content .page { width: 80%; margin: 0 auto; } /*----------------------------------- | Quiz -------------------------------------*/ #quiz, #quiz-2 { margin: 20px auto; width: 90%; font-size: 13px; } #quiz p.description { margin-bottom: 0px; } #quiz-2 p.description { margin-bottom: 10px; } #quiz .quiz-area .question-content { margin-top: 25px; } #quiz-2 .question-content p { margin-bottom: 10px; } #quiz ol, #quiz-2 ol { margin-bottom: 0px; padding-top: 15px; margin-top: 15px; border-top: 2px dotted #DADADA; } #quiz.noFeedbackFin ol { border-top: none; padding-top: 0px !important; } #quiz.noFeedbackFin p.description { border-bottom: 2px dotted #DADADA; padding-bottom: 15px; } #quiz.validerMauvaiseReponse ol, #quiz-2.validerMauvaiseReponse ol { padding-top: 0px; } #quiz.validerMauvaiseReponse ol { padding-top: 0px; } #quiz ol li { border-bottom: 2px dotted #DADADA; margin-bottom: 25px; font-size: 13px; } *+html #quiz ol li { margin-left: 30px !important; } #quiz-2 ol li { border-bottom: none; margin-bottom: 0px; font-size: 13px; vertical-align: top; } #quiz ol li ul li, #quiz-2 ol li ul li { margin-bottom: 0px; border-bottom: 0px; } #quiz .show-question li.user-answer span, #quiz-2 .show-question li.user-answer span { font-weight: bold; } #quiz .show-question:last-child, #quiz-2 .show-question:last-child { border-bottom: none; } #quiz .show-question .unanswered, #quiz-2 .show-question .unanswered { font-style: italic; } #quiz .show-question ul, #quiz-2 .show-question ul { list-style-type: lower-alpha; } #quiz .show-question li.answer, #quiz-2 .show-question li.answer { list-style-type: lower-alpha; list-style-image: none; } #quiz .show-question .show-question-content, #quiz-2 .show-question .show-question-content { font-weight: bold; } #quiz .show-question .show-question-content p, #quiz-2 .show-question .show-question-content p { margin-bottom: 8px; } #quiz .show-question .show-question-content p:last-child, #quiz-2 .show-question .show-question-content p:last-child { margin-bottom: 12px; } #quiz h2, #quiz-2 h2, #quiz-drag h2, #quiz-drag-image h2 { padding-bottom: 10px; margin-top: 0px; border-bottom: 2px dotted #DADADA; font-size: 18px; margin-bottom: 10px; } #quiz h2 a.btn_imprimer, #quiz-2 h2 a.btn_imprimer, #quiz-drag h2 a.btn_imprimer, #quiz-drag-image h2 a.btn_imprimer, h2 .btn_imprimer { text-align: right; background: url(images/squelette/btn_imprimer.png) no-repeat top right; width: 20px; height: 20px; float: right; margin: 2px 0 0 0; padding: 0; } #quiz.validerMauvaiseReponse h2, #quiz-2.validerMauvaiseReponse h2 {/*margin-bottom:40px;*/ } #quiz h3, #quiz-2 h3 { font-size: 14px; font-weight: normal; } #quiz p.notes, #quiz-2 p.notes {/*margin-top:40px; /*font-size:12px; padding-bottom:10px;*/ margin-bottom: 0px; /*border-bottom:2px dotted #DADADA;*/ } #quiz .quiz-area .question-content p, #quiz-2 .quiz-area .question-content p { margin-bottom: 8px; color: #666666; font-size: 13px; } #quiz .quiz-area .question-content p:last-child, #quiz-2 .quiz-area .question-content p:last-child { margin-bottom: 12px; } #quiz .quizzin-question, #quiz-2 .quizzin-question { padding-bottom: 25px;/*border-bottom:2px dotted #DADADA;*/ } #quiz .quizzin-question div.lettre, #quiz-2 .quizzin-question div.lettre { float: left; width: 3%; display: block; margin-top: 5px; clear: left; } #quiz .quizzin-question input { float: left; width: 3%; display: block; margin-top: 5px; clear: left; } #quiz-2 .quizzin-question input { float: left; width: 3%; display: block; margin-top: 5px; clear: none; } #page_7595 #quiz-2 .quizzin-question .btn_validation, #page_8153 #quiz-2 .quizzin-question .btn_validation, #page_7285 #quiz-2 .quizzin-question .btn_validation { text-align: center; margin-bottom: 14px; } #page_7595 #quiz-2 .quizzin-question .btn_validation input, #page_8153 #quiz-2 .quizzin-question .btn_validation input, #page_7285 #quiz-2 .quizzin-question .btn_validation input { width: auto; display: inline; float: none; } #quiz-2 .quizzin-question p.submit, #quiz-2 .quizzin-question p.suivant { margin-top: 20px; text-align: center; } #quiz-2 .quizzin-question p.submit input, #quiz-2 .quizzin-question p.suivant input { float: none; width: auto; display: inline; clear: none; } #quiz .quizzin-question label, #quiz-2 .quizzin-question label { margin-top: 5px; float: left; display: block; width: 90%; } #page_7280 #quiz-2 .quizzin-question input { width: auto; } #page_7280 #quiz-2 .quizzin-question label { width: 80%; } #quiz.validerMauvaiseReponse .quizzin-question label, #quiz-2.validerMauvaiseReponse .quizzin-question label { margin-top: 5px; float: left; display: block; width: 50%; } #quiz .quizzin-question input, #quiz-2 .quizzin-question input { margin-top: 7px; margin-left: 0px; } #quiz .quizzin-question label span, #quiz-2 .quizzin-question label span { color: #666666; } #quiz .quizzin-question .question-content .answer, #quiz-2 .quizzin-question .question-content .answer { display: inline-block; } #quiz .quizzin-question .question-content .answer span, #quiz-2 .quizzin-question .question-content .answer span { padding-right: 40px; } #quiz .quizzin-question .question-content br, #quiz-2 .quizzin-question .question-content br { display: none; } #quiz .answer-question-explication, #quiz-2 .answer-question-explication, #quiz div.notes, #quiz-2 div.notes { background: #F1F3F2; border: 1px dotted #666666; padding: 20px 18px; margin-bottom: 20px; margin-top: 15px; } #quiz-2 .answer-question-explication table { background: #ffffff; border: 1px solid #DBDFDC; border-right: none; margin-top: 10px; } #quiz-2 .answer-question-explication table th { background: #B4C1B9; color: white; font-weight: bold; padding: 5px 10px; border-right: 1px solid #fff; } #quiz-2 .answer-question-explication table th:last-child { border-right: 1px solid #DBDFDC; } #quiz-2 .answer-question-explication table th[scope=row] { border-bottom: 1px solid #fff; } #quiz-2 .answer-question-explication table tr.alt { background-color: #eee; } #quiz-2 .answer-question-explication table tr.alt2 { background-color: #aaaaaa; } #quiz-2 .answer-question-explication table tr:last-child th[scope=row] { border-bottom: none; } #quiz-2 .answer-question-explication table td { padding: 10px 10px; border-right: 1px solid #DBDFDC; border-bottom: 1px solid #DBDFDC; } #quiz .correct, #quiz-2 .correct, label span.correct { background: url(images/contenu/correct.png) no-repeat top right; width: 16px; height: 16px; padding-right: 20px; } .ie8 #quiz .correct, #quiz-2 .correct, label span.correct { position: relative; } #quiz .attention, #quiz-2 .attention, label span.attention { background: url(images/contenu/ico_attention.png) no-repeat top right; width: 8px; height: 16px; padding-right: 20px; } #quiz .attention, #quiz-2 .attention, label span.attention.faute { background: url(images/contenu/ico_faute.png) no-repeat top right; width: 8px; height: 16px; padding-right: 20px; } #quiz #troubles_musculosquelettiques_courants .correct { } #quiz .mauvais, #quiz-2 .mauvais { background: url(images/contenu/wrong.png) no-repeat top right; width: 16px; height: 16px; padding-right: 20px; } #quiz p.description, #quiz-2 p.description { font-size: 12px; margin-bottom: 0px; margin-top: 0px;/*padding-bottom: 10px;*/ } #quiz .answer-question-explication p.explications, #quiz-2 .answer-question-explication p.explications { color: #666666; text-transform: uppercase; font-size: 10px; margin-bottom: 10px; } #quiz #action-button, #quiz-2 #action-button { display: inline; } #quiz .answer-question-explication p, #quiz-2 .answer-question-explication p { color: #666666; } #quiz .answer-question-explication li, #quiz-2 .answer-question-explication li { margin-left: 13px; list-style-type: lower-alpha; list-style-image: none; } #quiz .answer-question-explication ul, #quiz .answer-question-explication ol, #quiz-2 .answer-question-explication ul, #quiz-2 .answer-question-explication ol { margin-bottom: 0px; margin-left: 7px; } #quiz-2 .explanation, #quiz-2 .suivant, #quiz-2.affirmative.retroaction_unique .explanation { display: none; } #quiz-2.affirmative .explanation, #quiz-2.affirmative.retroaction_unique .final .explanation { display: block; } #quiz-2.affirmative p.affirmative, #quiz-2.affirmative p.negative { display: none; } #quiz-2 ol { list-style-type: decimal; } #quiz-2 .answer-question-explication ol.alpha, #quiz-2 .answer-question-explication ol.alpha li { list-style-type: lower-alpha !important; } /*#quiz-2 ol li.current {display:block;}*/ body.quiz { background: #ffffff; min-width: 80%; } body.quiz #content { margin-top: 20px; margin-bottom: 20px; } .secondTypeQuiz { margin-bottom: 20px; } .secondTypeQuiz ol { } @media screen and (-webkit-min-device-pixel-ratio:0) { /*.secondTypeQuiz ol { list-style-type:none;margin-left:5px; }*/ #primary_content .secondTypeQuiz ol li { clear: both; } #primary_content .secondTypeQuiz ol li input { float: none; width: auto; } #primary_content .secondTypeQuiz ol li label { float: right; width: 93%; margin-top: -2px; } } .secondTypeQuiz ol li input { margin-top: 0px; padding-top: 0px; float: left; width: 3%; } .secondTypeQuiz ol li label { margin-top: 0px; padding-left: 10px; margin-bottom: 10px; float: left; width: 90%; } .secondTypeQuiz ol li { clear: left; margin-bottom: 20px; } .retroaction { display: none; background: #F1F3F2; border: 1px dotted #666666; padding: 10px 20px; margin-bottom: 20px; } .retroaction .\1e, .retroaction .\2e { display: none; } .retroaction p { margin-bottom: 15px; } .retroaction .\2e p:last-child { margin-bottom: 0px; } .retroaction p.explications { color: #666666; text-transform: uppercase; font-size: 10px; margin-bottom: 10px; } #quiz-2 .bonne_reponse, #quiz-2 .mauvaise_reponse { display: none; } .page-template-page-quiz-php .secondTypeQuiz li { list-style-type: none; margin-left: 0px !important; } #form_sortable .mauvaiseReponse { background: url(images/contenu/wrong.png) top right no-repeat; padding-right: 10px; } #form_sortable .bonneReponse { background: url(images/contenu/correct.png) top right no-repeat; padding-right: 10px; } #form_sortable .sortable li, #form_sortable .receiver li { cursor: move; } #form_sortable .receiver { border-top: none; margin-top: 0px; background: #F1F3F2; min-width: 200px; min-height: 150px; padding: 10px 20px 10px 10px; } .page-id-7285 #form_sortable .receiver, .page-id-8153 #form_sortable .receiver { margin-top: 10px; min-height: 50px; } .page-id-7285 #form_sortable .receiver.ui-sortable-disabled li, .page-id-8153 #form_sortable .receiver.ui-sortable-disabled li { cursor: auto; } #form_sortable .receiver:first-child { margin-top: 0px; } #form_sortable .retroaction p:last-child { margin-bottom: 0; } .page-template-page-exercice-integrateur-php #primary_content #quiz-2 #form_sortable .receiver { padding-top: 10px; } .page-template-page-exercice-integrateur-php #primary_content #quiz-2 #form_sortable .receiver li { margin-left: 23px; } /*----------------------------------- | Secondary content -------------------------------------*/ #secondary_content { width: 200px; margin-left: 0; } #secondary_content #secondary_content_container { padding: 15px 8px; } #secondary_content #secondary_content_container .container_links { margin-top: 20px; margin-bottom: 20px; } #secondary_content #secondary_content_container .container_links a { color: #565656; text-decoration: none; padding: 6px 12px 5px 15px; border-bottom: 1px solid #B2B2B2; display: block; line-height: 17px; } #secondary_content #secondary_content_container .container_links a:hover { text-decoration: underline; } #secondary_content #secondary_content_container .container_links .current_page_item a { background: url(images/squelette/img_fleche_selection_top.png) no-repeat left top; } /*----------------------------------- | Terciary content -------------------------------------*/ #terciary_content { margin-top: 72px; margin-right: 20px; width: 130px; } #terciary_content #liens_justice, #terciary_content #liens_loi, #terciary_content #liens_education { border-top: 1px dotted #b3b3b3; border-left: 1px dotted #b3b3b3; margin: 40px 0; padding: 0px 7px 7px 7px; } #terciary_content div:first-child, #terciary_content div.first-child { margin-top: 20px !important; } #terciary_content ul { position: relative; top: -5px; } #terciary_content ul, #terciary_content ul li { margin: 0 0 0 7px; padding: 0; list-style-type: none; } #terciary_content ul li { margin-top: 8px; font-size: 11px; line-height: 14px; } #terciary_content ul li:first-child { margin-top: 0px; } #terciary_content ul:last-child { margin-top: 8px; } #terciary_content a { color: #616E52; font-size: 11px; } #terciary_content a:hover { color: #A0A897; } #terciary_content #liens_justice span, #terciary_content #liens_loi span, #terciary_content #liens_education span { width: 26px; height: 26px; display: block; position: relative; top: -12px; left: 10px; } #terciary_content #liens_justice span { background: url(images/squelette/icone_justice.gif) no-repeat top left; } #terciary_content #liens_loi span { background: url(images/squelette/icone_loi.gif) no-repeat top left; } #terciary_content #liens_education span { background: url(images/squelette/icone_education.gif) no-repeat top left; } /*----------------------------------- | Footer -------------------------------------*/ #footer { background: url(images/squelette/menu_secondaire_fond.gif) repeat-y top left; } #footer p { color: #b3b3b3; font-size: 9px; text-align: center; } #footer p a { color: #B3B3B3; } .footer-container.push_3 { left: 210px; } .footer-container.grid_9 { width: 720px; } /*----------------------------------- | Pour en savoir plus -------------------------------------*/ .plus { margin: 40px 0; border-top: 1px solid #DBDFDC; border-left: none; border-bottom: none; width: 50%;/*background:url(images/squelette/savoir_plus_fond.gif) repeat-y left top;*/ clear: right; } .plus.full { width: 100%;/*background:url(images/squelette/savoir_plus_fond.gif) repeat-y left top;*/ clear: both; } .accordeon .plus { margin: 40px 0 20px 0; } .plus .plus_container { padding: 5px 0 0 70px; background: url(images/squelette/icone_savoir_plus_top.png) no-repeat left top; min-height: 56px; } .plus .plus_container ul { margin-bottom: 10px; } #primary_content .plus .plus_container ul li { margin-left: 13px; list-style-image: none; margin-bottom: 4px; } .plus h3 { color: #666666; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 18px; margin-bottom: 0; } /*----------------------------------- | Activité -------------------------------------*/ .activite { margin: 40px 0; border-top: 1px solid #DBDFDC; border-left: none; border-bottom: none; width: 100%; } .accordeon .activite { margin: 40px 0 20px 0; } .activite .activite_container { padding: 5px 0 0 70px; background: url(images/squelette/icone_activite_top.png) no-repeat left top; min-height: 56px; } .activite .activite_container p { margin-bottom: 10px; } #primary_content .activite .activite_container p { margin-left: 0px; list-style-type: none; list-style-image: none; margin-bottom: 4px; } .activite h3 { color: #666666; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 18px; margin-bottom: 0; } /*----------------------------------- | Mise en garde -------------------------------------*/ .mise_en_garde { margin: 20px 0; border-top: 1px solid #DBDFDC; border-left: none; border-bottom: none; width: 50%; } .mise_en_garde.full { clear: both; width: 100%; } .mise_en_garde .mise_en_garde_container { padding: 8px 0px 0 70px; background: url(images/squelette/icone_mise_en_garde_top.png) no-repeat left top; min-height: 44px; } .mise_en_garde .mise_en_garde_container p:first-child { margin-bottom: 10px; } .mise_en_garde .mise_en_garde_container p:last-child { margin-bottom: 0px; } .mise_en_garde .mise_en_garde_container a { color: #4A4A4D; } .mise_en_garde .mise_en_garde_container a:hover { color: #A0A897; } .mise_en_garde .mise_en_garde_container h3 { color: #666666; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 18px; margin-bottom: 0; } /*----------------------------------- | Bon à savoir -------------------------------------*/ .bon_a_savoir { margin: 20px 0; border-top: 1px solid #DBDFDC; border-left: none; border-bottom: none; width: 50%;/*background:url(images/squelette/savoir_plus_fond.gif) repeat-y left top;*/ } .bon_a_savoir.full { width: 100%; clear: both; } .bon_a_savoir .bon_a_savoir_container { padding: 8px 0px 0 70px; background: url(images/squelette/icone_bon_a_savoir_top.png) no-repeat left top; min-height: 44px; } .bon_a_savoir .bon_a_savoir_container p { margin-bottom: 10px; } .bon_a_savoir .bon_a_savoir_container p:last-child { margin-bottom: 0px; } .bon_a_savoir .bon_a_savoir_container a { color: #4A4A4D; } .bon_a_savoir .bon_a_savoir_container a:hover { color: #A0A897; } .bon_a_savoir .bon_a_savoir_container h3 { color: #666666; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 18px; margin-bottom: 0; } /*----------------------------------- | Footer -------------------------------------*/ #footer a { color: #616E52; text-decoration: none; border-bottom: none; } #footer a:hover { color: #A0A897; text-decoration: none; border-bottom: none; } /*----------------------------------- | Accordion -------------------------------------*/ .accordeon + p { margin-top: 20px; } .accordeon a.ui-accordion-header { text-decoration: none; color: #7D8F6B; margin-bottom: 0px; border-bottom: 1px solid #BBBDBE; font-weight: normal; padding: 0; text-transform: none; padding: 6px 20px 5px 15px !important; } #primary_content .accordeon h3.ui-accordion-header { border-bottom: 1px solid #BBBDBE; position: relative; padding: 5px 30px 5px 0px !important; font-weight: normal; margin-top: 15px; } #primary_content .accordeon h3.ui-accordion-header { border-bottom: 1px solid #BBBDBE; padding: 5px 30px 5px 0px !important; font-weight: normal; margin-top: 15px; margin-bottom: 0px; cursor: pointer; } #primary_content .accordeon > div { /*display:none;*/ } #primary_content .accordeon h3.ui-accordion-header:first-child { margin-top: 0px; } #primary_content .accordeon h3.ui-accordion-header a { font-weight: normal; text-transform: uppercase; font-size: 11px; border-bottom: none; } #secondary_content .accordeon a .ui-icon, #primary_content .accordeon h3 .ui-icon { right: 0; margin-bottom: 5px; position: absolute; bottom: 5px; } #secondary_content .accordeon a { position: relative; } #secondary_content .accordeon a .ui-icon { right: 0.5em; display: none; } .accordeon a span.ui-icon-triangle-1-e, #primary_content .accordeon h3 span.ui-icon-triangle-1-e { width: 7px; height: 8px; background: url(images/squelette/img_accordion_plus.png) no-repeat center right; } #secondary_content .menu .accordeon a span.ui-icon-triangle-1-e { background-image: none; } .accordeon a span.ui-icon-triangle-1-s, #primary_content .accordeon h3 span.ui-icon-triangle-1-s { width: 7px; height: 8px; background: url(images/squelette/img_accordion_moins.png) no-repeat center right; } #primary_content .accordeon div.ui-accordion-content { padding: 20px 15px 10px 15px; background: url(images/squelette/img_fond_accordeon.png) repeat-x top left; } #primary_content .accordeon div.ui-accordion-content p, #primary_content .accordeon div.ui-accordion-content ol, #primary_content .accordeon div.ui-accordion-content ul { margin-bottom: 14px; } #primary_content .accordeon div.ui-accordion-content .bon_a_savoir .bon_a_savoir_container p:first-child { margin-bottom: 0; } #primary_content .accordeon div.ui-accordion-content table ul { margin-bottom: 0 !important; } #primary_content .accordeon div.ui-accordion-content p.beforeUl { margin-bottom: 10px; } .accordeon a:hover { text-decoration: underline; } #secondary_content .accordeon ul.children { border-top: none; border-bottom: 1px solid #BBBDBE; padding: 0; } #secondary_content .accordeon ul.children li a { margin: 0 20px; } #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { padding: 8px 0px 7px 0px; border-bottom: 1px dotted #ffffff; line-height: 15px; } #secondary_content #secondary_content_container .accordeon .ui-accordion-content li:last-child a, #secondary_content #secondary_content_container .accordeon .ui-accordion-content li a.last-child { border-bottom: none; } #secondary_content #secondary_content_container .accordeon ul.ui-accordion-content { margin-bottom: 0; } /*----------------------------------- | Sous menu des étapes -------------------------------------*/ #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor a.ui-accordion-header span.ui-icon-triangle-1-e { background-image: none;/*background-image:url(images/squelette/img_accordion_plus_blanc.png);*/ } #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content li.current_page_item { background: url(images/squelette/img_fleche_selection_content_accordeon.png) no-repeat top left; display: block; } #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header { background-color: #5399A4; color: #ffffff; } #secondary_content #secondary_content_container .container_links .current_page_item ul.children { /*background-color:#75ADB6;*/ color: #ffffff; } #secondary_content #secondary_content_container .container_links .current_page_item ul.children li a { background: none; } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor a { background-color: #5399A4; color: #ffffff; } #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor a { background-color: #5399A4; color: #565656; } .page-template-page-section-infos-php #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor a { color: #ffffff; } h2.titre_accordeon { padding-top: 15px; margin-bottom: 10px; font-weight: bold; font-size: 12px; } h3.titre_graphique, h3.titre_tableau { border-top: 1px solid #DBDFDC; padding-top: 10px; margin-bottom: 20px; font-weight: bold; font-size: 11px; text-transform: uppercase; } .section-infos #primary_content h3 sup, .section-infos #primary_content h3 sup a, .section-infos #primary_content h3.titre_graphique sup, .section-infos #primary_content h3.titre_graphique sup a, .section-infos #primary_content h3.titre_tableau sup, .section-infos #primary_content h3.titre_tableau sup a { font-size: 9px; color: #737B76; } /* ÉTAPE 1 */ .root-parent-pageid-17 #primary_content h1, .root-parent-pageid-17 #primary_content h2, .root-parent-pageid-17 #primary_content h2 a, .root-parent-pageid-17 #primary_content h3.titre_graphique { color: #447F88; } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header, .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .current_page_item a { background-color: #5399A4; color: #ffffff; } .root-parent-pageid-17 #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { border-bottom: 1px dotted #ffffff; } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content a { background: none; } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content { background-color: #75ADB6; list-style-type: none; } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item a, .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content p, .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content a, .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content ul, .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content li { color: #ffffff; } .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content, .root-parent-pageid-17 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content { background-color: #75adb6; color: inherit; list-style-type: none; } /* ÉTAPE 2 */ .root-parent-pageid-19 #primary_content h1, .root-parent-pageid-19 #primary_content h2, .root-parent-pageid-19 #primary_content h2 a, .root-parent-pageid-19 #primary_content h3.titre_graphique { color: #587C81; } .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header, .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .current_page_item a, .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .current_page_ancestor a.ui-accordion-header { background-color: #b2d8dc; color: #565656; } .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } .root-parent-pageid-19 #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { border-bottom: 1px dotted #565656; } .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content a { background: none; border-bottom: 1px dotted #565656; list-style-type: none !important; } .root-parent-pageid-19 #secondary_content #secondary_content_container .accordeon .ui-accordion-content li:last-child a { border-bottom: none !important; } .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content, .root-parent-pageid-19 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content { background-color: #c1e0e3; color: inherit; list-style-type: none; } /* ÉTAPE 3 */ .root-parent-pageid-21 #primary_content h1, .root-parent-pageid-21 #primary_content h2, .root-parent-pageid-21 #primary_content h2 a, .root-parent-pageid-21 #primary_content h3.titre_graphique { color: #617C6F; } .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header, .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .current_page_item a, .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .current_page_ancestor a.ui-accordion-header { background-color: #A9D5C0; color: #565656; } .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } .root-parent-pageid-21 #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { border-bottom: 1px dotted #565656; } .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content a { background: none; } .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content, .root-parent-pageid-21 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content { background-color: #baddcd; border-bottom: 1px dotted #565656; list-style-type: none; } .root-parent-pageid-21 #secondary_content #secondary_content_container .accordeon .ui-accordion-content li:last-child a { border-bottom: none !important; } /* ÉTAPE 4 */ .root-parent-pageid-23 #primary_content h1, .root-parent-pageid-23 #primary_content h2, .root-parent-pageid-23 #primary_content h2 a, .root-parent-pageid-23 #primary_content h3.titre_graphique { color: #777956; } .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header, .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .current_page_item a, .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .current_page_ancestor a.ui-accordion-header { background-color: #D0D399; color: #565656; } .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } .root-parent-pageid-23 #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { border-bottom: 1px dotted #565656; } .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content a { background: none; } .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content, .root-parent-pageid-23 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content { background-color: #d9dcad; border-bottom: 1px dotted #565656; list-style-type: none; } .root-parent-pageid-23 #secondary_content #secondary_content_container .accordeon .ui-accordion-content li:last-child a { border-bottom: none !important; } /* ÉTAPE 5 */ .root-parent-pageid-25 #primary_content h1, .root-parent-pageid-25 #primary_content h2, .root-parent-pageid-25 #primary_content h2 a, .root-parent-pageid-25 #primary_content h3.titre_graphique { color: #C47514; } .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header, .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .current_page_item a, .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .current_page_ancestor a.ui-accordion-header { background-color: #F2DD7D; color: #565656; } .root-parent-pageid-25 #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { border-bottom: 1px dotted #565656; } .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content a { background: none; } .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content, .root-parent-pageid-25 #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content { background-color: #f5e497; border-bottom: 1px dotted #565656; list-style-type: none; } .root-parent-pageid-25 #secondary_content #secondary_content_container .accordeon .ui-accordion-content li:last-child a { border-bottom: none !important; } /* SECTION INFORMATIONS */ .section-infos #primary_content h1, .section-infos #primary_content h2, .section-infos #primary_content h2 a, .section-infos #primary_content h3.titre_graphique { color: #737b76; } .section-infos #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header, .section-infos #secondary_content #secondary_content_container .container_links .current_page_item a, .section-infos #secondary_content #secondary_content_container .container_links .current_page_ancestor a.ui-accordion-header { background-color: #666666; color: #ffffff; } .section-infos #secondary_content #secondary_content_container .accordeon .ui-accordion-content a { border-bottom: 1px dotted #565656; } .section-infos #secondary_content #secondary_content_container .container_links .current_page_item a.ui-accordion-header span.ui-icon-triangle-1-s { background-image: none;/*background-image:url(images/squelette/img_accordion_moins_blanc.png);*/ } .section-infos #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content a { background: none; } .section-infos #secondary_content #secondary_content_container .container_links .accordeon.current_page_ancestor ul.ui-accordion-content, .section-infos #secondary_content #secondary_content_container .container_links .accordeon.current_page_item ul.ui-accordion-content { background-color: #8b8b8b; border-bottom: 1px dotted #565656; list-style-type: none; } .section-infos #secondary_content #secondary_content_container .accordeon .ui-accordion-content li:last-child a { border-bottom: none !important; } .section-infos #secondary_content_container { background: #b4c1b9 !important; } .section-infos #secondary_content #secondary_content_container .container_links a { border-bottom: 1px solid #8b958f; color: #f0f3f1; } .section-infos #primary_content .lien_suivant a, .exercices-pratiques #primary_content .lien_suivant a, #primary_content .lien_suivant a { text-decoration: none; border-bottom: none; background: url(images/contenu/lien_suivant_up.png) no-repeat center right; padding: 5px 25px 5px 0px; cursor: pointer; } .section-infos #primary_content .lien_suivant a span, .exercices-pratiques #primary_content .lien_suivant a span, #primary_content .lien_suivant a span { border-bottom: 1px solid #616E52; } .section-infos #primary_content .lien_suivant a:hover, .exercices-pratiques #primary_content .lien_suivant a:hover, #primary_content .lien_suivant a:hover { background: url(images/contenu/lien_suivant_hover.png) no-repeat center right; } .section-infos #primary_content .lien_suivant a:hover span, .exercices-pratiques #primary_content .lien_suivant a:hover span, #primary_content .lien_suivant a:hover span { border-bottom: 1px solid #A0A897; } .section-infos .chapeauEtape .carre { background: url("images/squelette/img_section_infos.png") no-repeat scroll left top transparent; padding-left: 25px; font-size: 12px; } .section-infos #primary_content h2.section { color: #B4C1B9; font-size: 30px; border-bottom: none; margin-bottom: 28px; margin-top: 10px; } .section-infos #primary_content .image-presentation { position: relative; top: 3px; margin-bottom: 15px; } .section-infos #primary_content .image-presentation.bottom5 { margin-bottom: 5px; } .section-infos #primary_content .bottom15 { margin-bottom: 15px; } #primary_content .bottom25 { margin-bottom: 25px; } .section-infos #primary_content .image-presentation.bottom35 { margin-bottom: 35px; } .section-infos #primary_content .image-presentation.bottom50 { margin-bottom: 50px; } .section-infos #primary_content .image-presentation.bottom55 { margin-bottom: 55px; } .section-infos #primary_content .image-presentation.bottom90 { margin-bottom: 90px; } .section-infos #primary_content .image-presentation.bottom95 { margin-bottom: 95px; } .section-infos #primary_content .image-presentation.bottom105 { margin-bottom: 105px; } .ie7 .section-infos #primary_content h2.section { margin-bottom: 14px; } .ie7 .section-infos #primary_content .chapeauEtape { margin-bottom: 14px; } .section-infos #primary_content h1 { font-size: 18px; } .section-infos #primary_content h1 sup, .section-infos #primary_content h1 sup a { font-size: 13px; color: #737B76; } .section-infos #primary_content .chapeauEtape { width: auto; } .section-infos #primary_content .chapeauEtape div { padding-left: 0px; } .section-infos #content, .section-infos #footer { background: url("images/squelette/menu_secondaire_bruit_fond.gif") repeat-y top left; } .section-infos #content table.cadrille tr { border-bottom: 2px solid white; } .section-infos #content table.cadrille tr td.sansPadding.border { border-right: 2px solid white; } .section-infos #content table.cadrille .altColor1 { background: #e8ecea; } .section-infos #content table.cadrille .altColor2 { background: #d9e0dc; } .section-infos #content blockquote.citation_exemple, .section-infos #content div.encadre { background: #8fc9cf; padding: 20px; margin-bottom: 14px; } .section-infos #content blockquote.citation_exemple p { color: #fff; } .section-infos #content div.encadre a { border-bottom-color: #666666; } .section-infos #content div.encadre a:hover { color: #ccc; border-bottom-color: #CCC; } .section-infos #content div.encadre, #content #primary_content div.encadre { background: none; padding: 10px; border: 1px solid #666666; margin-bottom: 14px; } .section-infos #content div.encadre p, .section-infos #content div.encadre a { color: #666666; } .section-infos #content blockquote.citation_exemple p:last-child, .section-infos #content div.encadre p:last-child, #content #primary_content div.encadre p:last-child { margin-bottom: 0px; } .section-infos #content table.cadrille .altColor1, .section-infos #content table.cadrille .altColor2 { vertical-align: middle; } /*----------------------------------- | Tooltip qTip -------------------------------------*/ .ui-tooltip.tooltip-etapes { max-width: 960px; } .ui-tooltip { max-width: 300px; } .ui-tooltip.tooltip-content, .ui-tooltip.tooltip-content .ui-tooltip-content { background-color: #767676; border: none; color: #ffffff; line-height: 13px; padding: 5px; } .ui-tooltip.tooltip-content a, .ui-tooltip.tooltip-content .ui-tooltip-content a { color: #fff; border-bottom: none; text-decoration: none; } .ui-tooltip.tooltip-bientot .ui-tooltip-content { background: url(images/squelette/img_tooltip_a_venir.png) no-repeat top left; background-color: transparent; border: none; padding: 0px; width: 84px; height: 49px; } .sub-menu li span.tooltipBientot-50, .exercice-pratique-2 span.tooltipBientot-50, .exercice-pratique-3 span.tooltipBientot-50, .exercice-pratique-4 span.tooltipBientot-50 { background: url(images/squelette/img_tooltip_a_venir_50.png) no-repeat top left; background-color: transparent; border: none; padding: 0px; width: 84px; height: 49px; display: inline-block !important; position: absolute; top: -10px; right: -38px; } li#menu-item-9332 { position: relative; } .sub-menu li span.tooltipEnLigne { background: url(images/squelette/img_tooltip_en_ligne.png) no-repeat top left; background-color: transparent; border: none; padding: 0px; width: 84px; height: 49px; display: inline-block !important; position: absolute; top: -10px; right: -36px; } li#menu-item-9332 span.tooltipEnLigne { background: url(images/squelette/img_tooltip_en_ligne.png) no-repeat top left; background-color: transparent; border: none; padding: 0px; width: 84px; height: 49px; display: inline-block !important; position: absolute; right: -23px; bottom: 55px; } .ui-tooltip.tooltip-etapes .ui-tooltip-content { border-width: 1px; border-color: #BBBDBE !important; padding-left: 0px; position: relative; border-left: none; overflow: visible; height: 10px; } .ui-tooltip.tooltip-etapes span { background: url(images/squelette/tooltip_coin.png) no-repeat top left; display: inline-block; position: absolute; top: -2px; left: -14px; width: 14px; height: 24px; } .ui-tooltip.tooltip-personnage { border-right: 2px solid #666666; padding-top: 4px; margin-top: -10px; } .ui-tooltip.tooltip-personnage .ui-tooltip-icon { -moz-border-radius: 0px; border-radius: 0px; } .ui-tooltip.tooltip-personnage .ui-tooltip-titlebar { background: url(images/squelette/fond_tooltip_personnage_titre.png) repeat top left; margin: 0 0 0 10px; border: none; text-align: right; float: right; padding: 5px 30px 5px 10px; } .ui-tooltip.tooltip-personnage .ui-tooltip-titlebar .ui-tooltip-title { text-transform: uppercase; font-weight: normal; } .ui-tooltip.tooltip-personnage .ui-tooltip-content { background: url(images/squelette/fond_tooltip_personnage.png) no-repeat top left; border: none; margin-right: 4px; clear: right; padding: 0 0 10px 0; } .ui-tooltip.tooltip-personnage .ui-tooltip-content .conteneur_tooltip_personnage { padding: 16px 18px 0px 18px; color: #ffffff; line-height: 15px; font-size: 11px; font-style: italic; } .ui-tooltip.tooltip-personnage .ui-tooltip-content .conteneur_tooltip_personnage p { color: #ffffff; margin-bottom: 5px; } .ui-tooltip.tooltip-personnage .ui-tooltip-content #mediaplayer { margin-top: 10px; } .tooltip-content { display: none; } /*----------------------------------- | Accueil -------------------------------------*/ .home #primary_content .widgest { height: 226px; overflow: hidden; } .home #primary_content .accueil_content_widget { background-color: #eff1ef; padding: 20px 26px 20px 18px; width: 316px; float: left; height: 186px; overflow: hidden; } .home #primary_content .accueil_content_widget img.logo-csn { float: left; margin: 0 18px 140px 0; } .home #primary_content .accueil_content_widget p { font-size: 12px; margin-bottom: 9px; line-height: 15px; } .home #primary_content .accueil_content_widget p:last-child { margin-bottom: 0; } .home #primary_content .accueil_slideshow_widget { width: 600px; height: 226px; overflow: hidden; float: left; display: inline; } .home #primary_content .menu-accueil-container { margin-top: 45px; margin-left: 10px; margin-right: 0; left: 55px; } .home #primary_content .menu-accueil-container ul.menu { text-align: center; display: block; /*width:850px; margin:0 auto;*/ } .home #primary_content .menu-accueil-container ul li { text-align: left; width: 154px; display: block; float: left; margin-top: 0px; margin-left: 0px; } .home #primary_content .menu-accueil-container ul li a { text-decoration: none; border-bottom: none; } .home #primary_content .menu-accueil-container ul li a:hover { text-decoration: underline; } /*.home #primary_content .menu-accueil-container ul li.last-menu-item a:hover{ text-decoration: none; }*/ .home #primary_content .menu-accueil-container ul li img { padding: 0 0 0 17px; } .home #primary_content .menu-accueil-container ul li .etapes { margin-top: 15px; padding: 0 15px; } .home #primary_content .menu-accueil-container ul li .etapes h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #4A4A4D; margin-bottom: 5px; } .home #primary_content .menu-accueil-container ul li .etapes p { color: #666666; margin-bottom: 0; font-size: 13px; line-height: 16px; } .home #primary_content #menu-accueil li .etapes { border-left: 2px solid #C6CAC6; padding-bottom: 11px; display: block; } .home #primary_content #menu-accueil2 li.first-menu-item .etapes { border-left: 0; } /*----------------------------------- | Glossaire -------------------------------------*/ .page-template-page-glossaire-php #primary_content h1 { margin-top: 38px; color: #717171; } .page-template-page-glossaire-php #primary_content h1 a { color: #717171; } .page-template-page-glossaire-php #primary_content h2 { font-weight: bold; font-size: 12px; margin-bottom: 18px; color: #717171; } .page-template-page-glossaire-php #primary_content h3 { color: #565636; font-weight: bold; font-size: 12px; margin-bottom: 4px; } .page-template-page-glossaire-php #primary_content .liens-glossaire { color: #cccccc; text-align: justify; word-spacing: 10.2px; } .page-template-page-glossaire-php #primary_content .liens-glossaire { margin-bottom: 40px; } .page-template-page-glossaire-php #primary_content .liens-glossaire a { color: #565656; border-bottom: none; } .page-template-page-glossaire-php #primary_content .liens-glossaire a:hover { border-bottom: 1px solid #565656; } .page-template-page-glossaire-php #primary_content .liens-glossaire a.selected { border-bottom: 1px solid #565656; } /*----------------------------------- | Page type 2 -------------------------------------*/ #primary_content.page-travail h1 { margin-top: 38px; color: #717171; } #primary_content.page-travail h2 { color: #717171; } #primary_content.page-travail ul + h2 { margin-top: 40px; } /*----------------------------------- | Page Présentation exercices pratiques -------------------------------------*/ .presentation-exercices-pratiques #primary_content .chapeauEtape { margin-bottom: 10px; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques { margin-top: 38px; list-style-type: none; width: 70%; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li { border-bottom: 1px solid; margin-left: 0px; margin-bottom: 20px; line-height: 14px; padding-bottom: 3px; position: relative; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li:last-child { margin-bottom: 0px; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li span.chiffre { display: block; width: 45px; height: 45px; color: #fff; float: left; margin-right: 15px; box-sizing: border-box; vertical-align: middle; text-align: center; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-1 { border-bottom-color: #7A507A; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-1 span.chiffre { background: url(images/contenu/img_ep_liste_no_1.jpg) no-repeat bottom left; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li a { font-weight: bold; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-1 a { color: #7A507A; border-bottom: none; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-1 a:hover { border-bottom: 1px solid; border-bottom-color: #7A507A; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-2 { border-bottom-color: #7F8757; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-2 span.chiffre { background: url(images/contenu/img_ep_liste_no_2.jpg) no-repeat bottom left; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-2 a { color: #7F8757; border-bottom: none; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-2 a:hover { border-bottom: 1px solid; border-bottom-color: #7F8757; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-3 { border-bottom-color: #B55848; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-3 span.chiffre { background: url(images/contenu/img_ep_liste_no_3.jpg) no-repeat bottom left; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-3 a { color: #B55848; border-bottom: none; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-3 a:hover { border-bottom: 1px solid; border-bottom-color: #B55848; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-4 { border-bottom-color: #4C5862; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-4 span.chiffre { background: url(images/contenu/img_ep_liste_no_4.jpg) no-repeat bottom left; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-4 a { color: #4C5862; border-bottom: none; } .presentation-exercices-pratiques #primary_content .liste-exercices-pratiques li.exercice-pratique-4 a:hover { border-bottom: 1px solid; border-bottom-color: #4C5862; } /*----------------------------------- | Exercices pratiques -------------------------------------*/ .page-template-page-exercice-integrateur-php #secondary_content #secondary_content_container .container_links .menu > li.parent > a { cursor: text; font-weight: bold; border-bottom: none; } .page-template-page-exercice-integrateur-php #secondary_content #secondary_content_container .container_links .menu > li.parent > a:hover { text-decoration: none; } .page-template-page-exercice-integrateur-php #secondary_content #secondary_content_container .container_links .current_page_item a { background-color: #8EC8CE; } .page-template-page-exercice-integrateur-php #secondary_content #secondary_content_container .container_links .menu > li.parent > ul.children { margin-bottom: 5px; } .page-template-page-exercice-integrateur-php #primary_content .chapeauEtape { margin-bottom: 10px; } .page-template-page-exercice-integrateur-php.page-id-8165 #primary_content .explanation blockquote ul.sansPuce li { text-indent: -15px; margin-left: 28px; } /* Outils onglets exercices intégrateurs */ #primary_content .onglets { margin: 30px 0 15px; } #primary_content .onglets ul.btn-onglets { padding: 0; } #primary_content .onglets ul.btn-onglets > li { list-style-image: none; margin-left: 4px; margin-right: 4px; margin-bottom: 0px; border-bottom: 0px !important; } #primary_content .onglets ul.btn-onglets > li a { position: relative; border-bottom: 0px; min-width: 50px; text-align: center; overflow: visible; } #primary_content .onglets ul.btn-onglets > li a:hover { text-decoration: underline; } #primary_content .onglets ul.btn-onglets > li.ui-state-hover.ui-tabs-active a:hover { text-decoration: none; cursor: text; } #primary_content .onglets ul.btn-onglets > li a span.icone { display: block; background: inherit; width: 40px; height: 40px; position: absolute; top: -25px; left: 50%; margin-left: -20px; border: 1px solid #FFF; border-radius: 20px; } #primary_content .onglets ul.btn-onglets > li:first-child { margin-top: 5px; margin-left: 0px; } #primary_content .onglets ul.btn-onglets > li:last-child { margin-bottom: 0px; margin-right: 0px; } #primary_content .onglets ul.btn-onglets > li a { padding-top: 20px; text-transform: uppercase; color: #323232; opacity: 0.7; } #primary_content .onglets ul.btn-onglets > li a.disable { opacity: 0.3; } #primary_content .onglets ul.btn-onglets > li a.disable:hover { text-decoration: none; } #primary_content .onglets ul.btn-onglets > li.ui-state-active a { opacity: 1; } #primary_content .onglets .onglet-panneau { border: 2px solid; border-top-width: 4px; clear: both; position: relative; top: -1px; } #primary_content .onglets .onglet-panneau p:last-child, #primary_content .onglets .onglet-panneau ul:last-child, #primary_content .onglets .onglet-panneau ol:last-child { margin-bottom: 0px; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-dossier { background: #6AA5AA; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-dossier .icone { background: url(images/squelette/ico_onglet_dossiers.png) no-repeat center center #6AA5AA; } #primary_content .onglets .onglet-panneau#onglet-dossiers { border-color: #6AA5AA; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-temoignages { background: #82D0D8; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-temoignages .icone { background: url(images/squelette/ico_onglet_temoignages.png) no-repeat center center #82D0D8; } #primary_content .onglets .onglet-panneau#onglet-temoignages { border-color: #82D0D8; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-ressources { background: #8FC1C1; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-ressources .icone { background: url(images/squelette/ico_onglet_ressources.png) no-repeat center center #8FC1C1; } #primary_content .onglets .onglet-panneau#onglet-ressources { border-color: #8FC1C1; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-outils { background: #BED1AD; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-outils .icone { background: url(images/squelette/ico_onglet_outils.png) no-repeat center center #BED1AD; } #primary_content .onglets .onglet-panneau#onglet-outils { border-color: #BED1AD; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-conseils { background: #D5D393; } #primary_content .onglets ul.btn-onglets > li a.btn-onglet-conseils .icone { background: url(images/squelette/ico_onglet_conseils.png) no-repeat center center #D5D393; } #primary_content .onglets .onglet-panneau#onglet-conseils { border-color: #D5D393; } /* Exception d'indentation pour le menu de présentation */ .page-template-page-presentation-exercices-integrateurs-php #secondary_content .menu .page-item-6109 a, .page-template-page-presentation-exercices-integrateurs-php #secondary_content .menu .page-item-6111 a, .page-template-page-presentation-exercices-integrateurs-php #secondary_content .menu .page-item-6113 a, .page-template-page-presentation-exercices-integrateurs-php #secondary_content .menu .page-item-6115 a { text-indent: -17px; padding-left: 34px !important; } .page-template-page-exercice-integrateur-php #primary_content .onglets .onglet-panneau#onglet-conseils blockquote { background: url(images/squelette/ico_ep_conseils.png) no-repeat left center; padding-left: 80px; min-height: 70px; } .page-id-8169.page-template-page-exercice-integrateur-php #primary_content .onglets .onglet-panneau#onglet-conseils blockquote { background: url(http://formationsst.csn.info/files/2014/03/ico_perso_femme_01.png) no-repeat left center; } /* Exercice pratique */ .parent-pageid-6109.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6109.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-6131.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6131.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-6776.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6776.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-6893.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6893.page-template-page-exercice-integrateur-php #primary_content h1 { color: #7A507A; } .parent-pageid-6111.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6111.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-7571.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7571.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-7581.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7581.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-7591.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7591.page-template-page-exercice-integrateur-php #primary_content h1 { color: #7F8757; } .parent-pageid-6113.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6113.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-6138.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6138.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-7836.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7836.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-7854.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-7854.page-template-page-exercice-integrateur-php #primary_content h1 { color: #B55848; } .parent-pageid-6115.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-6115.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-8149.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-8149.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-8161.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-8161.page-template-page-exercice-integrateur-php #primary_content h1, .parent-pageid-8173.page-template-page-exercice-integrateur-php #primary_content .chapeauEtape .exeIntegrateur, .parent-pageid-8173.page-template-page-exercice-integrateur-php #primary_content h1 { color: #4C5862; } .page-template-page-exercice-integrateur-php #primary_content h1 { padding-bottom: 10px; border-bottom: 2px dotted #B2B2B2; } .page-template-page-exercice-integrateur-php #primary_content h1 { padding-bottom: 10px; border-bottom: 2px dotted #B2B2B2; } .page-template-page-exercice-integrateur-php #primary_content #quiz-2 { width: 100%; } .page-template-page-exercice-integrateur-php #primary_content #quiz-2 ol { padding-top: 25px; } .page-template-page-exercice-integrateur-php #primary_content #quiz-2 .answer-question-explication.explanation p, .page-template-page-exercice-integrateur-php #primary_content #quiz-2 .answer-question-explication.explanation ol, .page-template-page-exercice-integrateur-php #primary_content #quiz-2 .answer-question-explication.explanation ul { margin-bottom: 12px; } .page-template-page-exercice-integrateur-php #primary_content #quiz-2 .quizzin-question table input { width: 8%; } .page-template-page-exercice-integrateur-php #quiz-2 #primary_content .quizzin-question p.submit input, .page-template-page-exercice-integrateur-php #quiz-2 #primary_content .quizzin-question p.suivant input { width: auto; } .page-template-page-exercice-integrateur-php #quiz-2 .answer-question-explication ul.puces li { list-style-type: disc; } /*----------------------------------- | Bouton retour en haut de page -------------------------------------*/ #primary_content { position: relative; } #primary_content .back-to-top { position: fixed; bottom: 2em; margin-left: 670px; text-decoration: none; text-align: center; color: #000000; font-size: 12px; padding: 1em; display: none; border-bottom: none; width: 30px; height: 20px; background: url(images/contenu/img_retour_sommet_up.png) no-repeat center center; background-color: #e8e9e8; background-color: rgba(235, 235, 235, 0.80); } #primary_content .back-to-top:hover { color: #ffffff; border-bottom: none; background: url(images/contenu/img_retour_sommet_hover.png) no-repeat center center; background-color: #e8e9e8; background-color: rgba(235, 235, 235, 0.80); } /*----------------------------------- | 404 -------------------------------------*/ .error404 #primary_content h1 { margin-top: 38px; color: #717171; } .error404 #primary_content h2 { font-weight: bold; font-size: 12px; margin-bottom: 18px; color: #717171; } .error404 #primary_content h3 { color: #565636; font-weight: bold; font-size: 12px; margin-bottom: 4px; } /*----------------------------------- | Recherche -------------------------------------*/ .search #primary_content h1, #page_search h1 { margin-top: 38px; color: #717171; } .search #primary_content h2 { font-weight: bold; font-size: 12px; margin-bottom: 18px; color: #717171; } .search #primary_content h3 { color: #565636; font-weight: bold; font-size: 12px; margin-bottom: 4px; } #page_search #nav-below { margin-bottom: 20px; } #page_search #searchform { float: right; margin-top: 3px; } #page_search .page { margin-bottom: 15px; } #page_search div:last-child { margin-bottom: 0px; } #page_search #nav-above { margin-bottom: 20px; } #page_search #nav-above .nav-previous { float: left; } #page_search #nav-above .nav-next { float: right; } #page_search strong.search-excerpt { color: #587C81; font-size: 14px; background: yellow; } #page_search #nav-below { margin-top: 20px; } #page_search #nav-below .nav-previous { float: left; } #page_search #nav-below .nav-next { float: right; } .page-template-search-php #page_search h2, .page-template-search-php #page_search div { display: none; } .page-template-search-php #page_search #searchform div { display: block; } /*----------------------------------- | Drag & Drop -------------------------------------*/ #form_drag_drop #drag, #drop { background: #F1F3F2; border: 1px dotted #666666; padding: 10px 10px 20px; } #form_drag_drop.symboles_SIMDUT #drop ul li.draggable { height: 450px !important; } #form_drag_drop #drag { float: right; width: 430px; } #form_drag_drop #drag ul { margin-top: 10px; margin-bottom: 0px; } #form_drag_drop #drop { float: left; width: 430px; } #form_drag_drop .draggable { cursor: move; border-bottom: 1px dotted #666; padding-bottom: 8px; margin-bottom: 8px; } #form_drag_drop #drag ul li.draggable:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } #form_drag_drop .draggable.ui-draggable-dragging { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } #form_drag_drop .draggable.ui-state-disabled { cursor: auto; border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } #form_drag_drop .droppable p { margin: 0px; padding: 10px 0 70px; background: url(images/squelette/img_drag_image.png) bottom center no-repeat; } #form_drag_drop .droppable.ui-state-active p { margin: 0px; padding: 10px 0 70px; background: url(images/squelette/img_drag_image_hover.png) bottom center no-repeat; } #form_drag_drop .droppable.associated p { background: none; } #form_drag_drop #drop .mauvaiseReponse strong { color: red; } #form_drag_drop #drop .bonneReponse strong { color: green; } #form_drag_drop #valider { margin-top: 20px; clear: both; } #form_drag_drop .retroaction { display: none; float: right; width: 430px; } #form_drag_drop .btn_validation { text-align: center; float: none; width: 430px; margin: 0 auto; display: block; } #quiz-drag-image #form_drag_drop { width: 100%; height: 100%; position: absolute; min-width: 1150px; } #quiz-drag-image #form_drag_drop #dnd_background { background: url(images/contenu/graphique_etape3_processus_intervention_prevention_sansBoites.jpg) no-repeat center center; position: absolute; width: 344px; height: 302px; top: 50%; left: 50%; margin-left: -175px; margin-top: -100px; z-index: 1; } #quiz-drag-image #form_drag_drop #front { position: relative; z-index: 2; } #quiz-drag-image #form_drag_drop #drop { background: none; border: none; position: absolute; width: 430px; height: 402px; top: 50%; left: 50%; margin-left: -240px; margin-top: 40px; z-index: 2; float: none; } #quiz-drag-image #form_drag_drop #drop div { background: rgba(0,0,0, 0.3); border: 1px solid #000; position: absolute; width: 300px; } #quiz-drag-image #form_drag_drop #drop #container-1 { top: 10px; left: 80px; } #quiz-drag-image #form_drag_drop #drop #container-2 { top: 120px; left: 330px; } #quiz-drag-image #form_drag_drop #drop #container-3 { top: 270px; left: 280px; } #quiz-drag-image #form_drag_drop #drop #container-4 { top: 270px; left: -100px; } #quiz-drag-image #form_drag_drop #drop #container-5 { top: 120px; left: -160px; } #quiz-drag-image #form_drag_drop #drop #container-9 { top: 10px; left: 80px; } #quiz-drag-image #form_drag_drop #drag { background: #ECF0EF; border: 1px dotted #333333; float: none; width: auto; margin: 0 auto; height: 175px; padding-top: 0px; } #quiz-drag-image #form_drag_drop #drag li { float: left; width: 350px; background: #CCC; list-style-type: none; margin-left: 0px; list-style-image: none; padding: 5px; display: none; border-bottom: none; margin: 0px 10px 10px 0px; } #form_drag_drop .retroaction { display: none; width: 430px; float: none; margin: 0 auto; } /*----------------------------------- | Quiz (autres) -------------------------------------*/ #quiz-2 ol.sortable { border-top: 2px dotted #DADADA; } .page-template-page-quiz-php #quiz-2 ul.sortable li { border: 1px dotted #666666; background: none repeat scroll 0 0 #F1F3F2; list-style-image: none; list-style-type: none; padding: 3px 8px; margin-right: 23px; } .page-template-page-quiz-php li .explanation .answer-question-explication p, .page-template-page-quiz-php li .answer-question-explication.explanation p { margin-bottom: 10px; } .page-template-page-quiz-php li .explanation .answer-question-explication p:last-child, .page-template-page-quiz-php li .answer-question-explication.explanation p:last-child { margin-bottom: 0px; } #quiz-2 .sortable li { cursor: move; } #quiz-2 .sortable.ui-sortable-disabled { cursor: text; } #quiz-2 .holder .receiver .ui-sortable-placeholder { padding-top: 15px; padding-bottom: 20px; } #quiz-drag-image #form_drag_drop .droppable { height: 100px; } #quiz-drag-image #form_drag_drop .droppable p { background: none; padding-bottom: 0px; } #quiz-drag-image #form_drag_drop .droppable.ui-state-active p { background: none; } .page-template-page-quiz-php #primary_content { width: 97%; } .ie7 #secondary_content_container { background-color: #f1f3f2; } .ie7 #secondary_content_container .menu li { display: inline-block; } .ie7 body.quiz #quiz.noFeedbackFin .show-question { border-bottom: none; } .ie7 #quiz-2 .btn_imprimer, .ie7 #quiz.validerMauvaiseReponse.noFeedbackFin .btn_imprimer, .btn_imprimer { position: relative; top: 0px; } .ie7 .section-infos #primary_content .chapeauEtape, .ie7 .section-infos #primary_content .chapeauEtape h2.section { margin-bottom: 10px !important; padding-bottom: 0px !important; } .ie7 .section-infos #primary_content h1 { margin-top: 0px !important; padding-top: 0px !important; } .ie7 .section-infos #primary_content a, .ie7 .section-infos #primary_content a:hover { border-bottom: 0px; text-decoration: underline; } .ie7 .section-infos #primary_content li { vertical-align: top; display: table-cell; margin-left: 35px; margin-bottom: 0px; margin-top: 0px; } .ie7 .page-template-default #primary_content ul li, .ie7 .page-template-default #primary_content ol li { vertical-align: top; display: table-cell; margin-left: 35px; margin-bottom: 0px; margin-top: 0px; } .ie7 .section-infos #primary_content li label { width: 87%; } .ie7 .section-infos #primary_content li input { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; vertical-align: top; } #page_2292 ul ul { margin-top: 10px; margin-bottom: 10px; } .ie8 #primary_content ol li { margin-left: 25px; } .ie9 #header .menu-etapes-container span { margin-right: 12px; } .ie8 .secondTypeQuiz ol li input, .ie8 .secondTypeQuiz ol li label, .ie7 .secondTypeQuiz ol li input, .ie7 .secondTypeQuiz ol li label, .ie6 .secondTypeQuiz ol li input, .ie6 .secondTypeQuiz ol li label { float: none; width: auto; } #quiz #troubles_musculosquelettiques_courants li { display: block; min-height: 50px; border-bottom: none; margin-bottom: 10px; } #quiz #troubles_musculosquelettiques_courants li label { position: relative; top: -4px; } .ie9 .fancybox-title-float-wrap .child { margin-right: -50%; } .ie7 .fancybox-title-float-wrap .child { margin-right: -20%; }